:root{--font-ui: "Chakra Petch", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg: #f6f6f2;--panel: #ffffff;--panel-2: #fbfbf8;--ink: #181a18;--muted: #6f756f;--faint: #9aa199;--line: #e0e3dd;--line-strong: #c9cec5;--card-bg: #fffefd;--card-ink: #181a18;--card-inset: #ecefea;--focus: #2f6f5d;--focus-soft: rgb(47 111 93 / 16%);--red: #b73b35;--red-soft: rgb(183 59 53 / 14%);--shadow: 0 18px 40px rgb(24 26 24 / 8%);--card-shadow: 0 8px 18px rgb(24 26 24 / 7%);--radius: 0;--radius-card: 0;--card-w: 76px;--card-h: 106px;color-scheme:light}[data-theme=dark]{--bg: #111311;--panel: #181b18;--panel-2: #151815;--ink: #f1f2ed;--muted: #a2a99f;--faint: #737b72;--line: #2a2f2a;--line-strong: #3a413a;--card-bg: #f6f4ed;--card-ink: #181a18;--card-inset: #dedbd2;--focus: #84b7a6;--focus-soft: rgb(132 183 166 / 18%);--red: #d5544c;--red-soft: rgb(213 84 76 / 18%);--shadow: 0 20px 42px rgb(0 0 0 / 24%);--card-shadow: 0 10px 18px rgb(0 0 0 / 16%);color-scheme:dark}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.45;letter-spacing:0}button{font:inherit}.shell{width:min(900px,100%);min-height:100vh;margin:0 auto;padding:22px 22px 44px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.wordmark,.icon-action{border:0;background:transparent;color:var(--ink);padding:0}.wordmark{font-family:var(--font-ui);font-size:24px;font-weight:700;cursor:pointer;transition:color .16s ease}.wordmark:hover:not(:disabled){color:var(--muted)}.wordmark:disabled{cursor:default;opacity:.55}.top-actions{display:flex;align-items:center;gap:18px}.icon-action:hover{color:var(--ink)}.icon-action{display:grid;place-items:center;width:20px;height:20px;color:var(--muted);cursor:pointer}.workspace{display:grid;gap:12px}.view-frame{min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel-jokers{box-shadow:none}.section-head{display:grid;margin-bottom:18px}.section-head span{color:var(--faint);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}h1{margin:0;font-size:clamp(20px,3vw,28px);font-weight:600;line-height:1.05}.hud{display:grid;grid-template-columns:minmax(130px,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius)}.hud-joker{display:flex;align-items:center;gap:10px;min-width:0;font-weight:700}.hud-joker img{width:28px;height:38px;object-fit:cover;border-radius:0}.hud-stat{display:grid;justify-items:center;gap:1px;min-width:60px;font-family:var(--font-mono);text-align:center}.hud-stat span{color:var(--muted);font-family:var(--font-ui);font-size:11px;font-weight:600}.hud-stat b{font-size:15px}.hud-round{color:var(--muted);font-size:12px;font-weight:700}.dead-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);font-size:12px;font-weight:700}.red{color:var(--red)}.error{margin:0;padding:10px 12px;background:var(--red-soft);border:1px solid rgb(183 59 53 / 24%);border-radius:var(--radius);color:var(--red);font-size:13px;font-weight:600}.joker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:800px;margin:0 auto}.joker-card{position:relative;display:grid;gap:8px;justify-items:center;padding:10px 8px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer}.joker-card img{width:min(78px,100%);aspect-ratio:153 / 206;object-fit:contain}.joker-card span{font-size:13px;font-weight:700;line-height:1.1;text-align:center}.joker-card small{position:absolute;right:7px;top:7px;color:var(--muted);font-size:10px;font-weight:700}.joker-card.unsupported{cursor:not-allowed;opacity:.42}@media(hover:hover){.joker-card:not(:disabled):hover{background:var(--panel);border-color:var(--line-strong)}}.hand-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:500px;margin-right:auto;margin-left:auto;margin-bottom:22px}.palette{display:grid;gap:5px;margin:0 auto;max-width:740px;padding:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius)}.palette-row{display:grid;grid-template-columns:20px repeat(13,minmax(24px,1fr));gap:4px;align-items:center}.palette-row>span{color:var(--ink);font-size:16px;text-align:center}.palette-row>span.red{color:var(--red)}.palette button{min-height:31px;border:1px solid transparent;border-radius:0;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:700}.palette button.red{color:var(--red)}.palette button:disabled{color:var(--faint);cursor:not-allowed;opacity:1;pointer-events:none}.palette button.dead-card:disabled{color:var(--faint);opacity:1;text-decoration:line-through;text-decoration-thickness:1px}.palette button.used-card{color:var(--faint);opacity:1}@media(hover:hover){.palette button:not(:disabled):hover{background:var(--panel);border-color:var(--line)}}.action-row{display:flex;justify-content:center;margin-top:22px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:144px;min-height:42px;padding:0 18px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--bg);cursor:pointer;font-weight:700;line-height:1}.primary:disabled{cursor:not-allowed;opacity:.35}@media(hover:hover){.primary:not(:disabled):hover{border-color:var(--focus)}}.result{max-width:560px;margin:0 auto;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel-2)}.result-head,.move-list button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px}.result-head{padding:9px 14px;background:var(--panel-2);border-bottom:1px solid var(--line);color:var(--faint);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.result-head span:last-child{text-align:right}.move-list button>span{color:var(--muted);font-size:12px;font-weight:700}.move-list b{font-family:var(--font-mono);font-size:13px;text-align:right}.move-list{display:grid}.move-list button{width:100%;padding:10px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;text-align:left}.move-list button:last-child{border-bottom:0}.move-list button.active{background:var(--focus-soft)}@media(hover:hover){.move-list button:not(.active):hover{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-strong)}}.score-view{text-align:center}.score-view h1{font-family:var(--font-mono);font-size:clamp(44px,10vw,92px)}.score-view p{margin:0;color:var(--muted)}.score-view p b{color:var(--ink);font-family:var(--font-mono)}.footer{display:grid;gap:4px;margin-top:32px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}.footer p{margin:0}.footer a{color:var(--ink);text-decoration:none}.footer a:hover{color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loader{display:grid;gap:12px;min-width:220px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.loader span{font-size:13px;font-weight:700}.progress,.bar{height:4px;overflow:hidden;background:var(--line);border-radius:0}.progress div{position:relative;height:100%;background:var(--focus);overflow:hidden;transition:width .18s linear}.progress div:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:48px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 34%),transparent);animation:progress-sheen 1.1s linear infinite}.bar:after{content:"";display:block;width:42%;height:100%;background:var(--focus);animation:loading .9s ease-in-out infinite}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(250%)}}@keyframes progress-sheen{0%{transform:translate(-56px)}to{transform:translate(240px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:680px){:root{--card-w: 58px;--card-h: 82px}.shell{padding:18px 16px 30px}.topbar{margin-bottom:14px}.wordmark{font-size:22px}.panel{padding:16px}.section-head{margin-bottom:16px}.hud{grid-template-columns:1fr 1fr}.hud-round{justify-self:start}.joker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hand-row{gap:7px}.palette{padding:8px}.palette-row{grid-template-columns:17px repeat(13,minmax(18px,1fr));gap:2px}.palette button{min-height:28px;font-size:10px}.result-head,.move-list button{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}}.card-face.svelte-qcr9sg{--card-color: var(--card-ink);position:relative;width:var(--card-w);height:var(--card-h);padding:8px;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--card-bg);color:var(--card-color);cursor:pointer;font-family:var(--font-mono);font-weight:700;box-shadow:var(--card-shadow);transition:transform .14s ease,border-color .12s ease,box-shadow .14s ease}.card-face.svelte-qcr9sg:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid var(--card-inset);border-radius:0;pointer-events:none}.card-face.red.svelte-qcr9sg{--card-color: var(--red)}.corner.svelte-qcr9sg{position:absolute;top:9px;left:9px;z-index:1;font-size:14px;line-height:1}.pip.svelte-qcr9sg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:30px}.empty.svelte-qcr9sg{background:transparent;border-style:dashed;box-shadow:none}.slot-mark.svelte-qcr9sg{position:absolute;inset:50% auto auto 50%;width:18px;height:18px;transform:translate(-50%,-50%)}.slot-mark.svelte-qcr9sg:before,.slot-mark.svelte-qcr9sg:after{content:"";position:absolute;background:var(--muted);border-radius:0}.slot-mark.svelte-qcr9sg:before{top:50%;left:2px;right:2px;height:2px;transform:translateY(-50%)}.slot-mark.svelte-qcr9sg:after{top:2px;bottom:2px;left:50%;width:2px;transform:translate(-50%)}.active.svelte-qcr9sg{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-soft)}.locked.svelte-qcr9sg{cursor:default}.status-dot.svelte-qcr9sg{position:absolute;right:8px;bottom:8px;width:5px;height:5px;border-radius:0;background:var(--muted)}.recommended.svelte-qcr9sg{border-color:var(--focus)}.selected.svelte-qcr9sg{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft),0 14px 24px #181a1824;transform:translateY(-10px)}.card-face.svelte-qcr9sg:disabled{color:var(--card-color);cursor:default;opacity:1}@media(hover:hover){.card-face.svelte-qcr9sg:not(:disabled):hover{border-color:var(--focus);transform:translateY(-4px)}.card-face.selected.svelte-qcr9sg:hover{transform:translateY(-10px)}}.mini-cards.svelte-yw29pt{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--ink);font-family:var(--font-mono);font-size:13px;font-weight:700;white-space:nowrap}.red.svelte-yw29pt{color:var(--red)}.keep-all.svelte-yw29pt{color:var(--muted);font-family:var(--font-ui);font-weight:600}