:root{--bg:#0d1712;--surface-1:#16241d;--surface-2:#1e3128;--surface-3:#27402f;--line:#2c4337;--text:#f4efe3;--text-2:#cfc8b6;--muted:#95a399;--accent:#e8bb52;--accent-ink:#231905;--danger:#e5484d;--buy:#ff7a3d;--good:#52c28a;--series-1:#3987e5;--series-2:#d95926;--radius:14px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:Georgia, "Times New Roman", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0}a{color:var(--accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.82rem}.warn{color:#ffb4a0;font-size:.9rem}.btn{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.62rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:#3d5a4a}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn-primary:hover{background:#f0c865;border-color:#0000}.btn-ghost{background:0 0}.btn.small{min-height:34px;padding:.35rem .8rem;font-size:.85rem}.btn.big{flex-direction:column;gap:.1rem;width:100%;min-height:58px;font-size:1.1rem}.btn-sub{opacity:.8;font-size:.78rem;font-weight:500}.btn.danger{color:#ff9d9d}.btn-discard{background:#3a2a1a;border-color:#6a4a28}.btn-buy{background:var(--buy);color:#1c0b02;border-color:#0000;padding:.7rem 1.6rem;font-size:1.1rem}.pulse{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #e8bb528c}50%{box-shadow:0 0 0 10px #e8bb5200}}.home{max-width:520px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px 32px;background:radial-gradient(at 50% 0,#1f4a36 0%,#0d171200 70%);flex-direction:column;gap:20px;margin:0 auto;display:flex}.hero{text-align:center;padding-top:12px}.hero h1{font-family:var(--serif);letter-spacing:.01em;margin:12px 0 8px;font-size:clamp(2.1rem,9vw,3rem)}.tagline{color:var(--text-2);margin:0;line-height:1.5}.tagline em{color:var(--accent);margin-top:8px;display:block}.hero-cards{justify-content:center;height:88px;display:flex;position:relative}.hero-card{color:#1d2230;width:58px;height:82px;font-family:var(--serif);background:#fbf7ee;border-radius:8px;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex;position:absolute;top:0;box-shadow:0 6px 18px #00000073}.hero-card.c1{transform:translate(-40px)rotate(-14deg)}.hero-card.c2{color:#c0263a;z-index:2}.hero-card.c3{color:#c0263a;transform:translate(40px)rotate(14deg)}.home-actions{flex-direction:column;gap:12px;display:flex}.home-links{justify-content:center;gap:8px;display:flex}.home-foot{text-align:center;margin-top:auto}.about p{color:var(--text-2);margin:0 0 10px;line-height:1.6}.about p:last-child{margin-bottom:0}.card-panel{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card-panel h2{margin:0 0 12px;font-size:1.1rem}.setup{flex-direction:column;gap:14px;display:flex}.field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.field>span,.field legend{color:var(--text-2);margin-bottom:6px;padding:0;font-size:.85rem;font-weight:600}.field.inline{flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}.field.inline>span{margin:0}input,select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:.6rem .75rem}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.segmented button{color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;min-height:38px;padding:.5rem;font-weight:600}.segmented button.on{background:var(--accent);color:var(--accent-ink)}.segmented button:disabled{opacity:.4}.rules-box summary{cursor:pointer;color:var(--text-2);padding:4px 0;font-weight:600}.toggle{cursor:pointer;align-items:flex-start;gap:10px;margin-top:10px;display:flex}.toggle input{width:20px;height:20px;min-height:0;accent-color:var(--accent);margin-top:2px}.toggle small{color:var(--muted);margin-top:2px;display:block}.page{max-width:760px;padding:max(16px, env(safe-area-inset-top)) 16px 40px;flex-direction:column;gap:16px;margin:0 auto;display:flex}.page h1{font-family:var(--serif);margin:4px 0}.page-nav a{text-decoration:none}.rules ul,.rules ol{padding-left:1.2rem;line-height:1.55}.rules p{margin:0;line-height:1.6}.rules .lead{color:var(--text-2)}.rules-cta{justify-content:center;margin-top:8px;display:flex}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tile{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:2px;padding:14px;display:flex}.tile-label{color:var(--text-2);font-size:.82rem}.tile-value{font-size:1.9rem;font-weight:650}.tile-sub{color:var(--muted);font-size:.78rem}.score-table{border-collapse:collapse;width:100%;font-size:.92rem}.score-table th,.score-table td{text-align:left;border-bottom:1px solid var(--line);padding:7px 6px}.score-table th{color:var(--muted);font-size:.8rem;font-weight:600}.num{font-variant-numeric:tabular-nums;text-align:right!important}.score-table tr.me td{color:var(--accent);font-weight:650}.viz{width:100%;position:relative}.viz svg{display:block;overflow:visible}.viz-grid{stroke:#2a3b32;stroke-width:1px}.viz-tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.viz-value,.viz-end{fill:var(--text-2);font-size:11px;font-weight:600}.viz-end.muted{fill:var(--muted)}.viz-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.viz-line.series-1{stroke:var(--series-1)}.viz-line.series-2{stroke:var(--series-2)}.viz-dot.series-1{fill:var(--series-1);stroke:var(--surface-1);stroke-width:2px}.viz-mark-label{fill:var(--text);font-size:11px;font-weight:700}.viz-bar.series-1{fill:var(--series-1)}.viz-bar.hover{fill:#5a9df0}.viz-crosshair{stroke:var(--text-2);stroke-width:1px}.viz-legend{color:var(--text-2);gap:14px;margin-bottom:6px;font-size:.8rem;display:flex}.key{vertical-align:middle;border-radius:2px;width:14px;height:2px;margin-right:4px;display:inline-block}.key-1{background:var(--series-1)}.key-2{background:var(--series-2)}.viz-tooltip{border:1px solid var(--line);pointer-events:none;z-index:3;background:#0f1a15;border-radius:10px;width:180px;padding:8px 10px;font-size:.78rem;position:absolute;top:26px;box-shadow:0 8px 24px #0006}.tt-head{color:var(--muted);margin-bottom:4px}.tt-row{color:var(--text-2);line-height:1.4}.tt-row strong{color:var(--text);margin-right:4px}.viz-table{margin-top:8px;font-size:.8rem}.viz-table summary{cursor:pointer;color:var(--muted)}.viz-table table{border-collapse:collapse;width:100%;margin-top:6px}.viz-table td,.viz-table th{border-bottom:1px solid var(--line);text-align:left;padding:4px}.game{background:var(--bg);touch-action:manipulation;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.table-area{position:absolute;inset:0}.table-canvas{width:100%;height:100%}.table-loading{color:var(--muted);justify-content:center;align-items:center;font-size:1.05rem;display:flex;position:fixed;inset:0}.hud{z-index:10;padding:max(8px, env(safe-area-inset-top)) 10px 8px;pointer-events:none;background:linear-gradient(#0d1712eb,#0d171200);align-items:flex-start;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-menu{border:1px solid var(--line);width:40px;height:40px;color:var(--text);cursor:pointer;background:#16241dd9;border-radius:12px;flex:none;font-size:1.1rem}.hud-contract{flex:1;min-width:0}.hud-round{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.hud-contract-text{font-family:var(--serif);font-size:1.12rem;font-weight:700;line-height:1.2}.hud-progress{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:#16241dd9;border-radius:999px;padding:2px 8px;font-size:.7rem}.chip.done{color:var(--good);border-color:#2f6e50}.chip.ready{color:var(--accent-ink);background:var(--accent);border-color:#0000;font-weight:700}.hud-scores{border:1px solid var(--line);background:#16241dd9;border-radius:12px;flex-direction:column;gap:2px;min-width:108px;margin:0;padding:6px 8px;font-size:.78rem;list-style:none;display:flex}.hud-scores li{color:var(--text-2);justify-content:space-between;gap:10px;display:flex}.hud-scores li.active{color:var(--accent);font-weight:700}.hud-total{font-variant-numeric:tabular-nums}.table-3d{position:absolute;inset:0}.seat-labels{pointer-events:none;z-index:5;position:absolute;inset:0}.seat-labels .seat-label{visibility:hidden;position:absolute;top:0;left:0}.seat-label{border:1px solid var(--line);white-space:nowrap;font-family:var(--font);color:var(--text);background:#0d1712c7;border-radius:10px;flex-direction:column;align-items:center;padding:3px 8px;transition:border-color .2s;display:flex}.seat-label.active{border-color:var(--accent);box-shadow:0 0 0 2px #e8bb5240}.seat-name{font-size:.82rem;font-weight:700}.seat-meta{color:var(--muted);font-size:.7rem}.seat-thinking{color:var(--accent);font-size:.7rem;animation:1s ease-in-out infinite blink}@keyframes blink{50%{opacity:.4}}.bottom{z-index:10;padding-bottom:max(6px, env(safe-area-inset-bottom));background:linear-gradient(#0d171200,#0d1712d9 28%,#0d1712f5);position:absolute;bottom:0;left:0;right:0}.action-bar{flex-direction:column;align-items:center;gap:6px;padding:18px 10px 4px;display:flex}.status{color:var(--text-2);text-align:center;min-height:1.2em;font-size:.86rem}.actions{flex-wrap:wrap;justify-content:center;gap:6px;min-height:44px;display:flex}.actions .btn{padding:.5rem .9rem;font-size:.88rem}.hand{width:100%;max-width:980px;margin:0 auto;position:relative}.hand-card{cursor:pointer;touch-action:none;border-radius:8px;transition:transform .18s;position:absolute;bottom:6px;left:0}.hand-card .card-sprite{box-shadow:-3px 2px 8px #00000073}.hand-card.selected .card-sprite{box-shadow:0 0 0 3px var(--accent), 0 8px 18px #00000080}.hand-card.playable:after{content:"";background:var(--good);border-radius:3px;height:3px;position:absolute;top:-6px;left:6px;right:6px}.hand-card.near:before{content:"";background:var(--accent);opacity:.7;border-radius:2px;height:2px;position:absolute;top:-5px;left:6px;right:6px}.hand-card.fresh .card-sprite{animation:1.6s ease-out fresh}@keyframes fresh{0%{transform:translateY(-40px);box-shadow:0 0 0 3px #fff6d8}30%{transform:translateY(0)}to{box-shadow:-3px 2px 8px #00000073}}.hand-card.dragging{transition:none}.hand-group-label{color:var(--muted);white-space:nowrap;text-align:center;pointer-events:none;font-size:.66rem;position:absolute;top:0;transform:translate(-50%)}.hand-group-label.set,.hand-group-label.run{color:var(--good);font-weight:700}.hand-group-label.nearSet,.hand-group-label.nearRun{color:var(--accent)}.hand-autosort{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);cursor:pointer;border-radius:999px;padding:2px 8px;font-size:.7rem;position:absolute;top:-2px;right:8px}.card-sprite{margin-left:var(--card-pad,0px);margin-right:var(--card-pad,0px);background-color:#0000;background-repeat:no-repeat;border-radius:7%}.buy-prompt{z-index:30;border:2px solid var(--buy);background:#180e06f0;border-radius:18px;align-items:center;gap:14px;width:min(94vw,420px);padding:14px 16px;animation:.9s ease-in-out infinite buypulse;display:flex;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 #ff7a3d99}@keyframes buypulse{0%,to{box-shadow:0 0 #ff7a3d8c}50%{box-shadow:0 0 0 14px #ff7a3d00}}.buy-title{color:var(--buy);letter-spacing:.04em;font-size:1.8rem;font-weight:900}.buy-sub{color:var(--text-2);margin-bottom:8px;font-size:.8rem}.buy-body{flex:1}.buy-actions{gap:8px;display:flex}.buy-actions .btn{white-space:nowrap}.buy-timer-track{fill:none;stroke:#ffffff1f;stroke-width:5px}.buy-timer-fill{fill:none;stroke:var(--buy);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.buy-timer-text{fill:var(--text);font-size:16px;font-weight:700}.flash{z-index:25;border:2px solid var(--accent);white-space:nowrap;pointer-events:none;background:#0d1712e6;border-radius:999px;padding:10px 18px;font-size:1.05rem;font-weight:800;animation:1.9s ease-out forwards flash;position:absolute;top:30%;left:50%;transform:translate(-50%)}.flash-buy{border-color:var(--buy);color:#ffd0b8}.flash-close{border-color:var(--good);color:#c9f5de}@keyframes flash{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}12%{opacity:1;transform:translate(-50%)scale(1.05)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.notice{z-index:40;color:#ffd7d7;background:#3b1d1d;border:1px solid #7a3434;border-radius:12px;max-width:92vw;padding:8px 14px;font-size:.86rem;position:absolute;top:76px;left:50%;transform:translate(-50%)}.notice.error{top:auto;bottom:40%}.sheet-backdrop,.modal-backdrop{z-index:50;background:#04080699;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-backdrop{align-items:center;padding:12px}.sheet{background:var(--surface-1);border:1px solid var(--line);width:min(100%,640px);max-height:88dvh;padding:16px 16px max(16px, env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.2s ease-out up;overflow:auto}.sheet.small{width:min(100%,420px)}@keyframes up{0%{opacity:0;transform:translateY(30px)}}.sheet h2,.modal h2{margin:0 0 10px;font-size:1.15rem}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.sheet-actions.column{flex-direction:column}.meld-list{flex-direction:column;gap:8px;display:flex}.meld-row{background:var(--surface-2);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.meld-row.current{border:1px dashed var(--line)}.meld-kind{color:var(--text-2);flex:none;width:70px;font-size:.78rem;font-weight:700}.meld-cards{flex-wrap:wrap;flex:1;gap:3px;min-height:40px;display:flex}.sheet-hand{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}.card-btn{cursor:pointer;background:0 0;border:0;padding:0}.modal{background:var(--surface-1);border:1px solid var(--line);border-radius:18px;width:min(100%,560px);max-height:92dvh;padding:18px;animation:.2s ease-out up;overflow:auto}.modal.menu{flex-direction:column;gap:8px;max-width:360px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.review{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.review h3{margin:0 0 4px}.review-progress .bar{background:var(--surface-3);border-radius:6px;height:6px;overflow:hidden}.bar-fill{background:var(--series-1);height:100%;transition:width .3s}.mistakes{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.mistakes li{background:var(--surface-2);border-radius:12px;padding:10px 12px}.mistakes p{margin:6px 0 0;font-size:.9rem;line-height:1.45}.mistake-head{align-items:center;gap:8px;font-size:.86rem;font-weight:700;display:flex}.mistake-no{background:var(--series-1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;display:inline-flex}.mistake-loss{color:#ffb4a0;font-variant-numeric:tabular-nums;margin-left:auto}.review-clean{color:var(--good);font-weight:600}.table2d{background:radial-gradient(at 50% 40%,#2a6e4f 0%,#174733 60%,#0d1712 100%);flex-direction:column;gap:10px;padding:118px 8px 0;display:flex;position:absolute;inset:0;overflow:auto}.t2-opponents{gap:8px;display:grid}.t2-seat{background:#0d171259;border:1px solid #ffffff14;border-radius:12px;min-width:0;padding:6px}.t2-seat.active{border-color:var(--accent)}.t2-seat-head{flex-direction:column;font-size:.82rem;display:flex}.t2-backs{margin:4px 0;display:flex}.t2-back{margin-right:calc(-9px + var(--card-pad,0px))}.t2-melds{flex-wrap:wrap;gap:6px;display:flex}.t2-meld{cursor:default;background:0 0;border:2px solid #0000;border-radius:8px;padding:2px;display:flex}.t2-meld .card-sprite+.card-sprite{margin-left:calc(-40% + var(--card-pad,0px))}.t2-meld.glow{border-color:var(--accent);cursor:pointer;animation:1.2s ease-in-out infinite pulse}.t2-center{justify-content:center;gap:24px;padding:8px 0;display:flex}.t2-pile{color:var(--text-2);background:0 0;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex}.t2-pile.glow{border-color:var(--accent);cursor:pointer}.t2-empty{border:1px dashed #ffffff40;border-radius:6px;width:56px;height:78px}.t2-mine{padding-bottom:42vh}@media (min-width:900px){.hud-contract-text{font-size:1.3rem}.table2d{padding-top:110px}}.celebrate{z-index:45;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti{opacity:.95;border-radius:2px;width:9px;height:14px;animation:2.6s cubic-bezier(.2,.6,.4,1) forwards confetti;position:absolute;top:-20px}@keyframes confetti{to{transform:translate(var(--dx), 110vh) rotate(var(--rot));opacity:.7}}@media (prefers-reduced-motion:reduce){.confetti,.flash,.buy-prompt,.pulse{animation:none}}.theme-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-option{border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;display:flex}.theme-option.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.theme-cards{justify-content:center;display:flex}.theme-cards .card-sprite{box-shadow:-2px 1px 4px #0006}.theme-cards .card-sprite+.card-sprite{margin-left:calc(-12px + var(--card-pad,0px))}.theme-name{font-size:.85rem;font-weight:600}.theme-picker p{margin:8px 0 0}.card-credits a,.theme-picker a{color:inherit}.turn-clock{font-variant-numeric:tabular-nums;color:var(--muted)}.status.hurry .turn-clock{color:var(--buy);font-weight:700}.menu-section h3{margin:4px 0 8px;font-size:.95rem}.page.online{max-width:560px}.online-start{flex-direction:column;gap:14px;display:flex}.online-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.online-actions .btn.big{border-radius:18px;min-height:72px;padding:.6rem .7rem}.join-code{gap:8px;display:flex}.join-code input{text-transform:uppercase;letter-spacing:.18em;flex:1;min-width:0;font-weight:700}.lobby-list,.seat-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lobby-row,.seat-list li{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.lobby-main{flex-direction:column;gap:2px;min-width:0;display:flex}.lobby-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-list li.me{border-color:var(--accent)}.room-code{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-code>div{flex-direction:column;display:flex}.room-code .code{letter-spacing:.2em;font-size:2rem;font-family:var(--serif)}.waiting{text-align:center;color:var(--text-2)}.notice-panel{justify-content:space-between;align-items:center;gap:12px;display:flex}.notice-panel p{margin:0}.conn-banner{background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);border-radius:12px;margin:0;padding:10px 14px}.conn-banner.warn{color:#ffcfbf;border-color:#6a3a2a}.conn-overlay{z-index:60;top:max(8px, env(safe-area-inset-top));pointer-events:none;width:min(92vw,420px);position:fixed;left:50%;transform:translate(-50%)}.conn-overlay .conn-banner{pointer-events:auto;box-shadow:0 8px 24px #00000073}.online-link{border-color:#3d5a4a}.table-canvas{touch-action:none}.zoom-controls{right:max(10px, env(safe-area-inset-right));z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:42%;transform:translateY(-50%)}.zoom-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16241dd1;border-radius:50%;font-size:1.2rem;line-height:1}.zoom-btn:disabled{opacity:.35;cursor:default}