:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12111c;--panel:#1e1c30;--panel-2:#2a2840;--board:#1a1828;--frame:#8e84c9;--ink:#0e0e1a;--fg:#fff;--muted:#b9b3d6;--soft:#dad6ec;--label:#b7aee6;--red:#ef4c4c;--red-l:#ff7f76;--blue:#3e95ee;--blue-l:#72bcff;--gold:#ffc93c;--gold-hi:#ffe27a;--gold-sh:#d99a16;--cyan:#45e0d0;--teal:#2ba89b;--steel:#e9e6f5;--coral:#ff7f76;--good:#7fe0a0;--font:"Fredoka", ui-rounded, "Segoe UI", system-ui, sans-serif}button{color:inherit;font-family:inherit}button:focus-visible,.tile:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}.match{box-sizing:border-box;max-width:1320px;min-height:100%;padding-block:16px 20px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:12px;margin:0 auto;display:flex}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pill{background:var(--panel);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:14px;align-items:center;gap:10px;padding:6px 14px 6px 8px;display:flex}.pill.blue{flex-direction:row-reverse;padding:6px 8px 6px 14px}.pill.active.red{box-shadow:0 0 0 3px var(--red-l), 0 3px 0 var(--ink)}.pill.active.blue{box-shadow:0 0 0 3px var(--blue-l), 0 3px 0 var(--ink)}.dot{border:3px solid var(--ink);box-sizing:border-box;border-radius:50%;flex:none;width:24px;height:24px}.dot.red{background:var(--red)}.dot.blue{background:var(--blue)}.pname{font-size:17px;font-weight:700}.pstat{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:14px;display:flex}.backs{gap:2px;display:inline-flex}.backs i{background:var(--frame);border:2px solid var(--ink);box-sizing:border-box;border-radius:3px;width:10px;height:14px;display:block}.terr{border:3px solid var(--ink);background:var(--panel-2);border-radius:8px;height:14px;display:flex;position:relative;overflow:hidden}.terr .r{background:var(--red)}.terr .b{background:var(--blue);margin-left:auto}.terr .mark{background:var(--gold);width:2px;position:absolute;top:0;bottom:0}.terrlabel{color:var(--muted);justify-content:space-between;margin-top:-6px;font-size:13px;display:flex}.main{flex-wrap:wrap;align-items:stretch;gap:14px;display:flex}.board-wrap{background:var(--board);border:4px solid var(--frame);box-sizing:border-box;border-radius:26px;flex:999 520px;justify-content:center;align-items:center;min-width:0;padding:22px 8px 18px;display:flex}.side{flex-direction:column;flex:250px;gap:12px;max-width:100%;display:flex}@media (width>=900px){.side{max-width:290px}}.dock{background:var(--panel);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);box-sizing:border-box;border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.dock.cyan{box-shadow:0 0 0 3px var(--cyan), 0 4px 0 var(--ink)}.dhead{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.dhead h2{margin:0;font-size:18px;line-height:1.15}.dhead .count{color:var(--muted);font-size:14px;font-weight:600}.back{border:2px solid var(--ink);background:var(--panel-2);min-height:34px;color:var(--soft);cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:14px;font-weight:600;display:inline-flex}.back svg{width:14px;height:14px}.dock .abtns{flex-wrap:wrap;gap:10px;display:flex}.dock .abtns .btn{flex:1 1 0;padding:0 12px}.dock .toast{border-top:2px solid var(--panel-2);text-align:left;color:var(--muted);min-height:0;margin-top:auto;padding-top:8px;font-size:13px}.dock .toast:empty{display:none}.note{color:var(--muted);margin:0;font-size:13.5px;line-height:1.35}.hand{flex-direction:column;gap:10px;display:flex}@media (width<=899px){.hand{flex-direction:row}.hand .hcard{flex-direction:column;flex:1 1 0;align-items:stretch;min-width:0}.hand .hcard .rule{display:none}}.board{--t:104px;flex-direction:column;align-items:center;display:flex}.row{justify-content:center;display:flex}.row+.row{margin-top:calc(var(--t) * -.32)}.tile{width:var(--t);height:calc(var(--t) * .99);cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0;position:relative}.tile .in{transition:transform .12s ease-out;position:absolute;inset:0}.hex{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute}.sideout{left:0;top:calc(var(--t) * .096);width:var(--t);height:calc(var(--t) * .894);background:var(--ink)}.sidecol{left:calc(var(--t) * .038);top:calc(var(--t) * .087);width:calc(var(--t) * .923);height:calc(var(--t) * .856);background:var(--side)}.out{width:var(--t);height:calc(var(--t) * .894);background:var(--o,var(--ink));top:0;left:0}.bev{left:calc(var(--t) * .038);top:calc(var(--t) * .035);width:calc(var(--t) * .923);height:calc(var(--t) * .825);background:var(--m);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute}.f{position:absolute;inset:0}.f1{clip-path:polygon(0 25%,50% 0,50% 14%,14% 32%);background:var(--hl)}.f2{clip-path:polygon(50% 0,100% 25%,86% 32%,50% 14%);background:var(--l)}.f3{clip-path:polygon(100% 25%,100% 75%,86% 68%,86% 32%);background:var(--d)}.f4{clip-path:polygon(100% 75%,50% 100%,50% 86%,86% 68%);background:var(--dd)}.f5{clip-path:polygon(50% 100%,0 75%,14% 68%,50% 86%);background:var(--d)}.f6{clip-path:polygon(0 75%,0 25%,14% 32%,14% 68%);background:var(--l)}.fc{clip-path:polygon(50% 14%,86% 32%,86% 68%,50% 86%,14% 68%,14% 32%);background:var(--m)}.own-red{--hl:#ffb8b0;--l:#ff7f76;--m:#ef4c4c;--d:#c73838;--dd:#992829;--side:#6b1b1e}.own-blue{--hl:#b4e0ff;--l:#72bcff;--m:#3e95ee;--d:#2c73c4;--dd:#1e5294;--side:#163d70}.own-none{--hl:#d0cddb;--l:#aba8b9;--m:#8b889a;--d:#6e6b7e;--dd:#535064;--side:#3a3848}.cnt{left:calc(var(--t) * .2);top:calc(var(--t) * .035);width:calc(var(--t) * .6);height:calc(var(--t) * .825);color:#fff;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute}.txt{text-align:center;text-shadow:-1.5px 0 var(--ink),1.5px 0 var(--ink),0 -1.5px var(--ink),0 1.5px var(--ink),-1px -1px var(--ink),1px -1px var(--ink),-1px 1px var(--ink),1px 1px var(--ink),0 2.5px var(--ink)}.nm{font-weight:700;font-size:calc(var(--t) * .12);line-height:1.05}.q{font-weight:700;font-size:calc(var(--t) * .27);line-height:1}.ico{width:calc(var(--t) * .2);height:calc(var(--t) * .2)}.board.small .nm{display:none}.board.small .ico{width:calc(var(--t) * .33);height:calc(var(--t) * .33)}.chip{font-weight:700;font-size:max(11px, calc(var(--t) * .115));color:var(--ink);background:var(--cyan);border:2px solid var(--ink);white-space:nowrap;border-radius:8px;align-items:center;padding:0 5px;display:flex}.chip svg{width:calc(var(--t) * .26);height:calc(var(--t) * .26);display:none}.board.small .chip{border-radius:7px;padding:1px 4px}.board.small .chip .cl{display:none}.board.small .chip svg{display:block}.board.small .tile.tc .ico,.board.small .tile.ta .ico{display:none}.marks{background:var(--ink);color:#fff;border-radius:6px;align-items:center;gap:2px;margin-top:1px;padding:1px 4px;display:flex}.marks svg{width:max(10px, calc(var(--t) * .13));height:max(10px, calc(var(--t) * .13))}.marks .skip{color:var(--cyan);display:flex}.board.small .marks{padding:1px 3px}.board.small .marks svg{width:max(10px, calc(var(--t) * .2));height:max(10px, calc(var(--t) * .2))}.prot{background:var(--panel-2);border:2px solid var(--steel);color:var(--soft);border-radius:10px;align-items:flex-start;gap:8px;padding:7px 9px;font-size:13.5px;line-height:1.35;display:flex}.prot svg{width:18px;height:18px;color:var(--steel);flex:none;margin-top:1px}.prot b{color:var(--fg)}.tile.att{--o:var(--gold);cursor:pointer}.tile.att:hover .in{transform:translateY(-5px)}.tile.hint{--o:var(--gold)}.tile.insp{--o:#c9c2ee}.tile.insp .in{transform:translateY(-6px)}.peek{color:var(--soft);font-size:13.5px;line-height:1.35}.peek b{color:var(--fg)}.tile{cursor:pointer}.tile.sel{--o:var(--gold-hi)}.tile.sel .in{transform:translateY(-12px)}.tile.fort{--o:var(--steel)}.tile.risk{--o:#fff}.tile.risk .in{animation:1.4s ease-in-out infinite risk}.tile.tgt{cursor:pointer}.tile.tc{--o:var(--cyan)}.tile.tc .in{transform:translateY(-5px)}.tile.ta{--o:var(--teal)}.tile.dim{opacity:.42}@keyframes risk{0%,to{opacity:1}50%{opacity:.6}}@keyframes flip{0%{transform:scaleX(1)}50%{transform:scaleX(.1)}to{transform:scaleX(1)}}.tile.flip .in{animation:flip .45s ease-in-out var(--d,0s) backwards}.board{position:relative}.tile.incoming .in{animation:.7s ease-in-out infinite alternate incoming}.tile.from{--o:var(--gold)}@keyframes incoming{0%{transform:translateY(-12px)scale(1)}to{transform:translateY(-12px)scale(1.07)}}.attack-arrow{pointer-events:none;z-index:2;fill:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.attack-banner{z-index:15;top:max(12px, env(safe-area-inset-top,0px));box-sizing:border-box;text-align:center;background:var(--panel);border:3px solid var(--ink);width:min(520px,100% - 32px);box-shadow:0 0 0 3px var(--gold), 0 6px 0 var(--ink);border-radius:20px;flex-direction:column;gap:6px;padding:12px 16px;animation:.25s ease-out drop;display:flex;position:fixed;left:50%;transform:translate(-50%)}.attack-banner.by-red .ab-title{color:var(--red-l)}.attack-banner.by-blue .ab-title{color:var(--blue-l)}.attack-banner .ab-title{text-shadow:0 2px 0 var(--ink);text-wrap:balance;margin:0;font-size:clamp(18px,4.5vw,24px);font-weight:700;line-height:1.15}.attack-banner .ab-sub{color:var(--soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.attack-banner .ab-fort{color:var(--steel);align-items:center;gap:4px;font-weight:700;display:inline-flex}.attack-banner .ab-fort svg{width:15px;height:15px}@keyframes drop{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.turn-pop{--o:var(--gold);z-index:16;top:max(12px, env(safe-area-inset-top,0px));box-sizing:border-box;background:var(--panel);border:3px solid var(--ink);width:min(460px,100% - 32px);box-shadow:0 0 0 3px var(--o), 0 6px 0 var(--ink), 0 14px 36px #00000080;border-radius:20px;flex-direction:column;gap:8px;padding:10px 12px 12px 16px;animation:.25s ease-out drop;display:flex;position:fixed;left:50%;transform:translate(-50%)}.turn-pop.by-red{--o:var(--red-l)}.turn-pop.by-blue{--o:var(--blue-l)}.tp-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.tp-title{color:var(--o);text-shadow:0 2px 0 var(--ink);text-wrap:balance;margin:0;font-size:clamp(18px,4.5vw,22px);font-weight:700;line-height:1.15}.tp-sub{color:var(--soft);margin:0;font-size:14px;line-height:1.35}.tp-row{align-items:center;gap:12px;display:flex}.tp-backs{flex:none;gap:4px;display:flex}.tp-backs i{background:var(--frame);border:2px solid var(--ink);box-sizing:border-box;width:20px;height:28px;box-shadow:0 2px 0 var(--ink);border-radius:5px;animation:1.6s ease-in-out infinite mull}.tp-backs i:nth-child(2){animation-delay:.2s}.tp-backs i:nth-child(3){animation-delay:.4s}.tp-played.hcard{cursor:default;padding:6px}@keyframes mull{0%,to{transform:translateY(0)}40%{transform:translateY(-5px)rotate(-3deg)}}.dock .played{position:relative}.dock .card-pop{z-index:12;cursor:default;background:var(--panel-2);box-shadow:0 0 0 3px var(--cyan), 0 6px 0 var(--ink), 0 14px 32px #00000080;position:absolute;top:calc(100% + 6px);left:0;right:0}.tile{transition:filter .25s ease-out}.tile.shade{filter:brightness(.5)saturate(.7)}.tile.lit .in{transform:translateY(-6px)}.hcard{text-align:left;background:var(--panel-2);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:8px;display:flex}.hcard:disabled{opacity:.5;cursor:default}.hcard.on{box-shadow:0 0 0 3px var(--cyan), 0 6px 0 var(--ink)}.hcard.pick{box-shadow:0 0 0 4px var(--gold), 0 6px 0 var(--ink)}.hcard.disc{box-shadow:0 0 0 4px var(--coral), 0 6px 0 var(--ink)}.art{border:3px solid var(--ink);box-sizing:border-box;border-radius:10px;flex:none;justify-content:center;align-items:center;width:62px;height:54px;display:flex}.hand .hcard .art{width:100%}@media (width>=900px){.hand .hcard .art{width:62px}}.art.shaping{background:#173538}.art.protection{background:#26233f}.art svg{width:92%;height:92%}.cbody{flex-direction:column;gap:3px;min-width:0;display:flex}.cname{flex-wrap:wrap;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.tchip{color:var(--ink);border:2px solid var(--ink);border-radius:6px;padding:0 5px;font-size:11px;font-weight:700}.tchip.shaping{background:var(--cyan)}.tchip.protection{background:var(--steel)}.rule{color:var(--soft);font-size:12.5px;line-height:1.3}.rar{font-size:12px;font-weight:600}.rar.Common{color:#c9c4e0}.rar.Uncommon{color:var(--good)}.rar.Rare{color:#d3aeff}.ainfo{flex-direction:column;gap:4px;min-width:0;display:flex}.atitle{font-size:17px;font-weight:700}.asub{color:var(--label);font-size:14px;line-height:1.35}.abtns{flex-wrap:wrap;gap:10px;display:flex}.btn{border:3px solid var(--ink);cursor:pointer;min-height:48px;color:var(--ink);border-radius:14px;padding:0 24px;font-size:17px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn.gold{background:var(--gold);box-shadow:inset 0 -4px 0 var(--gold-sh), 0 4px 0 var(--ink)}.btn.blue{background:var(--blue-l);box-shadow:inset 0 -4px 0 var(--blue), 0 4px 0 var(--ink)}.btn.cyan{background:var(--cyan);box-shadow:inset 0 -4px 0 var(--teal), 0 4px 0 var(--ink)}.btn.coral{background:var(--coral);box-shadow:inset 0 -4px 0 #c73838, 0 4px 0 var(--ink)}.btn.ghost{background:var(--panel-2);color:var(--fg);box-shadow:inset 0 -4px 0 var(--board), 0 4px 0 var(--ink)}.btn.big{min-height:56px;font-size:19px}.cats{justify-content:space-between;gap:6px;display:flex}.cat{border:3px solid var(--ink);background:var(--panel-2);max-width:76px;height:46px;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:0;display:flex}.cat[aria-pressed=true]{background:var(--cyan)}.cat svg{width:24px;height:24px}.timer{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:14px;display:flex}.timer .bar{background:var(--panel-2);border:2px solid var(--ink);border-radius:5px;flex:1;min-width:60px;height:8px;overflow:hidden}.timer .bar i{background:var(--gold);height:100%;display:block}.timer.low .bar i{background:var(--coral)}.timer.low{color:var(--coral)}.toast{color:var(--soft);text-align:center;min-height:18px;font-size:14px}.overlay{z-index:20;padding-block:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));box-sizing:border-box;background:#0a0914db;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border:4px solid var(--ink);width:min(820px,100%);box-shadow:0 8px 0 var(--ink);box-sizing:border-box;text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:16px;margin:auto;padding:24px 22px 26px;display:flex}.modal h1{text-shadow:0 3px 0 var(--ink);text-wrap:balance;margin:0;font-size:clamp(28px,6vw,40px);line-height:1.05}.modal p{color:var(--soft);max-width:56ch;margin:0;line-height:1.45}.dcards{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;display:flex}.pcard{text-align:left;background:var(--panel);border:3px solid var(--ink);width:200px;max-width:100%;box-shadow:0 5px 0 var(--ink);cursor:pointer;box-sizing:border-box;border-radius:18px;flex-direction:column;gap:8px;padding:12px 10px;display:flex}.pcard.pick{box-shadow:0 0 0 4px var(--gold), 0 9px 0 var(--ink);transform:translateY(-6px)}.pcard.disc{box-shadow:0 0 0 4px var(--coral), 0 9px 0 var(--ink)}.pcard .art{width:100%;height:96px}.pcard .art svg{width:80%}.pcard .rule{font-size:13.5px}.pcard .tag{color:var(--ink);background:var(--gold);border:2px solid var(--ink);border-radius:7px;align-self:flex-start;padding:0 7px;font-size:12px;font-weight:700}@media (width<=560px){.dcards{flex-direction:column;align-items:stretch}.pcard{flex-flow:wrap;align-items:center;width:100%}.pcard .art{width:64px;height:52px}.pcard .cbody{flex:1}.pcard .rule{flex-basis:100%}}.dcards.discard .pcard{width:170px}.dcards.discard .pcard .art{height:64px}@media (width<=560px){.modal{gap:12px;padding:18px 14px 20px}.dcards.discard{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dcards.discard .pcard{flex-flow:column;align-items:stretch;gap:6px;width:auto;padding:8px}.dcards.discard .pcard .art{width:100%;height:44px}.dcards.discard .pcard .cname{font-size:15px}.dcards.discard .pcard .rule{font-size:12.5px}.dcards.discard .tchip{display:none}}.rowbtns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.coin{width:150px;height:150px}.coin.spin{animation:.25s linear 6 coin}@keyframes coin{0%{transform:scaleX(1)}50%{transform:scaleX(.08)}to{transform:scaleX(1)}}@media (width<=600px){.match{gap:10px;padding-block:12px 16px}.pill,.pill.blue{flex:1 1 0;gap:7px;min-width:0;padding:5px 8px}.pill.blue{justify-content:flex-start}.pname{font-size:15px}.pill,.pill.blue{flex-wrap:wrap;row-gap:2px}.pstat{white-space:nowrap;flex-basis:100%;gap:4px;font-size:12.5px}.pill.blue{flex-direction:row}.dot{width:20px;height:20px}.board-wrap{border-radius:20px;padding:16px 2px 12px}.dock{gap:8px;padding:12px}.dhead h2{font-size:16px}.hand .hcard{gap:5px;padding:6px}.hand .hcard .art{height:46px}.hand .cname{justify-content:center;font-size:13.5px}.hand .tchip{display:none}.atitle{font-size:16px}.asub{font-size:13px}}@media (prefers-reduced-motion:reduce){.tile.risk .in,.tile.flip .in,.tile.incoming .in,.attack-banner,.coin.spin,.turn-pop,.tp-backs i{animation:none}.tile,.tile .in{transition:none}}.pname{align-items:baseline;gap:6px;display:inline-flex}.you{color:var(--ink);background:var(--soft);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:0 5px;font-size:11px;font-weight:700}.offline{background:var(--coral);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;border-radius:6px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:800}.pill.away{box-shadow:0 0 0 3px var(--coral), 0 3px 0 var(--ink);border-style:dashed}.pill.away .dot,.pill.away .pname{opacity:.55}.offline-banner{box-sizing:border-box;border:3px solid var(--ink);background:var(--panel);width:min(560px,100%);box-shadow:0 0 0 3px var(--coral), 0 3px 0 var(--ink);border-radius:14px;align-items:center;gap:10px;margin:0 auto 10px;padding:10px 14px;font-size:14.5px;display:flex}.offline-banner b{color:var(--coral)}.offline-banner.floating{z-index:25;bottom:max(16px, env(safe-area-inset-bottom,0px));width:min(520px,100% - 32px);margin:0;position:fixed;left:50%;transform:translate(-50%)}.offline-dot{background:var(--coral);border-radius:50%;flex:none;width:10px;height:10px}.timer.paused{color:var(--muted)}.timer.paused .bar i{background:var(--muted)}.paused-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--coral);font-size:11px;font-weight:800}.pill{flex-wrap:wrap;row-gap:4px}.pact{color:var(--o,var(--soft));flex-basis:100%;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.pill.red .pact{--o:var(--red-l)}.pill.blue .pact{--o:var(--blue-l);justify-content:flex-end}.pact i{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite risk}@media (width<=600px){.pact{font-size:12px}.pill.blue .pact{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.pact i{animation:none}}.gold-text{color:var(--gold)}.toast .notice{color:var(--coral);margin-bottom:4px;display:block}.match{font-family:var(--font);color:var(--fg);font-size:15px;font-weight:500}.match p{margin:0}.cardlink{font:inherit;color:var(--cyan);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.cardlink:hover{color:var(--fg)}.board-wrap{position:relative}.board-label{letter-spacing:.06em;text-transform:uppercase;color:var(--label);font-size:13px;font-weight:700;position:absolute;top:12px;left:18px}.dock.result{box-shadow:0 0 0 3px var(--gold), 0 4px 0 var(--ink);gap:12px}.dock .eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--label);font-size:13px;font-weight:700}.dock .result-title{text-shadow:0 3px 0 var(--ink);margin:0;font-size:clamp(30px,7vw,40px);line-height:1.05}.result-title.by-red{color:var(--red-l)}.result-title.by-blue{color:var(--blue-l)}.counts{background:var(--panel-2);border:2px solid var(--ink);border-radius:14px;flex-direction:column;gap:6px;margin:0;padding:10px 12px;list-style:none;display:flex}.counts li{align-items:center;gap:8px;font-weight:700;display:flex}.counts li b{font-variant-numeric:tabular-nums;margin-left:auto;font-size:18px}.counts li.neutral{color:var(--muted);font-weight:500}.counts li.neutral b{font-size:15px;font-weight:500}.counts .dot{border-width:2px;width:14px;height:14px}.dot.none{background:#8b889a}.rematch-status{background:var(--panel-2);border:2px solid var(--ink);color:var(--soft);border-radius:14px;flex-direction:column;gap:3px;padding:10px 12px;font-size:14px;line-height:1.35;display:flex}.rematch-status b{color:var(--gold-hi);font-size:15px}.turn-pop .abtns{gap:10px;display:flex}.turn-pop .abtns .btn{flex:1 1 0;padding:0 12px}@media (width<=600px){.match.over .side{order:-1}}.dock.result .abtns .btn.gold{white-space:nowrap;flex-grow:1.7}.match.over .board-wrap{padding-top:40px}.lobby{box-sizing:border-box;min-height:100vh;padding:24px max(16px, env(safe-area-inset-right,0px)) 24px max(16px, env(safe-area-inset-left,0px));font-family:var(--font);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-weight:500;display:flex}.panel{box-sizing:border-box;background:var(--panel);border:4px solid var(--ink);width:min(460px,100%);box-shadow:0 8px 0 var(--ink);text-align:center;border-radius:26px;flex-direction:column;gap:14px;padding:24px 22px 26px;display:flex}.panel h1{text-shadow:0 3px 0 var(--ink);margin:0;font-size:clamp(28px,7vw,38px);line-height:1.05}.panel p{color:var(--soft);margin:0;line-height:1.45}.panel a,.status-line a{color:var(--gold)}.panel .rowbtns{justify-content:center}.stack{flex-direction:column;gap:14px;display:flex}.field{text-align:left;color:var(--label);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.field input{font:inherit;color:var(--fg);box-sizing:border-box;background:var(--panel-2);border:3px solid var(--ink);border-radius:14px;width:100%;min-height:48px;padding:0 14px;font-size:18px;font-weight:600;box-shadow:inset 0 3px #00000040}.field input::placeholder{color:#6e6b7e}.field input:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}.btn.wide{width:100%}.or{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.or:before,.or:after{content:"";background:var(--panel-2);flex:1;height:2px}.joinrow{align-items:flex-end;gap:10px;display:flex}.joinrow .field{flex:1;min-width:0}.joinrow .field input{text-transform:uppercase;letter-spacing:.12em}.error{font-weight:600;color:var(--coral)!important}.code{letter-spacing:.14em;background:var(--panel-2);border:3px solid var(--ink);color:var(--gold-hi);text-shadow:0 3px 0 var(--ink);font-variant-numeric:tabular-nums;border-radius:16px;padding:10px 0;font-size:clamp(34px,11vw,48px);font-weight:700}.status-line{color:var(--muted);text-align:center;margin:0;font-size:13px}.connbar{z-index:10;text-align:center;font-family:var(--font);color:var(--ink);background:var(--coral);padding:8px 16px;font-weight:600;position:sticky;top:0}.overlay:has(>.battle){background:#0a0914f2}.battle{flex-direction:column;gap:14px;width:min(980px,100%);margin:auto;display:flex}.bhead{text-align:center;flex-direction:column;gap:4px;display:flex}.bhead h1{text-shadow:0 3px 0 var(--ink);text-wrap:balance;margin:0;font-size:clamp(26px,5vw,38px)}.bhead p{color:var(--label);margin:0}.roundnote{background:var(--panel-2);border:2px solid var(--steel);color:var(--soft);text-align:center;border-radius:12px;align-self:center;padding:8px 14px;font-size:15px}.roundnote b{color:var(--fg)}.arena{align-items:stretch;gap:12px;display:flex}@media (width<=640px){.arena{flex-direction:column}}.side-p{border:3px solid var(--ink);min-width:0;box-shadow:0 4px 0 var(--ink);background:var(--panel);text-align:center;box-sizing:border-box;border-radius:20px;flex-direction:column;flex:2 1 0;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.side-p.them{flex:1 1 0}.side-p.red{border-top:8px solid var(--red)}.side-p.blue{border-top:8px solid var(--blue)}.side-p .who{font-size:18px;font-weight:700}.side-p .who.red{color:var(--red-l)}.side-p .who.blue{color:var(--blue-l)}.score{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.rps-score{text-align:center}.pad{border:3px solid var(--ink);cursor:pointer;touch-action:manipulation;width:100%;min-height:150px;color:var(--ink);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:26px;font-weight:700;display:flex}.pad:disabled{opacity:.55;cursor:default}.pad.red{background:var(--red-l);box-shadow:inset 0 -6px 0 var(--red), 0 4px 0 var(--ink)}.pad.blue{background:var(--blue-l);box-shadow:inset 0 -6px 0 var(--blue), 0 4px 0 var(--ink)}.light{border:4px solid var(--ink);background:var(--panel-2);width:150px;height:150px;color:var(--soft);text-align:center;box-shadow:0 4px 0 var(--ink);border-radius:50%;flex:none;justify-content:center;align-self:center;align-items:center;font-size:26px;font-weight:700;display:flex}.light.go{background:var(--good);color:var(--ink)}@media (width<=640px){.light{border-radius:18px;width:100%;height:72px}.pad{min-height:110px}}.prob{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.ans{border:3px solid var(--ink);background:var(--panel-2);min-height:52px;color:var(--fg);box-shadow:0 3px 0 var(--ink);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:20px;font-weight:700;display:flex}.ans:disabled{opacity:.4;cursor:default}.ans.right,.ans.right:disabled{background:var(--good);color:var(--ink);opacity:1}.ans.wrong,.ans.wrong:disabled{background:var(--coral);color:var(--ink);opacity:1}.rps{gap:8px;width:100%;display:flex}.rps .ans{flex-direction:column;flex:1;min-height:84px;font-size:15px}.rps svg{width:30px;height:30px}.reveal{text-align:center;font-size:18px;font-weight:700}.bmsg{text-align:center;min-height:26px;color:var(--soft);font-size:18px}.bresult{background:var(--panel);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.bresult h2{text-shadow:0 3px 0 var(--ink);margin:0;font-size:clamp(24px,5vw,32px)}.bresult p{color:var(--soft);margin:0}kbd{opacity:.85;border:2px solid;border-radius:6px;padding:0 6px;font-family:inherit;font-size:13px;font-weight:700}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#12111c;font-family:Fredoka,ui-rounded,Segoe UI,system-ui,sans-serif}body{margin:0}.shell{max-width:720px;margin:0 auto;padding:32px 16px}.status{color:#b9b3d6;grid-template-columns:max-content 1fr;gap:4px 16px;display:grid}.status dd{margin:0}.shell a{color:#ffc93c}.devbar{box-sizing:border-box;color:#b9b3d6;flex-wrap:wrap;align-items:center;gap:8px 16px;max-width:1320px;margin:0 auto;padding:10px 16px 0;font-size:14px;display:flex}.devbar select{font:inherit;color:#fff;background:#2a2840;border:2px solid #0e0e1a;border-radius:8px;padding:4px 8px}.devlog{font-family:ui-monospace,Consolas,monospace;font-size:13px}