:root{--bg: #0b1120;--panel: #172033;--panel-2: #223049;--text: #eef3fb;--muted: #93a3bd;--good: #4ade80;--bad: #f87171;--seat-a: #f472b6;--seat-b: #38bdf8;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overflow:hidden;overscroll-behavior:none}.game{height:100%;display:flex;flex-direction:column;gap:6px;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game.is-embedded{padding-block-end:calc(60px + env(safe-area-inset-bottom))}.pad{position:relative;flex:1 1 0;min-height:0;min-width:0;margin:0;padding:0;border:2px solid var(--seat-soft);border-radius:16px;background:var(--panel);color:inherit;font:inherit;overflow:hidden;cursor:pointer;touch-action:none}.pad-0{--seat: var(--seat-a);--seat-soft: rgba(244, 114, 182, .28);--seat-wash: rgba(244, 114, 182, .08)}.pad-1{--seat: var(--seat-b);--seat-soft: rgba(56, 189, 248, .28);--seat-wash: rgba(56, 189, 248, .08)}.pad:after{content:"";position:absolute;inset:0;background:var(--seat-wash);pointer-events:none}.pad:focus-visible{outline:3px solid var(--seat);outline-offset:2px}.pad-inner{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;padding:clamp(6px,2vmin,14px)}.pad-0 .pad-inner{transform:rotate(180deg)}.pad-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.pad-name{font-size:clamp(11px,2.6vmin,15px);font-weight:700;color:var(--seat);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad-score{flex:none;font-size:clamp(17px,5vmin,30px);font-weight:800;line-height:1;color:var(--seat);font-variant-numeric:tabular-nums}.cue{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(8px,4vmin,26px);color:var(--text)}.cue.is-preview{opacity:.32}.pad-msg{flex:none;display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;text-align:center;line-height:1.25}.msg-title{font-size:clamp(12px,3.4vmin,19px);font-weight:700}.msg-title:empty{display:none}.msg-sub,.msg-keys{font-size:clamp(10px,2.4vmin,14px);font-weight:500;color:var(--muted)}.msg-keys{opacity:.75}.msg-sub:empty{display:none}.ms{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.glyph{width:clamp(26px,20vmin,92px);height:auto;fill:currentColor;transform:rotate(var(--turn, 0deg))}.pair{display:flex;align-items:center;gap:clamp(10px,5vmin,34px)}.dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(5px,2.4vmin,14px);max-width:100%}.dot{width:clamp(11px,6vmin,30px);aspect-ratio:1;border-radius:50%;background:currentColor}.lamp{width:clamp(30px,18vmin,84px);aspect-ratio:1;border-radius:50%;background:#1b2437;box-shadow:inset 0 0 0 3px #93a3bd40}.lamp.is-lit{background:radial-gradient(circle at 38% 32%,#dcfce7,#22c55e 62%,#15803d);box-shadow:0 0 clamp(14px,6vmin,42px) #22c55eb3}.game.is-lit .pad{border-color:#4ade808c}.hand{color:var(--muted);opacity:.55}.verdict.is-win{color:var(--good)}.verdict.is-lose{color:var(--bad)}.pad.is-winner{border-color:#4ade80bf}.pad.is-winner:after{background:#4ade8029}.pad.is-winner .msg-title{color:var(--good)}.pad.is-loser{opacity:.62}.pad.is-loser .msg-title{color:var(--bad)}.pad.is-bot{cursor:default}.strip{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding-inline:2px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0;border:0;border-radius:11px;background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer}.btn:active{transform:translateY(1px)}.btn span[hidden]{display:none}.btn .icon{display:block;width:21px;height:21px;fill:currentColor}.btn[hidden],.switch[hidden]{display:none}#sound-btn[aria-pressed=false]{color:var(--muted)}.switch{display:flex;gap:3px;padding:3px;border-radius:12px;background:var(--panel)}.seg{min-height:38px;padding-inline:12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.seg.is-on{background:var(--panel-2);color:var(--text)}@media(min-aspect-ratio:1/1){.game{flex-direction:row}.pad-0 .pad-inner{transform:none}.strip{flex-direction:column;padding-block:2px;padding-inline:0}.switch{flex-direction:column}.seg{padding-inline:6px;font-size:11px}}@media(max-height:330px){.game{gap:4px}.pad-inner{justify-content:center;gap:2px}.pad-head{position:absolute;inset-block-start:4px;inset-inline:8px;width:auto}.msg-sub,.msg-keys{display:none}.msg-title{font-size:12px}.btn{min-height:40px;min-width:40px}.seg{min-height:34px;padding-inline:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.btn:active{transform:none}}