:root{--bg:#f1f3ee;--surface:#ffffff;--surface-2:#e9ece5;--ink:#1b211c;--mut:#5d685f;--line:#d9ded4;--brand:#1e5c45;--brand-ink:#ffffff;--alert:#bf4136;--gold:#b8862f;--felt-a:#226349;--felt-b:#16382b;--card-face:#fcfbf6;--card-ink:#23281f}@media (prefers-color-scheme:dark){:root{--bg:#10140f;--surface:#1a211b;--surface-2:#232b24;--ink:#e8ebe4;--mut:#93a096;--line:#2a332b;--brand:#3c8e6c;--brand-ink:#0c130e;--alert:#d4574b;--gold:#d3a44a}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}button{font:inherit;cursor:pointer;border:0}.app{max-width:480px;margin:0 auto;min-height:100dvh}.app,.chrome{display:flex;flex-direction:column}.chrome{padding:14px 16px 32px;gap:12px}.h1{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:4px 0 0}.h1 small{display:block;font-size:12.5px;font-weight:500;color:var(--mut);margin-top:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 14px}.card .ttl{font-weight:700;font-size:14px}.card .sub{color:var(--mut);font-size:12px;margin-top:2px}.row{display:flex;align-items:center;gap:10px}.grow{flex:1 1;min-width:0}.btn{background:var(--brand);color:var(--brand-ink);font-weight:700;font-size:14px;padding:12px 16px;border-radius:12px;text-align:center}.btn.line{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}.btn.small{padding:8px 12px;font-size:13px;border-radius:10px}.btn:disabled{background:var(--surface-2);color:var(--mut);border-color:var(--line)}.btn.danger{background:var(--alert);color:#fff}input,select{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;width:100%}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;font-weight:700;color:var(--mut);letter-spacing:.05em;text-transform:uppercase}.chip{display:inline-block;font-size:11px;font-weight:600;background:var(--surface-2);border-radius:999px;padding:3px 9px}.chip,.muted{color:var(--mut)}.muted{font-size:12.5px}.err{color:var(--alert);font-size:13px;font-weight:600}.presets{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.preset{flex:0 0 130px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);padding:10px;font-size:11.5px;text-align:left}.preset .pn{font-weight:700;font-size:12.5px;color:var(--ink)}.preset .pd{color:var(--mut);font-size:10.5px;margin-top:3px;line-height:1.35}.preset.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.table-screen{background:linear-gradient(180deg,var(--felt-a),var(--felt-b) 70%);color:#f0f4ee;min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto}.t-top{display:flex;align-items:center;gap:8px;padding:12px 14px 6px}.round-chip{font:700 11px/1 ui-monospace,monospace;background:rgba(255,255,255,.14);padding:6px 9px;border-radius:999px;letter-spacing:.04em}.contract{font-weight:600;font-size:13px;flex:1 1}.t-btn{background:rgba(255,255,255,.12);color:#f0f4ee;border-radius:8px;padding:6px 10px;font-size:12px}.opps{display:flex;justify-content:space-around;flex-wrap:wrap;row-gap:6px;padding:6px 8px 2px}.opp{flex-direction:column;gap:3px;width:72px;text-align:center}.ava,.opp{display:flex;align-items:center}.ava{width:40px;height:40px;border-radius:50%;background:#35513f;position:relative;justify-content:center;font-weight:700;font-size:14px;color:#dfe9dd}.ava.turn{box-shadow:0 0 0 3px #7dd3a8,0 0 16px rgba(125,211,168,.55)}.cnt{left:-6px;bottom:-3px;min-width:16px;height:16px;border-radius:8px;background:#0e2b1f;border:1.5px solid #35513f;font:700 9px/13px ui-monospace,monospace;text-align:center;padding:0 2px}.cnt,.dot{position:absolute}.dot{right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid #1c4534}.dot.connected{background:#6fce74}.dot.grace{background:#e5b545}.dot.bot,.dot.dropped{background:#9aa7b1}.opp .nm{font-size:10.5px;font-weight:600;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp .meta{font-size:9.5px;opacity:.75}.melds{display:flex;gap:8px;padding:8px 12px 4px;overflow-x:auto}.meldbox{background:rgba(0,0,0,.22);border:1px solid transparent;border-radius:8px;padding:5px 7px 6px;flex:0 0 auto}.meldbox.target{border-color:#7dd3a8}.meldbox .who{font-size:9px;opacity:.75;margin-bottom:3px;letter-spacing:.05em;text-transform:uppercase}.meldbox .mrow{display:flex;gap:2px}.center{flex:1 1;justify-content:center;gap:30px;min-height:120px}.center,.pile{display:flex;align-items:center}.pile{flex-direction:column;gap:6px;font-size:11px;opacity:.95;background:none;color:inherit;padding:0}.pile:disabled{opacity:.45}.pile.hot .cardback,.pile.hot .cardface{box-shadow:0 0 0 2px #7dd3a8}.cardface{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-face);color:var(--card-ink);border:1px solid rgba(20,24,16,.3);border-radius:6px;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.3);position:relative}.cardface.red{color:#bf4136}.cardface.joker{color:#8b6b1f}.cardface.mini{width:24px;height:34px;font-size:10px}.cardface.pilecard{width:52px;height:76px;font-size:19px}.cardback{width:52px;height:76px;border-radius:6px;color:#cfe4d6;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#1e5c45 0 5px,transparent 5px 10px),#1a5340;border:1px solid rgba(0,0,0,.35)}.own{padding:4px 10px calc(14px + env(safe-area-inset-bottom));background:rgba(0,0,0,.18)}.progress{display:flex;gap:6px;padding:8px 2px;flex-wrap:wrap;align-items:center}.pchip{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.13)}.pchip.done{background:#2e7d5b}.pchip.hand{margin-left:auto;background:rgba(0,0,0,.28);font-family:ui-monospace,monospace}.fan{display:flex;flex-wrap:wrap;gap:0;row-gap:10px;padding:6px 0 2px 12px}.handcard{width:42px;height:60px;margin-left:-12px;font-size:14px;border-radius:6px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-face);color:var(--card-ink);border:1px solid rgba(20,24,16,.35);box-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;font-weight:700;padding:0;transition:transform .12s ease}.handcard.red{color:#bf4136}.handcard.joker{color:#8b6b1f}.handcard.sel{transform:translateY(-12px);outline:2px solid #7dd3a8}.handcard.new{outline:2px dashed var(--gold)}.handcard.new:after{content:"uusi";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--gold);color:#fff;border-radius:3px;padding:.5px 3px}.handcard.grouped{opacity:.35}.pv{position:absolute;top:2px;right:2px;font:700 8px/1 ui-monospace,monospace;background:rgba(27,42,32,.13);color:rgba(27,42,32,.75);border-radius:3px;padding:1.5px 3px}.cardface.joker .pv,.handcard.joker .pv{background:rgba(191,65,54,.16);color:#a23a30}.actions{display:flex;gap:8px;padding-top:10px}.abtn{flex:1 1;text-align:center;font-weight:700;font-size:14px;padding:13px 8px;border-radius:12px;background:#2e7d5b;color:#f2f7f1}.abtn:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4)}.abtn.line{background:transparent;border:1.5px solid rgba(255,255,255,.35)}.timerbar{height:4px;border-radius:2px;background:rgba(255,255,255,.15);margin-top:10px;overflow:hidden}.timerbar i{display:block;height:100%;background:#7dd3a8;transition:width 1s linear}.timerbar.hot i{background:var(--alert)}.groups{display:flex;gap:6px;flex-wrap:wrap;padding-top:6px}.group{border:1px dashed rgba(255,255,255,.4);border-radius:8px;padding:4px 7px;font-size:11px;display:flex;gap:4px;align-items:center}.group b{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.group button{background:none;color:#f0cf7c;padding:0 2px;font-size:13px}.veil{position:fixed;inset:0;background:rgba(8,20,14,.78);z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:0 24px}.sankki-btn{width:140px;height:140px;border-radius:50%;background:var(--alert);color:#fff;font:800 22px/1.2 system-ui,sans-serif;box-shadow:0 8px 30px rgba(191,65,54,.55)}.sankki-btn small{display:block;font:700 14px/1 ui-monospace,monospace;margin-top:6px;opacity:.9}.veil .terms{font-size:13px;opacity:.9;max-width:260px;color:#f0f4ee}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:30;max-width:480px;margin:0 auto;background:rgba(10,26,19,.97);color:#eef3ec;border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.5)}.sheet h3{margin:0 0 4px;font-size:17px}.sheet .es{font-size:12px;opacity:.75;margin-bottom:10px}.matrixwrap{overflow-x:auto}.matrix{border-collapse:collapse;width:100%;color:#eef3ec;font:600 11px/1 ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.matrix th{font-size:9px;font-weight:700;opacity:.75;padding:4px 3px;text-align:right}.matrix td:first-child,.matrix th:first-child{text-align:left;font-family:system-ui}.matrix td{padding:6px 3px;text-align:right;border-top:1px solid rgba(255,255,255,.12)}.matrix .zero{color:#7dd3a8;font-weight:800}.matrix .sum{font-weight:800;border-left:1px solid rgba(255,255,255,.25);padding-left:6px}.banner{top:0;left:0;right:0;z-index:50;text-align:center;background:var(--gold);color:#1b211c;font-weight:700;padding:8px}.banner,.toast{position:fixed;font-size:13px}.toast{bottom:90px;left:50%;transform:translateX(-50%);z-index:45;background:rgba(10,26,19,.95);color:#eef3ec;border-radius:10px;padding:9px 16px;max-width:90%;box-shadow:0 6px 20px rgba(0,0,0,.4)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}