@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-italic--kVCEDSl.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-italic-CnHihezr.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-italic-DjyOzRJ7.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-italic-B90Hg2GM.woff)format("woff")}:root{--bg:#070a12;--panel:#101522db;--panel-solid:#111624;--panel-hi:#ffb23d12;--line:#82a0d221;--frame:#8caadc38;--text:#e9eef8;--muted:#8a96ad;--accent:#ffb23d;--accent-hot:#ffd27a;--blue:#35a4ff;--red:#ff4b5c;--green:#4ade80;--gold:linear-gradient(160deg, #fff1b8, #ffcc4d 40%, #c98a12);--silver:linear-gradient(160deg, #fff, #c7d2e2 45%, #7d8aa0);--bronze:linear-gradient(160deg, #ffd0a6, #d98a4a 45%, #8a4b1d);--display:"Barlow Condensed", "Arial Narrow", sans-serif;--gap:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg)}body{isolation:isolate;color:var(--text);background:radial-gradient(ellipse 55% 45% at 0% 0%, #35a4ff29, transparent 70%), radial-gradient(ellipse 55% 45% at 100% 0%, #ff4b5c21, transparent 70%), radial-gradient(ellipse 70% 40% at 50% 105%, #ffb23d1f, transparent 70%), linear-gradient(#0b1020, var(--bg) 60%) fixed;min-height:100vh;margin:0;font:15px/1.45 Barlow,Segoe UI,system-ui,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;transform-origin:50% 100%;background-image:linear-gradient(#78a5ff21 1px,#0000 1px),linear-gradient(90deg,#78a5ff21 1px,#0000 1px);background-size:72px 72px;height:55%;position:fixed;bottom:-5%;left:-50%;right:-50%;transform:perspective(420px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}body:after{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000001f 2px 3px),radial-gradient(at 50% 40%,#0000 55%,#0009);position:fixed;inset:0}::selection{background:#ffb23d59}a{color:var(--text);text-decoration:none;transition:color .12s,text-shadow .12s}a:hover{color:var(--accent-hot);text-shadow:0 0 10px #ffb23d73}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{border:1px solid var(--line);color:#cfe3ff;background:#00000073;border-radius:2px;padding:1px 6px;font-size:13px}kbd{font:600 12px/1 var(--display);letter-spacing:.06em;opacity:.85;background:#00000059;border-radius:2px;padding:3px 6px 2px;box-shadow:inset 0 0 0 1px}.muted{color:var(--muted)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{background:linear-gradient(#04060ceb,#080b14b3);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 20px;display:flex;position:relative}.topbar:after{content:"";background:linear-gradient(90deg,#0000,#ffb23db3 30% 70%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px #ffb23d80}.topbar h1,.brand{font:700 italic 28px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px #0009,0 0 18px #78aaff59;margin:0}.topbar h1 span,.brand span{color:var(--accent);text-shadow:0 2px #0009,0 0 18px #ffb23d8c}.home{min-height:40px;color:inherit;align-items:center;gap:10px;display:inline-flex}.home:hover,.topbar h1 .home-name,.brand .home-name{color:inherit;text-shadow:inherit}.home-crest{filter:drop-shadow(0 2px 2px #000000b3)drop-shadow(0 0 8px #ffb23d59);flex:none;width:26px;height:auto;transition:transform .15s}.home:hover .home-crest,.home:focus-visible .home-crest{transform:scale(1.08)rotate(-5deg)}@media (max-width:759px){.home{gap:8px}.home-crest{width:22px}}section,.frame{background:linear-gradient(#161d2ee6, var(--panel));border:1px solid var(--frame);border-radius:2px;min-width:0;padding:14px 16px;animation:.45s ease-out backwards rise;position:relative;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #0000008c,0 20px 40px -24px #000}:is(section,.frame):before,:is(section,.frame):after{content:"";pointer-events:none;z-index:2;width:16px;height:16px;position:absolute}:is(section,.frame):before{border-top:2px solid var(--accent);border-left:2px solid var(--accent);filter:drop-shadow(0 0 4px #ffb23db3);top:-1px;left:-1px}:is(section,.frame):after{border-bottom:2px solid #ffb23d8c;border-right:2px solid #ffb23d8c;bottom:-1px;right:-1px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.hud-title{font:600 italic 16px/1.1 var(--display);text-transform:uppercase;letter-spacing:.12em;color:#d6deec;align-items:center;gap:9px;margin:0;display:flex}.hud-title:before{content:"";background:var(--accent);flex:none;width:5px;height:15px;transform:skew(-18deg);box-shadow:0 0 8px #ffb23db3}.btn{font:700 16px/1 var(--display);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;cursor:pointer;color:#241500;background:linear-gradient(#ffe09a,#ffb23d 50%,#f08a12);border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:9px 20px 8px;transition:box-shadow .15s,filter .15s,transform 80ms;display:inline-flex;position:relative;overflow:hidden;transform:skew(-12deg);box-shadow:inset 0 1px #fff9,inset 0 -2px #783c0059,0 0 0 1px #00000080,0 4px 14px -4px #ffa01e99}.btn>span{font-style:italic;display:inline-block;transform:skew(12deg)}.btn:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fff9 50%,#0000 65%);transition:transform .5s ease-out;position:absolute;inset:0;transform:translate(-120%)}.btn:hover{color:#241500;text-shadow:none;filter:brightness(1.08);box-shadow:inset 0 1px #fff9,inset 0 -2px #783c0059,0 0 0 1px #00000080,0 0 22px #ffaa28bf}.btn:hover:after{transform:translate(120%)}.btn:active{filter:brightness(.95);transform:skew(-12deg)translateY(1px)}.btn:disabled{cursor:default;filter:grayscale(.85)brightness(.6);box-shadow:none}.btn:disabled:after{display:none}.btn-sm{padding:6px 13px 5px;font-size:14px}@media (pointer:coarse){.btn-sm{min-height:40px}.topbar>a:not(.btn){align-items:center;min-height:40px;display:inline-flex}}.btn-ghost{color:#d9e2f2;background:linear-gradient(#28344eb3,#121826cc);box-shadow:inset 0 0 0 1px #8caadc59}.btn-ghost:after{background:linear-gradient(105deg,#0000 35%,#ffffff24 50%,#0000 65%)}.btn-ghost:hover{color:#fff;filter:none;box-shadow:inset 0 0 0 1px #ffb23dcc,0 0 14px #ffb23d40}.btn-hero{padding:11px 26px 10px;font-size:19px;box-shadow:inset 0 1px #fff9,inset 0 -2px #783c0059,0 0 0 1px #00000080,0 0 20px #ffaa288c}select{appearance:none;font:600 15px/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);cursor:pointer;background:linear-gradient(45deg, transparent 50%, var(--accent) 50%) right 14px center / 5px 5px no-repeat, linear-gradient(-45deg, transparent 50%, var(--accent) 50%) right 9px center / 5px 5px no-repeat, linear-gradient(#28344eb3, #121826d9);border:0;border-radius:0;padding:7px 30px 6px 12px;box-shadow:inset 0 0 0 1px #8caadc59}select:hover{box-shadow:inset 0 0 0 1px #ffb23dcc}option{background:var(--panel-solid);color:var(--text);text-transform:none}.emblem{width:26px;height:29px;font:700 italic 15px/1 var(--display);color:var(--muted);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#8caadc1f;place-items:center;display:inline-grid}.emblem.tier-1{background:var(--gold);color:#3a2400;filter:drop-shadow(0 0 6px #ffcc4d99)}.emblem.tier-2{background:var(--silver);color:#1c2433}.emblem.tier-3{background:var(--bronze);color:#2e1606}.dot{vertical-align:1px;background:#3a4150;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.crest-box{display:block;position:relative}.crest-box>svg{width:100%;height:100%;position:absolute;inset:0}.crest-box>.crest-back{height:auto;display:block;position:relative}.crest-glint{position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 180'%3E%3Cpath d='M80 20 L134 41 L128 104 Q118 138 80 160 Q42 138 32 104 L26 41 Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 180'%3E%3Cpath d='M80 20 L134 41 L128 104 Q118 138 80 160 Q42 138 32 104 L26 41 Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.crest-glint i{transform-origin:0 0;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);width:25%;animation:5.5s ease-in-out infinite glint;position:absolute;top:0;bottom:0;left:-37.5%;transform:skew(-20deg)}@keyframes glint{0%,55%{transform:skew(-20deg)translate(0)}to{transform:skew(-20deg)translate(750%)}}.crest-gem-lit{opacity:0;animation:2.6s ease-in-out infinite gem}@keyframes gem{50%{opacity:1}}.live-dot{background:var(--blue);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;position:relative}.live-dot:after{content:"";background:#35a4ff99;border-radius:50%;animation:1.6s infinite pulse;position:absolute;inset:0}@keyframes pulse{70%,to{opacity:0;transform:scale(2.5)}}*{scrollbar-width:thin;scrollbar-color:#ffb23d59 transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.arena-about{z-index:3;background:var(--bg);max-width:900px;margin:0 auto;padding:32px 24px 48px;line-height:1.65;position:relative}.arena-about h2,.arena-about a{color:var(--accent)}.title-screen{--mx:0;--my:0;min-height:100vh;grid-template:"logo logo logo""menu.preview"1fr"foot foot foot"/minmax(340px,440px) 1fr minmax(320px,400px);column-gap:32px;min-height:100dvh;padding:0 clamp(16px,4vw,64px);display:grid;position:relative;overflow:hidden}.backdrop{z-index:0;transform:translate(calc(var(--mx) * -22px), calc(var(--my) * -14px));transition:transform .8s cubic-bezier(.2,.8,.2,1);position:fixed;inset:10vh -24px -24px}.stage-in{width:100%;height:100%;animation:2.4s cubic-bezier(.2,.8,.2,1) backwards stage-in;position:relative;overflow:hidden}.stage{width:130%;height:130%;display:block;position:absolute;top:-15%;left:-15%;transform:scale(.77)}.stage-in:after{content:"";background:#0003;position:absolute;inset:0}@keyframes stage-in{0%{opacity:0;filter:blur(10px);transform:scale(1.14)}}.veil{z-index:1;pointer-events:none;background:linear-gradient(90deg,#04060ce6 0%,#04060c99 25%,#0000 44% 60%,#04060c9e 78%,#04060ce6 100%),linear-gradient(#04060ce6,#04060c8c 30%,#0000 48% 72%,#04060ceb),radial-gradient(45% 70% at 0 60%,#35a4ff33,#0000 70%),radial-gradient(45% 70% at 100% 60%,#ff4b5c2b,#0000 70%);position:fixed;inset:0}.veil:after{content:"";background:repeating-linear-gradient(#0000 0 2px,#00000024 2px 3px),radial-gradient(at 50% 45%,#0000 50%,#000000b3);position:absolute;inset:0}.fog{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fog i{background:radial-gradient(#8296c833,#0000 65%);width:90%;height:62%;animation:38s ease-in-out infinite alternate fog;position:absolute;bottom:-24%;left:-20%}.fog i+i{background:radial-gradient(#ff963c21,#0000 62%);animation-duration:52s;animation-direction:alternate-reverse;bottom:-30%;left:30%}@keyframes fog{to{transform:translate(30%)scale(1.15)}}.motes{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.flash{z-index:6;pointer-events:none;opacity:0;background:radial-gradient(60% 40% at 50% 18%,#ffd68c8c,#0000 70%);animation:1.5s ease-out .45s flash;position:fixed;inset:0}@keyframes flash{12%{opacity:1}to{opacity:0}}.logo,.menu,.preview,.footbar{z-index:3;position:relative}.logo{text-align:center;pointer-events:none;flex-direction:column;grid-area:logo;align-items:center;padding-top:clamp(12px,3.5vh,44px);display:flex}.rays{z-index:-1;width:1100px;height:1100px;margin:-550px 0 0 -550px;animation:120s linear infinite spin;position:absolute;top:46%;left:50%}.rays:before{content:"";background:repeating-conic-gradient(#ffbe5a1c 0deg 3deg,#0000 3deg 14deg);animation:3s .6s backwards fade-in;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 4%,#0000 52%);mask-image:radial-gradient(circle,#000 4%,#0000 52%)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}}.crest-bob{animation:6s ease-in-out 1.4s infinite bob}.crest{width:clamp(62px,9.5vh,108px);animation:1.1s cubic-bezier(.2,.9,.3,1.25) .25s backwards crest-in}.crest>.crest-back{filter:drop-shadow(0 8px 10px #000c)drop-shadow(0 0 24px #ffb23d59)}.crest .crest-glint i{animation-delay:1.8s}@keyframes crest-in{0%{opacity:0;transform:translateY(-24px)scale(.55)rotate(-10deg)}}@keyframes bob{50%{transform:translateY(-5px)}}.wordmark{flex-direction:column;align-items:center;margin:2px 0 0;display:flex}.word-wrap{font:700 italic clamp(58px, min(11vw, 15vh), 156px)/.9 var(--display);letter-spacing:.05em;display:block;position:relative}.word{color:#0000;background:linear-gradient(#fffbe8 0%,#ffe39a 28%,#ffb23d 49%,#8f520a 51%,#d48b1c 63%,#ffd885 86%,#fff3cf 100%);filter:drop-shadow(0 3px #3b1f00)drop-shadow(0 10px 16px #000000d9)drop-shadow(0 0 34px #ffa02859);-webkit-background-clip:text;background-clip:text;padding:0 .1em;animation:1.3s cubic-bezier(.2,.8,.2,1) .4s backwards word-in;display:block}.sheen{color:#0000;will-change:transform;background:linear-gradient(105deg,#0000 42%,#fffffff2 50%,#0000 58%) 100% 0/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;padding:0 .1em;animation:7s ease-in-out 1.9s infinite sheen;position:absolute;inset:0}@keyframes sheen{0%{background-position:100% 0}28%,to{background-position:0 0}}@keyframes word-in{0%{opacity:0;letter-spacing:.45em;filter:blur(14px)}}.sub-word{font:600 clamp(15px, 2.6vh, 26px)/1 var(--display);letter-spacing:.62em;color:#e4ebf7;text-shadow:0 2px #000,0 0 16px #8cb4ff8c;align-items:center;gap:.7em;margin-top:.15em;padding-left:.62em;animation:.9s ease-out 1.05s backwards rise;display:flex}.sub-word i{background:linear-gradient(90deg, transparent, var(--accent));width:clamp(36px,8vw,130px);height:2px;display:block;position:relative}.sub-word i:last-child{transform:scaleX(-1)}.sub-word i:after{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);position:absolute;top:-3px;right:-4px;transform:rotate(45deg)}.tagline{font:600 italic 14px var(--display);letter-spacing:.26em;text-transform:uppercase;color:#9aa7bf;text-shadow:0 1px #000;margin:clamp(6px,1.4vh,14px) 0 0;animation:1s 1.4s backwards fade-in}.menu{flex-direction:column;grid-area:menu;align-self:center;gap:14px;padding:24px 0;display:flex}.entry{color:var(--text);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%);background:linear-gradient(90deg,#0a0e18e6,#101624bd 70%,#1016244d);align-items:center;gap:16px;padding:13px 34px 13px 12px;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s;animation:.75s cubic-bezier(.2,.8,.2,1) backwards entry-in;display:flex;position:relative}.entry:hover,.entry:focus-visible{color:var(--text);text-shadow:none;outline:none}@keyframes entry-in{0%{opacity:0;transform:translate(-70px)}}.entry:before{content:"";pointer-events:none;transition:box-shadow .28s;position:absolute;inset:0;box-shadow:inset 3px 0 #8caadc66,inset 0 1px #8caadc33,inset 0 -1px #8caadc33}.entry:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffe1a038 50%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.entry.on{background:linear-gradient(90deg,#4a2c06f0,#2c1e0cd6 55%,#1e140a59);transform:translate(16px)}.entry.on:before{box-shadow:inset 4px 0 0 var(--accent), inset 0 1px 0 #ffb23dbf, inset 0 -1px 0 #ffb23d73, inset 60px 0 50px -40px #ffb23d66}.entry.on:after{animation:2.8s ease-in-out infinite sweep}@keyframes sweep{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}.socket{width:60px;height:60px;color:var(--tint);flex:none;place-items:center;display:grid;position:relative}.entry[data-entry=play]{--tint:#ff8f9a}.entry[data-entry=create]{--tint:#8fd0ff}.entry[data-entry=ladder]{--tint:#ffd27a}.socket:before{content:"";background:linear-gradient(135deg,#1f283b,#0a0e17);transition:background .28s,box-shadow .28s;position:absolute;inset:10px;transform:rotate(45deg);box-shadow:inset 0 0 0 1.5px #8caadc73,0 0 0 3px #0009}.socket svg{width:30px;height:30px;filter:drop-shadow(0 0 6px var(--tint));transition:transform .28s,color .28s;position:relative}.entry.on .socket{color:#2a1600}.entry.on .socket:before{background:linear-gradient(135deg,#ffe09a,#ffb23d 45%,#b8670b);box-shadow:inset 0 0 0 1.5px #fff1c2,0 0 0 3px #0009,0 0 24px #ffb23dd9}.entry.on .socket:after{content:"";opacity:0;animation:2.2s ease-in-out infinite socket;position:absolute;inset:10px;transform:rotate(45deg);box-shadow:0 0 36px #ffbe50}.entry.on .socket svg{filter:drop-shadow(0 1px #ffffff80);transform:scale(1.1)}@keyframes socket{50%{opacity:1}}.entry-text{flex-direction:column;gap:3px;min-width:0;display:flex}.entry-title{font:700 italic clamp(24px, 3.6vh, 34px)/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#dfe6f3;text-shadow:0 2px #000;transition:color .2s,text-shadow .2s}.entry-sub{color:var(--muted);font-size:14px;transition:color .2s}.entry.on .entry-title{color:#fff6dc;text-shadow:0 2px #000,0 0 18px #ffb23db3}.entry.on .entry-sub{color:#e8d7b4}.chevron{color:#8caadc59;border-top:3px solid;border-right:3px solid;width:12px;height:12px;transition:color .2s;position:absolute;right:36px;transform:rotate(45deg)}.entry.on .chevron{color:var(--accent-hot);animation:1.1s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translate(5px)rotate(45deg)}}.preview{background:linear-gradient(#101524ed,#080b14e6);grid-area:preview;align-self:center;min-height:380px;padding:22px 24px;animation-delay:.95s}.preview-body>*{animation:.45s ease-out backwards rise}.preview-body>:nth-child(2){animation-delay:40ms}.preview-body>:nth-child(3){animation-delay:80ms}.preview-body>:nth-child(n+4){animation-delay:.12s}.preview p{color:#b9c4d8;margin:0 0 12px}.preview a{color:var(--accent)}.preview .kicker{font:600 13px/1 var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.preview-title{font:700 italic 32px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px #000,0 0 18px #ffb23d4d;margin:0 0 10px}.small{font-size:13px}.arsenal{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.arsenal li{box-shadow:inset 0 0 0 1px var(--line);background:#00000059;grid-template-columns:40px 1fr;align-items:center;column-gap:10px;padding:8px 10px;animation:.45s ease-out backwards rise;display:grid}.arsenal li:first-child{--glow:#ffd27a}.arsenal li:nth-child(2){--glow:#9fe3ff}.arsenal li:nth-child(3){--glow:#c9a6ff}.arsenal li:nth-child(4){--glow:#7dffb0}.glyph{width:40px;height:40px;color:var(--glow);background:radial-gradient(circle, color-mix(in srgb, var(--glow) 24%, transparent), transparent 70%);grid-row:span 2;place-items:center;display:grid}.glyph svg{width:28px;height:28px;filter:drop-shadow(0 0 5px var(--glow))}.arsenal li:hover .glyph svg{animation:.5s ease-out pop}@keyframes pop{40%{transform:scale(1.25)rotate(-6deg)}}.arsenal b{font:700 italic 16px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}.arsenal small{color:var(--muted);font-size:12px;line-height:1.2}.preview .keys{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 7px;font-size:13px;display:flex}.keys kbd{color:var(--text)}.keys.pad svg{width:22px;height:22px;color:var(--accent)}.preview .live-line{border-top:1px solid var(--line);font:600 italic 15px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:16px 0 0;padding-top:12px;display:flex}.live-line b{color:var(--text);font-size:20px}.live-line .dot{margin:0}.code{white-space:pre;color:#cfe3ff;box-shadow:inset 0 0 0 1px var(--line), inset 3px 0 0 #35a4ffb3;background:#0000008c;margin:12px 0;padding:12px 14px;font:12px/1.65 ui-monospace,Cascadia Code,Menlo,Consolas,monospace;overflow:hidden}.code .line{width:max-content;max-width:100%;animation:.55s steps(28,end) backwards type;display:block}.code .c{color:#6f7f99;font-style:italic}.code .k{color:var(--accent-hot)}@keyframes type{0%{clip-path:inset(0 100% 0 0)}}.caret{vertical-align:-2px;background:var(--accent);width:8px;height:14px;animation:.1s backwards fade-in,1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.quest{gap:4px;margin:14px 0;padding:0;list-style:none;display:flex}.quest li{font:600 italic 15px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%);background:#0006;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 8px 9px 14px;display:flex}.quest li:first-child{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);padding-left:8px}.quest b{width:22px;height:24px;font:700 italic 14px var(--display);color:#2a1600;background:var(--gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;display:grid}.standings{gap:6px;margin:14px 0;padding:0;list-style:none;display:grid}.standings li{box-shadow:inset 0 0 0 1px var(--line);background:#00000059;align-items:center;gap:12px;padding:6px 12px 6px 8px;animation:.45s ease-out backwards rise;display:flex}.standings li.tier-1{background:linear-gradient(90deg,#ffcc4d33,#00000059 70%)}.standings li.tier-2{background:linear-gradient(90deg,#c7d2e21f,#00000059 70%)}.standings li.tier-3{background:linear-gradient(90deg,#d98a4a24,#00000059 70%)}.standings .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.standings .rating{font:700 italic 20px/1 var(--display);color:var(--accent-hot);font-variant-numeric:tabular-nums}.footbar{font:600 13px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;grid-area:foot;justify-content:space-between;align-items:center;gap:10px 28px;padding:12px 0 16px;animation:1s 1.3s backwards fade-in;display:flex}.footbar:before{content:"";background:linear-gradient(90deg,#0000,#ffb23d8c 30% 70%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.readout{font:600 italic 14px var(--display);letter-spacing:.1em;gap:16px;display:flex}.readout>span{align-items:center;gap:6px;display:inline-flex}.readout b{color:var(--text);font-size:17px}.readout .dot{margin:0}.hints{gap:18px;display:flex}.hints kbd{color:var(--text);margin-right:3px}.extras{flex-wrap:wrap;justify-content:center;gap:10px 20px;display:flex}.title-screen>.corner{z-index:4;align-items:center;gap:12px;display:flex;position:absolute;top:18px;right:clamp(16px,4vw,64px)}.extras a{color:var(--muted)}@media (pointer:coarse){.extras{row-gap:0}.extras a{align-items:center;min-height:36px;display:inline-flex}}@media (max-height:820px){.preview{min-height:0;padding:16px 20px}.preview p{margin-bottom:8px;font-size:14px}.preview-title{font-size:26px}.arsenal,.standings,.quest,.code{margin:10px 0}.arsenal li{padding:6px 8px}.preview .keys.pad{display:none}.preview .live-line{margin-top:10px;padding-top:8px}.menu{gap:10px;padding:12px 0}.entry{padding-top:10px;padding-bottom:10px}.footbar{padding:8px 0 12px}}@media (max-width:1180px){.title-screen{grid-template-columns:minmax(300px,1fr) minmax(300px,400px);grid-template-areas:"logo logo""menu preview""foot foot"}}@media (max-width:760px){.title-screen{grid-template-columns:1fr;grid-template-areas:"logo""menu""foot"}.preview,.hints{display:none}.menu{align-self:start;gap:10px;padding-top:18px}.entry{padding-right:30px}.entry.on{transform:translate(8px)}.socket{width:52px;height:52px}.socket svg{width:26px;height:26px}.chevron{right:30px}.tagline{letter-spacing:.16em;font-size:12px}.footbar{text-align:center;justify-content:center}.veil{background:linear-gradient(#04060cd9,#04060c59 40%,#04060c99 60%,#04060ceb)}}