@font-face{font-family:Cinzel;src:url(../fonts/Cinzel.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/CormorantGaramond.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/CormorantGaramond-Italic.woff2)format("woff2");font-weight:300 700;font-style:italic;font-display:swap}:root{--ink:#2b1d12;--parchment:#f3e7cc;--parchment-deep:#e6d3ac;--crimson:#a3172b;--crimson-dark:#6e0f1d;--azure:#1f4fa8;--gold:#e8b730;--gold-soft:#f6d77a;--panel:#18100ac7;--title-serif:"Cinzel", "Trajan Pro", "Palatino Linotype", serif;--body-serif:"Cormorant Garamond", "Palatino Linotype", Georgia, serif;--bronze:#c9a24a;--menu-ink:#d9ccb2;--serif:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--capitals:"Cinzel", "Trajan Pro", var(--serif)}@font-face{font-family:Cinzel;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2");font-weight:700;font-display:swap}*{box-sizing:border-box}html,body{color:#fff;height:100%;font-family:var(--serif);-webkit-tap-highlight-color:transparent;background:#0d0a08;margin:0;overflow:hidden}button,input{font:inherit}kbd{min-width:1.5em;color:var(--ink);text-align:center;background:#ffffff8c;border:1px solid #00000059;border-bottom-width:2px;border-radius:4px;padding:0 .35em;font:600 .75em/1.5 ui-monospace,Consolas,monospace;display:inline-block}#game,#ghost{width:100vw;height:100vh;filter:saturate(calc(.8 - .4 * var(--hurt) - .3 * var(--ring))) contrast(calc(1.12 + .1 * var(--hurt) - .3 * var(--ring))) brightness(calc((1 - .38 * var(--hurt)) * (1 + 2.4 * var(--ring)))) blur(calc(.45vmin * var(--hurt) + .8vmin * var(--daze)));transition:filter .35s;display:block;position:fixed;inset:0}body.slowmo #game,body.slowmo #ghost{filter:saturate(calc(.5 - .25 * var(--hurt) - .2 * var(--ring))) contrast(calc(1.22 + .1 * var(--hurt) - .3 * var(--ring))) brightness(calc((.9 - .34 * var(--hurt)) * (1 + 2.4 * var(--ring)))) sepia(.12) blur(calc(.45vmin * var(--hurt) + .8vmin * var(--daze)))}body.ringing #game,body.ringing #ghost{transition:none}:root{--hurt:0;--ring:0;--daze:0}#ghost{mix-blend-mode:screen;pointer-events:none}#ghost[hidden]{display:none}#ring{z-index:1;pointer-events:none;opacity:calc(.5 * var(--ring));background:radial-gradient(#fffcf0f2 20%,#fff5e199 100%);position:fixed;inset:0}#hurt,#hurt:after{pointer-events:none;position:fixed;inset:0}#hurt{z-index:1;mix-blend-mode:multiply;opacity:var(--hurt);background:radial-gradient(#0000 30%,#5a0000cc 100%),#eb190fb3}#hurt:after{content:"";opacity:0;background:radial-gradient(#0000 45%,#6e0000e6 100%)}body.dying #hurt:after{animation:1.1s ease-in-out infinite hurt-pulse}@keyframes hurt-pulse{0%,to{opacity:0}15%{opacity:.85}45%{opacity:.2}}#aim{z-index:4;cursor:crosshair;touch-action:none;width:100vw;height:100vh;position:fixed;inset:0}#vignette{pointer-events:none;opacity:0;z-index:2;background:radial-gradient(#0000 45%,#000000a6 100%);transition:opacity .35s;position:fixed;inset:0}body.slowmo #vignette{opacity:1}body.in-match #vignette{opacity:.6}body.in-match.slowmo #vignette{opacity:1}#flash{pointer-events:none;z-index:3;opacity:0;position:fixed;inset:0}#flash.hit{background:radial-gradient(#be141426,#960000b3);animation:.9s ease-out flash}#flash.glance{background:radial-gradient(#c819141f,#a0000099);animation:.65s ease-out flash}#flash.block{background:radial-gradient(#ffffff1a,#a0beff73);animation:.6s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud>*{pointer-events:auto}#scorebar{top:max(12px, env(safe-area-inset-top));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(900px,100vw - 32px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.knight-score{text-shadow:0 2px 4px #000c;grid-template-columns:1fr auto;grid-template-areas:"name name""bar hp""load load";align-items:center;gap:4px 10px;display:grid}.knight-score.them{grid-template-columns:auto 1fr;grid-template-areas:"name name""hp bar""load load"}.knight-score .loadout{opacity:.92;grid-area:load;min-height:1.2em;font-size:13.5px}.knight-score.them .loadout{text-align:right}.loadout b{color:var(--gold-soft);font-weight:700}.knight-score .knight-name{grid-area:name}.knight-score .bar{grid-area:bar}.knight-score .hp{grid-area:hp}.knight-score.them .knight-name{text-align:right}.knight-name{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.bar{background:#0000008c;border:2px solid #ffe6aad9;border-radius:8px;height:14px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080}.bar .fill,.bar .ghost{width:100%;position:absolute;top:0;bottom:0}.bar .ghost{background:#ffe9a6;transition:width .6s .1s}.you .bar .fill{background:linear-gradient(#d7354b, var(--crimson));transition:width .25s;left:0}.them .bar .fill,.them .bar .ghost{right:0}.them .bar .fill{background:linear-gradient(#3f75d8, var(--azure));transition:width .25s}.you .bar .ghost{left:0}.bar .fill.low{animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.6)}}.hp{text-align:center;min-width:2.2em;font-size:18px;font-weight:700}#pass{background:var(--panel);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #ffdc9699;border-radius:20px;padding:6px 14px;font-size:15px}#banner{letter-spacing:.06em;text-transform:uppercase;text-align:center;text-shadow:0 3px #00000080,0 0 30px #0009;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);font-size:clamp(30px,6vw,64px);font-weight:700;line-height:1.05;animation:.45s cubic-bezier(.2,1.4,.4,1) banner-in;position:absolute;top:20%;left:50%;transform:translate(-50%)}#banner.gold{color:var(--gold-soft)}#banner.red{color:#ff8080}#banner.small{background:var(--panel);text-transform:none;letter-spacing:.02em;border-radius:10px;padding:8px 18px;font-size:clamp(17px,2.6vw,24px);top:26%}@keyframes banner-in{0%{opacity:0;transform:translate(-50%)scale(1.6)}to{opacity:1;transform:translate(-50%)scale(1)}}#strike{width:max-content;max-width:calc(100vw - 24px);line-height:1;font-family:var(--capitals);text-align:center;text-transform:uppercase;pointer-events:none;text-shadow:0 2px #0009,0 0 18px #000c;justify-items:center;animation:.4s cubic-bezier(.2,1.4,.4,1) strike-in,.5s ease-in 2.1s forwards strike-out;display:grid;position:absolute;transform:translate(-50%,-50%)}.strike-word{letter-spacing:.08em;font-size:clamp(20px,3.6vmin,38px);font-weight:700}.strike-damage{color:#ff3b30;margin-top:6px;font-size:clamp(28px,5.2vmin,56px);font-weight:700}.strike-damage[hidden]{display:none}#strike.hit .strike-word{color:var(--gold-soft)}#strike.glance .strike-word{color:#fff}#strike.blocked .strike-word{color:#9cc4ff}#strike.miss .strike-word{color:#e4ddd2}#struck{pointer-events:none;filter:drop-shadow(0 3px 2px #000000b3)drop-shadow(0 0 12px #78afff8c);width:clamp(52px,11vmin,100px);animation:.4s cubic-bezier(.2,1.5,.4,1) struck-in,.5s ease-in 1.7s forwards strike-out;position:absolute;top:50%;left:calc(50% + max(120px,16vw));transform:translate(-50%,-50%)}#struck svg{width:100%;height:auto;display:block}#strike[hidden],#struck[hidden]{display:none}@keyframes strike-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes struck-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes strike-out{to{opacity:0}}#btn-menu{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));background:var(--panel);color:#fff;cursor:pointer;border:1px solid #ffdc9680;border-radius:8px;padding:8px 16px;position:absolute}#select{pointer-events:none;position:absolute;inset:0}#select button{pointer-events:auto}.pick-head{background:var(--panel);white-space:nowrap;border-radius:999px;align-items:center;gap:18px;padding:6px 16px;animation:.3s ease-out fade-in;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}#select-title{clip-path:inset(50%);letter-spacing:.08em;text-transform:uppercase;width:1px;height:1px;color:var(--gold-soft);font-size:14px;position:absolute;overflow:hidden}#select-timer{text-align:right;font-variant-numeric:tabular-nums;min-width:2.6em;font-size:18px;font-weight:700}#select-timer.urgent{color:#ff6b6b;animation:.5s infinite alternate pulse}.pick-steps{counter-reset:step;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pick-steps li{counter-increment:step;color:#ffffff80;border-radius:999px;padding:2px 10px;font-size:13px}.pick-steps li:before{content:counter(step) " ";opacity:.7}.pick-steps li.done{color:#ffffffd9}.pick-steps li.done:before{content:"✓ ";color:var(--gold);opacity:1}.pick-steps li.current{background:var(--gold);color:var(--ink);font-weight:700}.pick-card{left:50%;bottom:max(16px, env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#24180ed1,#120c07e6);border:1px solid #e8b73073;border-radius:14px;justify-items:center;gap:8px;width:min(560px,100vw - 32px);padding:12px 16px 14px;animation:.35s ease-out rise;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 12px 40px #00000080}#pick-prompt{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);margin:0;font-size:13px;font-weight:400}.pick-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;display:grid}#pick-info{align-content:center;gap:3px;min-height:4.6em;display:grid}#pick-name{color:#fff;font-size:26px}#pick-blurb{color:#ffffffd9;font-size:15px}#pick-stats{color:var(--gold-soft);font-size:13px}.pick-arrow{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffdc9666;border-radius:10px;justify-items:center;gap:2px;width:54px;padding:4px 0 8px;display:grid}.pick-arrow span{font-size:32px;line-height:1}.pick-arrow:hover{background:#ffffff29}.pick-foot{justify-content:center;gap:10px;display:flex}#pick-back{color:#ffffffd9;cursor:pointer;background:0 0;border:1px solid #ffdc9666;border-radius:10px;padding:9px 16px}#opponent-status{color:#ffffffa6;font-size:13px;font-style:italic}#opponent-status.done{color:#8fdc8f;font-style:normal;font-weight:700}#select.locked .pick-arrow,#select.locked #pick-back{display:none}#select.locked .pick-row{grid-template-columns:1fr}#select.locked #pick-name{font-size:18px}@keyframes rise{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#spur[hidden],#block[hidden]{display:none}#spur{left:50%;bottom:max(70px, calc(env(safe-area-inset-bottom) + 54px));background:var(--panel);text-align:center;border-radius:12px;gap:6px;width:min(420px,100vw - 32px);padding:10px 14px 12px;animation:.25s ease-out fade-in;display:grid;position:absolute;transform:translate(-50%)}.spur-head{justify-content:space-between;align-items:baseline;display:flex}#spur-pace{color:var(--gold-soft);font-size:20px;font-weight:700}.spur-hint{color:#ffffffbf;font-size:13px}#spur.held .spur-hint{color:#fff}.spur-bar{background:#ffffff1f;border-radius:7px;height:14px;overflow:hidden}.spur-bar .fill{background:linear-gradient(90deg,#f6d77a,#ff9f43 60%,#ff5252);width:0;height:100%;transition:width 80ms linear}#spur.held .spur-bar{box-shadow:0 0 12px #ff9f43b3}#spur-stats{color:#fffc;font-size:13px}#block{left:var(--shield-x,calc(50% + 200px));top:var(--shield-y,50%);text-align:center;background:#18100a8c;border-radius:12px;gap:5px;width:118px;padding:8px;animation:.12s ease-out fade-in;display:grid;position:absolute;transform:translateY(-50%)}.block-title{letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3;font-size:12px}.block-gauge{gap:4px;margin:0;padding:0;list-style:none;display:grid}.block-gauge li{color:#fff9;background:#ffffff0d;border:2px solid #ffffff2e;border-radius:8px;padding:6px 8px;font-size:15px;transition:background 60ms,border-color 60ms;position:relative}.block-gauge li.shield{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:700}.block-gauge li.shield:before{content:"⛨";position:absolute;left:8px}#block-keys{left:var(--shield-x,calc(50% + 200px));top:calc(var(--shield-y,50%) + 90px);justify-content:center;gap:6px;width:118px;display:flex;position:absolute}#block-keys[hidden]{display:none}#block-keys button{color:#fff;cursor:pointer;touch-action:manipulation;background:#18100a8c;border:1px solid #ffdc9666;border-radius:10px;align-items:center;gap:4px;padding:5px 10px;font-size:15px;display:flex}#menu{z-index:10;background:radial-gradient(70% 60% at 50% 45%,#0a0c1059,#050608e0 100%),linear-gradient(#141c2659,#0806048c);flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden auto}#menu[hidden]{display:none}#embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}#embers i{width:var(--size);height:var(--size);opacity:0;background:radial-gradient(circle,#ffd27a 0%,#ff8a2a 45%,#ff5a1400 75%);border-radius:50%;animation:linear infinite ember;position:absolute;bottom:-12px;box-shadow:0 0 6px 1px #ff78288c}@keyframes ember{0%{opacity:0;transform:translate(0)}12%{opacity:.85}70%{opacity:.55}to{transform:translate(var(--drift), -105vh);opacity:0}}#menu-body{width:min(580px,100%);max-height:calc(100vh - 80px);color:var(--menu-ink);font-family:var(--body-serif);font-variant-numeric:lining-nums;background:linear-gradient(#ffffff09,#fff0 30%),radial-gradient(at 50% 0,#785a321f,#0000 60%),linear-gradient(#17161a,#0e0d10);border:1px solid #6e5a37;border-radius:4px;padding:28px 32px 22px;font-size:17px;animation:.6s ease-out rise-in;position:relative;overflow-y:auto;box-shadow:0 30px 80px #000000bf,inset 0 0 0 1px #000000e6,inset 0 0 0 5px #c9a24a14,inset 0 0 0 6px #c9a24a47,inset 0 0 60px #0009}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}#menu-body:before,#menu-body:after{content:"";border:2px solid var(--bronze);pointer-events:none;width:26px;height:26px;position:absolute}#menu-body:before{border-bottom:none;border-right:none;top:10px;left:10px}#menu-body:after{border-top:none;border-left:none;bottom:10px;right:10px}.crest{justify-content:center;align-items:center;gap:18px;display:flex}.crest-title{text-align:center;min-width:0}.sigil{filter:drop-shadow(0 4px 6px #000000b3);flex:none;width:58px;height:70px}.crest-kicker{font-family:var(--title-serif);letter-spacing:.42em;text-transform:uppercase;color:#8f7a55;margin:0 0 6px;font-size:12px}.title{font-family:var(--title-serif);letter-spacing:.08em;text-align:center;text-transform:uppercase;background:linear-gradient(#f4f1ea 0%,#c9c6bf 38%,#8b8781 55%,#d8c39a 82%,#a8834a 100%);color:#0000;filter:drop-shadow(0 2px #000000e6)drop-shadow(0 0 18px #0009);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,7.4vw,56px);font-weight:900;line-height:1}.title.small{font-size:clamp(24px,5vw,32px)}.rule{width:82%;color:var(--bronze);align-items:center;gap:10px;margin:10px auto 0;font-size:11px;display:flex}.rule span{background:linear-gradient(90deg, transparent, var(--bronze), transparent);flex:1;height:1px}.tagline{text-align:center;color:#b9ad97;margin:14px 0 18px;font-size:19px;font-style:italic}.games-home{text-align:center;font-family:var(--title-serif);letter-spacing:.18em;text-transform:uppercase;color:#7d6c50;margin:14px 0 0;font-size:11px;text-decoration:none;display:block}.games-home:hover{color:var(--bronze)}#menu-body h2{font-family:var(--title-serif);letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);margin:20px 0 8px;font-size:15px;font-weight:700}#menu-body h3{font-family:var(--title-serif);letter-spacing:.14em;text-transform:uppercase;color:#9c8a68;margin:12px 0 4px;font-size:13px}.menu-field{font-family:var(--title-serif);letter-spacing:.24em;text-transform:uppercase;color:#8f7a55;gap:6px;margin:10px 0;font-size:11px;display:grid}.menu-field input{border:1px solid #4a3f2c;border-bottom-color:var(--bronze);color:#efe6d2;font-family:var(--body-serif);letter-spacing:.02em;text-transform:none;background:#00000073;border-radius:2px;padding:10px 12px;font-size:19px}.menu-field input::placeholder{color:#6d6253}.menu-check{color:#cbbd9f;cursor:pointer;align-items:flex-start;gap:10px;margin:6px 0 2px;font-size:15px;line-height:1.35;display:flex}.menu-check input{width:18px;height:18px;accent-color:var(--bronze);flex:none;margin:2px 0 0}.menu-check b{color:#efe6d2;font-weight:600;display:block}.menu-actions{flex-wrap:wrap;gap:10px;margin:14px 0 4px;display:flex}.menu-actions button{flex:200px}#menu-body button,#pause button{color:#d9ccb2;font-family:var(--title-serif);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#26232a,#19171c);border:1px solid #5d4c31;border-radius:2px;padding:12px 18px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff0f,0 2px 8px #00000080}#menu-body button:hover:not(:disabled),#pause button:hover:not(:disabled){border-color:var(--bronze);color:#f3e6c4;box-shadow:inset 0 1px #ffffff14,0 0 14px #c9a24a40}#menu-body button.primary,#pause button.primary{color:#f6e7c3;text-shadow:0 1px #00000080;background:linear-gradient(#8e1626,#5e0b17);border-color:#b8913f;box-shadow:inset 0 1px #ffc8a02e,0 2px 10px #0009}#menu-body button.primary:hover:not(:disabled),#pause button.primary:hover:not(:disabled){box-shadow:inset 0 1px #ffc8a038,0 0 18px #aa1e2880}#btn-lock{border:2px solid var(--crimson-dark);background:linear-gradient(#c22538, var(--crimson));color:#fff;text-shadow:0 1px #0000004d;cursor:pointer;border-radius:10px;padding:11px 22px;font-size:17px;font-weight:700}#btn-lock kbd{margin-left:6px}#btn-lock:disabled{cursor:default;background:#7b8b6a;border-color:#556347}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}#menu-body .hint{color:#8e8370;margin:6px 0;font-size:16px;font-style:italic}.open-games{margin-top:8px}.open-game{border:1px solid #3a3226;border-left:3px solid var(--bronze);background:#00000059;justify-content:space-between;align-items:center;gap:12px;margin:6px 0;padding:10px 12px;display:flex}.open-game>div{gap:2px;min-width:0;display:grid}.open-game strong{text-overflow:ellipsis;white-space:nowrap;font-family:var(--title-serif);letter-spacing:.06em;color:#efe6d2;font-size:15px;overflow:hidden}.open-game span{color:#8e8370;font-size:15px}.open-game button{flex:none}.how{color:#b9ad97;margin-top:16px;font-size:16.5px;line-height:1.45}.how summary{cursor:pointer;font-family:var(--title-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);font-size:12px}.how ul{margin:4px 0;padding-left:20px}.how b{color:#e6d9bb}#menu-body kbd{color:#e6d9bb;background:#2a2620;border-color:#5d4c31}.lobby-players{gap:8px;margin:10px 0;padding:0;list-style:none;display:grid}.lobby-players li{border:1px solid #3a3226;border-left:5px solid var(--crimson);font-family:var(--title-serif);letter-spacing:.06em;color:#efe6d2;background:#00000059;justify-content:space-between;padding:12px 14px;font-size:15px;display:flex}.lobby-players li b{letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);font-size:12px}.lobby-players li.azure{border-left-color:#2f5fbf}.lobby-players li.waiting{font-family:var(--body-serif);color:#8e8370;border-left-color:#5d4c31;font-style:italic}.result{font-family:var(--title-serif);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#0000;filter:drop-shadow(0 2px #000000e6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,9vw,62px);font-weight:900}.result.won{background-image:linear-gradient(#fff3c9,#e0b450 55%,#9a6b1f)}.result.lost{background-image:linear-gradient(#e2a3a3,#a01c2c 55%,#5a0a14)}.result.draw{background-image:linear-gradient(#f4f1ea,#a9a59e 55%,#6d6a64)}.stats{border-collapse:collapse;color:#d9ccb2;width:100%;margin:10px 0 6px;font-size:16px}.stats th,.stats td{text-align:center;border-bottom:1px solid #c9a24a29;padding:6px 8px}.stats th:first-child{text-align:left;color:#8e8370;font-weight:400}.stats thead th{font-family:var(--title-serif);letter-spacing:.1em;color:var(--bronze);font-size:13px}#status{color:#d9ccb2;text-shadow:0 1px 3px #000;text-align:center;min-height:1.4em;font-family:var(--body-serif);margin-top:10px;font-size:17px;position:relative}#status.error{color:#ffb3a8}@media (width<=520px){#menu-body{padding:24px 18px 18px}.crest{gap:8px}.sigil{width:34px;height:42px}.crest-kicker{letter-spacing:.3em;font-size:9px}}#pause{z-index:20;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}#pause[hidden]{display:none}#pause .panel{background:var(--parchment);width:min(360px,100vw - 32px);color:var(--ink);text-align:center;border:2px solid #b08a4a;border-radius:14px;gap:10px;padding:22px;display:grid}#pause h2{color:var(--crimson-dark);margin:0}#sound{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:15;align-items:center;gap:8px;display:flex;position:fixed}#btn-sound{color:#d9ccb2;font-family:var(--title-serif);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#26232a,#19171c);border:1px solid #5d4c31;border-radius:2px;padding:7px 12px;font-size:11px;font-weight:700}#btn-sound:hover{border-color:var(--bronze);color:#f3e6c4}#volume{width:90px;accent-color:var(--bronze)}body.in-match #sound{opacity:.75}@media (width<=640px){#scorebar{gap:8px}.knight-name{font-size:13px}.knight-score .loadout{display:none}.hp{font-size:14px}#pass{padding:4px 8px;font-size:11px}.pick-head{gap:10px;padding:5px 12px;top:112px}.pick-card{width:calc(100vw - 16px);padding:10px 10px 12px;bottom:8px}#pick-name{font-size:21px}#pick-blurb{font-size:13px}.pick-arrow{width:46px}#select kbd,#spur kbd,#block-keys kbd{display:none}#block{width:96px}.block-gauge li.shield:before{display:none}#block-keys{flex-direction:column;gap:10px;width:auto;inset:auto 12px 16px auto}#block-keys button{padding:16px 26px;font-size:24px}#menu-body{padding:20px 16px}#sound{top:64px;bottom:auto}#volume,body.in-match #sound{display:none}#btn-menu{top:64px;bottom:auto}}.fe-quick{margin-bottom:0}.fe-quick button{flex-basis:100%}#menu-body .fe-quick-hint{text-align:center;margin:4px 0 0;font-size:15px}.fe-join-code{margin:6px 0 0}.fe-join-row{gap:8px;display:flex}.fe-join-row input{min-width:0;font-family:var(--title-serif);letter-spacing:.2em;text-transform:uppercase;flex:1}.fe-join-row input::placeholder{letter-spacing:.2em}#menu-body .fe-join-row button{flex:none}#menu-body.fe-creating .fe-quick,#menu-body.fe-creating .fe-quick-hint,#menu-body.fe-creating .fe-join-code{display:none}.fe-visibility{border:0;margin:12px 0 0;padding:0}.fe-visibility legend{font-family:var(--title-serif);letter-spacing:.24em;text-transform:uppercase;color:#8f7a55;margin-bottom:4px;font-size:11px}#menu-body:has(>.fe-invite-card)>:not(.crest,.menu-field,.fe-invite-card){display:none}#menu-body .fe-invite-card .hint{text-align:center}#menu-body .fe-text-button{box-shadow:none;color:#8e8370;font-family:var(--body-serif);letter-spacing:0;text-transform:none;text-underline-offset:3px;background:0 0;border:0;margin:10px auto 0;padding:4px 8px;font-size:15px;font-weight:400;text-decoration:underline;display:block}#menu-body .fe-text-button:hover:not(:disabled){color:#efe6d2;box-shadow:none}.fe-code{font-family:var(--title-serif);letter-spacing:.18em;color:var(--gold-soft)}.fe-invite{text-align:center;background:#00000059;border:1px solid #4a3f2c;border-radius:2px;margin:10px 0 6px;padding:12px 14px}.fe-invite-label{font-family:var(--title-serif);letter-spacing:.24em;text-transform:uppercase;color:#8f7a55;margin:0;font-size:11px}.fe-code-large{letter-spacing:.3em;margin:4px 0 10px;font-size:30px;font-weight:700}.fe-invite-row{gap:8px;display:flex}.fe-invite-row input{color:#b9ad97;background:#00000073;border:1px solid #4a3f2c;border-radius:2px;flex:1;min-width:0;padding:8px 10px;font:13px ui-monospace,monospace}#menu-body .fe-invite-row button{flex:none}#menu-body .fe-invite-status{min-height:1.2em;margin:8px 0 0;font-size:15px}#menu-body .fe-more-games{margin:10px 0 0;font-size:15px}@media (width<=540px){.fe-invite-row{flex-wrap:wrap}#menu-body .fe-invite-row button{width:100%}}@font-face{font-family:Lilita One;src:url(/portal/lilita-one-latin.woff2)format("woff2");font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212}.fe-promo{color:#1f1a2e;text-align:left;background:0 0;border:0;width:min(440px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:auto}.fe-promo:focus{outline:none}.fe-promo::backdrop{background:#1f1a2ea6}.fe-promo[open]{animation:.24s ease-out fe-promo-in}@keyframes fe-promo-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.fe-promo .fe-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fe-promo-card{background:#fffdf8;border:2.5px solid #1f1a2e;border-radius:20px;margin:4px 4px 10px;overflow:hidden;box-shadow:0 6px #1f1a2e,0 30px 60px -20px #0009}.fe-promo-head{justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}.fe-promo-from{letter-spacing:.02em;color:#6a6377;align-items:center;gap:7px;font-size:12px;font-weight:750;display:inline-flex}.fe-promo-from svg{width:24px;height:22px}.fe-promo .fe-promo-close{color:#6a6377;cursor:default;background:#f6efe2;border:1.5px solid #d9cdb8;border-radius:999px;flex:none;align-items:center;gap:7px;height:36px;padding:0 13px 0 6px;font:700 13px/1 system-ui,sans-serif;display:inline-flex}.fe-promo-count{background:#fffdf8;border:1.5px solid;border-radius:50%;place-items:center;width:24px;height:24px;font:13px/1 Lilita One,system-ui,sans-serif;display:grid}.fe-promo.fe-promo-ready .fe-promo-close{color:#fffdf8;cursor:pointer;background:#1f1a2e;border-color:#1f1a2e}.fe-promo.fe-promo-ready .fe-promo-close:hover{background:#3a3350}.fe-promo-ready .fe-promo-count{background:0 0;border-color:#0000;font:700 20px/1 system-ui,sans-serif}.fe-promo-art{aspect-ratio:16/9;object-fit:cover;background:#e7dcc8;border-block:2.5px solid #1f1a2e;width:100%;height:auto;display:block}.fe-promo-body{padding:16px 20px 20px}.fe-promo-kicker{letter-spacing:.12em;text-transform:uppercase;color:#b32a15;margin:0;font-size:11.5px;font-weight:800}.fe-promo h2{letter-spacing:.01em;color:#1f1a2e;margin:2px 0 6px;font:34px/1.05 Lilita One,Arial Rounded MT Bold,system-ui,sans-serif}.fe-promo-body>p:not(.fe-promo-kicker){color:#3a3350;margin:0 0 16px;font-size:15px}.fe-promo .fe-promo-cta{color:#fff;letter-spacing:.03em;background:#d4361f;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font:19px/1 Lilita One,system-ui,sans-serif;text-decoration:none;display:flex;box-shadow:0 3px #1f1a2e}.fe-promo .fe-promo-cta:hover{color:#fff;background:#b32a15}.fe-promo :focus-visible{outline-offset:3px;outline:3px solid #3b8fd4}.fe-promo-coins{background:radial-gradient(circle at 30% 30%,#ffe6b8 0,#0000 60%),radial-gradient(circle at 75% 70%,#d9e9f8 0,#0000 60%),#fbf6ec;border-block:2.5px solid #1f1a2e;flex-wrap:wrap;justify-content:center;gap:12px;padding:26px 16px;display:flex}.fe-promo-pack{background:#fffdf8;border:2px solid #1f1a2e;border-radius:14px;align-items:center;gap:4px;padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex;transform:rotate(-3deg);box-shadow:0 3px #1f1a2e}.fe-promo-pack+.fe-promo-pack{transform:rotate(3deg)}.fe-promo-pack svg{width:22px;height:22px}.fe-promo-pack svg+svg{margin-left:-12px}.fe-promo-pack b{margin-left:4px;font:22px/1 Lilita One,system-ui,sans-serif}.fe-promo-pack i{color:#b32a15;margin-left:6px;font-style:normal}@media (height<=560px) and (width>=560px){.fe-promo{width:min(640px,100vw - 24px)}.fe-promo-card{grid-template-rows:auto 1fr;grid-template-columns:44% 56%;display:grid}.fe-promo-head{grid-column:1/-1}.fe-promo-art,.fe-promo-coins{border-block:0;border-top:2.5px solid #1f1a2e;border-right:2.5px solid #1f1a2e;height:100%}.fe-promo-coins{flex-direction:column;align-items:center}.fe-promo-body{border-top:2.5px solid #1f1a2e;padding:12px 16px 16px}.fe-promo h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.fe-promo[open]{animation:none}}
