:root{--bg-0:#0b1512;--bg-1:#0f1c17;--panel:#14241d;--panel-2:#1a2e25;--felt:#123a2c;--felt-2:#0d2b20;--jade:#3ad6a0;--jade-dim:#1f7a5b;--gold:#e8c46a;--gold-dim:#9a7f3c;--ivory:#f5f1e8;--card-2:#e9e2cf;--red:#d5453b;--ink:#0c1410;--text:#e7efe9;--text-dim:#8ba79a;--text-mut:#5f7d70;--line:rgba(58,214,160,.16);--line-2:rgba(232,196,106,.22);--good:#3ad6a0;--bad:#e8705f;--safe-b:env(safe-area-inset-bottom,0px);--input-bg:rgba(0,0,0,.28);--inset:rgba(0,0,0,.2);--card-scale:1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(130% 80% at 50% -8%,#16302579 0%,transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0));background-attachment:fixed;min-height:100dvh;overscroll-behavior:none;overflow-x:hidden;-webkit-user-select:none;user-select:none}button{font-family:inherit}.app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;gap:10px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg-1) 70%,transparent)}.wordmark{display:flex;flex-direction:column;line-height:1}.wordmark .t1{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:19px;color:var(--ivory);letter-spacing:.2px}.wordmark .t1 b{color:var(--jade);font-style:normal;font-weight:600}.wordmark .t2{font-size:9.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-top:3px}.scorepill{display:flex;gap:2px;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}.scorepill .s{font-size:17px;font-weight:700;color:var(--ivory)}.scorepill .s.pos{color:var(--jade)}.scorepill .s.neg{color:var(--bad)}.scorepill .l{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mut)}.seats{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:". top ." "left . right";gap:8px;padding:6px 12px 4px;align-items:start}.seats-1{grid-template-areas:". top ."}.seat{min-width:0;display:flex}.seat>.opp{width:100%}.seat-top{grid-area:top;justify-self:center;width:100%;max-width:230px}.seat-left{grid-area:left;justify-self:stretch}.seat-right{grid-area:right;justify-self:stretch}.opp{flex:1 1 0;min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:7px 8px;transition:box-shadow .2s,border-color .2s}.opp.acting{border-color:var(--jade);box-shadow:0 0 0 1px var(--jade),0 0 16px -4px #3ad6a080}.opp .ohead{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.opp .oname{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ivory);font-weight:600;min-width:0}.opp .oname .dot{width:8px;height:8px;border-radius:50%;background:var(--jade-dim);flex:0 0 auto}.opp.acting .oname .dot{background:var(--jade);box-shadow:0 0 8px var(--jade)}.opp .osc{font-size:12px;font-variant-numeric:tabular-nums;color:var(--gold)}.opp .orow{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center;gap:3px;margin-bottom:3px;align-items:center;min-width:0}.mini{width:100%;max-width:16px;aspect-ratio:5/7;height:auto;border-radius:2.5px;min-width:0;background:linear-gradient(180deg,#fff,var(--card-2));color:var(--ink);font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-family:Georgia,serif;line-height:1;box-shadow:0 1px 2px #0006;font-size:9px}.mini i{font-style:normal;font-size:8px;line-height:1;margin-top:1px}.mini.red{color:var(--red)}.mini.empty{background:transparent;box-shadow:inset 0 0 0 1px #ffffff14}.mini.back{background:repeating-linear-gradient(45deg,#1f5c46 0,#1f5c46 3px,#174534 3px,#174534 6px);box-shadow:inset 0 0 0 1px #3ad6a040}.obadge{font-size:8.5px;padding:1px 5px;border-radius:8px;background:#e8c46a24;color:var(--gold);border:1px solid var(--line-2);display:inline-block;margin-top:4px}.obadge.foul{background:#e8705f26;color:var(--bad);border-color:#e8705f4d}.board{margin-top:auto;background:radial-gradient(120% 120% at 50% 0%,var(--felt) 0%,var(--felt-2) 78%);border-top:1px solid var(--line);border-radius:20px 20px 0 0;padding:12px 12px 8px;box-shadow:0 -12px 30px -18px #000000b3,inset 0 1px #3ad6a01f}.row{margin-bottom:9px}.row:last-child{margin-bottom:4px}.rowhead{display:flex;align-items:center;justify-content:flex-end;margin-bottom:5px;padding:0 2px;min-height:14px}.rowhead .rmade{font-size:11px;color:var(--jade);font-variant-numeric:tabular-nums;text-align:right}.rowhead .rmade .roy{color:var(--gold);margin-left:6px}.slots{display:flex;gap:6px;justify-content:center}.slot{flex:1 1 0;max-width:calc(64px * var(--card-scale));aspect-ratio:5/7;border-radius:8px;border:1.5px dashed rgba(58,214,160,.18);display:grid;place-items:center;position:relative;transition:border-color .15s,background .15s,transform .1s}.slot.droppable.free{border-color:var(--jade);border-style:solid;background:#3ad6a014;box-shadow:0 0 0 1px #3ad6a033}.slot.droppable.free:after{content:"+";color:var(--jade);font-size:20px;opacity:.5}.slot.droppable:not(.free){box-shadow:0 0 0 1px #3ad6a04d}.slot.droppable.over{border-color:var(--gold);border-style:solid;background:#e8c46a29;box-shadow:0 0 0 3px #e8c46a8c,0 0 16px -2px #e8c46ab3;transform:scale(1.08);z-index:2}.slot.droppable.over.free:after{opacity:0}.card{width:100%;height:100%;border-radius:8px;background:linear-gradient(165deg,#ffffff 0%,#fbf8f1 55%,var(--card-2) 100%);color:var(--ink);font-family:Georgia,Times New Roman,Segoe UI Symbol,serif;display:flex;flex-direction:column;justify-content:space-between;padding:4px 5px;position:relative;box-shadow:0 1px #fff6 inset,0 -6px 10px -8px #0000004d inset,0 0 0 1px #00000024,0 3px 7px -2px #0006;animation:pop .22s cubic-bezier(.2,.9,.3,1.2) both}@keyframes pop{0%{opacity:0;transform:scale(.82) translateY(-6px)}to{opacity:1;transform:none}}.card .r{font-size:calc(clamp(14px,4.4vw,19px) * var(--card-scale));font-weight:700;line-height:1}.card .p{font-size:calc(clamp(13px,4vw,18px) * var(--card-scale));align-self:flex-end;line-height:1}.card.red{color:var(--red)}.card.recent{cursor:grab;touch-action:none}.card.recent:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;box-shadow:0 0 0 2px var(--gold),0 0 10px -2px #e8c46ab3;opacity:1;pointer-events:none}.card.win{box-shadow:0 0 0 2px var(--jade),0 3px 10px -2px #00000080}.card.dragging{opacity:.35}.foulflag{text-align:center;font-size:11px;color:var(--bad);margin-top:2px;min-height:14px;letter-spacing:.03em}.foulflag.ok{color:var(--jade-dim)}.dock{position:sticky;bottom:0;z-index:15;background:linear-gradient(180deg,transparent,var(--bg-0) 30%);padding:8px 12px calc(10px + var(--safe-b))}.prompt{text-align:center;font-size:12.5px;color:var(--text-dim);margin-bottom:7px;min-height:16px}.prompt b{color:var(--ivory)}.prompt .fl{color:var(--gold)}.tray{display:flex;gap:8px;justify-content:center;margin-bottom:9px;min-height:64px;align-items:center;flex-wrap:wrap}.tcard{width:calc(46px * var(--card-scale));height:calc(64px * var(--card-scale));border-radius:9px;background:linear-gradient(165deg,#ffffff 0%,#fbf8f1 55%,var(--card-2) 100%);color:var(--ink);font-family:Georgia,Times New Roman,Segoe UI Symbol,serif;cursor:grab;position:relative;touch-action:none;display:flex;flex-direction:column;justify-content:space-between;padding:5px 6px;box-shadow:0 1px #fff6 inset,0 -5px 8px -8px #00000047 inset,0 0 0 1px #0000001f,0 3px 8px -3px #0006;transition:transform .12s,box-shadow .12s;animation:dealin .28s cubic-bezier(.2,.9,.3,1) both}@keyframes dealin{0%{opacity:0;transform:translateY(14px) rotate(-4deg)}to{opacity:1;transform:none}}.tcard .r{font-size:calc(18px * var(--card-scale));font-weight:700;line-height:1}.tcard .p{font-size:calc(17px * var(--card-scale));align-self:flex-end;line-height:1}.tcard.red{color:var(--red)}.tcard.sel{transform:translateY(-10px);box-shadow:0 10px 18px -6px #3ad6a080,0 0 0 2px var(--jade)}.tcard.placed{opacity:.5;pointer-events:none}.tcard.placed:after{content:"";position:absolute;left:-14%;top:calc(50% - 1.5px);width:128%;height:3px;background:var(--red);border-radius:2px;transform:rotate(-52deg);transform-origin:center;pointer-events:none;box-shadow:0 0 0 1px #ffffff8c}.tcard.dragging{opacity:.35}.tray.tray-over{outline:2px dashed var(--gold);outline-offset:4px;border-radius:12px}.actionbar{display:flex;gap:9px}.btn{flex:1;padding:14px 12px;border-radius:12px;font-size:15px;font-weight:600;border:1px solid var(--line);cursor:pointer;color:var(--text);background:linear-gradient(180deg,var(--panel-2),var(--panel));transition:transform .08s,opacity .15s,box-shadow .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#4ee3ad,var(--jade));color:#04150f;border-color:#5fe8b6;box-shadow:0 8px 20px -10px #3ad6a099}.btn.gold{background:linear-gradient(180deg,#f0d488,var(--gold));color:#241a04;border-color:#f0d488}.btn.ghost{background:transparent}.btn:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.drag-preview{width:46px;height:64px;border-radius:9px;background:linear-gradient(165deg,#ffffff 0%,#fbf8f1 55%,var(--card-2) 100%);color:var(--ink);font-family:Georgia,Times New Roman,Segoe UI Symbol,serif;display:flex;flex-direction:column;justify-content:space-between;padding:5px 6px;box-shadow:0 1px #fff6 inset,0 14px 26px -6px #000000b3,0 0 0 2px var(--jade);transform:scale(1.08)}.drag-preview .r{font-size:18px;font-weight:700;line-height:1}.drag-preview .p{font-size:17px;align-self:flex-end;line-height:1}.drag-preview.red{color:var(--red)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#060c0ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .2s both}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:440px;max-height:88dvh;overflow-y:auto;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:20px;padding:20px 18px;box-shadow:0 30px 60px -20px #000c}.sheet h2{font-family:Georgia,serif;font-size:22px;margin:0 0 4px;color:var(--ivory);text-align:center}.sheet h2 .amp{color:var(--jade);font-style:italic}.sheet .sub{text-align:center;font-size:12px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}.opt-group{margin-bottom:16px}.opt-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.opt-note{font-size:11px;color:var(--text-mut);margin-top:8px;line-height:1.45}.seg{display:flex;gap:6px;background:var(--inset);padding:4px;border-radius:12px}.seg button{flex:1;padding:11px;border-radius:9px;border:0;cursor:pointer;background:transparent;color:var(--text-dim);font-size:14px;font-weight:600}.seg button.on{background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--ivory);box-shadow:0 2px 8px #0006}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 2px}.toggle-row .tl{font-size:14px;color:var(--text)}.toggle-row .td{font-size:11px;color:var(--text-mut);margin-top:2px}.switch{width:46px;height:27px;border-radius:20px;background:#ffffff1f;position:relative;cursor:pointer;flex:0 0 auto;transition:background .2s;border:0}.switch.on{background:var(--jade-dim)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on:after{transform:translate(19px)}.rules{font-size:12.5px;line-height:1.6;color:var(--text-dim);background:var(--inset);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:16px}.rules b{color:var(--ivory)}.rules .g{color:var(--gold)}.rules .j{color:var(--jade)}.toast-stack{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 24px));pointer-events:none}.toast{pointer-events:auto;display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--line-2);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 16px 34px -14px #000000b3;cursor:pointer;animation:toast-in .22s ease both}.toast-title{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--gold)}.toast-body{font-size:13.5px;color:var(--ivory)}.toast-turn .toast-title{color:var(--jade)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.showdown-list{display:flex;flex-direction:column;gap:10px;margin:8px 0 4px}.sd-player{background:var(--inset);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.sd-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sd-name{font-size:14px;font-weight:600;color:var(--ivory)}.sd-roy{font-size:11.5px;font-weight:600;color:var(--gold)}.sd-hand{margin-top:2px;font-size:12px;color:var(--text-dim)}.foulcell{color:var(--bad);font-weight:600;font-size:11.5px;letter-spacing:.04em}.sd-vs-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}.sd-vs-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-variant-numeric:tabular-nums}.sd-vs-name{color:var(--text-dim)}.sd-vs-net{font-weight:700;color:var(--text-dim)}.sd-vs-net.pos{color:var(--jade)}.sd-vs-net.neg{color:var(--bad)}.sd-total{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}.sd-total-net{font-weight:700}.sd-total-net.pos{color:var(--jade)}.sd-total-net.neg{color:var(--bad)}.fl-banner{text-align:center;padding:12px;margin:10px 0;border-radius:12px;background:linear-gradient(180deg,#e8c46a29,#e8c46a0f);border:1px solid var(--line-2);color:var(--gold);font-size:13px;font-weight:600;letter-spacing:.02em}.fl-banner .big{font-family:Georgia,serif;font-style:italic;font-size:18px;display:block;margin-bottom:2px;color:var(--ivory)}@media(prefers-reduced-motion:reduce){*{animation:none!important}.btn:active{transform:none}}@media(max-height:680px){.tray{min-height:56px}.tcard{width:42px;height:58px}}.topright{display:flex;align-items:center;gap:10px}.btn-gear{width:36px;height:36px;border-radius:10px;flex:0 0 auto;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);color:var(--text-dim);font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform .15s,color .15s,border-color .15s}.btn-gear:hover{color:var(--jade);border-color:var(--jade)}.btn-gear:active{transform:rotate(35deg)}.btn-gear:focus-visible{outline:2px solid var(--jade);outline-offset:2px}:root[data-board-size=equal] .board .slot{max-width:42px}:root[data-board-size=equal] .board .card{padding:3px 4px}:root[data-board-size=equal] .board .card .r{font-size:14px}:root[data-board-size=equal] .board .card .p{font-size:13px}:root[data-board-size=equal] .board{padding:9px 12px 8px}:root[data-board-size=equal] .slots{gap:5px}:root[data-board-size=equal] .row{margin-bottom:8px}:root[data-board-size=equal] .tcard{width:44px;height:62px}:root[data-board-size=equal] .mini{max-width:52px;font-size:18px;border-radius:7px}:root[data-board-size=equal] .mini i{font-size:16px;margin-top:2px}:root[data-board-size=equal] .opp .orow{gap:5px}:root[data-board-size=equal] .opp{padding:10px 11px}.board .slot{transition:max-width .2s,border-color .15s,background .15s,transform .1s}.mini{transition:width .2s,height .2s}.boot{min-height:100dvh;display:grid;place-items:center;color:var(--text-dim);font-size:14px;letter-spacing:.02em}.auth-sheet{max-width:380px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.field input{padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);font-size:16px;-webkit-user-select:text;user-select:text}.field input::placeholder{color:var(--text-mut)}.field input:focus{outline:2px solid var(--jade);outline-offset:1px;border-color:var(--jade)}.auth-error{color:var(--bad);font-size:12.5px;margin:2px 0 10px;text-align:center;background:#e8705f1a;border:1px solid rgba(232,112,95,.25);border-radius:8px;padding:8px 10px}.auth-switch{text-align:center;font-size:12.5px;color:var(--text-dim);margin-top:14px}.auth-switch button{background:none;border:0;color:var(--jade);font-size:12.5px;cursor:pointer;padding:0;text-decoration:underline}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.who-line{font-size:12px;color:var(--text-dim);margin-bottom:12px}.who-line b{color:var(--jade)}.account-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--text)}.account-row button{flex:0 0 auto;padding:9px 16px}input,textarea{-webkit-user-select:text;user-select:text}.friend-search{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);font-size:16px;margin-bottom:8px;-webkit-user-select:text;user-select:text}.friend-search::placeholder{color:var(--text-mut)}.friend-search:focus{outline:2px solid var(--jade);outline-offset:1px;border-color:var(--jade)}.friend-list{display:flex;flex-direction:column;gap:6px;max-height:230px;overflow-y:auto}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:var(--inset);border:1px solid var(--line)}.friend-row .fn{font-size:14px;color:var(--ivory);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.friend-row-note{font-size:11px;color:var(--text-mut);white-space:nowrap}.friend-empty{font-size:12.5px;color:var(--text-mut);padding:8px 2px;text-align:center}.btn.sm{flex:0 0 auto;padding:7px 14px;font-size:13px;border-radius:9px}.start-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(90% 60% at 50% 118%,rgba(0,0,0,.55),transparent 60%),radial-gradient(120% 120% at 50% -25%,#163a2e 0%,transparent 55%),linear-gradient(160deg,#0d1e18,#081310 55%,#05100c);animation:fade .35s both}.start-orbs{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;filter:blur(64px)}.start-orbs:before,.start-orbs:after{content:"";position:absolute;border-radius:50%}.start-orbs:before{width:48vmax;height:48vmax;left:-10vmax;top:-12vmax;background:radial-gradient(circle,rgba(58,214,160,.45),transparent 66%);animation:orb1 24s ease-in-out infinite alternate}.start-orbs:after{width:42vmax;height:42vmax;right:-12vmax;bottom:-14vmax;background:radial-gradient(circle,rgba(232,196,106,.34),transparent 66%);animation:orb2 30s ease-in-out infinite alternate}@keyframes orb1{0%{transform:translate(0) scale(1)}to{transform:translate(11vmax,7vmax) scale(1.16)}}@keyframes orb2{0%{transform:translate(0) scale(1)}to{transform:translate(-9vmax,-7vmax) scale(1.12)}}.start-suits{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.start-suits span{position:absolute;font-family:Georgia,serif;line-height:1;-webkit-user-select:none;user-select:none;filter:blur(.5px)}.start-suits span:nth-child(1){font-size:22vmin;left:-1vmin;top:1vmin;transform:rotate(-16deg);color:var(--jade);opacity:.06}.start-suits span:nth-child(2){font-size:15vmin;right:5vmin;top:9vmin;transform:rotate(13deg);color:var(--red);opacity:.05}.start-suits span:nth-child(3){font-size:18vmin;right:-1vmin;bottom:5vmin;transform:rotate(-9deg);color:var(--gold);opacity:.06}.start-suits span:nth-child(4){font-size:20vmin;left:3vmin;bottom:-3vmin;transform:rotate(11deg);color:var(--jade);opacity:.05}.start-bg .sheet{position:relative;z-index:1;background:linear-gradient(180deg,#1a2e25e6,#12211beb);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(232,196,106,.16);box-shadow:0 40px 90px -30px #000000e6,0 0 0 1px #3ad6a00d,inset 0 1px #ffffff0d}.start-bg .sheet:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--jade),var(--gold),transparent);opacity:.55}.brand-icon{display:block;margin:0 auto 6px}.brand-mark{font-family:Georgia,serif;font-size:30px;font-weight:600;text-align:center;color:var(--ivory);letter-spacing:.4px}.brand-mark .amp{color:var(--jade);font-style:italic}.brand-tag{text-align:center;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-top:5px}@media(prefers-reduced-motion:reduce){.start-orbs:before,.start-orbs:after{animation:none}}.game-list{display:flex;flex-direction:column;gap:7px;max-height:260px;overflow-y:auto}.game-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:10px;background:var(--inset);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.game-row:hover{border-color:var(--jade)}.game-row.turn{border-color:var(--jade);box-shadow:0 0 0 1px #3ad6a04d}.gr-main{display:flex;flex-direction:column;min-width:0}.gr-opp{font-size:14px;color:var(--ivory);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gr-sub{font-size:11px;color:var(--text-mut)}.gr-status{flex:0 0 auto}.gr-net{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-dim)}.gr-net.pos{color:var(--jade)}.gr-net.neg{color:var(--bad)}.link-btn{background:none;border:0;color:var(--jade);font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.friend-row.pick{cursor:pointer}.friend-row.pick input[type=checkbox]{width:18px;height:18px;accent-color:var(--jade);flex:0 0 auto}.head-actions{display:flex;align-items:center;gap:8px}.btn-avatar{width:36px;height:36px;border-radius:50%;flex:0 0 auto;cursor:pointer;background:linear-gradient(135deg,#d4a850,#8a6423);color:#fff5e0;border:none;font-weight:700;font-size:14px;letter-spacing:.01em;display:grid;place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:inset 0 1px 1px #ffffff4d,0 2px 6px #0000004d;transition:box-shadow .15s,transform .1s}.btn-avatar:hover{box-shadow:inset 0 1px 1px #ffffff4d,0 0 0 2px #e8c46a80,0 2px 6px #0000004d}.btn-avatar:active{transform:scale(.94)}.btn-avatar:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.readonly{padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--inset);color:var(--text-dim);font-size:15px;-webkit-user-select:text;user-select:text;word-break:break-all}.field-row{display:flex;gap:8px;align-items:stretch}.field-row input{flex:1;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);font-size:16px;-webkit-user-select:text;user-select:text}.field-row input:focus{outline:2px solid var(--jade);outline-offset:1px;border-color:var(--jade)}.field-row .btn{flex:0 0 auto}.form-msg{font-size:12px;color:var(--jade);margin-top:6px}.k-tag{font-weight:700}.k-tag.ai{color:var(--text-dim)}.k-tag.friend{color:var(--jade)}.gr-turn{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}.gr-time{font-size:10px;color:var(--text-mut);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.btn.danger{background:linear-gradient(180deg,#7a2621,#5e1c18);color:#f7f2ea;border-color:#8a3b34}.result-actions{display:flex;flex-direction:column;gap:9px;margin-top:16px}.result-actions .btn{width:100%}.rp-boards{display:flex;flex-direction:column;gap:10px;padding:8px 12px;overflow-y:auto}.rp-player{background:var(--inset);border:1px solid var(--line);border-radius:12px;padding:9px 11px;transition:border-color .2s,box-shadow .2s}.rp-player.active{border-color:var(--jade);box-shadow:0 0 0 1px #3ad6a04d}.rp-name{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ivory);font-weight:600;margin-bottom:6px}.rp-net{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-dim)}.rp-net.pos{color:var(--jade)}.rp-net.neg{color:var(--bad)}.rp-row{display:flex;gap:4px;margin-bottom:4px}.rp-row:last-child{margin-bottom:0}.rp-slot{width:26px;height:36px;border-radius:4px;border:1px dashed rgba(58,214,160,.15);flex:0 0 auto}.rp-card{width:26px;height:36px;border-radius:4px;flex:0 0 auto;background:linear-gradient(180deg,#fff,var(--card-2));color:var(--ink);font-family:Georgia,serif;font-weight:700;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px #0006}.rp-card i{font-style:normal;font-size:11px}.rp-card.red{color:var(--red)}.rp-card.recent{box-shadow:0 0 0 2px var(--gold)}.rp-log{margin:0 12px 6px;padding:8px 10px;background:#06100c8c;border:1px solid rgba(58,214,160,.14);border-radius:10px;font-size:12px;line-height:1.5;color:var(--text-dim);max-height:120px;overflow-y:auto}.rp-line{padding:1px 0}.rp-line.cur{color:var(--ivory)}.rp-line.show{color:var(--gold);font-weight:600}.rp-line.dim{color:var(--text-mut)}.rp-counter{text-align:center;font-size:12px;color:var(--text-dim);margin-bottom:7px;font-variant-numeric:tabular-nums}.rp-controls{display:flex;gap:8px}.rp-controls .btn{flex:1;padding:13px 0;font-size:17px}.corner-actions{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:30;display:flex;align-items:center;gap:8px}.btn-icon{width:36px;height:36px;border-radius:10px;flex:0 0 auto;cursor:pointer;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);color:var(--text-dim);font-size:18px;line-height:1;display:grid;place-items:center;transition:transform .15s,color .15s,border-color .15s}.btn-icon:hover{color:var(--jade);border-color:var(--jade)}.btn-icon:active{transform:scale(.94)}.btn-icon:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.btn-surrender{position:fixed;right:12px;bottom:calc(var(--safe-b) + 12px);z-index:40;padding:11px 18px;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#d8433a,#a5271f);color:#fff;border:1px solid #e0655c;font-size:13px;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 24px -8px #a8271fbf,inset 0 1px #ffffff2e}.btn-surrender:hover:not(:disabled){filter:brightness(1.08)}.btn-surrender:active:not(:disabled){transform:translateY(1px)}.btn-surrender:disabled{opacity:.5;cursor:not-allowed}.chat-dock{position:fixed;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(var(--safe-b) + 12px);z-index:45;display:flex;gap:8px}.btn-chat{position:relative;width:44px;height:44px;border-radius:50%;font-size:19px}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--bad);color:#fff;font-family:system-ui,sans-serif;font-size:10px;font-weight:700;border:2px solid var(--bg-0)}.dock.with-chat .actionbar{padding-left:116px;padding-right:116px}.game-chat-panel{position:fixed;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(var(--safe-b) + 64px);z-index:45;width:min(300px,calc(100vw - 24px));max-height:min(50dvh,420px);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 44px -16px #000000bf;animation:fade .15s both}.gcp-head{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:8px 8px 8px 14px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ivory)}.gcp-head .btn-gear{width:28px;height:28px;border-radius:8px;flex:0 0 auto}.gcp-head .fd-av.sm{width:26px;height:26px;font-size:12px;flex:0 0 auto}.gcp-head .gcp-friend-name{flex:1 1 auto;text-align:left}.gcp-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:10px 10px 4px}.gcp-scroll .friend-empty{padding:14px 4px}.gcp-scroll .bubble{max-width:86%}.bubble-name{font-size:10.5px;font-weight:700;color:var(--jade);line-height:1.3}.game-chat-panel .chat-input{padding:8px 10px}.gcp-friend-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;padding:7px 6px;border:0;border-radius:10px;background:none;color:var(--text);transition:background .15s}.gcp-friend-row:hover{background:#3ad6a014}.gcp-friend-row .fd-av.sm{width:32px;height:32px;font-size:13px;flex:0 0 auto}.gcp-friend-name{flex:1 1 auto;font-size:13.5px;font-weight:600;color:var(--ivory);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcp-unread{flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;border-radius:999px;background:var(--bad);color:#fff;font-size:10.5px;font-weight:700}:root[data-theme=light]{--bg-0:#dde2db;--bg-1:#eef1ea;--panel:#ffffff;--panel-2:#f2f5ef;--felt:#17795a;--felt-2:#0f5f45;--jade:#0c9968;--jade-dim:#8ad4ba;--gold:#a87d28;--gold-dim:#d8b866;--ivory:#16221b;--card-2:#e9e2cf;--red:#c0362c;--ink:#0c1410;--text:#1b2721;--text-dim:#51665a;--text-mut:#809387;--line:rgba(20,60,45,.16);--line-2:rgba(168,125,40,.3);--good:#0c9968;--bad:#c0392b;--cream-2:#3d4c42;--input-bg:#ffffff;--inset:#eef1ea}:root[data-theme=light] body{background:radial-gradient(130% 80% at 50% -8%,#cfe6da 0%,transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}:root[data-theme=light] .start-bg{background:radial-gradient(90% 60% at 50% 118%,rgba(30,60,45,.08),transparent 60%),radial-gradient(120% 120% at 50% -25%,#d6ede1 0%,transparent 55%),linear-gradient(160deg,#eef4ee,#e3ebe2 55%,#dae3d9)}:root[data-theme=light] .start-bg .sheet{background:linear-gradient(180deg,#fff,#f4f7f1);border-color:var(--line-2);box-shadow:0 30px 70px -30px #14281e4d}:root[data-theme=light] .overlay{background:#283c3266}:root[data-theme=light] .rp-log,:root[data-theme=light] .log{background:#eef1ea}:root[data-theme=light] .switch{background:#00000029}:root[data-theme=light] .mini{box-shadow:inset 0 0 0 1px #00000024,0 1px 2px #0000002e}:root[data-theme=light] .card,:root[data-theme=light] .tcard,:root[data-theme=light] .rp-card{box-shadow:0 4px 10px -2px #0000004d,0 0 0 1px #00000029,inset 0 0 0 1px #0000000f}.cd-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.cd-opt{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 3px;border-radius:10px;border:1px solid var(--line);background:var(--inset);cursor:pointer;transition:border-color .15s,box-shadow .15s}.cd-opt:hover{border-color:var(--jade)}.cd-opt.on{border-color:var(--jade);box-shadow:0 0 0 1px var(--jade)}.cd-preview{width:34px;height:48px;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;padding:3px 4px;font-weight:700;box-shadow:0 1px 3px #0006,inset 0 0 0 1px #00000014}.cd-preview .cd-r{font-size:13px;line-height:1}.cd-preview .cd-s{font-size:12px;align-self:flex-end;line-height:1}.cd-name{font-size:10px;color:var(--text-dim)}.cd-opt.on .cd-name{color:var(--ivory);font-weight:600}.avatar-picker-head{display:flex;align-items:center;gap:12px}.avatar-picker-actions{display:flex;gap:8px;flex-wrap:wrap}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.avatar-opt{padding:4px;border-radius:12px;border:1.5px solid transparent;background:none;cursor:pointer;display:grid;place-items:center;transition:border-color .15s,background .15s}.avatar-opt:hover{background:#3ad6a014}.avatar-opt.on{border-color:var(--jade);background:#3ad6a01f}.avatar-opt-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:19px;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:inset 0 1px 1px #ffffff47}:root[data-card-style=minimal] .card,:root[data-card-style=minimal] .tcard,:root[data-card-style=minimal] .rp-card,:root[data-card-style=minimal] .drag-preview{background:#fff;color:#111;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-card-style=minimal] .card.red,:root[data-card-style=minimal] .tcard.red,:root[data-card-style=minimal] .rp-card.red,:root[data-card-style=minimal] .drag-preview.red{color:#e23b2e}:root[data-card-style=minimal] .mini{background:#fff;color:#111;font-family:system-ui,sans-serif}:root[data-card-style=minimal] .mini.red{color:#e23b2e}:root[data-card-style=noir] .card,:root[data-card-style=noir] .tcard,:root[data-card-style=noir] .rp-card,:root[data-card-style=noir] .drag-preview{background:linear-gradient(180deg,#2a2f35,#171a1e);color:#f0ead9}:root[data-card-style=noir] .card.red,:root[data-card-style=noir] .tcard.red,:root[data-card-style=noir] .rp-card.red,:root[data-card-style=noir] .drag-preview.red{color:#ff6f61}:root[data-card-style=noir] .mini{background:linear-gradient(180deg,#2a2f35,#171a1e);color:#f0ead9}:root[data-card-style=noir] .mini.red{color:#ff6f61}:root[data-card-style=parchment] .card,:root[data-card-style=parchment] .tcard,:root[data-card-style=parchment] .rp-card,:root[data-card-style=parchment] .drag-preview{background:linear-gradient(180deg,#f3e9d0,#e4d3ac);color:#4a3922}:root[data-card-style=parchment] .card.red,:root[data-card-style=parchment] .tcard.red,:root[data-card-style=parchment] .rp-card.red,:root[data-card-style=parchment] .drag-preview.red{color:#a8382c}:root[data-card-style=parchment] .mini{background:linear-gradient(180deg,#f3e9d0,#e4d3ac);color:#4a3922}:root[data-card-style=parchment] .mini.red{color:#a8382c}:root[data-card-style=neon] .card,:root[data-card-style=neon] .tcard,:root[data-card-style=neon] .rp-card,:root[data-card-style=neon] .drag-preview{background:linear-gradient(180deg,#0f1c17,#0a1310);color:#5fe8b6;font-family:Courier New,ui-monospace,monospace}:root[data-card-style=neon] .card.red,:root[data-card-style=neon] .tcard.red,:root[data-card-style=neon] .rp-card.red,:root[data-card-style=neon] .drag-preview.red{color:#ff5c9d}:root[data-card-style=neon] .mini{background:linear-gradient(180deg,#0f1c17,#0a1310);color:#5fe8b6}:root[data-card-style=neon] .mini.red{color:#ff5c9d}:root[data-card-size=small]{--card-scale: .82}:root[data-card-size=large]{--card-scale: 1.3}.card .r,.tcard .r{position:absolute;top:calc(4px * var(--card-scale));left:calc(6px * var(--card-scale));margin:0}.card .p,.tcard .p{position:absolute;bottom:calc(4px * var(--card-scale));right:calc(6px * var(--card-scale));margin:0;align-self:auto;font-weight:700}.card .c,.tcard .c{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;pointer-events:none;line-height:1;font-weight:700}.card .c{font-size:calc(clamp(22px,7vw,32px) * var(--card-scale))}.tcard .c{font-size:calc(24px * var(--card-scale))}:root[data-card-face=corner] .card .c,:root[data-card-face=corner] .tcard .c{opacity:.06}:root[data-card-face=watermark] .card .c,:root[data-card-face=watermark] .tcard .c{opacity:.15}:root[data-card-face=center] .card .c,:root[data-card-face=center] .tcard .c{opacity:1}:root[data-card-face=center] .card .p,:root[data-card-face=center] .tcard .p{display:none}:root[data-card-face=bold] .card .r,:root[data-card-face=bold] .tcard .r{top:0;left:0;right:0;bottom:0;display:grid;place-items:center;font-size:calc(clamp(26px,9vw,40px) * var(--card-scale))}:root[data-card-face=bold] .tcard .r{font-size:calc(30px * var(--card-scale))}:root[data-card-face=bold] .card .p,:root[data-card-face=bold] .tcard .p{left:0;right:0;bottom:3px;text-align:center}:root[data-card-face=index] .card .p,:root[data-card-face=index] .tcard .p{top:calc(19px * var(--card-scale));left:6px;right:auto;bottom:auto;font-size:calc(clamp(11px,3.4vw,14px) * var(--card-scale))}:root[data-card-face=index] .tcard .p{top:calc(20px * var(--card-scale));font-size:calc(12px * var(--card-scale))}:root[data-card-face=index] .card .c,:root[data-card-face=index] .tcard .c{opacity:.15}.pcard{position:relative;width:34px;height:48px;border-radius:5px;flex:0 0 auto;background:linear-gradient(180deg,#fff,#e9e2cf);color:#0c1410;font-family:Georgia,serif;font-weight:700;box-shadow:0 1px 3px #0006,inset 0 0 0 1px #00000014}.pcard .pr{position:absolute;top:2px;left:3px;font-size:12px;line-height:1}.pcard .pp{position:absolute;bottom:2px;right:3px;font-size:11px;line-height:1;color:#d5453b}.pcard .pc{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:21px;color:#d5453b;opacity:0}.pf-watermark .pc{opacity:.16}.pf-center .pc{opacity:1}.pf-center .pp{display:none}.pf-bold .pr{top:0;left:0;right:0;bottom:0;display:grid;place-items:center;font-size:23px}.pf-bold .pp{left:0;right:0;bottom:2px;text-align:center}.pf-index .pp{top:15px;left:3px;right:auto;bottom:auto;font-size:9px}.pf-index .pc{opacity:.16}.tb-left{display:flex;align-items:center;gap:10px;min-width:0}.topbar .scorepill.tb-info{align-items:flex-start;text-align:left}.gametop{position:relative;justify-content:flex-start;gap:12px;border-bottom:1px solid var(--line);width:100vw;left:50%;margin-left:-50vw;padding:12px calc(118px + max(0px,(100vw - 520px) / 2)) 12px calc(60px + max(0px,(100vw - 520px) / 2))}.gametop .btn-gear{position:absolute;left:calc(12px + env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%)}.gametop .btn-gear:active{transform:translateY(-50%) rotate(35deg)}.gametitle{flex:1 1 auto;min-width:0;text-align:center;font-size:16px;color:var(--text-dim);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gametitle b{color:var(--ivory);font-weight:700}.turnchip{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 11px;border-radius:999px;border:1px solid var(--line);color:var(--text-mut)}.turnchip.you{color:var(--jade);border-color:#3ad6a08c;background:#3ad6a01f}.turnchip.them{color:var(--gold);border-color:#e8c46a73;background:#e8c46a1a}.turnchip.done{color:var(--text-mut)}.suit-preview{display:flex;gap:16px;justify-content:center;font-size:22px;margin-top:8px;line-height:1}:root[data-suit-colors="4"] .card.s-d,:root[data-suit-colors="4"] .tcard.s-d,:root[data-suit-colors="4"] .rp-card.s-d,:root[data-suit-colors="4"] .drag-preview.s-d,:root[data-suit-colors="4"] .mini.s-d{color:#2f7fd1!important}:root[data-suit-colors="4"] .card.s-c,:root[data-suit-colors="4"] .tcard.s-c,:root[data-suit-colors="4"] .rp-card.s-c,:root[data-suit-colors="4"] .drag-preview.s-c,:root[data-suit-colors="4"] .mini.s-c{color:#3fa06a!important}.start-bg.page{display:block;padding:0}.start-bg.page .start-orbs{opacity:.45}.start-bg.page .start-suits{opacity:.5}.lobby-page{position:relative;z-index:1;max-width:520px;margin:0 auto;height:100dvh;overflow-y:auto;padding:calc(12px + env(safe-area-inset-top,0px)) 18px calc(40px + var(--safe-b));display:flex;flex-direction:column}.lobby-top{min-height:36px;display:flex;align-items:center}.lt-brand{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:19px;color:var(--ivory);letter-spacing:.2px}.lt-brand b{color:var(--jade);font-style:normal;font-weight:600}.lobby-greet{margin:22px 0 20px}.lobby-greet h1{margin:0;font-family:Georgia,serif;font-size:26px;font-weight:600;line-height:1.15;color:var(--ivory);letter-spacing:.2px}.lobby-new{width:100%;height:30px;flex:0 0 auto;margin:0 0 20px;padding:0 16px;font-size:12.5px;border-radius:8px;display:flex;align-items:center;justify-content:center}.lsec{margin-bottom:28px}.lsec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px}.lsec-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ivory)}.lsec-title .cnt{min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:#3ad6a024;color:var(--jade);font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}.lsec-title .cnt.alert{min-width:0;padding:0 8px;background:#e8705f29;color:var(--bad)}.lsec-head .link-btn{font-size:13px;font-weight:600;color:var(--jade);text-decoration:none;padding:4px 2px}.lsec-head .link-btn:hover{text-decoration:underline}.lg-group{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 14px 30px -24px #000000b3}.lg-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;padding:12px 14px;border:0;background:none;color:var(--text);transition:background .15s}.lg-card+.lg-card{border-top:1px solid var(--line)}.lg-card:hover{background:#3ad6a00f}.lg-card:active{background:#3ad6a01a}.lg-card:focus-visible{outline:2px solid var(--jade);outline-offset:-2px}.lg-card.turn{box-shadow:inset 3px 0 0 var(--jade)}.lg-card.static{cursor:default}.lg-card.static:hover,.lg-card.static:active{background:none}.lg-avs{display:flex;flex:0 0 auto}.lg-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:13px;color:#fff;border:2px solid var(--panel);box-shadow:inset 0 1px 1px #ffffff47,0 1px 4px #0000004d}.lg-av+.lg-av{margin-left:-10px}.lg-av.ai{font-size:10px;letter-spacing:.04em;color:var(--text-dim);background:linear-gradient(135deg,#31473b,#1d2d25)}.lg-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.lg-names{font-size:15px;font-weight:600;color:var(--ivory);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-meta{font-size:12px;color:var(--text-dim)}.lg-state{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.lg-pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.lg-pill.you{background:#3ad6a026;color:var(--jade)}.lg-pill.them{background:var(--inset);color:var(--text-dim)}.lg-pill.wait{background:#e8c46a26;color:var(--gold)}.lg-net{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-dim);line-height:1}.lg-net.pos{color:var(--jade)}.lg-net.neg{color:var(--bad)}.lg-time{font-size:11px;color:var(--text-mut);font-variant-numeric:tabular-nums}.lobby-empty{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:28px 16px;margin-bottom:28px;border-radius:16px;border:1px dashed rgba(58,214,160,.3);color:var(--text-dim)}.lobby-empty .le-suit{font-family:Georgia,serif;font-size:26px;color:var(--jade);opacity:.55;line-height:1;margin-bottom:6px}.lobby-empty b{color:var(--ivory);font-size:14.5px}.lobby-empty span:last-child{font-size:12.5px;color:var(--text-dim)}.friend-panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:12px 12px 8px;box-shadow:0 14px 30px -24px #000000b3}.friend-panel .friend-empty{padding:6px 2px 10px}.friend-rail{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.friend-rail::-webkit-scrollbar{display:none}.fr-tile{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;width:56px;background:none;border:0;padding:0;cursor:pointer}.fr-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:15px;color:#fff;box-shadow:inset 0 1px 1px #ffffff47,0 2px 6px #0000004d;transition:transform .12s}.fr-tile:hover .fr-av{transform:translateY(-2px)}.fr-tile:focus-visible{outline:none}.fr-tile:focus-visible .fr-av{outline:2px solid var(--jade);outline-offset:2px}.fr-name{font-size:11.5px;color:var(--text-dim);max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-tile.add .fr-av{background:transparent;border:1.5px dashed rgba(58,214,160,.4);color:var(--jade);font-size:20px;box-shadow:none}.hue-0{background:linear-gradient(135deg,#2fbf8f,#145c43)}.hue-1{background:linear-gradient(135deg,#c9973e,#7a5a1f)}.hue-2{background:linear-gradient(135deg,#4a90d9,#1f4d80)}.hue-3{background:linear-gradient(135deg,#e0654f,#a13a28)}.hue-4{background:linear-gradient(135deg,#a06fd6,#5c3690)}:root[data-theme=light] .lg-group,:root[data-theme=light] .friend-panel{box-shadow:0 10px 24px -20px #14281e59}:root[data-theme=light] .lg-card:hover{background:#0c99680f}:root[data-theme=light] .lg-av.ai{background:linear-gradient(135deg,#e6ece6,#cfd8cf);color:#51665a}:root[data-theme=light] .lg-av{box-shadow:inset 0 1px 1px #ffffff47,0 1px 3px #14281e4d}.fd-sheet{max-width:420px;display:flex;flex-direction:column}.fd-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.fd-av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:20px;color:#fff;box-shadow:inset 0 1px 1px #ffffff47,0 3px 8px #00000059}.fd-av.sm{width:38px;height:38px;font-size:16px}.fd-id{flex:1 1 auto;min-width:0}.fd-id h2{color:var(--ivory);font-family:Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mut);margin-top:2px}.fd-h2h{text-align:center;padding:20px 12px;margin-bottom:18px;border-radius:16px;background:radial-gradient(120% 120% at 50% 0%,rgba(58,214,160,.1),var(--inset) 70%);border:1px solid var(--line)}.fd-h2h-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mut)}.fd-net{font-family:Georgia,serif;font-size:46px;font-weight:700;line-height:1.05;color:var(--text-dim);font-variant-numeric:tabular-nums;margin:4px 0 2px}.fd-net.pos{color:var(--jade)}.fd-net.neg{color:var(--bad)}.fd-h2h-sub{font-size:12.5px;color:var(--text-dim)}.fd-actions{display:flex;flex-direction:column;gap:10px}.fd-actions .btn{width:100%;position:relative}.fd-unread{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:7px;border-radius:999px;background:var(--bad);color:#fff;font-size:11px;font-weight:700;vertical-align:middle}.fr-av img,.fd-av img,.lg-av img,.btn-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.fr-av{position:relative}.fr-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--bad);color:#fff;font-family:system-ui,sans-serif;font-size:10px;font-weight:700;border:2px solid var(--panel)}.chat{display:flex;flex-direction:column;min-height:0;height:68dvh}.chat-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:6px 2px 10px}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble-row.theirs{justify-content:flex-start}.bubble{max-width:78%;padding:8px 12px 6px;border-radius:16px;display:flex;flex-direction:column;gap:2px;-webkit-user-select:text;user-select:text}.bubble-row.mine .bubble{background:linear-gradient(180deg,#2fbf8f,var(--jade-dim));color:#04150f;border-bottom-right-radius:5px}.bubble-row.theirs .bubble{background:var(--inset);color:var(--text);border:1px solid var(--line);border-bottom-left-radius:5px}.bubble-body{font-size:14px;line-height:1.35;white-space:pre-wrap;word-break:break-word}.bubble-time{font-size:9.5px;opacity:.65;align-self:flex-end;font-variant-numeric:tabular-nums}.bubble-row.mine .bubble-time{color:#063d2b}.chat-input{display:flex;gap:8px;align-items:center;padding-top:8px;border-top:1px solid var(--line)}.chat-input input{flex:1 1 auto;min-width:0;padding:12px 14px;border-radius:999px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);font-size:15px;-webkit-user-select:text;user-select:text}.chat-input input:focus{outline:2px solid var(--jade);outline-offset:1px;border-color:var(--jade)}.chat-input .btn{flex:0 0 auto;padding:11px 18px}:root[data-theme=light] .fd-av,:root[data-theme=light] .fr-av{box-shadow:inset 0 1px 1px #ffffff47,0 2px 6px #14281e4d}.help-sheet{max-width:880px}.help-lede{font-size:14.5px;line-height:1.6;color:var(--text-dim);text-align:center;max-width:62ch;margin:4px auto 20px}.help-lede b{color:var(--ivory)}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;align-items:start}.help-card{background:var(--inset);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.help-card-warn{border-color:#e8705f59;background:#e8705f12}.help-card-full{grid-column:1 / -1}.help-card p{font-size:13.5px;line-height:1.55;color:var(--text-dim);margin:6px 0}.help-card p:first-of-type{margin-top:0}.help-card p b{color:var(--ivory)}.help-card p .g,.help-card p .j{color:var(--jade)}.help-card .bad{color:var(--bad);font-weight:600}.help-note{font-size:12px!important;color:var(--text-mut)!important;font-style:italic}.help-rows{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:6px}.help-rows li{font-size:13.5px;color:var(--text-dim);display:flex;align-items:center;gap:8px}.help-rows li b{color:var(--ivory)}.hr-tag{flex:0 0 auto;min-width:58px;text-align:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:6px;color:var(--jade);background:#3ad6a01f;border:1px solid var(--line);font-weight:700}.help-rule{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-top:10px}.help-list{margin:6px 0;padding-left:18px}.help-list li{font-size:13.5px;line-height:1.5;color:var(--text-dim);margin-bottom:5px}.help-list li b{color:var(--ivory)}.help-list li .g{color:var(--jade)}.help-example{margin-top:10px;background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.55;color:var(--text-dim)}.help-example-tag{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-right:6px}.roy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:10px}.roy-title{font-size:12px;color:var(--gold);font-weight:600;margin-bottom:4px;letter-spacing:.02em}.roy-tbl{width:100%;border-collapse:collapse;font-size:13px}.roy-tbl td{padding:5px 8px;border-top:1px solid var(--line);color:var(--text-dim)}.roy-tbl td:first-child{color:var(--text)}.roy-tbl td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--jade);font-weight:600;white-space:nowrap}.auth-help{text-align:center;margin-top:16px}.auth-help button{background:none;border:0;cursor:pointer;padding:6px 10px;color:var(--gold);font-size:12.5px;letter-spacing:.02em;border-bottom:1px dotted rgba(232,196,106,.5)}.auth-help button:hover{color:var(--ivory)}