.war{height:100dvh;display:grid;grid-template-areas:"top" "opp" "table" "me";grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);background:radial-gradient(ellipse at 50% 35%,var(--felt-2),var(--felt) 60%,#143024);padding-left:var(--sal);padding-right:var(--sar)}.war-top{grid-area:top;display:flex;align-items:center;gap:10px;padding:calc(6px + var(--sat)) 10px 6px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08)}.war-title{flex:1;display:flex;flex-direction:column;line-height:1.15;min-width:0}.war-title .muted{font-size:.8rem}.war-strip{grid-area:opp;display:flex;flex-direction:column;gap:6px;padding:8px 10px 0;min-width:0}.war-table{grid-area:table;min-height:0;display:flex;flex-direction:column;padding:8px 10px;gap:6px}.war-banner{text-align:center;font-weight:650;font-size:.95rem;padding:4px 8px;border-radius:8px;background:#00000040;flex:0 0 auto}.war-banner.hot{background:var(--hot);color:#fff}.war-rows{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-overflow-scrolling:touch}.war-rows>:first-child{margin-top:auto}.war-rows>:last-child{margin-bottom:auto}.war-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;flex:0 0 auto;width:100%}.war-row.past{opacity:.85}.war-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.war-cell-name{font-size:.75rem;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:16px;line-height:16px}.war-cell.mine .war-cell-name{color:var(--accent);font-weight:650}.war-cell.won .pcard{outline:3px solid var(--accent);outline-offset:1px}.war-cell-cards{display:flex;flex-direction:column;align-items:center;gap:4px}.war-down{display:flex;justify-content:center}.war-down .pcard{margin-left:-30%}.war-down .pcard:first-child{margin-left:0}.war-log{flex:0 0 auto;color:#fff9;text-align:center;line-height:1.3;max-height:3.9em;overflow:hidden;background:none;border:none;padding:0;cursor:pointer;width:100%;font:inherit;font-size:.72rem}.war.phone .war-log{max-height:1.3em}.war.phone .war-log div:not(:last-child){display:none}.war-me{grid-area:me;display:flex;align-items:center;gap:12px;padding:8px 12px calc(8px + var(--sab));background:#0000004d;border-top:1px solid rgba(255,255,255,.08)}.me-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.me-info>div{display:flex;flex-direction:column;line-height:1.2}.me-finished{flex:2;display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}.deck-btn{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 10px;min-height:64px;border-radius:14px;border:2px solid transparent;background:#ffffff14;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:transform .08s ease,background .15s}.deck-btn:disabled{cursor:default;opacity:.7}.deck-btn.ready{border-color:var(--accent);background:#e9c46a29;animation:pulse 1.6s ease-in-out infinite}.deck-btn.ready:active{transform:scale(.96);animation:none}.deck-btn .pcard{z-index:0}.deck-label{font-weight:700;font-size:1rem;white-space:nowrap}@keyframes pulse{0%,to{box-shadow:0 0 #e9c46a73}50%{box-shadow:0 0 0 10px #e9c46a00}}@media(prefers-reduced-motion:reduce){.deck-btn.ready{animation:none}}@media(orientation:landscape)and (max-height:520px){.war{grid-template-areas:"top top" "table opp" "table me";grid-template-columns:minmax(0,1fr) minmax(190px,34%);grid-template-rows:auto minmax(0,1fr) auto}.war-top{padding-top:calc(4px + var(--sat));padding-bottom:4px}.war-strip{overflow:auto;padding:6px 8px 0 0}.war-strip .scoreboard{grid-template-columns:1fr;gap:4px}.score{padding:4px 8px}.war-me{flex-direction:column;align-items:stretch;gap:6px;padding:6px 8px calc(6px + var(--sab)) 0;border-top:none;background:transparent}.me-info{flex:0 0 auto}.deck-btn{justify-content:center;min-height:56px}.war-table{padding:6px 8px}.war-log{display:none}}@media(min-width:1100px)and (min-height:700px){.war-table{padding:16px max(10px,calc((100% - 1000px)/2))}.war-strip,.war-me{padding-left:max(10px,calc((100% - 1000px)/2));padding-right:max(10px,calc((100% - 1000px)/2))}}.battle-slot,.deck-slot{display:inline-block;line-height:0}.skyjo{height:100dvh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:0 calc(10px + var(--sar)) calc(16px + var(--sab)) calc(10px + var(--sal));background:radial-gradient(ellipse at 50% 20%,#1f3f57,#14283a 60%,#0f1f2c);-webkit-overflow-scrolling:touch}.sk-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;margin:0 calc(-10px - var(--sar)) 0 calc(-10px - var(--sal));padding:calc(6px + var(--sat)) 10px 6px;background:#0f1f2ceb;backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.sk-title{flex:1;display:flex;flex-direction:column;line-height:1.15;min-width:0}.sk-title .muted{font-size:.8rem}.sk-strip{display:flex;flex-direction:column;gap:6px}.sk-banner{text-align:center;font-weight:650;font-size:.95rem;padding:6px 10px;border-radius:8px;background:#00000040}.sk-banner.hot{background:var(--hot);color:#fff}.sk-piles{display:flex;justify-content:center;align-items:flex-start;gap:18px;padding:4px 0}.sk-pile{display:flex;flex-direction:column;align-items:center;gap:4px}.sk-pile-label{font-size:.75rem;color:var(--muted);white-space:nowrap}.sk-hand.empty{opacity:0;pointer-events:none}.sk-hand-empty{border-style:dashed}.sk-hand .held{outline:3px solid var(--accent);outline-offset:2px;animation:sk-pop .25s ease-out}@keyframes sk-pop{0%{transform:scale(.8);opacity:.4}to{transform:none;opacity:1}}.sk-mine,.sk-other{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:12px;background:#00000038;border:1px solid transparent}.sk-mine.active{border-color:var(--accent)}.sk-other.turn{border-color:#e9c46a99}.sk-other.left{opacity:.5}.sk-grid-head{display:flex;align-items:center;gap:8px;font-size:.85rem;align-self:stretch;min-width:0;width:100%}.sk-grid-head>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-grid{display:grid;justify-content:center}.sk-col{display:flex;flex-direction:column}.sk-col>[data-slot]{display:block}.sk-cleared{padding:20px;font-style:italic}.sk-others{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sk-others .sk-other{flex:0 1 auto}.skyjo.phone .sk-others{flex-direction:column;align-items:stretch}.skcard{position:relative;border-radius:12%/8.5%;display:grid;place-items:center;font-weight:800;font-family:Georgia,Times New Roman,"DejaVu Serif",serif;color:#111;padding:0;border:none;flex:0 0 auto;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease;box-shadow:inset 0 0 0 .11em #fff,inset 0 0 0 .14em #00000038,0 2px 6px #00000073;background-color:var(--sk-base, #888);background-image:radial-gradient(ellipse 62% 52% at 50% 47%,var(--sk-glow, #bbb) 0%,var(--sk-base, #888) 78%)}button.skcard:disabled{cursor:default}.skcard.selectable{cursor:pointer;box-shadow:inset 0 0 0 .11em #fff,inset 0 0 0 .14em #00000038,0 0 0 3px #e9c46ae6,0 2px 10px #0000008c}.skcard.selectable:active{transform:scale(.94)}.skcard-value{line-height:1;font-size:1.45em;letter-spacing:-.03em;-webkit-text-stroke:.075em #fff;paint-order:stroke fill;text-shadow:0 .04em .08em rgba(0,0,0,.35)}@supports not (paint-order: stroke fill){.skcard-value{-webkit-text-stroke:0;text-shadow:-.05em -.05em 0 #fff,.05em -.05em 0 #fff,-.05em .05em 0 #fff,.05em .05em 0 #fff,0 .06em .1em rgba(0,0,0,.35)}}.sk-neg{--sk-base: #2a3a9c;--sk-glow: #7d8fe8}.sk-zero{--sk-base: #6fb8e6;--sk-glow: #d9f1ff}.sk-low{--sk-base: #2e9a45;--sk-glow: #9be9a8}.sk-mid{--sk-base: #f0c400;--sk-glow: #fffab8}.sk-high{--sk-base: #d8362b;--sk-glow: #ffb3aa}.sk-back{--sk-base: #23395d;--sk-glow: #2f4a78;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0 4px,transparent 4px 10px),repeating-linear-gradient(-45deg,rgba(255,255,255,.1) 0 4px,transparent 4px 10px),radial-gradient(ellipse 70% 60% at 50% 46%,var(--sk-glow) 0%,var(--sk-base) 72%);color:#fff}.skcard-label{font-size:.6em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.7)}.sk-empty{border:2px dashed rgba(255,255,255,.25);box-shadow:none;background:transparent}.skcard.pile{box-shadow:inset 0 0 0 .11em #fff,inset 0 0 0 .14em #00000038,2px 2px #0000004d,4px 4px #0000002e,0 2px 6px #0006}.skcard.pile.selectable{box-shadow:inset 0 0 0 .11em #fff,inset 0 0 0 .14em #00000038,0 0 0 3px #e9c46ae6,2px 2px #0000004d,4px 4px #0000002e}.sk-summary{align-self:center;width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.sk-summary h3{font-size:1rem}.sk-summary table{width:100%;border-collapse:collapse;font-size:.95rem}.sk-summary th{text-align:left;color:var(--muted);font-weight:600;font-size:.8rem;padding:4px 6px}.sk-summary td{padding:6px;border-top:1px solid var(--line)}.sk-summary tr.me td{background:#e9c46a1a}.sk-doubled{margin-left:6px;color:var(--hot);font-weight:700;font-size:.8rem}.sk-head{display:flex;flex-direction:column;gap:8px}.sk-main{display:flex;flex-direction:column;gap:8px;min-height:0}.skyjo.row .sk-main{flex-direction:row;align-items:flex-start;flex:1 1 auto;min-height:0}.skyjo.row .sk-piles{flex-direction:column;flex:0 0 auto;padding:8px 4px}.skyjo.row .sk-mine{flex:0 0 auto}.skyjo.row .sk-others{flex:1 1 auto;min-width:0;align-self:stretch;overflow:auto;align-content:flex-start;justify-content:flex-start}.skyjo.row{overflow-y:hidden}.skyjo.row .sk-others .sk-other{flex:0 0 auto}:root{--bg: #0f1f17;--bg-2: #16291f;--panel: #1d3328;--panel-2: #24402f;--felt: #1b4332;--felt-2: #245c42;--line: #2f5140;--text: #f2f5f0;--muted: #9fb3a6;--accent: #e9c46a;--accent-2: #f4a261;--hot: #e76f51;--win: #2dc653;--red: #c0392b;--black: #1b1b1b;--card: #fdfdf7;--card-back: #7a1f2b;--radius: 12px;--shadow: 0 6px 20px rgba(0, 0, 0, .35);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body,#root{min-height:100dvh}h1,h2,h3{margin:0;font-weight:650}h1{font-size:1.25rem}h2{font-size:1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}h3{font-size:1.05rem}p{margin:0 0 8px}ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}small{font-size:.8em}.err{color:#ffb4a8;font-size:.9rem}button,input,select{font:inherit;color:inherit;-webkit-appearance:none;appearance:none}input,select{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:1rem;width:100%}select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}input[type=checkbox]{width:22px;height:22px;padding:0;display:inline-grid;place-content:center}input[type=checkbox]:checked:before{content:"✓";color:var(--accent);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,background .15s ease}.btn:hover:not(:disabled){background:var(--panel-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#1c1a10;font-weight:650}.btn-primary:hover:not(:disabled){background:#f0d080}.btn-wide{width:100%}.btn-small{min-height:36px;padding:6px 12px;font-size:.9rem}.btn-icon{min-width:44px;padding:6px}.btn-link{background:none;border:none;color:var(--muted);text-decoration:underline;min-height:32px}.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.75rem;font-weight:650;background:var(--panel-2);color:var(--text);white-space:nowrap}.pill-hot{background:var(--hot);color:#fff}.pill-win{background:var(--win);color:#062b12}.pill-quiet{background:transparent;border:1px solid var(--line);color:var(--muted)}.avatar{border-radius:50%;object-fit:cover;flex:0 0 auto;display:inline-grid;place-items:center;color:#fff;font-weight:700}.avatar-bot{background:#3a4d8f;color:#dfe6ff}.picker-wrap{display:flex;flex-direction:column;gap:6px}.picker-bots{cursor:default}.stepper{display:inline-flex;align-items:center;gap:4px}.stepper .btn-icon{min-width:36px;min-height:36px;font-size:1.1rem}.stepper-value{min-width:24px;text-align:center;font-weight:700}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px calc(16px + var(--sar)) calc(24px + var(--sab)) calc(16px + var(--sal))}.gate-card{width:min(360px,100%);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;gap:14px;text-align:center;box-shadow:var(--shadow)}.gate-logo{font-size:1.6rem;letter-spacing:.3em;color:var(--accent)}.page{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:calc(10px + var(--sat)) calc(16px + var(--sar)) 10px calc(16px + var(--sal));background:#0f1f17eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar h1{flex:1}.topbar .suits{color:var(--accent);letter-spacing:.05em;margin-right:4px}.topbar-right{display:flex;gap:8px;align-items:center}.home,.lobby{flex:1;width:min(720px,100%);margin:0 auto;padding:16px calc(16px + var(--sar)) calc(32px + var(--sab)) calc(16px + var(--sal));display:flex;flex-direction:column;gap:24px}.block{display:flex;flex-direction:column}.table-list,.game-list,.seat-list{display:flex;flex-direction:column;gap:8px}.table-row,.game-card,.seat{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.table-row{min-height:60px;transition:background .15s}.table-row:hover{background:var(--panel-2)}.table-row.your-turn{border-color:var(--hot);box-shadow:inset 3px 0 0 var(--hot)}.table-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.table-row-main .muted{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-row-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.game-card h3{margin-bottom:2px}.game-card>div{flex:1}.seat-pending{opacity:.6}.kv li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}.rules{padding-left:18px;list-style:disc;color:var(--muted);line-height:1.45}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.actions .btn-primary{margin-left:auto}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:end center;z-index:20}@media(min-width:640px){.modal-backdrop{place-items:center}}.modal{width:min(520px,100%);max-height:min(92dvh,720px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;display:flex;flex-direction:column;box-shadow:var(--shadow)}@media(min-width:640px){.modal{border-radius:var(--radius)}}.modal-head,.modal-foot{display:flex;align-items:center;gap:10px;padding:12px 16px}.modal-head{border-bottom:1px solid var(--line)}.modal-head h2{flex:1;color:var(--text);text-transform:none;letter-spacing:0;font-size:1.1rem;margin:0}.modal-body{overflow:auto;padding:12px 16px;display:flex;flex-direction:column;gap:18px;-webkit-overflow-scrolling:touch}.modal-body h3{font-size:.85rem;text-transform:uppercase;color:var(--muted);letter-spacing:.06em;margin-bottom:8px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;padding-bottom:calc(12px + var(--sab))}.field{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:12px}.field>span{font-size:.9rem}.picker{display:flex;flex-direction:column;gap:6px}.picker-row{width:100%;display:flex;align-items:center;gap:12px;padding:8px 10px;min-height:52px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;text-align:left;cursor:pointer;touch-action:manipulation}.picker-row.on{border-color:var(--accent);background:var(--panel-2)}.picker-row:disabled{opacity:.55;cursor:default}.picker-name{flex:1;display:flex;flex-direction:column}.check{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-weight:700;color:#1c1a10}.check.on{background:var(--accent);border-color:var(--accent)}.toasts{position:fixed;top:calc(8px + var(--sat));left:50%;transform:translate(-50%);width:min(420px,calc(100% - 24px));display:flex;flex-direction:column;gap:8px;z-index:50;pointer-events:none}.toast{pointer-events:auto;background:var(--panel-2);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:10px 14px;box-shadow:var(--shadow);cursor:pointer;animation:toast-in .25s ease}.toast-turn{border-left-color:var(--hot)}.toast-invite{border-left-color:var(--accent-2)}.toast-error{border-left-color:#ff6b6b}.toast{display:flex;align-items:flex-start;gap:8px}.toast-main{flex:1;min-width:0}.toast-close{background:none;border:none;color:var(--muted);padding:2px 4px;cursor:pointer;min-width:28px;min-height:28px;border-radius:6px}.toast-close:hover{background:#ffffff14;color:var(--text)}.toast-title{font-weight:650}.toast-body{font-size:.85rem;color:var(--muted)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.pcard{position:relative;border-radius:8%/6%;flex:0 0 auto;user-select:none;-webkit-user-select:none}.pcard-up{background:var(--card);color:var(--black);box-shadow:0 2px 6px #0006,inset 0 0 0 1px #00000014;font-family:Georgia,Times New Roman,serif;font-weight:700}.pcard-up.red{color:var(--red)}.pcard-corner{position:absolute;line-height:.95;display:flex;flex-direction:column;align-items:center;font-size:.55em}.pcard-corner small{font-size:.85em}.pcard-corner.tl{top:6%;left:7%}.pcard-corner.br{bottom:6%;right:7%;transform:rotate(180deg)}.pcard-pip{position:absolute;inset:0;display:grid;place-items:center;font-size:1.25em}.pcard-down{background:var(--card-back);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 4px,transparent 4px 10px),repeating-linear-gradient(-45deg,rgba(255,255,255,.12) 0 4px,transparent 4px 10px);box-shadow:0 2px 6px #0006,inset 0 0 0 3px var(--card),inset 0 0 0 4px #00000026}.pcard-down.stack:before,.pcard-down.stack:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;box-shadow:inherit;z-index:-1}.pcard-down.stack:before{transform:translate(2px,2px)}.pcard-down.stack:after{transform:translate(4px,4px)}.pcard-down.stack-1:after{display:none}.pcard-count{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:.75em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.pcard-slot{border:2px dashed rgba(255,255,255,.25);display:grid;place-items:center;color:#ffffff80;font-size:1.2rem}.flip-in{animation:flip-in .35s ease-out;transform-origin:center}@keyframes flip-in{0%{transform:rotateY(90deg) scale(.9);opacity:.4}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.flip-in,.toast{animation:none}}.drawer-backdrop{position:fixed;inset:0;background:#00000073;z-index:20;display:flex;justify-content:flex-end}.drawer{width:min(420px,100%);height:100%;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;box-shadow:var(--shadow);padding-top:var(--sat)}@media(max-width:639px){.drawer-backdrop{align-items:flex-end}.drawer{width:100%;height:min(75dvh,100%);border-left:none;border-top:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;padding-top:0}}.log-list{flex:1;overflow:auto;padding:10px 14px calc(14px + var(--sab));display:flex;flex-direction:column;gap:2px;-webkit-overflow-scrolling:touch}.log-row{display:grid;grid-template-columns:62px 1fr;gap:8px;padding:5px 8px;border-radius:6px;font-size:.9rem;line-height:1.35}.log-row.mine{background:#e9c46a1a}.log-row.log-round,.log-row.log-finish{font-weight:650}.log-row.log-war{color:var(--accent-2);font-weight:650}.log-row.log-deal,.log-row.log-left,.log-row.log-out{color:var(--muted)}.log-time{color:var(--muted);font-size:.75rem;padding-top:2px;white-space:nowrap}.rules-page{flex:1;width:min(680px,100%);margin:0 auto;padding:16px calc(16px + var(--sar)) calc(32px + var(--sab)) calc(16px + var(--sal));display:flex;flex-direction:column;gap:22px;line-height:1.5}.rules-page p{margin:0 0 10px}.rules-tagline{margin:0}.rules-link{align-self:flex-start;margin-top:10px}.game-card small a{text-decoration:underline}.usermenu{position:relative}.popover{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px;z-index:30;display:flex;flex-direction:column;gap:2px}.popover-head{display:flex;flex-direction:column;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px;line-height:1.25}.popover-head small{word-break:break-all}.popover-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px;min-height:44px;border:none;border-radius:8px;background:none;color:var(--text);cursor:pointer;touch-action:manipulation}.popover-item:hover{background:var(--panel-2)}a.popover-item{text-decoration:none}.popover-scrim{position:fixed;inset:0;z-index:29}div.popover-item{cursor:default}.modal-small{width:min(380px,100%)}.modal-small h3{margin-bottom:6px}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.score{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#00000047;border:1px solid transparent;min-width:0}.score.me{background:#e9c46a1f}.score.turn{border-color:#e9c46a99}.score.out{opacity:.45}.score.winner{border-color:var(--win)}.score-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}.score-name{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;display:flex;align-items:center;gap:6px}.score-starter{color:var(--accent);font-size:.7rem}.score-status{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-value{font-weight:800;font-size:1.1rem;min-width:30px;text-align:center;padding:2px 6px;border-radius:8px;background:#ffffff1a}.scoreboard.compact .score-value{font-size:1rem}.vote-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:10px;background:#e76f512e;border:1px solid var(--hot)}.vote-text{flex:1;min-width:200px;display:flex;flex-direction:column;line-height:1.25;font-size:.9rem}.vote-text .muted{font-size:.8rem}.vote-actions{display:flex;gap:8px}.row-actions{display:flex;gap:6px}.table-row .btn-link{min-height:32px;padding:4px 6px;font-size:.85rem}.pill-abandoned{background:transparent;border:1px solid var(--hot);color:var(--hot)}.lobby-btn{position:relative}.lobby-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:var(--hot);color:#fff;font-size:.75rem;font-weight:700}.lobby-btn.has-pending{border-color:var(--hot)}.flight-layer{position:fixed;inset:0;pointer-events:none;z-index:40}.flight{position:absolute;will-change:transform}.flight>*{width:100%!important;height:100%!important}.slot-hidden{visibility:hidden!important}.flip-reveal{display:block;transform-style:preserve-3d;backface-visibility:hidden;line-height:0}[data-slot]{line-height:0}.score-elo{color:var(--muted)}.elo-up{color:var(--win);font-weight:700}.elo-down{color:var(--hot);font-weight:700}.rating-line{display:block;margin-top:4px}.h2-side{text-transform:none;letter-spacing:0;font-weight:500;margin-left:10px}.stale-pill{position:fixed;left:50%;bottom:calc(96px + var(--sab));transform:translate(-50%);background:var(--hot);color:#fff;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:650;box-shadow:var(--shadow);z-index:45;pointer-events:none}