龙之威 Dragon's Authority

Saber Hilt: Sabertrio Mirah Saber Configuration: Neo, Power Core Chassis System Activation Switch: Black Non-Illuminated Covertec Wheel: Distressed Brass Tassel: Armored Red Neo Blade Plug: Aetcher Powder Coated /* --- General Container --- */ .lore-section { margin-top: 20px; } /* --- Show/Hide Based on Screen Size --- */ @media (max-width: 767px) { .lore-desktop { display: none !important; } /* hide option 2 & 3 */ .lore-mobile { display: block !important; } /* show accordion */ } @media (min-width: 768px) { .lore-mobile { display: none !important; } /* hide accordion */ .lore-desktop { display: block !important; } /* show option 2 & 3 */ } /* --- Accordion (Option 1 / Mobile) --- */ details.lore-toggle { margin-bottom: 10px; } details.lore-toggle summary { cursor: pointer; font-size: 16px; color: #fff; position: relative; padding-left: 22px; list-style: none; line-height: 1.4; margin-bottom: 20px; } details.lore-toggle summary::before { content: "+"; position: absolute; left: 0; top: 0; font-size: 18px; color: #fff; transition: transform 0.2s ease, color 0.2s ease; } details.lore-toggle[open] summary::before { content: "–"; color: #878787; } details.lore-toggle summary:hover { color: #ccc; } details.lore-toggle p { margin-top: 10px; font-size: 15px; line-height: 1.6; color: #878787 !important; font-weight: 400; margin-bottom: 48px !important; text-align: justify; } /* --- Popup Overlay (fixes double scroll) --- */ .lore-popup-overlay { display: none; position: fixed; top: 40px; /* ✅ creates spacing below site header */ left: 0; width: 100%; height: calc(100% - 40px); /* ✅ avoids being cut off by header */ background-color: rgba(0,0,0,0.7); z-index: 9999; justify-content: center; align-items: center; /* ✅ popup starts below header */ padding: 20px; overflow-y: hidden; /* ✅ prevent outer scroll */ } /* --- Popup Box (internal scroll only) --- */ .lore-popup { background-color: #282828; color: #878787; padding: 25px 25px; max-width: 800px; max-height: 80vh; /* ✅ fits on tablets and smaller screens */ border-radius: 12px; text-align: justify; font-size: 14px; line-height: 1.6; box-shadow: 0 0 20px rgba(0,0,0,0.5); position: relative; animation: popupFade 0.25s ease; width: 100%; overflow-y: auto; /* ✅ only this scrolls now */ scrollbar-width: thin; scrollbar-color: #666 #2c2c2c; } /* --- Adjust .lore-text for iPad devices --- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1366px) { .lore-text { max-width: 620px; /* slightly narrower for iPad readability */ font-size: 15px; /* slightly smaller text */ line-height: 1.7; /* better balance with smaller font */ } } /* --- Fallback for Safari/iPad browsers --- */ @supports (-webkit-touch-callout: none) { .lore-popup { overflow-y: auto; /* ✅ Safari only shows scroll when needed */ } } /* --- Scrollable Inner Content --- */ .lore-text { overflow-y: auto; padding-right: 12px; scrollbar-width: thin; /* Firefox */ scrollbar-color: #666 #2c2c2c; /* Firefox */ } /* Chrome / Edge / Safari scrollbar styling */ .lore-text::-webkit-scrollbar { width: 10px; } .lore-text::-webkit-scrollbar-track { background: #2c2c2c; border-radius: 10px; } .lore-text::-webkit-scrollbar-thumb { background-color: #666; border-radius: 10px; border: 2px solid #2c2c2c; } .lore-text::-webkit-scrollbar-thumb:hover { background-color: #888; } .lore-popup p { font-size: 14px; margin-bottom: 32px !important; max-width: 100%; /* 👈 matches image width */ margin-left: auto; margin-right: auto; text-align: justify; width: 600px; } .lore-text p:last-of-type { margin-bottom: 0 !important; } .lore-popup::-webkit-scrollbar { width: 8px; } .lore-popup::-webkit-scrollbar-thumb { background-color: #666; border-radius: 8px; } .lore-popup { background-clip: padding-box; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; max-height: 90vh; } .lore-popup .lore-text { overflow-y: auto; padding-right: 10px; } /* --- Animation --- */ @keyframes popupFade { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } /* --- Popup Close Button --- */ .lore-popup-close { position: absolute; top: 20px !important; right: 20px; color: #fff; font-size: 20px; cursor: pointer; transition: color 0.2s ease; } .lore-popup-close:hover { color: #ccc; } /* --- Option 2: Text Trigger --- */ .lore-trigger { display: inline-block; cursor: pointer; color: #fff; font-size: 16px; margin: 10px 0 20px; font-weight: 500; position: relative; padding-left: 20px; text-decoration: none; } .lore-trigger::before { content: "+"; position: absolute; left: 0; top: 0; font-size: 18px; color: #fff; transition: transform 0.2s ease, color 0.2s ease; } .lore-trigger.active::before { transform: rotate(45deg); color: #878787; } .lore-trigger:hover { color: #ccc; } /* --- Option 3: Button Trigger --- */ .lore-trigger-btn { display: inline-flex; align-items: center; gap: 6px; background-color: transparent; color: #fff; font-size: 16px; border: 1px solid #555; border-radius: 8px; padding: 8px 14px; cursor: pointer; font-weight: 500; transition: all 0.25s ease; margin-bottom: 20px; } .lore-trigger-btn:hover { background-color: #222; border-color: #888; color: #ccc; } .lore-trigger-btn .plus-icon { display: inline-block; transition: transform 0.25s ease; font-size: 18px; margin-left: 4px; } .lore-trigger-btn:hover .plus-icon { transform: rotate(90deg); color: #0070c9; } /* --- Image Styling --- */ /*.lore-image { display: block; margin-top: 80px !important; margin-bottom: 32px !important; margin: 20px auto; border-radius: 8px; max-width: 600px !important; height: 600px !important; box-shadow: 0 0 12px rgba(0,0,0,0.4); } */ .lore-image-mobile { display: block; margin: 20px auto; border-radius: 8px; max-width: auto; height: auto; box-shadow: 0 0 12px rgba(0,0,0,0.4); } /* --- Text + Borders Alignment --- */ .lore-text { max-width: 700px; margin: 0 auto; color: #878787; font-size: 16px; line-height: 1.6; text-align: justify; } .lore-border-line { width: 620px; max-width: 100%; margin: 0 auto 30px; border-bottom: 1px solid rgba(255,255,255,0.15); } .lore-border-line.bottom { margin-top: 30px; margin-bottom: 65px; border-color: rgba(255,255,255,0.1); } /* --- Title Styling --- */ .lore-title { text-align: center; text-transform: uppercase; color: #fff; font-size: 22px; letter-spacing: 1px; margin-bottom: 35px; margin-top: 65px; } /* --- iPad / Tablet Adjustments (Landscape & Portrait) --- */ @media (min-width: 768px) and (max-width: 1024px) { .lore-popup { max-width: 85%; /* ✅ narrower popup so it doesn't touch sides */ max-height: 82vh; /* ✅ gives breathing room top/bottom */ padding: 25px 28px; /* ✅ balanced inner spacing */ } .lore-popup-overlay { padding: 25px; /* ✅ extra margin from screen edges */ } } /* --- iPad Pro Landscape (wider but still needs some edge margin) --- */ @media (min-width: 1025px) and (max-width: 1366px) { .lore-popup { max-width: 75%; /* ✅ slightly smaller for large tablets */ max-height: 75vh; /* ✅ maintain some top/bottom breathing room */ } .lore-popup-overlay { padding: 20px; /* ✅ keeps popup away from bottom edge */ } } Read the lore of 龙之威 Dragon's Authority The Lore of 龙之威 Dragon's Authority Some designs just grab your attention the second you see them, and Lónglín Jiǎ - ancient dragon-scale armor - was one of them. Intact pieces are incredibly rare, as the few that exist were excavated from ancient mausoleums. But the engineering is what stands out. Instead of relying on rigid, heavy plates to stop a hit, the armor used thousands of tiny, overlapping scales that slide against each other to disperse the force of an impact. To the generals who wore it, the dragon scales were also a status symbol, meant to project authority and intimidate the enemy. The Mirah was the right base to reimagine this ancient armor concept as a custom lightsaber. Built as a duelist's hilt, it's streamlined, light, and comfortable to wield, with a curved, slanted emitter and horizontal vents on both sides. Across the main grip section, we acid-etched a uniform scale pattern, then added oriental and cloud motifs at the switch band, Covertec band, slanted emitter, and pommel. The scales also create friction points for a secure grip. To capture the look of those excavated pieces, we applied a finish that mimics oxidation, then weathered it heavily. The treatment darkens the recesses of the metal and makes the individual scales pop. As a final detail, we used the pommel's machined loop to attach a vibrant red tassel, a direct physical reference to the crimson tassels historically tied to the generals' swords. It's built to carry the same presence the original armor once projected. We call it 龙之威 (Lóng zhī wēi), the Dragon's Authority. +Read the lore of 龙之威 Dragon's Authority × The Lore of 龙之威 Dragon's Authority Some designs just grab your attention the second you see them, and Lónglín Jiǎ - ancient dragon-scale armor - was one of them. Intact pieces are incredibly rare, as the few that exist were excavated from ancient mausoleums. But the engineering is what stands out. Instead of relying on rigid, heavy plates to stop a hit, the armor used thousands of tiny, overlapping scales that slide against each other to disperse the force of an impact. To the generals who wore it, the dragon scales were also a status symbol, meant to project authority and intimidate the enemy. The Mirah was the right base to reimagine this ancient armor concept as a custom lightsaber. Built as a duelist's hilt, it's streamlined, light, and comfortable to wield, with a curved, slanted emitter and horizontal vents on both sides. Across the main grip section, we acid-etched a uniform scale pattern, then added oriental and cloud motifs at the switch band, Covertec band, slanted emitter, and pommel. The scales also create friction points for a secure grip. To capture the look of those excavated pieces, we applied a finish that mimics oxidation, then weathered it heavily. The treatment darkens the recesses of the metal and makes the individual scales pop. As a final detail, we used the pommel's machined loop to attach a vibrant red tassel, a direct physical reference to the crimson tassels historically tied to the generals' swords. It's built to carry the same presence the original armor once projected. We call it 龙之威 (Lóng zhī wēi), the Dragon's Authority. /* --- Option 3 JS --- */ const loreTrigger3 = document.getElementById('loreTrigger3'); const lorePopup3 = document.getElementById('lorePopup3'); const closePopup3 = document.getElementById('closePopup3'); if (loreTrigger3) { loreTrigger3.addEventListener('click', () => { lorePopup3.style.display = 'flex'; loreTrigger3.classList.add('active'); document.body.style.overflow = 'hidden'; }); closePopup3.addEventListener('click', () => { lorePopup3.style.display = 'none'; loreTrigger3.classList.remove('active'); document.body.style.overflow = ''; }); lorePopup3.addEventListener('click', e => { if (e.target === lorePopup3) { lorePopup3.style.display = 'none'; loreTrigger3.classList.remove('active'); document.body.style.overflow = ''; } }); } Lead time Ships within 10 working days Shipping usually takes only 3 – 5 working days. Unless the DDP option (for USA only) is selected, any local taxes or import tariffs will be covered by the recipient. What is in the box? A fully assembled pre-customized saber hilt. A chassis with battery & charger, IF included. A Neo Blade in the selected length & grade, IF included. All necessary hex keys. Spare blade retention screws.