Symforá Messínis

Saber Hilt: Sabertrio Daemos Saber Configuration: Neo, Power Core Chassis System Activation Switch: Silver Non-Illuminated Covertec Wheel: Stained Silver Neo Blade Plug: Coren Stained Silver Black /* --- 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 Symforá Messínis The Lore of Symforá Messínis "Ten years the King of Ithaca gave to the Trojan War. Ten more the sea kept him from his shores, a long passage of choices between the bad and the worse. The cruelest waited for him at the Strait of Messina, where the sea narrowed between two horrors, Scylla the six-headed and deathless, and Charybdis the whirlpool that breathed. To steer toward Scylla's cliff was to accept losing six men rather than losing them all. He had been warned she could not be beaten, and he took up arms against her anyway. She took the six, and he could only watch. The cost sailed on with him. This lightsaber was built to carry that weight. For the base, we chose the Daemos. A snake coils around each emitter claw, the old Greek guardian of the threshold between the living and the dead, presiding over a crew bound to cross it. Just beneath, the emitter sleeve is acid-etched with motifs drawn from Odysseus' own helmet, the one that saw him through a decade of war and another decade of wandering. Further down, the switch band marks his most agonizing hour. Six serpentine heads capture the inexorable horror of Scylla's assault, set above wave patterns that embody the crushing pull of Charybdis. From there, a composite Greek border wraps the Covertec band, its continuous Meander Pattern framing an Anthemion frieze of alternating palmettes and spiraling volutes. Across the saber hilt, segments of copper finish are stained and weathered, giving this piece the battleworn look of a weapon that has survived twenty years of war and voyage. Of all the sea showed him, that slaughter was the most wretched sight his eyes ever met, and for that we have christened this saber Symforá Messínis - the Disaster of Messina." +Read the lore of Symforá Messínis × The Lore of Symforá Messínis "Ten years the King of Ithaca gave to the Trojan War. Ten more the sea kept him from his shores, a long passage of choices between the bad and the worse. The cruelest waited for him at the Strait of Messina, where the sea narrowed between two horrors, Scylla the six-headed and deathless, and Charybdis the whirlpool that breathed. To steer toward Scylla's cliff was to accept losing six men rather than losing them all. He had been warned she could not be beaten, and he took up arms against her anyway. She took the six, and he could only watch. The cost sailed on with him. This lightsaber was built to carry that weight. For the base, we chose the Daemos. A snake coils around each emitter claw, the old Greek guardian of the threshold between the living and the dead, presiding over a crew bound to cross it. Just beneath, the emitter sleeve is acid-etched with motifs drawn from Odysseus' own helmet, the one that saw him through a decade of war and another decade of wandering. Further down, the switch band marks his most agonizing hour. Six serpentine heads capture the inexorable horror of Scylla's assault, set above wave patterns that embody the crushing pull of Charybdis. From there, a composite Greek border wraps the Covertec band, its continuous Meander Pattern framing an Anthemion frieze of alternating palmettes and spiraling volutes. Across the saber hilt, segments of copper finish are stained and weathered, giving this piece the battleworn look of a weapon that has survived twenty years of war and voyage. Of all the sea showed him, that slaughter was the most wretched sight his eyes ever met, and for that we have christened this saber Symforá Messínis - the Disaster of Messina." /* --- 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.