@font-face{font-family:Cinzel;font-weight:700;font-display:swap;src:url(/fonts/cinzel-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Cinzel;font-weight:900;font-display:swap;src:url(/fonts/cinzel-latin-900-normal.woff2)format("woff2")}:root{--navy:#0b1a33;--slate:#2a3b55;--gold:#d4af37;--ember:#ff6a00;--crimson:#b22222;--emerald:#16a34a;--ivory:#f5ebd7;--onyx:#0f0f10;--gutter:12px;--top:max(10px, env(safe-area-inset-top));--bottom:calc(10px + env(safe-area-inset-bottom));--left:calc(var(--gutter) + env(safe-area-inset-left));--right:calc(var(--gutter) + env(safe-area-inset-right));--slot:11px;--strips:calc(12.6 * var(--slot) + 52px);--c:9px;--cut:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));--serif:Cinzel, "Times New Roman", serif;--sans:-apple-system, system-ui, sans-serif}@media (width>=385px){:root{--slot:12px}}@media (width>=700px){:root{--slot:19px;--gutter:18px}}body:not(.lab-on) #lab-bar,body:not(.lab-on) .lab-panel{display:none}.cw-game .pc-card{bottom:calc(70px + env(safe-area-inset-bottom))}.cw-hud{z-index:5;pointer-events:none;color:var(--ivory);font:600 12px/1.2 var(--sans);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.cw-hud button,.cw-title button{pointer-events:auto;touch-action:manipulation}.cw-hud [hidden]{display:none!important}.cw-title:not(.gone)~.cw-hud{visibility:hidden}.plate{max-width:calc(100vw - var(--left) - var(--right) - var(--strips) - 6px);background:linear-gradient(#0b1a33db,#0b1a33a8);border-radius:26px;align-items:center;gap:6px;padding:3px 12px 3px 3px;transition:box-shadow .2s;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #d4af374d}#foe{top:var(--top);left:var(--left)}#you{bottom:var(--bottom);left:var(--left)}.plate.on{box-shadow:inset 0 0 0 1.5px var(--gold), 0 0 14px #ff6a0080}.pic{background:radial-gradient(circle at 50% 35%, var(--slate), var(--navy));width:38px;height:38px;box-shadow:inset 0 0 0 1.5px var(--gold);border-radius:50%;flex:none;position:relative}.pic img{object-fit:cover;object-position:50% 15%;box-sizing:border-box;border-radius:50%;width:100%;height:100%;padding:2px;display:block}#foe img{filter:hue-rotate(185deg)saturate(1.2)}.who{flex-direction:column;gap:2px;min-width:0;display:flex}.name{font:700 12px/1.15 var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.line{align-items:center;gap:8px;display:flex}.meta{color:#f5ebd7b8;font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:11px;display:flex}.status{color:var(--gold);white-space:nowrap;font-size:11px}.status:empty{display:none}.who:has(.status:not(:empty)) .meta{display:none}.rank{width:13px;height:13px;fill:var(--gold);flex:none}.rank .crown{fill:var(--navy)}.clock{font:700 13px/1 var(--sans);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.clock.low{color:#ff6b5e}.dots{background:var(--ember);border-radius:8px;gap:2px;padding:3px 4px;display:none;position:absolute;bottom:-2px;right:-4px}.thinking .dots{display:flex}.dots b{background:var(--onyx);border-radius:50%;width:3px;height:3px;animation:.9s infinite dot}.dots b:nth-child(2){animation-delay:.15s}.dots b:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.3}30%{opacity:1}}#taken{top:var(--top);right:var(--right);box-sizing:border-box;width:var(--strips);pointer-events:auto;background:linear-gradient(#080e1ce6,#040812cc);border-radius:12px;align-items:stretch;gap:4px;padding:5px 0 5px 6px;animation:.26s ease-out taken-in;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #d4af3757,0 6px 18px #00000059}.tracks{flex:1;gap:4px;min-width:0;display:grid}.track{height:calc(var(--slot) + 8px);align-items:center;gap:6px;display:flex}.track .who{width:calc(var(--slot) + 7px);height:calc(var(--slot) + 7px);background:var(--navy);box-shadow:0 0 0 1.5px var(--me-blue);border-radius:50%;flex:none;overflow:hidden}.track .who img{object-fit:cover;object-position:50% 15%;width:100%;height:100%;display:block}.track.foe .who{box-shadow:0 0 0 1.5px var(--foe-red)}.track.foe .who img{filter:hue-rotate(185deg)saturate(1.2)}.lane{background:linear-gradient(#0009,#ffffff0d);border-radius:999px;flex:1;align-items:center;height:100%;padding:0 5px;display:flex;position:relative;box-shadow:inset 0 1px 3px #000c,inset 0 -1px #ffffff12}.cap{width:var(--slot);height:var(--slot);will-change:transform;flex:none;margin-left:2px;display:block}.cap:first-child{margin-left:0}.cap.same{margin-left:calc(var(--slot) * -1 * var(--overlap,.55))}.cap svg{filter:drop-shadow(0 1px 1px #000000e6);width:100%;height:100%;display:block}.track.me .cap svg{fill:var(--foe-red)}.track.foe .cap svg{fill:var(--me-blue)}.lane .streak{transform-origin:100%;pointer-events:none;border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%}.track.me .streak{background:linear-gradient(90deg,#f0566e00,#ffbec8f2)}.track.foe .streak{background:linear-gradient(90deg,#6cb4ff00,#c8e6fff2)}.lane .burst{width:calc(var(--slot) * 1.3);height:calc(var(--slot) * 1.3);pointer-events:none;box-shadow:0 0 0 2px var(--gold), 0 0 10px var(--ember);opacity:0;border-radius:50%;position:absolute;top:50%}.lead{box-sizing:border-box;width:calc(var(--slot) * 2 + 6px);height:calc(var(--slot) + 4px);font:800 calc(var(--slot) - 2px)/1 var(--sans);color:var(--gold);border-radius:999px;flex:none;place-items:center;font-style:normal;display:grid}.lead:not(:empty){background:#d4af3729;box-shadow:inset 0 0 0 1px #d4af3773}@keyframes taken-in{0%{opacity:0;transform:translateY(-6px)}}.rail-fold{color:#d4af37d9;background:0 0;border:0;border-left:1px solid #d4af3733;border-radius:0 12px 12px 0;flex:none;width:20px;padding:0;position:relative}.rail-fold:after{content:"";inset:-6px calc(-1 * var(--right)) -6px -6px;position:absolute}.rail-fold svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;margin:auto;display:block}.rail-fold>svg:first-child{width:14px;height:14px}.rail-fold>svg+svg,.rail-lead{display:none}@media (hover:hover){.rail-fold:hover{background:#d4af371f}}#taken.folded{border-radius:50%;width:44px;height:44px;padding:0;animation:.24s cubic-bezier(.2,1.4,.4,1) rail-pop}#taken.folded .tracks,#taken.folded .rail-fold>svg:first-child{display:none}#taken.folded .rail-fold{width:100%;color:var(--gold);border:0;border-radius:50%}#taken.folded .rail-fold>svg+svg{stroke-width:1.7px;width:22px;height:22px;display:block}#taken.folded .rail-lead:not(:empty){font:800 10px/1 var(--sans);color:#1a1205;background:var(--gold);border-radius:8px;padding:2px 5px;display:block;position:absolute;bottom:-4px;right:-6px}#taken.folded .rail-lead[data-ahead=false]{color:#fff;background:var(--foe-red)}@keyframes rail-pop{0%{opacity:0;transform:scale(.6)}}.corner{right:var(--right);bottom:var(--bottom);align-items:center;gap:8px;display:flex;position:absolute}.round{background:#0b1a33db;border:0;border-radius:50%;width:44px;height:44px;padding:0;box-shadow:inset 0 0 0 1px #d4af3780}.round svg{width:22px;height:22px;fill:var(--gold);margin:auto;display:block}.round svg.stroke{fill:none;stroke:var(--gold);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.cam{right:var(--right);bottom:calc(var(--bottom) + 52px);position:absolute}.cam>.cam-menu{--c:12px;pointer-events:auto;min-width:156px;padding:6px;animation:.14s ease-out fade;display:grid;position:absolute;bottom:0;right:52px}.cam-menu button{min-height:46px;color:var(--ivory);font:700 13px/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 12px 0 8px;display:flex}.cam-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.cam-menu [aria-pressed=true]{color:var(--gold);background:#d4af3724}.cam-menu button:focus-visible{outline:2px solid var(--ember);outline-offset:-2px}.cam-menu button:active{background:#d4af373d}#cam-flip{right:var(--right);width:48px;height:48px;display:none;position:absolute;top:50%;transform:translateY(-50%)}[data-camera=side] #cam-flip{display:block}.corner .again{width:auto;min-height:44px;font-size:13px;display:none}.match-over .corner .again{display:block}.btn{isolation:isolate;width:100%;min-height:50px;color:var(--ivory);font:700 15px/1 var(--serif);letter-spacing:.06em;text-transform:uppercase;background:var(--slate);clip-path:var(--cut);border:0;padding:0 18px;display:block;position:relative}.btn:before{content:"";z-index:-1;clip-path:var(--cut);background:linear-gradient(#1c3355,#12233f);position:absolute;inset:1.5px}.btn{transition:transform .14s ease-out,filter .14s ease-out,box-shadow .2s ease-out}.btn:active:not(:disabled){filter:brightness(1.25);transition-duration:60ms;transform:translateY(1px)scale(.97)}@media (hover:hover){.btn:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-2px)}.btn.gold:hover:not(:disabled){box-shadow:0 0 26px #ffd26e8c}}.btn:after{content:"";z-index:1;pointer-events:none;clip-path:var(--cut);opacity:0;background:linear-gradient(105deg,#0000 30%,#fff4d28c 48%,#0000 66%) 120% 0/260% 100%;position:absolute;inset:0}.btn.flash:after{animation:.52s ease-out btn-sheen}@keyframes btn-sheen{0%{opacity:1;background-position:120% 0}to{opacity:0;background-position:-60% 0}}.btn:disabled{opacity:.55}.btn.gold{color:#1a1205;background:linear-gradient(#ffe9a3,#b8891f)}.btn.gold:before{background:linear-gradient(#f1cd62,#c99a2c 55%,#e0b846)}.btn.danger{color:#ffd9d0;background:var(--crimson)}.btn.danger:before{background:linear-gradient(#5b1616,#3c0e0e)}.btn small{color:var(--gold);font:700 9px/1 var(--sans);letter-spacing:.08em;vertical-align:2px;border-radius:3px;margin-left:8px;padding:2px 5px;box-shadow:inset 0 0 0 1px #d4af3780}.frame{--c:14px;isolation:isolate;background:var(--gold);clip-path:var(--cut);position:relative}.frame:before{content:"";z-index:-1;clip-path:var(--cut);background:linear-gradient(170deg, #12264a, var(--navy) 60%);position:absolute;inset:1.5px}.scrim{z-index:2;pointer-events:auto;background:#04091499;justify-content:center;align-items:flex-end;animation:.16s ease-out fade;display:flex;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.sheet{box-sizing:border-box;width:min(100% - 16px,440px);max-height:calc(100% - var(--top) - 8px);overscroll-behavior:contain;scrollbar-width:none;margin:0 8px calc(8px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;padding:16px;animation:.24s cubic-bezier(.2,.9,.3,1) rise;display:flex;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}.sheet h2{color:var(--gold);font:900 18px/1.2 var(--serif);letter-spacing:.08em;text-transform:uppercase;margin:0}.sheet h3{color:#f5ebd799;font:700 11px/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;margin:8px 0 0}.pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}#m-moves{counter-reset:move;min-height:18px;max-height:66px;font:500 12.5px/1.45 var(--sans);flex-wrap:wrap;flex:none;align-content:flex-start;gap:3px 14px;margin:0;padding:0 0 0 1px;list-style:none;display:flex;overflow-y:auto}#m-moves li{counter-increment:move;white-space:nowrap}#m-moves li:before{content:counter(move) ". ";color:#f5ebd78c}#m-moves:empty:before{content:"No moves yet";color:#f5ebd78c}.row{min-height:40px;font:600 14px/1 var(--sans);pointer-events:auto;justify-content:space-between;align-items:center;display:flex}.row input{opacity:0;position:absolute}.row i{background:var(--slate);border-radius:14px;width:50px;height:28px;transition:background .15s;position:relative}.row i:after{content:"";background:var(--ivory);border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.row input:checked+i{background:var(--gold)}.row input:checked+i:after{transform:translate(22px)}.row input:focus-visible+i{outline:2px solid var(--ember)}.links{justify-content:space-between;display:flex}.links button{color:#f5ebd7b3;min-height:44px;font:600 13px/1 var(--sans);background:0 0;border:0;padding:0}#result{align-items:center}.result{text-align:center;margin-bottom:0;padding:22px 18px 18px}.result h1{font:900 clamp(34px, 11vw, 44px)/1.05 var(--serif);letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(#fff3c0,#e8bd4d 45%,#9a6b16);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}[data-outcome=loss] h1{background-image:linear-gradient(#ffd0c2,#e04a35 50%,#7d1212)}[data-outcome=draw] h1{background-image:linear-gradient(#fff,#c7cfdd 55%,#6b7790)}.result p{color:#f5ebd7bf;font:600 13px/1.3 var(--sans);margin:0 0 4px}.result dl{grid-template-columns:repeat(3,1fr);margin:6px 0;display:grid}.result dd{color:var(--gold);font:900 24px/1.1 var(--serif);margin:0}.result dt{color:#f5ebd7a6;font-size:11px}.reward{text-align:left;background:#2a3b5566;border-radius:8px;margin-bottom:6px;padding:10px 12px}.reward-line{font:700 13px/1 var(--serif);justify-content:space-between;align-items:center;display:flex}.reward-line span{align-items:center;gap:5px;display:flex}.reward-line b{color:var(--gold);font:700 13px/1 var(--sans)}.bar{background:var(--onyx);border-radius:4px;height:8px;margin:8px 0 5px;overflow:hidden;box-shadow:inset 0 0 0 1px #d4af3766}.bar i{background:linear-gradient(#ffe08a,#d4932a);height:100%;transition:width .9s ease-out .3s;display:block}.reward small{color:#f5ebd7a6;font-size:11px}.t-player,.t-menu,.t-modes{display:none}.cw-title [hidden]{display:none!important}.cw-title.ready .t-modes{box-sizing:border-box;flex-direction:column;gap:10px;width:min(100%,340px);margin-top:9vh;padding:0 24px;display:flex}.t-online{flex-direction:column;gap:8px;padding:14px;display:flex}.t-online label{color:var(--gold);font:900 15px/1 var(--serif);letter-spacing:.08em;text-transform:uppercase}.t-online small{color:#f5ebd7b3;font:500 12px/1.3 var(--sans)}.t-online input{min-height:46px;color:var(--ivory);font:700 20px/1 var(--serif);letter-spacing:.2em;text-align:center;text-transform:uppercase;background:#040914b3;border:1.5px solid #d4af3799;border-radius:0;padding:0 12px}.t-online input:focus{outline:2px solid var(--gold);outline-offset:1px}.t-note{color:#ffb4a8;min-height:1.3em;font:600 12px/1.3 var(--sans);margin:0}.t-back{color:var(--ivory);font:600 13px/1 var(--sans);opacity:.8;background:0 0;border:0;align-self:center;padding:10px 18px}.cw-wait{z-index:40;color:var(--ivory);text-align:center;border-block:1.5px solid var(--gold);border-image:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent) 1;background:linear-gradient(90deg,#0b1a3300,#0b1a33f0 15% 85%,#0b1a3300);flex-direction:column;align-items:center;gap:8px;padding:22px 16px;animation:.16s ease-out fade;display:flex;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)}.cw-wait[hidden]{display:none}.cw-wait b{color:var(--gold);font:900 clamp(22px, 5vw, 46px)/1.1 var(--serif);letter-spacing:.1em;text-shadow:0 2px 14px #000}.cw-wait small{font:600 13px/1.3 var(--sans);opacity:.85}.cw-wait small:empty{display:none}.cw-wait .btn{width:auto;min-height:40px;margin-top:4px;font-size:12px}.online .clock,.online #m-draw{display:none}.cw-title.ready{background:linear-gradient(#0b1a338c,#0b1a3314 38%,#0b1a331f 62%,#0b1a33b8)}.cw-title.ready .t-loading{display:none}.cw-title.ready .t-player{top:calc(var(--top) + 6px);right:var(--right);color:var(--ivory);font:600 12px/1 var(--sans);align-items:center;gap:5px;display:flex;position:absolute}.cw-title .t-player b{color:var(--gold);margin-left:6px}.cw-title.ready .t-menu{box-sizing:border-box;flex-direction:column;gap:10px;width:min(100%,340px);margin-top:9vh;padding:0 24px;display:flex}.cw-title.gone{opacity:0;pointer-events:none;transition:opacity .3s}@media (height<=480px){.cw-title{flex-direction:row;gap:24px}.cw-title.ready .t-menu,.cw-title.ready .t-modes{margin-top:0}.cw-title img{width:min(46vw,420px)}.sheet{width:min(100% - 16px,560px)}.cw-game .pc-card{--pc-w:160px;bottom:calc(68px + env(safe-area-inset-bottom))}#result .sheet{padding:10px 16px}}#calls{z-index:2;justify-content:center;align-items:center;padding-bottom:8vh;display:flex;position:absolute;inset:0;overflow:hidden}.call{text-align:center;animation:.2s ease-in forwards call-out;animation-delay:var(--hold);flex-direction:column;align-items:center;line-height:.98;display:flex;position:relative}.call b{font:900 min(calc(94vw / (var(--chars) * .84)), 18vh)/1 var(--serif);letter-spacing:.01em;background:linear-gradient(#fffbe6 8%,#ffd76a 34%,#b77a16 56%,#ffe38f 62%,#8d5a10 94%);color:#0000;filter:drop-shadow(0 3px #2c1703)drop-shadow(0 0 14px #ff6a00d9);-webkit-background-clip:text;background-clip:text;animation:.23s cubic-bezier(.5,0,1,.6) backwards slam}.call.crimson b{filter:drop-shadow(0 3px #2a0505)drop-shadow(0 0 14px #b22222f2);background-image:linear-gradient(#ffe7dd 8%,#ff7a5c 34%,#a51616 58%,#ff8c6e 64%,#5c0a0a 94%)}.call b+b{animation-delay:70ms}.call small{color:var(--ivory);font:700 clamp(12px, 3.6vw, 16px)/1.2 var(--serif);letter-spacing:.1em;text-shadow:0 2px 4px #000;margin-top:8px;animation:.3s .2s backwards fade}.call .band{z-index:-1;background:radial-gradient(50% 50%,#040914bf,#04091400);width:140vw;height:150%;animation:.12s ease-out backwards fade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.call i{opacity:0;background:#ffc46a;border-radius:50%;width:4px;height:4px;animation:.62s ease-out spark;position:absolute;top:50%;left:50%}.call.crimson i{background:#ff5a3c}@keyframes slam{0%{opacity:0;transform:scale(3.4)}70%{opacity:1}}@keyframes call-out{to{opacity:0;transform:scale(1.12)}}@keyframes spark{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--x), var(--y)) scale(.3)}}#game.slam{animation:.3s linear .18s shake}@keyframes shake{0%,to{transform:scale(1.02)}20%{transform:scale(1.02)translate(-5px,3px)}45%{transform:scale(1.02)translate(5px,-3px)}70%{transform:scale(1.02)translate(-3px,-2px)}}.phone .call b{filter:none;animation-name:slam-lite}.phone .call i{display:none}.phone #game.slam{animation:none}@keyframes slam-lite{0%{opacity:0;transform:scale(1.5)}70%{opacity:1}}.no-banner #calls{display:none}@media (prefers-reduced-motion:reduce){.call b,.call b+b,.sheet,#taken{animation:.15s ease-out backwards fade}.call i{display:none}#game.slam{animation:none}}.online #foe .meta{display:none}:root{--me-blue:#6cb4ff;--foe-red:#f0566e;--tl-w:var(--strips);--tl-top:calc(var(--top) + var(--slot) * 2 + 38px)}.tl{--kb:0px;z-index:1;right:var(--right);top:var(--tl-top);bottom:max(calc(var(--bottom) + 108px), calc(100% - var(--tl-top) - 460px));box-sizing:border-box;width:var(--tl-w);pointer-events:auto;color:#fff;font:500 13px/1.38 var(--sans);opacity:.42;background:#0000009e;border-radius:14px;flex-direction:column;transition:opacity .22s,background .22s,box-shadow .22s;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}@media (hover:hover){.tl:not(.focus):hover{opacity:.7}}.tl.focus{opacity:1;background:#000000e0;box-shadow:inset 0 0 0 1px #ffffff24,0 12px 40px #0000008c}.tl-head{cursor:pointer;border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:8px;min-height:38px;padding:0 4px 0 12px;display:flex}@media (hover:hover){.tl-head:hover{background:#ffffff0a}}.tl-unread{box-sizing:border-box;color:#fff;min-width:18px;height:18px;font:800 11px/1 var(--sans);background:var(--foe-red);border-radius:9px;place-items:center;padding:0 5px;display:grid}.tl-fold{color:#ffffffbf;background:0 0;border:0;border-radius:15px;flex:none;width:30px;height:30px;padding:0}.tl-fold svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;margin:auto;transition:transform .2s;display:block;transform:rotate(180deg)}.tl.folded .tl-fold svg{transform:none}.tl-head h2{color:var(--gold);font:700 11px/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;margin:0}.tl-status{color:#fff9;min-width:0;font:600 11px/1 var(--sans);white-space:nowrap;align-items:center;gap:5px;display:flex}.tl-status span{text-overflow:ellipsis;overflow:hidden}.tl-status i{background:#8a93a6;border-radius:50%;flex:none;width:7px;height:7px}.tl-status[data-kind=live] i{background:#3ddc84;box-shadow:0 0 6px #3ddc84}.tl-status[data-kind=offline] i{background:var(--foe-red)}.tl-status[data-kind=connecting] i{background:#f5b942;animation:1.2s ease-in-out infinite tl-blink}@keyframes tl-blink{50%{opacity:.3}}.tl-invite,.tl-close{color:#fff;min-height:30px;font:700 11px/1 var(--sans);letter-spacing:.02em;background:#ffffff1a;border:0;border-radius:15px;flex:none}.tl-invite{margin-left:auto;padding:0 11px}.tl-invite:active,.tl-close:active{background:#ffffff38}.tl-close{width:30px;padding:0;display:none}.tl-close svg,.tl-send svg,.tl-emoji svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;margin:auto;display:block}.tl-emoji svg circle[r=\.6]{fill:currentColor}.tl-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff3 transparent;-webkit-user-select:text;user-select:text;flex:1;min-height:0;margin:0;padding:8px 12px 6px;list-style:none;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 14px);mask-image:linear-gradient(#0000,#000 14px)}.tl-list li{overflow-wrap:anywhere;padding:3px 0;animation:.26s cubic-bezier(.2,.9,.3,1) tl-in}@keyframes tl-in{0%{opacity:0;transform:translateY(6px)}}.tl-list b,.tl-divider .me,.tl-divider .foe{font-weight:800}.tl-list .me{color:var(--me-blue)}.tl-list .foe{color:var(--foe-red)}.tl-move{color:#ffffffdb}.tl-move .ico{vertical-align:-3px;width:15px;height:15px;margin-right:3px;display:inline-block}.tl-move .ico svg{width:100%;height:100%;display:block}.tl-move .ico.me svg{fill:var(--me-blue)}.tl-move .ico.foe svg{fill:var(--foe-red)}.tl-move .kill{color:#ff8a7a;font-weight:700}.tl-list .gold{color:var(--gold);letter-spacing:.03em;font-weight:900}.tl-list .tl-feat{background:linear-gradient(90deg,#d4af3733,#d4af3700);border-radius:8px;margin:2px 0;padding:4px 8px}.tl-feat .gold{font-family:var(--serif)}.tl-chat .text{color:#fff}.tl-chat.pending{opacity:.55}.tl-chat .note{color:#ffffff80;font-size:11px;display:block}.tl-chat.failed .note{color:#ff8a7a}.tl-system{color:#ffffff8c;font-size:11.5px;font-style:italic}.tl-divider{color:#ffffff80;font:700 10.5px/1 var(--serif);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;margin:6px 0 2px;display:flex}.tl-divider:before,.tl-divider:after{content:"";background:#ffffff24;flex:1;height:1px}.tl-typing{color:#ffffff8c;flex:none;margin:0;padding:0 12px 4px;font-size:11.5px}.tl-typing b{color:var(--foe-red)}.tl-dots:after{content:"…";animation:1s steps(2,end) infinite tl-blink;display:inline-block}.tl-form{border-top:1px solid #ffffff14;flex:none;align-items:center;gap:6px;padding:8px;display:flex}.tl-field{background:#ffffff17;border-radius:20px;flex:1;align-items:center;min-width:0;height:40px;transition:box-shadow .15s;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.tl-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--me-blue)}.tl-field input{color:#fff;min-width:0;height:100%;font:500 16px/1 var(--sans);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;flex:1;padding:0 4px 0 14px}.tl-field input::placeholder{color:#fff6}.tl-emoji{color:#ffffffb3;background:0 0;border:0;border-radius:50%;flex:none;width:40px;height:40px;padding:0}.tl-emoji[aria-expanded=true]{color:var(--gold)}.tl-send{color:#fff;background:var(--me-blue);border:0;border-radius:50%;flex:none;width:40px;height:40px;padding:0;transition:transform .12s,opacity .15s,background .15s}.tl-send:disabled{opacity:.35;background:#ffffff2e}.tl-send:not(:disabled):active{transform:scale(.9)}.tl button:focus-visible{outline:2px solid var(--me-blue);outline-offset:2px}.tl-picker{border-top:1px solid #ffffff14;flex:none;animation:.18s ease-out tl-in}.tl-picker emoji-picker{--background:#0d0d10;--border-color:transparent;--indicator-color:var(--me-blue);--input-border-color:#ffffff26;--input-font-color:#fff;--input-placeholder-color:#fff6;--button-hover-background:#ffffff1a;--button-active-background:#fff3;--outline-color:var(--me-blue);--num-columns:8;--emoji-size:1.35rem;--emoji-padding:.35rem;--category-font-color:#ffffff8c;width:100%;height:260px}.tl:not(.focus) .tl-form,.tl:not(.focus) .tl-invite{visibility:hidden}.tl:not(.focus) .tl-form{border:0;height:0;padding:0}.tl.focus .tl-close{display:block}.tl.focus .tl-invite,.tl:not(.focus) .tl-fold{margin-left:auto}.tl.folded{opacity:.85;height:auto;bottom:auto}.tl.folded>:not(.tl-head){display:none}.tl.folded .tl-head{border-bottom:0}.tl.folded .tl-invite,.tl.folded .tl-close{display:none}.tl.muted .tl-field{opacity:.5}.tl.shake .tl-form{animation:.32s tl-shake}@keyframes tl-shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}[data-camera=side] #cam-flip{right:calc(var(--right) + var(--tl-w) + 8px)}@media (width<=699px) and (height>=481px){.tl{height:24vh;font-size:12px;bottom:auto}.tl-head{min-height:30px;padding-left:10px}.tl:not(.focus) .tl-status span{display:none}.tl-list{padding:4px 10px}.tl.focus{--tl-w:auto;left:var(--left);top:auto;bottom:calc(var(--bottom) + var(--kb));height:min(56vh, calc(100% - var(--kb) - var(--top) - var(--bottom) - 8px));font-size:14px}.tl.focus .tl-head{min-height:44px}.tl.focus .tl-invite{min-height:34px}.tl.focus .tl-close{border-radius:17px;width:34px;min-height:34px}.tl-picker emoji-picker{--num-columns:8;height:220px}[data-camera=side] #cam-flip{right:var(--right)}}@media (height<=480px){:root{--tl-w:220px}.tl{bottom:calc(var(--bottom) + 104px);font-size:12px}.tl-head{min-height:30px}.tl.focus{--tl-w:300px;top:var(--top);bottom:calc(var(--kb) + 6px)}.tl-picker emoji-picker{height:150px}}@media (prefers-reduced-motion:reduce){.tl,.tl-list li,.tl-picker{transition:none;animation:none}.tl.shake .tl-form{animation:none}}#army-pick,#map-pick{z-index:25;pointer-events:none;padding:calc(var(--top) + 8px) var(--right) var(--bottom) var(--left);box-sizing:border-box;color:var(--ivory);font-family:var(--sans);flex-direction:column;align-items:center;transition:opacity .3s;animation:.3s ease-out pick-in;display:flex;position:fixed;inset:0}#army-pick.gone,#map-pick.gone{opacity:0}#army-pick:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#03040899,#03040800);height:24%;position:absolute;inset:0 0 auto}@keyframes pick-in{0%{opacity:0;transform:translateY(8px)}}#army-pick h2,#map-pick h2{font:900 clamp(20px, 4.4vw, 34px)/1.1 var(--serif);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 18px #000c;margin:6px 0 0}#army-pick button,#map-pick button{pointer-events:auto;touch-action:manipulation}#army-pick .ap-names{gap:12px;width:min(100%,680px);margin-top:auto;display:flex}#army-pick .ap-name{flex:1;transition:transform .15s,box-shadow .15s}#army-pick .ap-name.on{color:var(--gold);transform:translateY(-3px);box-shadow:0 0 22px #d4af37a6}#army-pick .ap-confirm:not(:disabled){animation:1.6s ease-in-out infinite confirm-ready}@keyframes confirm-ready{0%,to{box-shadow:0 0 #ffd26e00}50%{box-shadow:0 0 24px #ffd26e99}}@media (prefers-reduced-motion:reduce){#army-pick .ap-confirm:not(:disabled){animation:none}}#army-pick .ap-hint{font:600 13px/1.3 var(--sans);opacity:.8;text-shadow:0 1px 6px #000;margin:10px 0}#army-pick .ap-confirm{width:min(100%,340px)}#map-pick{pointer-events:auto;background:radial-gradient(circle at 50% 40%,#0b1a33b8,#050912f2);justify-content:center;gap:18px}#map-pick .mp-cards{flex-wrap:wrap;justify-content:center;gap:14px;width:min(100%,760px);display:flex}#map-pick .mp-card{--c:14px;text-align:left;text-transform:none;flex-direction:column;flex:220px;justify-content:flex-start;max-width:340px;height:auto;min-height:0;padding:0;display:flex}#map-pick .mp-card .mp-art{flex:none}#map-pick .mp-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}#map-pick .mp-card .mp-art{aspect-ratio:16/9;width:100%;display:block;overflow:hidden}#map-pick .mp-card .mp-art img{aspect-ratio:auto;width:100%;height:100%}#map-pick .mp-card b{font:700 17px/1.2 var(--serif);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);padding:12px 14px 4px;display:block}#map-pick .mp-card span{font:500 13px/1.35 var(--sans);color:var(--ivory);opacity:.85;letter-spacing:0;padding:0 14px 14px;display:block}#loading{z-index:26;color:var(--ivory);font:700 15px/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;background:#0b1a33;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading.gone{opacity:0;pointer-events:none}#loading i{background:linear-gradient(90deg, var(--gold) 40%, #d4af3733 40%);background-size:250% 100%;border-radius:2px;width:min(60vw,260px);height:4px;animation:1.1s linear infinite load-run}@keyframes load-run{0%{background-position:100% 0}to{background-position:-150% 0}}body.picking .cw-hud{visibility:hidden}#army-pick .ap-taken{display:none}#map-pick [hidden]{display:none!important}#army-pick .ap-name.taken .ap-taken{display:inline}#map-pick .mp-chosen{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(100% - 32px,420px);padding:22px;display:flex}#map-pick .mp-chosen p{color:var(--ivory);font:600 14px/1.3 var(--sans);margin:0}#map-pick .mp-chosen .mp-art{aspect-ratio:16/9;width:100%;display:block}#map-pick .mp-chosen b{color:var(--gold);font:900 22px/1.2 var(--serif);letter-spacing:.06em;text-transform:uppercase}#map-pick .mp-chosen .btn{width:100%}