:root{color-scheme:dark;--night:#08101e;--royal:#0a2844;--gold:#e8a73f;--ruby:#e61216;--ice:#29c1f6;--pearl:#f8f1e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--pearl);font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;top:-100px;left:10px;background:white;color:black;padding:10px;z-index:100}.skip:focus{top:10px}.top{position:absolute;z-index:10;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(18px,5vw,80px);border-bottom:1px solid #e8a73f40;background:#08101e80;backdrop-filter:blur(16px)}.brand{font:900 25px Georgia,serif;color:#f4c46c;letter-spacing:2px}.brand span{font:600 10px system-ui;display:block;letter-spacing:2px}.top nav{display:flex;gap:24px;font-size:13px}.top nav a:hover{color:var(--gold)}.mini{border:1px solid var(--gold);padding:8px 15px;border-radius:4px;font-size:11px;letter-spacing:1px}.hero{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 68%,#144a78 0%,#0a2844 27%,#08101e 72%)}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 15%,#ffffff05 15.2% 15.3%),linear-gradient(180deg,#0009,transparent 40%,#0009);z-index:-1}.flood{position:absolute;width:55vw;height:70vh;top:8%;opacity:.45;filter:blur(55px);pointer-events:none;animation:pulse 7s ease-in-out infinite alternate}.flood.a{left:-30%;background:radial-gradient(ellipse,#e6121666,transparent 70%)}.flood.b{right:-30%;background:radial-gradient(ellipse,#29c1f688,transparent 70%);animation-delay:2s}.hero-inner{padding:130px 20px 95px;max-width:1050px}.eyebrow{color:var(--gold);font-size:11px;font-weight:750;letter-spacing:3px}.crest-frame{height:clamp(155px,26vh,280px);width:clamp(155px,26vh,280px);margin:25px auto 15px;display:grid;place-items:center;filter:drop-shadow(0 0 30px #e8a73f77);animation:rise 1.2s both}.crest-frame img{width:100%;height:100%;object-fit:contain}.crest-fallback{display:none}.crest-frame.missing{border:2px solid #e8a73f88;border-radius:50%;background:radial-gradient(circle,#143b63,#08101e);font:900 65px Georgia;color:#f5c66d}.crest-frame.missing .crest-fallback{display:block}.crest-fallback small{display:block;font:10px system-ui;letter-spacing:1px}h1,h2{font-family:Georgia,'Times New Roman',serif;line-height:1.08;letter-spacing:-.025em;margin:20px 0}h1{font-size:clamp(34px,6vw,78px)}h2{font-size:clamp(32px,5vw,68px)}h1 em,h2 em{font-style:normal;color:#f4c16b;text-shadow:0 2px 22px #e8a73f44}.hero p,.chapter>p{max-width:710px;margin:20px auto 30px;color:#d0dbe6;font-size:clamp(15px,1.5vw,19px)}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:15px 23px;border-radius:7px;font-size:12px;letter-spacing:1.3px;font-weight:800;border:1px solid var(--gold);cursor:pointer}.btn.gold{background:linear-gradient(130deg,#8d540e,#f9e4a6 42%,#e8a73f 70%,#96570c);color:#2a1704;box-shadow:0 5px 22px #e8a73f44}.btn.outline{background:#08101e80;color:#f4d18e}.btn:disabled{opacity:.65;cursor:not-allowed}.scroll{position:absolute;bottom:25px;color:#e8a73f;font-size:10px;letter-spacing:2px}.chapter{position:relative;text-align:center;padding:clamp(85px,11vw,155px) 22px;min-height:75vh;overflow:hidden}.intro{background:linear-gradient(145deg,#07111f,#103251 55%,#07111f)}.manager{background:radial-gradient(ellipse at top,#52121c,#0b2138 60%,#07111f)}.classic{background:radial-gradient(ellipse at 85% 20%,#114e7b,#08101e 65%)}.mantra{background:radial-gradient(ellipse at 15% 20%,#0d5370,#08101e 65%)}.live{background:radial-gradient(ellipse at 50% 10%,#76201b,#0b243d 60%,#08101e)}.join{background:linear-gradient(135deg,#0b2845,#07111f)}.modes,.nations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1050px;margin:45px auto 0;gap:16px}.modes a,.nations article{background:linear-gradient(135deg,#203e5b99,#08101ee6);border:1px solid #e8a73f80;border-radius:15px;padding:30px 18px;box-shadow:inset 0 1px #ffffff22,0 12px 30px #0005}.modes b{color:var(--gold);display:block;font:30px Georgia}.modes strong,.modes span{display:block}.modes span{font-size:12px;color:#b9cce0;margin-top:8px}.nations{grid-template-columns:repeat(4,minmax(0,1fr))}.nations article span{font-size:35px}.nations h3{color:#f4c16b;letter-spacing:1px}.nations p{font-size:13px;color:#c7d8e7}.features{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:35px auto;max-width:1000px}.features span,.tag{border:1px solid #e8a73f77;border-radius:30px;padding:9px 16px;color:#f3d49c;font-size:11px;letter-spacing:1px}.tag{display:inline-block;margin-top:25px}.score{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;margin:40px auto 0;padding:28px;border:1px solid #e8a73f88;border-radius:15px;background:#08101edb;max-width:650px}.score strong{font:55px Georgia;color:#fff}.score i{color:var(--gold);font-style:normal}.score span{font-size:12px}.score small{flex-basis:100%;color:#9bb6cb;font-size:10px}.selection{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:25px auto}.selection label{border:1px solid #e8a73f66;padding:12px 20px;border-radius:8px}.selection input{accent-color:#e8a73f}.notice{font-size:13px!important;max-width:590px!important}footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;background:#030a13;padding:35px 5vw;color:#aabccd;font-size:12px}footer b{color:var(--gold)}footer div{display:flex;gap:18px;flex-wrap:wrap}footer small{width:100%;color:#7892a6}@keyframes pulse{from{opacity:.2;transform:scale(.9)}to{opacity:.55;transform:scale(1.1)}}@keyframes rise{from{opacity:0;transform:translateY(25px) scale(.9)}to{opacity:1;transform:none}}@media(max-width:750px){.top{padding:15px 18px}.top nav{display:none}.mini{font-size:10px}.modes,.nations{grid-template-columns:1fr 1fr}.hero-inner{padding-top:125px}.chapter{min-height:auto}.score{gap:12px}.score strong{font-size:40px}}@media(max-width:450px){.nations,.modes{grid-template-columns:1fr}.crest-frame{height:180px;width:180px}.hero p{font-size:15px}.btn{width:100%}.top .brand span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}