:root{--bg:#071a15;--felt:#0f3b30;--felt-light:#17594a;--surface:#ffffff0f;--surface-strong:#ffffff1a;--border:#ffffff17;--sheet:#0f2a23;--text:#ecf6f1;--muted:#ecf6f19e;--faint:#ecf6f159;--accent:#f5b942;--accent-ink:#2a1a00;--toep:#ff5a4e;--toep-2:#ff8a3d;--danger:#ff6b6b;--card:#fbf8f2;--card-black:#1d2b27;--radius:18px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html.in-game,html.in-game body{overscroll-behavior:none}body{background:radial-gradient(120% 70% at 50% 0%, #134a3c 0%, transparent 60%), radial-gradient(90% 60% at 50% 100%, #0c2f26 0%, transparent 70%), var(--bg);background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}h1,h2,h3{letter-spacing:-.01em;margin:0}.muted{color:var(--muted)}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 16px);flex-direction:column;gap:16px;max-width:520px;margin:0 auto;display:flex}.center-screen{justify-content:center;align-items:center}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.topbar-title{font-size:17px;font-weight:600}.icon-btn{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:18px;font-weight:700;transition:background .15s,transform .15s;display:grid}.icon-btn:active{background:var(--surface-strong);transform:scale(.94)}.icon-btn-sm{width:32px;height:32px;color:var(--muted);border-radius:10px;font-size:13px}.btn{white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 20px;font-size:16px;font-weight:600;transition:transform .15s,filter .15s,opacity .2s;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn-primary{background:linear-gradient(180deg, #ffd06b, var(--accent));color:var(--accent-ink);box-shadow:0 8px 24px -8px #f5b94299,inset 0 1px #ffffff80}.btn-secondary{background:var(--surface-strong);border:1px solid var(--border)}.btn-ghost{border:1px solid var(--border);color:var(--muted);background:0 0;font-weight:500}.btn-block{width:100%}.btn-lg{border-radius:18px;height:56px;font-size:17px}.btn-progress>span:last-child{position:relative}.btn-progress-fill{transform-origin:0;background:#ffffff47;position:absolute;inset:0}.btn-countdown{opacity:.6;font-variant-numeric:tabular-nums}.link-btn{color:var(--muted);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);align-self:center;padding:4px 10px;font-size:15px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);padding-left:4px;font-size:13px;font-weight:500}.input{border:1px solid var(--border);height:52px;color:var(--text);font:inherit;background:#00000040;border-radius:16px;outline:none;width:100%;min-width:0;padding:0 16px;font-size:17px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:#f5b942b3;box-shadow:0 0 0 4px #f5b94226}.input::placeholder{color:var(--faint)}.input-code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:700}.form-error{color:var(--danger);text-align:center;margin:0;font-size:14px}.divider{color:var(--faint);align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.tag{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-strong);color:var(--muted);vertical-align:2px;border-radius:99px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tag-host{color:var(--accent);background:#f5b94226}.tag-danger{color:var(--danger);background:#ff6b6b29}.dots{gap:4px;display:inline-flex}.dots i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.dots-sm i{width:4px;height:4px}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.spinner{border:3px solid var(--surface-strong);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.banner{top:calc(var(--safe-top) + 10px);z-index:100;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#141e1ceb;border-radius:99px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:500;display:flex;position:fixed;left:50%;translate:-50%}.toast{bottom:calc(var(--safe-bottom) + 24px);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;pointer-events:none;background:#281414f2;border:1px solid #ff6b6b59;border-radius:16px;max-width:400px;margin:0 auto;padding:14px 18px;font-weight:500;position:fixed;left:16px;right:16px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:300px;display:flex}.empty-emoji{font-size:56px}.card{--cw:64px;width:var(--cw);height:calc(var(--cw) * 1.452);border-radius:calc(var(--cw) * .07);box-shadow:inset 0 0 0 1px #141e1c24, inset 0 0 0 calc(var(--cw) * .022) #fff, inset 0 0 0 calc(var(--cw) * .022 + 1px) #141e1c12, 0 6px 16px -4px #00000073, 0 1px 3px #0000004d;-webkit-user-select:none;user-select:none;background:linear-gradient(165deg,#fff 0%,#fbf9f4 55%,#f3efe6 100%);flex-shrink:0;transition:filter .2s,box-shadow .2s;position:relative}.card-xs{--cw:30px}.card-sm{--cw:clamp(52px, 15vw, 62px)}.card-md{--cw:62px}.card-lg{--cw:clamp(64px, 21vw, 86px)}.card-img{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.card-back{box-shadow:0 0 0 calc(var(--cw) * .05) #fbf8f2 inset, 0 6px 16px -4px #00000073;background:radial-gradient(circle,#0000 30%,#00000026 100%),repeating-linear-gradient(45deg,#ffffff1f 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#ffffff1f 0 2px,#0000 2px 7px),linear-gradient(160deg,#e0574a,#b6302c)}.card-dimmed{filter:brightness(.62)saturate(.6)}.card-highlight{box-shadow:inset 0 0 0 1px #141e1c24, 0 0 0 3px var(--accent), 0 0 26px 2px #f5b9428c, 0 10px 24px -6px #00000080}.avatar{--avatar-color:#888;color:#10201b;background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--avatar-color) 70%, white), var(--avatar-color));border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;transition:filter .3s,opacity .3s;display:grid;position:relative;box-shadow:0 4px 12px -2px #0006}.avatar-active:before{content:"";background:conic-gradient(from 0deg, var(--accent), transparent 40%, var(--accent) 70%, transparent);border-radius:50%;animation:1.6s linear infinite spin;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.avatar-active:after{content:"";border-radius:50%;animation:1.6s ease-in-out infinite pulse;position:absolute;inset:-5px;box-shadow:0 0 22px #f5b94280}@keyframes pulse{50%{opacity:.4}}.avatar-emoji{font-size:1.15em;line-height:1}.avatar-muted{filter:grayscale(.85)brightness(.7)}.avatar-offline{border:2px solid var(--bg);background:#7a8a85;border-radius:50%;width:30%;height:30%;position:absolute;bottom:-1px;right:-1px}.home{justify-content:center;align-items:stretch;gap:14px}.logo{flex-direction:column;align-items:center;gap:4px;display:flex}.logo-fan{width:200px;height:96px;position:relative}.logo-card.card{--cw:52px;margin-left:-26px;position:absolute;top:10px;left:50%}.logo-title{letter-spacing:-.03em;background:linear-gradient(#fff,#cfe8dd);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:800;line-height:1.05}.home-tagline{text-align:center;color:var(--muted);margin:-6px 0 0;line-height:1.4}.home-tagline strong{color:var(--text)}.home-panel{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex}.join-row{gap:10px;display:flex}.play-now{flex-direction:column;gap:10px;display:flex}.play-now-label{color:var(--muted);padding-left:4px;font-size:13px;font-weight:600}.play-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.play-tile{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:20px;align-items:center;gap:10px;padding:12px;transition:transform .15s,background .15s;display:flex}.play-tile:active{background:var(--surface-strong);transform:scale(.97)}.play-tile svg{color:var(--accent);flex-shrink:0}.play-tile-text{flex-direction:column;gap:1px;min-width:0;display:flex}.play-tile strong{font-size:16px}.play-tile-text span{color:var(--muted);font-size:13px}.play-tile-text .play-tile-live{color:#8ee6b8}.play-tile-text .play-tile-live:before{content:"";vertical-align:1px;background:#4ade80;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #4ade80}.search{text-align:center;justify-content:center;align-items:center}.search-hero{place-items:center;width:240px;height:240px;margin-top:auto;display:grid;position:relative}.search-radar span{opacity:0;border:2px solid #f5b94280;border-radius:50%;animation:3s ease-out infinite radar;position:absolute;inset:0}.search-radar span:nth-child(2){animation-delay:1s}.search-radar span:nth-child(3){animation-delay:2s}@keyframes radar{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1)}}.search-seats{grid-template-columns:repeat(2,56px);gap:12px;display:grid;position:relative}.search-seat{border:2px dashed var(--faint);width:56px;height:56px;color:var(--faint);border-radius:50%;place-items:center;font-size:22px;font-weight:800;display:grid}.search-seat-filled{color:var(--accent-ink);background:radial-gradient(circle at 30% 25%, #ffe1a1, var(--accent));border:0;box-shadow:0 6px 18px -4px #f5b94299}.search-text{flex-direction:column;gap:6px;display:flex}.search-text h1{font-size:28px}.search-text p{margin:0}.search-count{color:var(--accent);font-size:20px;font-weight:700}.search-starts{color:#8ee6b8;font-weight:600}.search-rules{color:var(--faint);margin:0;font-size:13px}.search .bottom-action{width:100%}.search-lonely{color:var(--muted);margin:0 0 4px;font-size:14px}.public-players{text-align:left;width:100%;min-width:260px}.home-panel .input,.home-panel .btn{height:48px}@media (height<=700px){.home{padding-top:calc(var(--safe-top) + 8px);padding-bottom:calc(var(--safe-bottom) + 8px);gap:10px}.logo-fan{height:80px}.logo-card.card{--cw:44px;margin-left:-22px}.logo-title{font-size:38px}.home-panel{gap:10px;padding:14px}.home-panel .input,.home-panel .btn{height:44px}.field{gap:4px}}.home-profile{top:calc(var(--safe-top) + 12px);z-index:2;border-radius:50%;transition:transform .15s;position:absolute;left:16px}.home-profile:active{transform:scale(.92)}.icon-btn-spacer{width:42px}.profile .panel{flex-direction:column;gap:10px;display:flex}.profile .panel-head{margin-bottom:0}.profile-card{align-items:center;flex-direction:row!important;gap:16px!important}.profile-name{flex:1;min-width:0}.profile-subhead{margin-top:6px}.profile-empty{margin:0;font-size:14px;line-height:1.45}.swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.swatch{aspect-ratio:1;border:3px solid #0000;border-radius:50%;transition:transform .15s,border-color .15s}.swatch-active{border-color:#fff;transform:scale(1.08)}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.emoji-option{aspect-ratio:1;background:#0003;border:2px solid #0000;border-radius:14px;font-size:24px;transition:transform .15s,border-color .15s}.emoji-letter{font-size:20px;font-weight:800}.emoji-active{border-color:var(--accent);background:#f5b9421f}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat{background:#0003;border-radius:14px;flex-direction:column;gap:2px;padding:10px;display:flex}.stat strong{font-variant-numeric:tabular-nums;font-size:22px}.stat strong small{color:var(--muted);font-size:13px;font-weight:600}.stat span{color:var(--muted);font-size:12px}.mode-stats{flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.mode-stats li{justify-content:space-between;display:flex}.chip-removable{align-items:center;gap:6px;padding-right:6px;display:inline-flex}.chip-removable button{width:24px;height:24px;color:var(--muted);background:#00000040;border-radius:50%;font-size:11px}.pref-row{justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex}.pref-row .segmented{width:160px}.transfer{flex-direction:column;align-items:center;gap:10px;display:flex;overflow:hidden}.transfer-qr{background:#fbf8f2;border-radius:18px;width:230px;height:230px;margin-top:6px;padding:14px}.transfer-qr svg{width:100%;height:100%;display:block}.transfer-warning{color:var(--danger);text-align:center;margin:0;font-size:13px}.import-actions{width:100%}.presets{flex-wrap:wrap;gap:8px;margin-bottom:2px;display:flex}.chip{background:var(--surface-strong);border:1px solid var(--border);border-radius:99px;height:34px;padding:0 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s,transform .15s}.chip:active{transform:scale(.95)}.chip-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip-add{color:var(--muted);background:0 0;border-style:dashed}.panel{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:18px}.panel-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.panel-head h2{font-size:17px}.panel-head .muted{font-size:14px}.invite{background:radial-gradient(100% 120% at 50% 0%, #f5b94224, transparent 60%), var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:20px 18px;display:flex;position:relative}.invite-compact{background:var(--surface)}.invite-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:12px;font-weight:600}.invite-code{gap:6px;display:flex}.invite-code span{border:1px solid var(--border);background:#00000040;border-radius:12px;place-items:center;width:46px;height:56px;font-size:30px;font-weight:800;display:grid}.invite-actions{gap:10px;width:100%;display:flex}.invite-actions .btn{flex:1}.invite-qr{overflow:hidden}.invite-qr-inner{background:#fbf8f2;border-radius:18px;width:180px;height:180px;margin-top:4px;padding:14px}.invite-qr-inner svg{width:100%;height:100%;display:block}.invite-copied{background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;bottom:-14px}.player-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.player-row{background:#0000002e;border-radius:16px;align-items:center;gap:12px;padding:8px 10px 8px 8px;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.player-row-waiting{color:var(--faint);border:1.5px dashed var(--border);background:0 0;justify-content:center;padding:14px;font-size:15px}.segmented{background:#00000040;border-radius:14px;padding:4px;display:flex}.segmented button{height:40px;color:var(--muted);flex:1;font-size:16px;font-weight:700;transition:color .2s;position:relative}.segmented button.active{color:var(--accent-ink)}.segmented button>span:last-child{position:relative}.segmented-pill{background:var(--accent);border-radius:10px;position:absolute;inset:0}.segmented-readonly button:not(.active){opacity:.5}.bottom-action{margin:auto -16px calc(-16px - var(--safe-bottom));padding:24px 16px calc(var(--safe-bottom) + 16px);z-index:5;background:linear-gradient(#0000,#071a15eb 30%);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.waiting-note{background:var(--surface);min-height:56px;color:var(--muted);text-align:center;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-weight:500;display:flex}.table{gap:0;height:100dvh;min-height:0;padding-bottom:0;padding-left:0;padding-right:0;overflow:hidden}.topbar-table{padding:0 14px}.round-info{color:var(--muted);flex-direction:column;align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}.trick-dots{gap:5px;display:flex}.trick-dots i{background:var(--surface-strong);border-radius:2px;width:18px;height:4px;transition:background .3s}.trick-dots i.done{background:var(--muted)}.trick-dots i.current{background:var(--accent)}.stake{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:8px;height:42px;padding:0 6px 0 14px;display:flex}.stake-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:12px;font-weight:600}.stake-value{background:var(--surface-strong);border-radius:10px;place-items:center;min-width:30px;height:30px;font-size:18px;font-weight:800;display:grid}.stake-raised .stake-value{background:linear-gradient(160deg, var(--toep-2), var(--toep));color:#fff;box-shadow:0 0 16px #ff5a4e80}.felt{flex:1;min-height:0;margin:8px 10px 0;position:relative}.felt-ring{background:radial-gradient(ellipse at 50% 45%, var(--felt-light) 0%, var(--felt) 55%, #0b2e25 100%);border-radius:50%;position:absolute;inset:8% 4% 4%;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 60px #00000073,0 0 0 10px #0000001f,0 20px 60px -10px #0009}.seat{z-index:2;flex-direction:column;align-items:center;gap:3px;width:84px;transition:opacity .3s;display:flex;position:absolute;translate:-50% -50%}.seat-muted .seat-name{color:var(--faint)}.seat-cards{width:50px;height:20px;margin-bottom:-6px;position:relative}.mini-card{background:linear-gradient(160deg,#e0574a,#b6302c);border-radius:3px;width:14px;height:20px;margin-left:-7px;position:absolute;top:0;left:50%;box-shadow:inset 0 0 0 1.5px #fbf8f2,0 2px 4px #0006}.seat-avatar{margin-bottom:6px;position:relative}.seat-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #00000080;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.seat-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);white-space:nowrap;z-index:3;background:#1c2f2a;border-radius:99px;align-items:center;min-height:18px;padding:2px 7px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:-6px;left:50%;translate:-50%}.seat-badge-mee{color:#c6f5de;background:#1f6b4f}.seat-badge-toeper{background:linear-gradient(160deg, var(--toep-2), var(--toep));color:#fff}.seat-badge-laundry{color:#fff;background:linear-gradient(160deg,#8b7cf6,#5b4bd6)}.seat-badge-pas,.seat-badge-out,.seat-badge-left{color:var(--muted)}.seat-badge-pending{color:var(--accent)}.meter{align-items:center;gap:6px;width:60px;display:flex}.meter-track{background:#00000059;border-radius:2px;flex:1;height:4px;overflow:hidden}.meter-fill{background:var(--accent);border-radius:2px;height:100%}.meter-value{text-align:right;font-variant-numeric:tabular-nums;min-width:14px;font-size:12px;font-weight:700}.meter-danger .meter-fill{background:var(--danger)}.meter-danger .meter-value{color:var(--danger)}.trick-card{margin-left:calc(var(--cw) / -2);margin-top:calc(var(--cw) * -.726);position:absolute}.status-line{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;pointer-events:none;text-overflow:ellipsis;background:#00000059;border-radius:99px;flex-direction:column;align-items:center;max-width:calc(100% - 20px);padding:8px 16px;font-size:15px;font-weight:600;display:flex;position:absolute;top:52%;left:50%;overflow:hidden;translate:-50% -50%}.status-line-low{top:87%}.status-line-me{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 24px -6px #f5b942b3}.status-sub{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:11px}.me-area{z-index:5;padding:0 14px calc(var(--safe-bottom) + 10px);position:relative}.action-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1e4036f5,#102821f5);border:1px solid #f5b94259;border-radius:20px;flex-direction:column;gap:10px;margin:6px 0 2px;padding:12px;display:flex;box-shadow:0 0 0 4px #f5b94214,0 16px 40px -12px #000000b3}.action-bar .time-bar{margin:0}.action-text{text-align:center;flex-direction:column;gap:2px;display:flex}.action-text strong{font-size:18px}.action-sub{color:var(--muted);font-size:14px}.action-sub-highlight{color:var(--accent);font-weight:700}.action-buttons{gap:8px;display:grid}.action-buttons .btn{height:48px;padding:0 10px;font-size:16px}.action-toep{color:#fff;background:linear-gradient(170deg, var(--toep-2), var(--toep));font-weight:800;box-shadow:0 8px 22px -8px #ff5a4ecc,inset 0 1px #ffffff59}.me-bar{align-items:center;gap:10px;padding:8px 0 4px;display:flex}.me-avatar{position:relative}.me-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.me-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.toep-btn{letter-spacing:.01em;color:#fff;background:linear-gradient(170deg, var(--toep-2), var(--toep));border-radius:16px;height:50px;padding:0 22px;font-size:19px;font-weight:800;transition:filter .2s,opacity .2s,box-shadow .2s;box-shadow:0 10px 28px -8px #ff5a4ecc,inset 0 1px #ffffff59}.toep-btn:disabled{filter:grayscale();opacity:.35;box-shadow:none}.hand{justify-content:center;align-items:flex-end;height:calc(1.452*clamp(64px,21vw,86px) + 56px);padding:26px 0 18px;display:flex;position:relative}.hand-card{transform-origin:50% 120%;touch-action:none;margin:0 calc(clamp(64px,21vw,86px)/-16.6667)}.hand-card-playable{cursor:pointer}.hand-hint{text-align:center;color:var(--muted);pointer-events:none;font-size:13px;position:absolute;top:-4px;left:0;right:0}.hand-folded-label,.hand-empty{text-align:center;color:var(--muted);font-weight:600}.hand-folded-label{text-transform:uppercase;letter-spacing:.2em;color:#fff;text-shadow:0 2px 12px #000c;pointer-events:none;z-index:20;place-items:center;font-size:22px;display:grid;position:absolute;inset:26px 0 0}.hand-empty{place-items:center;height:120px;padding:0 20px;display:grid}.reactions{pointer-events:none;z-index:30;position:absolute;top:0;left:50%}.reaction{font-size:32px;position:absolute;top:-10px;left:-16px}.reaction-picker{position:relative}.reaction-menu{border:1px solid var(--border);z-index:40;background:#14221ef5;border-radius:99px;gap:2px;padding:6px;display:flex;position:absolute;bottom:52px;right:-60px;box-shadow:0 10px 30px #00000080}.reaction-menu button{border-radius:50%;width:42px;height:42px;font-size:24px;transition:transform .15s,background .15s}.reaction-menu button:active{background:var(--surface-strong);transform:scale(1.3)}.toep-splash{z-index:60;pointer-events:none;background:radial-gradient(circle,#ff5a4e59,#0000008c 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-bottom:28vh;display:flex;position:fixed;inset:0}.toep-splash-word{letter-spacing:-.03em;color:#fff;text-shadow:0 4px #b6302c,0 10px 40px #ff5a4ecc;font-size:92px;font-weight:800}.toep-splash-sub{background:#0006;border-radius:99px;padding:8px 18px;font-size:18px;font-weight:600}.sheet-backdrop{z-index:50;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:linear-gradient(180deg, #143429, var(--sheet));border:1px solid var(--border);width:100%;max-width:520px;max-height:88dvh;padding:12px 20px calc(var(--safe-bottom) + 20px);border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;display:flex;box-shadow:0 -20px 60px #00000080}.sheet-handle{background:var(--faint);border-radius:3px;flex-shrink:0;width:40px;height:5px;margin:0 auto 12px}.sheet-scroll{overscroll-behavior:contain;overflow-y:auto}.rules h2{margin-bottom:8px;font-size:24px}.rules h3{color:var(--accent);margin:18px 0 4px;font-size:16px}.rules p{color:var(--muted);margin:6px 0;line-height:1.55}.rules strong{color:var(--text)}.rules-order{flex-wrap:wrap;gap:6px;display:flex}.rules-order span{background:var(--card);width:32px;height:42px;color:var(--card-black);border-radius:6px;place-items:center;font-weight:800;display:grid}.rules-order span+span:before{content:""}.choice-sheet{text-align:center;flex-direction:column;gap:12px;padding-top:8px;display:flex}.choice-sheet h2{font-size:26px}.choice-sheet p{margin:0}.mini-hand{justify-content:center;gap:8px;padding:10px 0;display:flex}.choice-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-sheet{flex-direction:column;gap:10px;display:flex}.menu-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;height:54px;font-size:16px;font-weight:600}.menu-item-danger{color:var(--danger)}.result-sheet{flex-direction:column;gap:16px;padding-top:8px;display:flex}.result-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.result-hero p{margin:0}.result-emoji{font-size:44px}.result-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.result-row{background:#0003;border-radius:14px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.result-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.result-gain{color:var(--faint);text-align:right;min-width:28px;font-weight:800}.result-gain-bad{color:var(--danger)}.result-rank{text-align:center;width:22px;color:var(--muted);font-weight:800}.result-points{font-weight:700}.result-points small{color:var(--muted);font-weight:500}.game-over{position:relative}.winner{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:40px;display:flex}.winner h1{font-size:40px;font-weight:800}.winner p{margin:0}.winner-crown{z-index:1;filter:drop-shadow(0 4px 10px #0006);margin-bottom:-18px;font-size:48px}.confetti{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;position:absolute;top:0}.game-over>:not(.confetti){z-index:1;position:relative}.seat-cards-open{height:44px;margin-bottom:-2px}.seat-open-card{margin-left:-15px;position:absolute;top:0;left:50%}.tag-open{color:#c9c0ff;text-transform:none;letter-spacing:0;background:#8b7cf633;align-self:flex-start;margin-left:0}.seat-badge-pelt{color:#fff;background:linear-gradient(160deg,#b794f6,#7c5cf0)}.shown-hand{flex-direction:column;align-items:center;gap:4px;display:flex}.shown-hand .mini-hand{perspective:600px;padding:4px 0}.result-pelt{text-align:center;color:#c9b8ff;margin:0;font-weight:600}.stepper{background:#00000040;border-radius:14px;justify-content:space-between;align-items:center;padding:4px;display:flex}.stepper button{background:var(--surface-strong);border-radius:10px;width:56px;height:40px;font-size:22px;font-weight:700;transition:transform .15s,opacity .2s}.stepper button:active:not(:disabled){transform:scale(.92)}.stepper button:disabled{opacity:.3}.stepper-readonly button{visibility:hidden}.stepper-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.seat-badge-away{color:var(--accent)}.away-icon{width:64px;height:64px;color:var(--accent);background:#f5b9421f;border-radius:50%;align-self:center;place-items:center;display:grid}.setting{overflow:hidden}.home-corner{top:calc(var(--safe-top) + 12px);position:absolute;right:16px}.home{position:relative}.lang-toggle{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:3px;display:flex}.lang-toggle button{width:38px;height:32px;color:var(--muted);font-size:13px;font-weight:700;transition:color .2s;position:relative}.lang-toggle button.active{color:var(--accent-ink)}.lang-toggle button>span:last-child{position:relative}.lang-pill{background:var(--accent);border-radius:9px;position:absolute;inset:0}.topbar-actions{align-items:center;gap:8px;display:flex}.settings{flex-direction:column;gap:18px;display:flex}.setting .panel-head{gap:12px;margin-bottom:10px}.setting .panel-head .muted{text-align:right;font-size:13px}.segmented button{white-space:nowrap;padding:0 4px;font-size:15px}.avatar-timed{overflow:visible}.timer-ring{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible;rotate:-90deg}.timer-ring circle{fill:none;stroke-width:6px}.timer-ring-track{stroke:#00000059}.timer-ring-fill{stroke:var(--accent);stroke-linecap:round;filter:drop-shadow(0 0 6px #f5b94299);animation:timer-warn .3s var(--warn-delay,0s) forwards}@keyframes timer-warn{to{stroke:var(--danger)}}.time-bar{background:#0000004d;border-radius:2px;height:4px;margin:-2px 0 4px;overflow:hidden}.time-bar-fill{background:var(--accent);transform-origin:0;height:100%}.choice-hint{color:var(--accent);font-weight:700}.choice-hint-muted{color:var(--muted);font-weight:500}.me-note{text-align:center;z-index:30;background:#3c1818f2;border:1px solid #ff6b6b59;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:600;position:absolute;top:-34px;left:14px;right:14px}.menu-row{background:var(--surface);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;font-weight:600;display:flex}.laundry-reveal{z-index:25;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10201cf0;border:1px solid #8b7cf673;border-radius:22px;flex-direction:column;align-items:center;gap:8px;width:min(300px,100% - 24px);padding:16px 18px 18px;display:flex;position:absolute;top:52%;left:50%;translate:-50% -50%;box-shadow:0 0 40px #8b7cf640,0 20px 40px #00000080}.laundry-reveal-caught{border-color:#ff6b6b80;box-shadow:0 0 40px #ff6b6b40,0 20px 40px #00000080}.laundry-reveal-title{text-transform:uppercase;letter-spacing:.14em;color:#b3a8ff;font-size:12px;font-weight:700}.laundry-reveal-sub{color:var(--muted);font-size:14px}.laundry-reveal-cards{perspective:600px;gap:6px;display:flex}.laundry-reveal-cards .card{--cw:46px}.laundry-reveal-verdict{font-size:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.confetti{display:none}}@media (height>=760px){.seat{width:92px}}