*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input{font:inherit;color:inherit}:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}@layer base{:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--felt-950);width:100%;height:100%;color:var(--ivory-100);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:hidden auto}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#app,.app{width:100%;min-height:100dvh}#animation-layer{z-index:80;pointer-events:none;position:fixed;inset:0}.game-screen.is-dealing .human-hand,.game-screen.is-dealing .bot-hand{visibility:hidden}.deal-animation-card,.deal-animation-deck{box-shadow:var(--shadow-card);object-fit:cover;border-radius:8px}.moving-card{z-index:80;pointer-events:none;box-shadow:var(--shadow-card);will-change:transform, opacity;border-radius:8px;margin:0;position:fixed}@layer lobby{:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}}.lobby{background:radial-gradient(at 50% 42%,#126f58b8 0%,#083b30f0 46%,#031b16 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:16px;display:flex}.lobby__header{text-align:center}.lobby__title{letter-spacing:-.02em;color:var(--gold-500);text-shadow:0 2px 8px #0006;font-size:clamp(32px,6vw,52px);font-weight:800}.lobby__subtitle{color:var(--ivory-300);font-size:clamp(13px,2vw,16px)}.lobby__settings{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px;display:grid}.settings-row{color:var(--ivory-300);flex-direction:column;gap:4px;font-size:13px;display:flex}.settings-row select,.settings-row input[type=text]{border:1px solid var(--panel-border);color:var(--ivory-100);background:#041d18c7;border-radius:10px;padding:8px 12px;font-size:14px}.settings-row select:focus,.settings-row input:focus{outline:2px solid var(--focus);outline-offset:1px}.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold-500)}.lobby__start{border:1px solid var(--gold-300);color:var(--felt-950);background:linear-gradient(180deg, var(--gold-300), var(--gold-500));cursor:pointer;border-radius:999px;padding:14px 48px;font-size:18px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff73,0 7px 16px #0000003d}.lobby__start:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff73,0 10px 24px #0000004d}.lobby__start:active{transform:translateY(0)}@media (max-width:480px){.lobby__settings{grid-template-columns:1fr}.lobby__start{text-align:center;width:100%}}@layer table{:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}}.game-screen{isolation:isolate;background:radial-gradient(at 50% 42%,#126f58b8 0%,#083b30f0 46%,#031b16 100%);width:100%;min-height:100dvh;position:relative;overflow:visible}.game-screen:before{content:"";z-index:-3;pointer-events:none;opacity:.24;background:repeating-linear-gradient(35deg,#ffffff06 0 1px,#0000 1px 4px),repeating-linear-gradient(-35deg,#00000007 0 1px,#0000 1px 5px);position:absolute;inset:0}.game-screen:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 0 34%,#00000014 61%,#00000061 100%);position:absolute;inset:0}.ambient-glow{z-index:-1;pointer-events:none;background:radial-gradient(at 50% 56%,#f2d58b0a,#0000 55%);position:absolute;inset:0}.table-ring{z-index:2;border:1.5px solid #f2d58b6b;border-radius:48%;position:absolute;inset:19% 12% 28%;box-shadow:inset 0 0 42px #ffffff08,inset 0 0 0 8px #6f4d161a,0 0 36px #00000024}.table-ring:before,.table-ring:after{content:"";border-radius:inherit;border:1px solid #6f4d1661;position:absolute;inset:-7px}.table-ring:after{border-color:#f2d58b1a;inset:6px}.game-hud{z-index:30;top:max(16px, env(safe-area-inset-top));grid-template-columns:1fr .82fr 1fr;gap:7px;display:grid;position:absolute;left:9px;right:9px}.hud-panel{min-width:0;min-height:var(--hud-height);border:1px solid var(--panel-border);background:linear-gradient(180deg, var(--panel-highlight), transparent 48%), var(--panel-bg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;padding:6px 10px;position:relative;overflow:hidden}.hud-panel:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0f}.hud-title{color:var(--ivory-300);letter-spacing:.015em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-bottom:2px;font-size:clamp(10px,2.6vw,12px);font-weight:650;display:flex;overflow:hidden}.team-dot{background:var(--gold-500);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 9px #d9aa458c}.score-value{letter-spacing:-.04em;font-size:clamp(25px,7vw,34px);font-weight:800;line-height:1}.score-subrow{justify-content:space-between;align-items:center;gap:5px;margin-top:4px;display:flex}.score-pips{gap:3px;min-width:0;display:flex}.score-pip{aspect-ratio:1;background:#ffffff0d;border:1px solid #f2d58b52;border-radius:50%;width:clamp(6px,1.7vw,8px);box-shadow:inset 0 1px 1px #ffffff0d}.score-pip.is-filled{border-color:var(--gold-300);background:radial-gradient(circle at 35% 25%, var(--gold-300), var(--gold-500) 54%, var(--gold-900));box-shadow:0 0 8px #d9aa455c}.trick-count{color:var(--ivory-300);white-space:nowrap;font-size:clamp(9px,2.3vw,11px);font-weight:650}.hand-panel{text-align:center;align-content:center;place-items:center;display:grid}.hand-number{color:var(--gold-300);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(9px,2.2vw,11px);font-weight:700}.timer{letter-spacing:-.04em;justify-content:center;align-items:center;gap:5px;margin:2px 0;font-size:clamp(20px,5.8vw,29px);font-weight:800;display:flex}.timer svg{width:16px;height:16px;color:var(--gold-300)}.hand-meta{min-width:0;color:var(--ivory-300);white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:clamp(8px,2vw,10px);display:flex}.menu-button{z-index:33;top:max(17px, calc(env(safe-area-inset-top) + 8px));border:1px solid var(--panel-border);background:var(--panel-bg);width:40px;height:40px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:12px;display:none;position:absolute;right:16px}.menu-button:hover{border-color:#f2d58b80}.menu-button span,.menu-button:before,.menu-button:after{content:"";background:var(--gold-300);border-radius:999px;height:2px;position:absolute;left:11px;right:11px}.menu-button:before{top:11px}.menu-button span{top:18px}.menu-button:after{top:25px}.player-seat{z-index:10;pointer-events:none;justify-items:center;gap:4px;min-width:76px;display:grid;position:absolute}.player-seat--north{z-index:60;margin-left:-38px;top:16%;left:50%}.player-seat--west{top:40.7%;left:9%;transform:translateY(-50%)}.player-seat--east{top:40.7%;right:9%;transform:translateY(-50%)}.player-seat--south{z-index:41;bottom:19.6%;left:50%;transform:translate(-50%)}.avatar-wrap{background:radial-gradient(circle at 35% 25%,#ffffff1f,#0000 30%),linear-gradient(145deg,#102e28,#061c18);border:2px solid #f2d58b8c;border-radius:50%;place-items:center;width:clamp(54px,14.4vw,74px);height:clamp(54px,14.4vw,74px);display:grid;position:relative;box-shadow:inset 0 0 0 3px #0003,0 8px 16px #00000042}.player-avatar{border-radius:50%;width:92%;height:92%;overflow:hidden}.player-avatar svg{width:100%;height:100%;display:block}.player-seat--active .avatar-wrap{box-shadow:var(--shadow-active), inset 0 0 0 3px #0000002e}.turn-ring{border:2px solid var(--gold-300);opacity:0;border-radius:50%;position:absolute;inset:-8px;transform:scale(.92)}.led-suit{filter:drop-shadow(0 0 6px #000c);pointer-events:none;justify-content:center;align-items:center;font-size:28px;font-weight:700;line-height:1;animation:1.6s ease-in-out infinite turnPulse;display:flex;position:absolute;inset:0}.player-seat--active .turn-ring{opacity:1;animation:1.6s ease-in-out infinite turnPulse}@keyframes turnPulse{0%,to{opacity:.3;transform:scale(.96)}50%{opacity:.8;transform:scale(1.08)}}.role-badge{border:1px solid var(--gold-300);width:26px;height:26px;color:var(--felt-950);background:radial-gradient(circle at 35% 28%, var(--gold-300), var(--gold-500) 55%, var(--gold-900));border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid;position:absolute;top:-8px;right:-5px;box-shadow:0 4px 10px #00000047}.dealer-badge{font-size:11px;top:auto;bottom:-3px;right:-7px}.player-name{max-width:112px;color:var(--ivory-100);white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#021814b8;border:1px solid #f2d58b24;border-radius:999px;padding:3px 8px;font-size:clamp(10px,2.8vw,13px);font-weight:720;line-height:1.1;overflow:hidden;box-shadow:0 4px 10px #0000002e}.cards-left{color:var(--gold-300);background:#021814cc;border:1px solid #f2d58b47;border-radius:8px;padding:2px 7px;font-size:10px;font-weight:750}.thinking-dots{align-items:center;gap:3px;height:8px;display:none}.player-seat--thinking .thinking-dots{display:flex}.thinking-dots i{background:var(--gold-300);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite thinkingDot}.thinking-dots i:nth-child(2){animation-delay:.12s}.thinking-dots i:nth-child(3){animation-delay:.24s}@keyframes thinkingDot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.bot-hand{z-index:12;pointer-events:none;position:absolute}.bot-hand--north{z-index:1;width:56px;height:130px;top:calc(16% + 37px);left:calc(50% + 50px);transform:translateY(-50%)}.bot-hand--west{width:56px;height:130px;top:46%;left:calc(9% + 86px);transform:translateY(-50%)}.bot-hand--east{width:56px;height:130px;top:46%;right:calc(9% + 86px);transform:translateY(-50%)}.bot-hand-card{aspect-ratio:5/7;filter:drop-shadow(0 5px 6px #0000003d);border-radius:7px;width:47px;position:absolute}.bot-hand--north .bot-hand-card{top:calc(var(--i) * 6px);left:calc(var(--i) * .35px);transform-origin:50%;transform:rotate(90deg)}.bot-hand--west .bot-hand-card,.bot-hand--east .bot-hand-card{top:calc(var(--i) * 6px);left:calc(var(--i) * .35px);transform-origin:50%;transform:rotate(-90deg)}.trick-area{z-index:20;aspect-ratio:1;pointer-events:none;width:min(53vw,274px);position:absolute;top:46.2%;left:50%;transform:translate(-50%,-50%)}.trick-slot{width:var(--card-width);aspect-ratio:5/7;position:absolute}.trick-card{width:100%;height:100%;box-shadow:var(--shadow-card);border-radius:8px;display:block}.trick-card--enter{animation:.25s cubic-bezier(.2,0,0,1) both trickCardEnter}@keyframes trickCardEnter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.trick-slot--north{top:0;left:50%;transform:translate(-50%)rotate(1.5deg)}.trick-slot--east{top:50%;right:0;transform:translateY(-50%)rotate(4deg)}.trick-slot--south{bottom:0;left:50%;transform:translate(-50%)rotate(-1deg)}.trick-slot--west{top:50%;left:0;transform:translateY(-50%)rotate(-4deg)}.trick-slot.is-winning .trick-card{animation:.9s ease-in-out infinite alternate winningCardPulse}@keyframes winningCardPulse{0%{filter:drop-shadow(0 0 #f2d58b00)}to{filter:drop-shadow(0 0 8px #f2d58bbf)drop-shadow(0 0 18px #d9aa4585)}}.trump-medallion{z-index:42;background:radial-gradient(circle at 35% 25%, var(--gold-300), var(--gold-500) 40%, var(--gold-900) 100%);border:1px solid #f2d58ba6;border-radius:50%;place-items:center;width:clamp(66px,17.5vw,82px);height:clamp(66px,17.5vw,82px);display:grid;position:absolute;bottom:80px;left:12px;box-shadow:inset 0 2px 2px #ffffff6b,inset 0 -4px 8px #6f4d166b,0 10px 24px #00000057}.trump-medallion:before,.trump-medallion:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.trump-medallion:before{border:1px solid #6f4d167a;inset:6px}.trump-medallion:after{border:1px solid #f2d58b29;animation:2s ease-in-out infinite medallionHalo;inset:-7px}@keyframes medallionHalo{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.7;transform:scale(1.08)}}.trump-content{justify-items:center;line-height:1;display:grid}.trump-label{color:var(--felt-950);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.trump-symbol{filter:drop-shadow(0 2px 1px #ffffff40);margin:2px 0 1px;font-size:clamp(25px,7vw,34px)}.trump-name{color:var(--felt-950);font-size:9px;font-weight:900}.play-card-button{border:1px solid var(--gold-300);min-width:80px;color:var(--felt-950);background:linear-gradient(180deg, var(--gold-300), var(--gold-500));cursor:pointer;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:850;line-height:1;display:none;box-shadow:inset 0 1px #ffffff73,0 7px 16px #0000003d}.play-card-button:disabled{opacity:.45;cursor:not-allowed}.human-hand{z-index:40;pointer-events:none;width:min(98vw,780px);height:230px;position:absolute;bottom:5%;left:calc(50% + 45px);transform:translate(-50%)}.hand-card{width:var(--card-width);aspect-ratio:5/7;box-shadow:var(--shadow-card);transform-origin:50% 100%;transform:translateX(calc(-50% + var(--offset-x))) translateY(var(--offset-y)) rotate(var(--rotation));z-index:var(--z);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:9%;padding:0;transition:transform .165s cubic-bezier(.2,0,0,1),filter .165s,opacity .165s;position:absolute;bottom:0;left:50%}.hand-card img{border-radius:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.hand-card--legal:hover,.hand-card--legal:focus-visible,.hand-card--selected{transform:translateX(calc(-50% + var(--offset-x))) translateY(calc(var(--offset-y) - 27px)) rotate(var(--rotation)) scale(1.035)}.hand-card--selected{filter:drop-shadow(0 0 11px #f2d58bd1)drop-shadow(0 12px 12px #0000004d)}.hand-card--illegal{opacity:.48;filter:saturate(.42)brightness(.84);cursor:not-allowed}.hand-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.hand-card.is-shaking{animation:.28s cubic-bezier(.36,.07,.19,.97) invalidShake}@keyframes invalidShake{0%,to{translate:0}20%{translate:-8px}40%{translate:7px}60%{translate:-5px}80%{translate:4px}}.bottom-controls{z-index:46;left:12px;right:12px;bottom:max(8px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute}.control-button{min-height:42px;color:var(--gold-300);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto;background:linear-gradient(#ffffff0f,#0000),#021814d1;border:1px solid #f2d58b6b;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:12px;font-weight:780;display:inline-flex;box-shadow:0 8px 18px #00000038}.control-button:hover{border-color:var(--gold-300);background:linear-gradient(#ffffff14,#0000),#04241de6}.control-button svg{width:16px;height:16px}.toast-layer{z-index:120;left:50%;top:calc(max(96px, env(safe-area-inset-top) + 86px));pointer-events:none;position:fixed;transform:translate(-50%)}.toast{min-width:220px;max-width:min(90vw,420px);color:var(--ivory-100);box-shadow:var(--shadow-soft);text-align:center;opacity:0;background:#3f1316eb;border:1px solid #dc5a608c;border-radius:13px;padding:11px 14px;font-size:12px;font-weight:650;transition:opacity .18s,transform .18s;transform:translateY(-8px)scale(.97)}.toast.is-visible{opacity:1;transform:translateY(0)scale(1)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#000a08a8;place-items:center;padding:20px;transition:opacity .18s;display:grid;position:fixed;inset:0}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.menu-panel{background:linear-gradient(#ffffff12,#0000 40%),#041d18f5;border:1px solid #f2d58b4d;border-radius:20px;width:min(92vw,360px);padding:18px;transition:transform .18s;transform:translateY(10px)scale(.97);box-shadow:0 24px 70px #0000007a}.modal-backdrop.is-open .menu-panel{transform:translateY(0)scale(1)}.menu-panel h2{color:var(--gold-300);margin:0 0 15px;font-size:21px}.menu-list{gap:9px;display:grid}.menu-list button{min-height:44px;color:var(--ivory-100);cursor:pointer;background:#ffffff0a;border:1px solid #f2d58b2e;border-radius:12px;font-weight:700}.menu-list button:hover{background:#ffffff12;border-color:#f2d58b7a}.menu-list .danger{color:#ffb7ba;border-color:#dc5a603d}.trick-area__prompt{color:var(--gold-300);text-align:center;background:var(--panel-bg);border:1px solid var(--gold-500);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border-radius:12px;padding:8px 14px;font-size:11px;animation:1.5s ease-in-out infinite trumpPromptPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes trumpPromptPulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:500px){:root{--hud-height:72px;--card-width:clamp(62px, 18vw, 80px)}.game-hud{grid-template-columns:1fr .8fr 1fr}.hud-panel{border-radius:14px;padding:5px}.team-dot,.hand-meta span:nth-child(2){display:none}.table-ring{inset:18% 10% 31%}.player-seat--north{margin-left:-30px;top:15%;left:50%}.bot-hand--north{width:44px;height:110px;top:calc(15% + 25px);left:calc(50% + 35px);transform:translateY(-50%)}.bot-hand--north .bot-hand-card{width:38px}.player-seat--west{top:42%;left:6%}.player-seat--east{top:42%;right:6%}.player-seat--south{bottom:31%}.avatar-wrap{width:clamp(46px,12.5vw,56px);height:clamp(46px,12.5vw,56px)}.player-name{max-width:84px;font-size:clamp(9px,2.4vw,11px)}.cards-left{padding:1px 6px;font-size:9px}.bot-hand--west,.bot-hand--east{width:44px;height:110px}.bot-hand--west{left:calc(6% + 68px)}.bot-hand--east{right:calc(6% + 68px)}.bot-hand--west .bot-hand-card,.bot-hand--east .bot-hand-card{width:38px}.trick-area{width:58vw;top:45%}.trump-medallion{width:clamp(56px,15vw,68px);height:clamp(56px,15vw,68px);bottom:60px;left:12px}.human-hand{width:100vw;height:150px;left:50%}.bottom-controls{bottom:max(6px, env(safe-area-inset-bottom))}.control-button{min-height:36px;padding:0 11px;font-size:10px}.control-button svg{width:14px;height:14px}}@media (max-width:370px){:root{--card-width:58px}.game-hud{gap:4px;left:4px;right:4px}.hud-panel{padding:6px 5px}.score-value{font-size:21px}.score-pip{width:5px}.avatar-wrap{width:42px;height:42px}.player-name{max-width:72px;font-size:9px}.bot-hand--west,.bot-hand--east{display:none}.trick-area{width:60vw}.human-hand{height:142px}.player-seat--south{bottom:30%}}@media (orientation:landscape) and (max-height:500px){.game-hud{top:4px}.hud-panel{min-height:58px}.player-seat--north{top:18%}.player-seat--south{display:none}.player-seat--west,.player-seat--east{top:48%}.human-hand{height:118px;bottom:-10px;left:50%}.trick-area{width:min(36dvh,190px);top:48%}.bottom-controls{bottom:4px}}@media (min-width:800px){.game-screen{border-left:1px solid #f2d58b1a;border-right:1px solid #f2d58b1a;width:min(100%,1180px);margin:0 auto}.table-ring{inset:18% 14% 26%}.game-hud{top:16px;left:22px;right:22px}.player-seat--west{left:11%}.player-seat--east{right:11%}.bot-hand--west{left:calc(11% + 86px)}.bot-hand--east{right:calc(11% + 86px)}.trick-area{width:310px}.bottom-controls{bottom:18px;left:24px;right:24px}.trump-medallion{bottom:80px;left:24px}}@media (hover:none),(pointer:coarse){.play-card-button{display:inline-flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@layer cards{:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}}@layer hands{:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}}@layer animations{:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}}@layer dialogs{:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}}.dialog-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000a08a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:linear-gradient(#ffffff12,#0000 40%),#041d18f5;border:1px solid #f2d58b4d;border-radius:20px;width:min(560px,100%);padding:18px;box-shadow:0 24px 70px #0000007a}.dialog__title{color:var(--gold-300);letter-spacing:-.02em;margin:0 0 10px;font-size:22px;font-weight:900}.dialog__body{color:var(--ivory-300);font-size:14px;line-height:1.55}.dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.dialog__btn{cursor:pointer;min-height:44px;color:var(--ivory-100);background:#ffffff0a;border:1px solid #f2d58b2e;border-radius:999px;padding:0 16px;font-weight:850;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.dialog__btn:hover{background:#ffffff12;border-color:#f2d58b7a;transform:translateY(-1px)}.dialog__btn:active{transform:translateY(0)}.dialog__btn--primary{border-color:var(--gold-300);background:linear-gradient(180deg, var(--gold-300), var(--gold-500));color:var(--felt-950);box-shadow:inset 0 1px #ffffff73,0 7px 16px #0000003d}.dialog__btn--secondary{border-color:#f2d58b38}.dialog__btn--secondary:hover{border-color:#f2d58b7a}@layer responsive{:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}}@layer design{:root{--felt-950:#031b16;--felt-900:#062820;--felt-800:#083b30;--felt-700:#0b5141;--felt-600:#116957;--gold-900:#6f4d16;--gold-700:#a97822;--gold-500:#d9aa45;--gold-300:#f2d58b;--ivory-100:#fffdf7;--ivory-200:#f6f0e3;--ivory-300:#e8dec8;--ink-950:#111514;--ink-700:#38423f;--ink-500:#66726e;--suit-red:#c92f3c;--suit-black:#151b1a;--success:#4fc78a;--danger:#dc5a60;--focus:#b4d8ff;--panel-bg:#041d18c7;--panel-border:#f2d58b3d;--panel-highlight:#ffffff14;--shadow-soft:0 8px 24px #00000038;--shadow-card:0 12px 20px #00000052, 0 2px 5px #00000038;--shadow-active:0 0 0 2px #f2d58bb8, 0 0 30px #d9aa456b;--card-width:clamp(56px, 14.6vw, 88px);--card-height:calc(var(--card-width) * 1.4);--hud-height:66px}}:root{--header-height:80px}.app-nav{z-index:100;height:var(--header-height);border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#031b16e0;justify-content:space-between;align-items:center;gap:16px;padding:0 max(16px,50vw - 590px);display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:.08em;align-items:center;gap:10px;font-weight:900;display:flex}.nav-brand .brand-mark{border:1px solid var(--gold-300);background:radial-gradient(circle at 35% 25%, var(--gold-300), var(--gold-500) 48%, var(--gold-900));width:42px;height:42px;color:var(--felt-950);border-radius:13px;place-items:center;display:grid;box-shadow:0 8px 20px #00000040}.nav-brand span:last-child{flex-direction:column;display:flex}.nav-brand small{color:var(--ivory-300);letter-spacing:.14em;font-size:9px;display:block}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.nav-links button{color:var(--ivory-300);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:750}.nav-links button:hover,.nav-links button.active{border-color:var(--panel-border);color:var(--gold-300);background:#ffffff0a}body:has(.game-screen) .app-nav{display:none}#app.app--design{width:100%;height:100%;overflow:hidden}.design-screen{width:min(1180px,100% - 26px);padding:calc(var(--header-height) + 12px) 0 0;height:100%;margin:0 auto;display:block;overflow-y:auto}.design-screen .page-title{color:var(--gold-300);margin:0 0 7px;font-size:clamp(28px,4.5vw,44px);line-height:1.04}.design-screen .page-subtitle{color:var(--ivory-300);max-width:780px;margin:0 0 23px;line-height:1.55}.panel{border:1px solid var(--panel-border);background:linear-gradient(180deg, var(--panel-hi,#ffffff12), transparent 42%), #041d18d6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 12px 30px #00000047}.section{padding:20px}.section-title{color:var(--gold-300);margin:0 0 5px;font-size:18px}.section-copy{color:var(--ivory-300);margin:0 0 17px;font-size:13px;line-height:1.5}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{border:1px solid var(--gold-300);background:linear-gradient(180deg, var(--gold-300), var(--gold-500));min-height:44px;color:var(--felt-950);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-weight:850;display:inline-flex;box-shadow:inset 0 1px #ffffff70,0 8px 18px #00000038}.btn:hover{filter:brightness(1.05)}.btn.secondary{border-color:var(--panel-border);color:var(--gold-300);background:#ffffff0a}.btn.danger{color:#ffc6c9;background:#5e161cb3;border-color:#dc5a608c}.actions{flex-wrap:wrap;gap:10px;display:flex}.field{gap:7px;display:grid}.field label,.field-title{color:var(--ivory-300);font-size:12px;font-weight:760}.input,.select{border:1px solid var(--panel-border);width:100%;min-height:44px;color:var(--ivory-100);background:#0000002e;border-radius:11px;outline:none;padding:0 12px}.input:focus,.select:focus{border-color:var(--gold-300);box-shadow:0 0 0 3px #d9aa4521}.select option{background:#092f27}.toggle-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.toggle-row:last-child{border-bottom:0}.toggle-copy strong{font-size:14px;display:block}.toggle-copy span{color:var(--ivory-300);margin-top:3px;font-size:12px;line-height:1.35;display:block}.switch{flex:none;width:50px;height:28px;position:relative}.switch input{opacity:0;position:absolute}.switch span{border:1px solid var(--panel-border);cursor:pointer;background:#17352e;border-radius:999px;transition:all .18s;position:absolute;inset:0}.switch span:after{content:"";background:var(--ivory-200);border-radius:50%;width:20px;height:20px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.switch input:checked+span{background:var(--gold-700);border-color:var(--gold-300)}.switch input:checked+span:after{background:var(--gold-300);transform:translate(22px)}.segmented{grid-template-columns:repeat(var(--segments,3), 1fr);border:1px solid var(--panel-border);background:#00000029;border-radius:12px;padding:4px;display:grid}.segmented button{min-height:36px;color:var(--ivory-300);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:720}.segmented button.active{color:var(--felt-950);background:linear-gradient(180deg, var(--gold-300), var(--gold-500))}.choice{border:1px solid var(--panel-border);cursor:pointer;background:#ffffff08;border-radius:14px;padding:14px;transition:all .18s;position:relative}.choice:hover{border-color:#f2d58b7a;transform:translateY(-2px)}.choice.selected{border-color:var(--gold-300);box-shadow:0 0 0 3px #d9aa451f}.choice .check{background:var(--gold-500);width:22px;height:22px;color:var(--felt-950);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:none;position:absolute;top:9px;right:9px}.choice.selected .check{display:grid}.design-toast{z-index:200;border:1px solid var(--panel-border);opacity:0;pointer-events:none;text-align:center;background:#021814f2;border-radius:12px;min-width:220px;padding:11px 14px;font-size:13px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);box-shadow:0 12px 30px #00000047}.design-toast.show{opacity:1;transform:translate(-50%)}.lobby-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;display:grid}.lobby-table{background:radial-gradient(#116957,#083b30 45%,#031b16 100%);min-height:590px;position:relative;overflow:visible}.lobby-table:before{content:"";border:1px solid #f2d58b66;border-radius:48%;position:absolute;inset:10%;box-shadow:inset 0 0 30px #ffffff08}.seat{border:1px solid var(--panel-border);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#031b16cc;border-radius:15px;width:142px;padding:12px;position:absolute;box-shadow:0 12px 30px #00000047}.seat .avatar{border-radius:50%;width:66px;height:66px;margin:0 auto;overflow:hidden}.seat .avatar svg{width:100%;height:100%;display:block}.seat strong{margin-top:6px;font-size:13px;display:block}.seat small{color:var(--success,#4fc78a);font-size:11px;font-weight:700}.seat.n{top:34px;left:50%;transform:translate(-50%)}.seat.s{bottom:34px;left:50%;transform:translate(-50%)}.seat.w{top:50%;left:28px;transform:translateY(-50%)}.seat.e{top:50%;right:28px;transform:translateY(-50%)}.lobby-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby-center .crown{font-size:54px}.lobby-center h2{color:var(--gold-300);margin:7px 0 3px;font-size:18px}.lobby-center p{color:var(--ivory-300);margin:0;font-size:12px}.lobby-screen{top:var(--header-height);width:auto;min-width:0;height:auto;min-height:0;padding:0 24px 12px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.lobby-screen .lobby-layout{grid-template-columns:minmax(0,2fr) minmax(420px,1fr);gap:30px;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.lobby-screen .lobby-table,.lobby-screen .lobby-layout>aside{min-width:0;height:100%;min-height:0}.lobby-screen .lobby-table{overflow:hidden}.lobby-screen .lobby-layout>aside{overscroll-behavior:contain;overflow:hidden auto}@media (max-width:850px){.lobby-screen{min-height:calc(100dvh - var(--header-height));padding:0 12px 24px;position:relative;top:auto;overflow:visible}.lobby-screen .lobby-layout{grid-template-columns:1fr;height:auto;overflow:visible}.lobby-screen .lobby-table,.lobby-screen .lobby-layout>aside{height:auto}.lobby-screen .lobby-table{min-height:min(520px,68dvh);overflow:hidden}.lobby-screen .lobby-layout>aside{overflow:visible}}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.avatar-choice{text-align:center}.avatar-choice .avatar-preview{width:min(100%,112px);margin:0 auto}.avatar-choice .avatar-preview svg{filter:drop-shadow(0 9px 14px #00000042);border-radius:50%;width:100%;height:auto;display:block}.avatar-choice strong{margin-top:8px;font-size:12px;display:block}.cardback-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.cardback-grid img{aspect-ratio:5/7;border-radius:9px;width:100%;max-width:130px;margin:0 auto;display:block;box-shadow:0 12px 22px #00000057,0 2px 5px #00000038}.choice-label{text-align:center;margin-top:9px;font-size:12px;font-weight:760}.theme-preview{border:1px solid #ffffff14;border-radius:12px;height:120px;position:relative}.theme-preview:after{content:"";border:1px solid #f2d58b73;border-radius:48%;position:absolute;inset:18px}.emerald{background:radial-gradient(circle,#116957,#031b16)}.burgundy{background:radial-gradient(circle,#803447,#250911)}.midnight{background:radial-gradient(circle,#274b78,#071426)}.sand{background:radial-gradient(circle,#b89566,#3e2e20)}.asset{border:1px solid var(--panel-border);text-align:center;background:#ffffff08;border-radius:12px;padding:10px}.asset img{max-width:100%;height:105px}.asset span{color:var(--ivory-300);margin-top:6px;font-size:10px;display:block}.rule-list{counter-reset:r}.rule{border-bottom:1px solid #ffffff0f;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;display:grid}.rule:last-child{border:0}.rule:before{counter-increment:r;content:counter(r);width:36px;height:36px;color:var(--gold-300);background:#d9aa4524;border-radius:50%;place-items:center;font-weight:900;display:grid}.rule h3{margin:0 0 4px;font-size:15px}.rule p{color:var(--ivory-300);margin:0;font-size:13px;line-height:1.5}.stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat{border:1px solid var(--panel-border);text-align:center;background:#ffffff08;border-radius:14px;padding:17px}.stat strong{color:var(--gold-300);font-size:27px;display:block}.stat span{color:var(--ivory-300);font-size:11px}.banner{text-align:center;border:1px solid var(--gold-700);background:radial-gradient(circle,#d9aa452b,#0000 60%),#041d18d6;border-radius:20px;padding:28px}.banner .big{font-size:68px}.banner h2{color:var(--gold-300);margin:8px 0 3px;font-size:34px}.banner p{color:var(--ivory-300);margin:0}.swatch-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.swatch-item{cursor:pointer;flex-direction:column;gap:4px;transition:transform .15s;display:flex}.swatch-item:hover{transform:translateY(-2px)}.swatch-item:active{transform:scale(.97)}.swatch{border:1px solid #ffffff14;border-radius:8px;height:50px}.swatch-label{color:var(--ivory-100);font-size:13px;font-weight:760}.swatch-value{color:var(--ivory-300);font-family:monospace;font-size:11px}.swatch-usage{color:var(--ivory-300);opacity:.8;font-size:10px}.shadow-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.shadow-item{flex-direction:column;gap:4px;display:flex}.shadow-demo{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;height:45px}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-layout{grid-template-columns:1fr}.avatar-grid,.cardback-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.design-screen{width:min(100% - 18px,1180px);padding-top:20px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.avatar-grid,.cardback-grid,.stats{grid-template-columns:repeat(2,1fr)}.seat{width:112px;padding:9px}.seat .avatar{width:54px;height:54px}.seat.w{left:8px}.seat.e{right:8px}}@media (max-width:470px){.lobby-table,.lobby-screen .lobby-table{min-height:430px}.segmented button{padding-inline:3px;font-size:13px}.seat{width:98px}.seat.n{top:22px}.seat.s{bottom:22px}.seat.w,.seat.e{top:53%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}:root{--online-nav-height:70px;--online-gutter:16px;--online-surface:#062820;--online-surface-raised:#083b30;--online-border:#f2d58b3d;--online-text:#fffdf7;--online-muted:#c9c3b6}*{box-sizing:border-box}body{background:var(--felt-950);color:var(--online-text)}button,input,select{font:inherit}button,a{touch-action:manipulation}.online-shell{background:var(--felt-950);min-height:100dvh;overflow-x:hidden}.online-main{min-height:100dvh;padding-bottom:calc(var(--online-nav-height) + env(safe-area-inset-bottom))}.room-lobby-open,.room-lobby-open body{overflow:hidden}.room-lobby-open .online-main{height:calc(100dvh - var(--online-nav-height) - env(safe-area-inset-bottom));min-height:0;padding-bottom:0;overflow:hidden}.route-page{width:min(100%,680px);min-height:calc(100dvh - var(--online-nav-height) - env(safe-area-inset-bottom));padding:max(12px, env(safe-area-inset-top)) var(--online-gutter) 32px;text-align:left;margin:0 auto}.route-page h1,.route-page h2,.welcome-page h1{color:var(--online-text)}.route-page h1{margin:0;font-size:20px}.route-page h2{margin:0;font-size:17px}.route-page p{color:var(--online-muted)}.page-header{text-align:center;grid-template-columns:44px 1fr 44px;align-items:center;height:52px;margin-bottom:16px;display:grid}.page-header__spacer{width:44px}.icon-button{width:44px;height:44px;color:var(--online-text);border-radius:9px;place-items:center;display:grid}.icon-button:focus-visible,.bottom-nav__item:focus-visible,.text-button:focus-visible,.menu-list a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.bottom-nav{z-index:50;height:calc(var(--online-nav-height) + env(safe-area-inset-bottom));padding:6px max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));border-top:1px solid var(--online-border);background:#031b16f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{min-width:44px;min-height:56px;color:var(--online-muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex}.bottom-nav__item.is-active{color:var(--gold-300);background:#f2d58b14}.welcome-page{width:min(100%,460px);min-height:100dvh;padding:max(40px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));text-align:left;flex-direction:column;justify-content:center;margin:0 auto;display:flex}.welcome-mark{border:1px solid var(--gold-300);background:var(--gold-500);width:72px;height:72px;color:var(--felt-950);border-radius:12px;place-items:center;margin-bottom:20px;font-size:38px;font-weight:900;display:grid}.welcome-page h1{letter-spacing:-.04em;margin:0;font-size:clamp(38px,12vw,56px)}.welcome-intro{color:var(--online-muted);margin:8px 0 28px;font-size:18px}.welcome-actions{gap:12px;display:grid}.welcome-actions form{gap:7px;padding-top:8px;display:grid}label{color:var(--ivory-200);font-weight:700}input,select{border:1px solid var(--online-border);background:var(--felt-900);width:100%;min-height:48px;color:var(--online-text);border-radius:8px;padding:0 12px}input:focus,select:focus{outline:3px solid var(--focus);outline-offset:1px}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;min-height:48px;padding:10px 14px;font-weight:800;transition:background-color .16s,border-color .16s,opacity .16s}.button--primary{background:var(--gold-500);color:var(--felt-950)}.button--secondary{border-color:var(--online-border);background:var(--felt-800);color:var(--online-text)}.button--quiet{color:var(--online-muted);background:0 0}.button--gold{background:var(--gold-500);min-width:92px;color:var(--felt-950)}.button--danger{color:var(--online-text);background:#7d2925;border-color:#ad4b44}.button:disabled{cursor:not-allowed;opacity:.45}.text-button{min-height:44px;color:var(--gold-300);cursor:pointer;background:0 0;border:0;text-decoration:underline}.inline-form{grid-template-columns:1fr auto;gap:8px;display:grid}.form-message,.service-note,.currency-note{color:var(--ivory-300);margin-top:16px;font-size:14px;line-height:1.5}.service-note{border-left:3px solid var(--gold-500);background:#f2d58b12;padding:12px}.currency-note{border-top:1px solid var(--online-border);padding-top:20px}.currency-note--panel{border:1px solid var(--online-border);padding:12px}.home-header{justify-content:space-between;align-items:center;min-height:64px;margin-bottom:16px;display:flex}.home-header span{color:var(--online-muted);font-size:13px}.home-header h1{margin-top:2px;font-size:24px}.balance-link{border:1px solid var(--online-border);min-height:44px;color:var(--gold-300);font-variant-numeric:tabular-nums;border-radius:9px;align-items:center;gap:7px;padding:6px 9px;text-decoration:none;display:flex}.balance-link img{width:28px;height:28px}.daily-row{border-block:1px solid var(--online-border);grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.daily-row img{width:48px;height:48px}.daily-row p{margin-top:3px;font-size:13px}.primary-actions{gap:10px;margin:18px 0 24px;display:grid}.action-tile{border:1px solid var(--online-border);background:var(--online-surface);min-height:72px;color:var(--online-text);border-radius:10px;flex-direction:column;justify-content:center;padding:12px 14px;text-decoration:none;display:flex}.action-tile--play{border-color:var(--gold-700);background:var(--felt-800)}.action-tile span{color:var(--online-muted);margin-top:4px;font-size:13px}.content-section{margin-top:22px}.content-section>h2{border-bottom:1px solid var(--online-border);padding-bottom:10px}.empty-state{padding:18px 0;line-height:1.5}.room-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-row{margin:16px calc(var(--online-gutter) * -1) 0;padding:0 var(--online-gutter) 8px;gap:8px;display:flex;overflow-x:auto}.filter-button{border:1px solid var(--online-border);min-height:44px;color:var(--online-muted);background:0 0;border-radius:8px;flex:none;padding:0 12px}.filter-button.is-active{border-color:var(--gold-500);color:var(--gold-300);background:#f2d58b14}.sheet-scrim{z-index:100;background:#00000094;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{width:min(100%,680px);padding:8px 16px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--online-border);background:var(--felt-900);border-radius:12px 12px 0 0;gap:12px;margin:0 auto;display:grid}.bottom-sheet h2{margin:4px 0 8px}.check-row{border-block:1px solid var(--online-border);justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.check-row span{gap:3px;display:grid}.check-row small{color:var(--online-muted);font-weight:400}.check-row input{width:24px;min-height:24px}.sheet-handle{background:var(--ink-500);border-radius:4px;width:38px;height:4px;margin:0 auto 4px}.code-input{text-align:center;letter-spacing:.22em;text-transform:uppercase;font-size:24px;font-weight:900}.wallet-balance{border-block:1px solid var(--online-border);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.wallet-balance img{width:64px;height:64px}.wallet-balance span,.wallet-balance small{color:var(--online-muted)}.wallet-balance strong{color:var(--gold-300);font-variant-numeric:tabular-nums;margin:4px 0;font-size:38px}.profile-summary{align-items:center;gap:14px;padding:16px 0 24px;display:flex}.profile-summary p{margin-top:4px}.avatar-placeholder,.seat__avatar{border:1px solid var(--gold-700);background:var(--felt-800);color:var(--gold-300);border-radius:50%;place-items:center;font-weight:900;display:grid}.avatar-placeholder{width:64px;height:64px;font-size:24px}.menu-list{border-top:1px solid var(--online-border)}.menu-list a{border-bottom:1px solid var(--online-border);min-height:52px;color:var(--online-text);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.menu-list span{color:var(--online-muted);font-size:24px}.room-code,.stake-summary{border:1px solid var(--online-border);background:var(--online-surface);justify-content:space-between;padding:12px;display:flex}.room-code{margin-bottom:16px}.room-lobby-page{flex-direction:column;height:100%;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.seat-grid{grid-template-columns:1fr 1fr;justify-items:center;gap:20px 12px;margin:28px 0;display:grid}.room-lobby-page .seat-grid{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0}.seat-grid .seat{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:112px;display:flex;position:static}.seat-grid button.seat{border:1px dashed var(--online-border);width:100%;color:var(--online-text);cursor:pointer;background:0 0;border-radius:10px}.seat-grid button.seat:disabled{cursor:default;opacity:.62}.seat__avatar{width:58px;height:58px}.seat small{color:var(--gold-300)}.stake-summary{margin-bottom:16px}.lobby-actions{justify-content:center;gap:8px;display:flex}.room-help{text-align:center;max-width:40ch;margin:12px auto 0;font-size:13px}.stake-summary span{color:var(--online-muted);gap:4px;display:grid}.stake-summary strong{color:var(--online-text);font-variant-numeric:tabular-nums}@media (max-height:620px){.room-lobby-page .page-header{height:44px;margin-bottom:8px}.room-lobby-page .room-code{margin-bottom:8px;padding:9px 12px}.room-lobby-page .seat-grid{flex:1;grid-auto-rows:minmax(0,1fr);gap:8px 12px;min-height:0;margin:8px 0}.room-lobby-page .seat-grid .seat{gap:2px;min-height:0}.room-lobby-page .seat__avatar{width:clamp(38px,9vh,52px);height:clamp(38px,9vh,52px)}.room-lobby-page .stake-summary{margin-bottom:8px;padding:9px 12px}.room-lobby-page .service-note{margin:8px 0;padding:8px 10px}.room-lobby-page .room-help{margin:6px auto 0}}.online-game-page{width:100%;min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:radial-gradient(ellipse at center, var(--felt-700), var(--felt-950));position:relative;overflow:hidden}.connection-status{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));z-index:1000;color:#cffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#02120fd1;border:1px solid #75ef4d73;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:700;position:fixed;top:auto;right:auto}.game-seat{border:1px solid var(--online-border);background:var(--felt-900);border-radius:8px;place-items:center;min-width:82px;min-height:44px;display:grid;position:absolute}.game-seat--north{top:7%;left:50%;transform:translate(-50%)}.game-seat--west{top:37%;left:8px}.game-seat--east{top:37%;right:8px}.online-animation-layer{z-index:300;pointer-events:none;perspective:1200px;position:fixed;inset:0;overflow:hidden}.online-hand.is-dealing .online-hand__card{visibility:hidden}.deal-animation-card,.deal-animation-deck{object-fit:cover;border-radius:8px;box-shadow:0 8px 18px #0000004d}.online-trick-area{z-index:24;pointer-events:none;isolation:isolate;width:clamp(210px,58vw,320px);height:clamp(205px,50vw,285px);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.online-trick-area:before{content:"";z-index:-2;background:radial-gradient(circle,#f2d58b14,#0000 66%);border:1px solid #f2d58b24;border-radius:50%;transition:opacity .2s,transform .25s;position:absolute;inset:18%;box-shadow:0 0 38px #00000021,inset 0 0 28px #ffffff08}.online-trick-area--card-arriving:before{opacity:1;animation:.52s ease-out trickAreaAnticipation}@keyframes trickAreaAnticipation{0%{opacity:.15;transform:scale(.86)}55%{opacity:.75;transform:scale(1.08)}to{opacity:.45;transform:scale(1)}}.online-trick-card{aspect-ratio:5/7;opacity:1;will-change:transform, opacity, filter;background:#fffdf7;border-radius:8px;width:clamp(68px,18vw,94px);transition:filter .18s,box-shadow .18s;position:absolute;overflow:hidden;box-shadow:0 13px 21px #00000052,0 3px 6px #0000003d}.online-trick-card:after{content:"";pointer-events:none;border:2px solid #f2d58b00;border-radius:11px;position:absolute;inset:-4px}.online-trick-card img{object-fit:contain;border-radius:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.online-trick-card--north{top:0;left:50%;transform:translate(-50%)rotate(1deg)}.online-trick-card--east{top:50%;right:0;transform:translateY(-50%)rotate(4deg)}.online-trick-card--south{bottom:0;left:50%;transform:translate(-50%)rotate(-1deg)}.online-trick-card--west{top:50%;left:0;transform:translateY(-50%)rotate(-4deg)}.online-trick-card.is-arriving{opacity:0}.online-trick-card.is-landed{opacity:1;animation:.33s cubic-bezier(.16,1.18,.3,1) both tableCardLanding}.online-trick-card.is-landed:after{animation:.38s ease-out both cardLandingRing}@keyframes tableCardLanding{0%{filter:brightness(1.26)drop-shadow(0 0 15px #f2d58bb8);scale:1.12}48%{scale:.965}72%{scale:1.025}to{filter:brightness()drop-shadow(0 0 #f2d58b00);scale:1}}@keyframes cardLandingRing{0%{opacity:1;border-color:#f2d58bc7;inset:3px}to{opacity:0;border-color:#f2d58b00;inset:-13px}}.online-trick-area--showing-four .online-trick-card{filter:brightness(1.035);box-shadow:0 15px 23px #00000057,0 0 12px #f2d58b14}.online-trick-card.is-winner{z-index:20;animation:.62s cubic-bezier(.16,1.12,.3,1) both trickWinnerReveal}.online-trick-card.is-winner:after{animation:.62s ease-out both winnerRing}@keyframes trickWinnerReveal{0%{filter:brightness();translate:0;scale:1}42%{filter:brightness(1.24)drop-shadow(0 0 12px #f2d58be6)drop-shadow(0 0 28px #d9aa458c);translate:0 -8px;scale:1.14}72%{translate:0 -4px;scale:1.055}to{filter:brightness(1.1)drop-shadow(0 0 8px #f2d58bbf);translate:0 -5px;scale:1.075}}@keyframes winnerRing{0%{opacity:1;border-color:#f2d58bf2;inset:4px}to{opacity:0;border-color:#f2d58b00;inset:-22px}}.online-flying-card{transform-style:preserve-3d;will-change:transform, opacity, filter;pointer-events:none;border-radius:8px;margin:0;position:fixed}.online-flying-card__inner{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.online-flying-card__face{backface-visibility:hidden;background:#fffdf7;border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 25px #0000005c}.online-flying-card__face img{border-radius:inherit;object-fit:contain;width:100%;height:100%;display:block}.online-flying-card__back{transform:rotateY(180deg)}.online-trick-collection-clone{pointer-events:none;will-change:transform, opacity;box-shadow:0 14px 23px #00000057}.online-trick-collection-clone .online-trick-card{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}.online-trick-collection-face,.online-trick-collection-back{backface-visibility:hidden;position:absolute;inset:0}.online-trick-collection-back{transform:rotateY(180deg)}.online-trick-collection-flash{pointer-events:none;background:radial-gradient(circle,#f2d58b57,#0000 68%);border:3px solid #f2d58bc7;border-radius:50%;width:80px;height:80px;position:fixed;box-shadow:0 0 28px #d9aa4585}.online-trick-collection-landing{pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle,#f2d58b61,#0000 68%);border:2px solid #f2d58bd1;border-radius:50%;width:54px;height:54px;position:fixed;box-shadow:0 0 18px #d9aa4573}.online-trick__label{color:var(--online-muted);text-align:center;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.online-hand__card{pointer-events:auto}.online-hand__card.is-playable{cursor:pointer;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transform:translateX(calc(-50% + var(--card-offset-x))) translateY(calc(var(--card-offset-y) - 8px)) rotate(var(--card-rotation))}.online-hand__card.is-playable:hover,.online-hand__card.is-playable:focus-visible{transform:translateX(calc(-50% + var(--card-offset-x))) translateY(calc(var(--card-offset-y) - 26px)) rotate(var(--card-rotation)) scale(1.035);box-shadow:0 0 0 2px #f2d58bbf,0 0 22px #d9aa456b,0 14px 22px #00000057}.online-hand__card[data-card-dragging=true],.online-hand__card.is-playable[data-card-dragging=true]{z-index:100;transform:translateX(calc(-50% + var(--card-offset-x) + var(--card-drag-x))) translateY(calc(var(--card-offset-y) - 8px + var(--card-drag-y))) rotate(calc(var(--card-rotation) + var(--card-drag-rotation))) scale(1.045);transition:box-shadow 90ms;box-shadow:0 0 0 2px #f2d58bad,0 16px 24px #00000061}.online-hand__card.is-blocked{cursor:wait}.online-hand__card.is-illegal{cursor:not-allowed;opacity:.62}.game-input-debug{z-index:1000;transform-origin:100% 100%;color:#fff;pointer-events:none;opacity:.55;background:#000000bf;border-radius:7px;gap:2px;padding:7px;font:11px/1.3 monospace;display:grid;position:fixed;top:auto;bottom:6px;right:6px;transform:scale(.8)}@media (max-width:480px){.online-trick-area{width:min(64vw,250px);height:min(61vw,235px);top:42%}.online-trick-card{width:clamp(64px,19vw,78px)}}@media (prefers-reduced-motion:reduce){.online-trick-card,.online-trick-card.is-landed,.online-trick-card.is-winner{animation:none}.online-trick-card.is-winner{outline:3px solid var(--gold-300);outline-offset:3px}}.online-hand{z-index:40;left:50%;bottom:max(8px, calc(env(safe-area-inset-bottom) + 4px));pointer-events:none;width:min(100vw - 8px,1180px);height:clamp(164px,25dvh,224px);position:absolute;overflow:visible;transform:translate(-50%)}.online-hand__card{width:var(--card-width);height:calc(var(--card-width) * 1.4);transform-origin:50% 145%;transform:translateX(calc(-50% + var(--card-offset-x))) translateY(var(--card-offset-y)) rotate(var(--card-rotation));z-index:var(--card-layer);pointer-events:auto;opacity:1;filter:none;cursor:pointer;touch-action:manipulation;background:#fffdf7;border:0;border-radius:8px;margin:0;padding:0;transition:transform .16s cubic-bezier(.2,0,0,1),filter .16s,opacity .16s,box-shadow .16s;position:absolute;bottom:0;left:50%;overflow:hidden;box-shadow:0 10px 18px #00000047,0 2px 4px #00000038}.online-hand__card img{object-fit:contain;border-radius:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;background:#fffdf7;width:100%;height:100%;display:block;position:absolute;inset:0}.online-hand__card:focus-visible{outline-offset:3px;outline:3px solid #b4d8ff}@media (max-width:520px){.online-hand{bottom:max(2px, env(safe-area-inset-bottom));width:calc(100vw - 2px);height:174px}}@media (max-width:370px){.online-hand{height:158px}}@media (prefers-reduced-motion:reduce){.online-hand__card{transition:opacity 80ms linear,filter 80ms linear}}.match-identifier{left:8px;bottom:max(8px, env(safe-area-inset-bottom));color:var(--online-muted);margin:0;font-size:11px;position:absolute}.trump-picker{z-index:4;grid-template-columns:repeat(4,48px);gap:8px;display:grid;position:absolute;bottom:36%;left:50%;transform:translate(-50%)}.trump-picker button{border:1px solid var(--online-border);background:var(--felt-900);width:48px;height:48px;color:var(--online-text);border-radius:8px;font-size:25px}.trump-picker button:nth-child(2),.trump-picker button:nth-child(3){color:var(--suit-red)}.trump-picker button:disabled{cursor:wait;opacity:.48}.hand-result-notice{z-index:260;border:1px solid var(--online-border);width:min(100vw - 32px,320px);color:var(--online-text);text-align:center;pointer-events:none;background:#031b16f5;border-radius:10px;gap:5px;padding:16px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #00000047}.hand-result-notice strong{color:var(--gold-200);font-size:22px}.hand-result-notice span{font-size:15px}.hand-result-notice b{color:var(--gold-300);font-variant-numeric:tabular-nums;font-size:28px}.hand-result-notice small{color:var(--online-muted);font-size:12px;line-height:1.4}.friend-result{border-block:1px solid var(--online-border);justify-content:space-between;align-items:center;gap:12px;min-height:64px;margin-top:12px;padding-block:8px;display:flex}.public-room-list{display:grid}.public-room,.list-row{border:0;border-bottom:1px solid var(--online-border);width:100%;min-height:56px;color:var(--online-text);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;text-decoration:none;display:flex}.public-room>span:first-child{gap:4px;display:grid}.public-room small,.list-row small{color:var(--online-muted)}.compact-actions{gap:6px;display:flex}.compact-actions button{border:1px solid var(--online-border);min-height:44px;color:var(--online-text);background:0 0;border-radius:7px;padding:0 9px}.amount-positive{color:var(--gold-300)}.profile-stats{border-block:1px solid var(--online-border);grid-template-columns:repeat(3,1fr);margin-bottom:24px;display:grid}.profile-stats span{text-align:center;min-height:72px;color:var(--online-muted);place-content:center;gap:3px;font-size:12px;display:grid}.profile-stats strong{color:var(--online-text);font-size:20px}.profile-signout{width:100%;margin-top:24px}.result-page{padding-bottom:0}.result-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.result-panel img{width:110px;height:110px}.result-panel h2{margin:18px 0 8px}.result-panel p{max-width:34ch;line-height:1.5}.result-score{border-block:1px solid var(--online-border);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(100%,340px);margin:22px 0 10px;padding-block:18px;display:grid}.result-score span{color:var(--online-muted);gap:5px;font-size:12px;display:grid}.result-score strong{color:var(--online-text);font-variant-numeric:tabular-nums;font-size:38px}.result-score b{color:var(--gold-300);font-size:26px}.result-actions{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,340px);margin-top:22px;display:grid}.result-actions a{place-items:center;text-decoration:none;display:grid}.result-history{text-align:left;width:min(100%,420px);margin-top:20px}.result-history h3{margin:0 0 8px}.result-history ol{border-top:1px solid var(--online-border);margin:0;padding:0;list-style:none}.result-history li{border-bottom:1px solid var(--online-border);justify-content:space-between;gap:12px;padding:10px 0;font-size:13px;display:flex}.result-history li span{color:var(--online-muted)}.result-history li strong{color:var(--online-text);text-align:right}.result-fairness{border-block:1px solid var(--online-border);text-align:left;width:min(100%,420px);margin-top:18px;padding:10px 0}.result-fairness summary{min-height:44px;color:var(--gold-200);cursor:pointer;align-items:center;display:flex}.result-fairness p{color:var(--online-muted);margin:4px 0 10px;font-size:13px}.result-fairness code{overflow-wrap:anywhere;color:var(--online-text);margin-top:6px;font-size:10px;display:block}.asset-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.asset-grid>div{border:1px solid var(--online-border);background:var(--online-surface);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:140px;display:flex}.asset-grid img{width:72px;height:72px}.settings-list{border-top:1px solid var(--online-border)}.settings-list label{border-bottom:1px solid var(--online-border);justify-content:space-between;align-items:center;gap:16px;min-height:70px;display:flex}.settings-list label>span{gap:4px;display:grid}.settings-list small{color:var(--online-muted);font-weight:400}.settings-list input{width:24px;min-height:24px}.rules-copy{max-width:60ch}.rules-copy h2{margin:24px 0 7px}.rules-copy p{line-height:1.65}.rules-ranks{color:var(--gold-200);letter-spacing:.08em;word-spacing:.18em;font-weight:750}.rules-scoring{border-top:1px solid var(--online-border);margin:8px 0 18px}.rules-scoring div{border-bottom:1px solid var(--online-border);grid-template-columns:minmax(90px,.7fr) 2fr;gap:12px;padding:12px 0;display:grid}.rules-scoring dt{color:var(--gold-200);font-weight:700}.rules-scoring dd{color:var(--online-muted);margin:0;line-height:1.5}.card-debug-page{background:#083b30;min-height:100dvh;padding:24px;overflow:auto}.card-debug-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:14px;display:grid}.card-debug-grid article{justify-items:center;gap:6px;display:grid}.card-debug-grid img{aspect-ratio:5/7;width:82px;display:block}.card-debug-grid span{color:#fffdf7;font-size:12px}.legacy-offline-root{width:100%;min-height:100dvh}.route-loader,.fatal-error{text-align:center;place-content:center;gap:12px;min-height:100dvh;padding:24px;display:grid}.fatal-error p{max-width:38ch;color:var(--online-muted)}.network-banner{z-index:450;top:max(8px, env(safe-area-inset-top));border:1px solid var(--online-border);width:min(100% - 24px,480px);color:var(--online-text);text-align:center;background:#031b16f5;border-radius:8px;padding:10px 14px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.app-toast{z-index:500;right:12px;bottom:calc(var(--online-nav-height) + env(safe-area-inset-bottom) + 12px);border:1px solid var(--online-border);background:#102f27;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:min(100% - 24px,480px);margin-inline:auto;padding:12px 14px;display:flex;position:fixed;left:12px;box-shadow:0 4px 8px #0000003d}.app-toast--error{background:#3c201d;border-color:#ad4b44}.app-toast button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 44px;font-size:25px}.global-overlay{z-index:600}.dialog-scrim{background:#000000a3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.app-dialog{border:1px solid var(--online-border);background:var(--felt-900);border-radius:10px;width:min(100%,420px);padding:20px}.app-dialog h2,.game-sheet h2{margin:0 0 8px}.app-dialog p{color:var(--online-muted);margin:0;line-height:1.5}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.emote-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.emote-grid button{border:1px solid var(--online-border);background:var(--felt-800);min-height:48px;color:var(--online-text);cursor:pointer;border-radius:8px}.online-animation-layer{z-index:200;pointer-events:none;position:fixed;inset:0;overflow:hidden}.motion-card{filter:drop-shadow(0 5px 5px #00000047);will-change:transform, opacity;width:70px;height:98px;position:absolute;top:0;left:0}.motion-coin{will-change:transform, opacity;width:32px;height:32px;position:absolute;top:0;left:0}html[dir=rtl] .route-page{text-align:right;direction:rtl}html[dir=rtl] .page-header__back{transform:scaleX(-1)}.hokm-table-shell{direction:ltr}.language-picker{margin-top:18px;display:block}#welcome-language{width:min(100%,280px);margin-top:6px}.settings-list select{border:1px solid var(--online-border);background:var(--online-surface);min-width:120px;min-height:40px;color:var(--online-text);border-radius:6px;padding:6px 10px}@media (max-width:350px){:root{--online-gutter:12px}.daily-row{grid-template-columns:46px 1fr}.daily-row .button{grid-column:1/-1}.inline-form{grid-template-columns:1fr}}@media (min-width:768px){:root{--online-gutter:24px}.primary-actions{grid-template-columns:1fr 1fr}.action-tile--play{grid-column:1/-1}}@media (orientation:landscape) and (max-height:600px){.online-hand{height:118px}.game-seat--north{top:3%}}@media (min-width:768px) and (max-height:720px){.result-panel h2{margin:16px 0 6px}.result-score{margin:18px 0 8px}.result-history{margin-top:16px}.result-fairness{margin-top:14px}.result-actions{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}