:root{--bg: #fff7f0;--card: #ffffff;--ink: #3b3646;--muted: #8c8597;--line: #f1e6dd;--p0: #ffb5a7;--p0-soft: #ffe4dd;--p0-ink: #a8483a;--p1: #9fd8c3;--p1-soft: #dcf2ea;--p1-ink: #2c7259;--accent: #c9b6f2;--accent-soft: #efe8fd;--accent-ink: #5b469a;--butter: #ffe9a8;--radius: 18px;--shadow: 0 2px 10px rgba(59, 54, 70, .06);--font: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.muted{color:var(--muted)}.screen{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px 0}.btn{flex:1;min-height:56px;padding:0 20px;border-radius:var(--radius);background:var(--card);font-weight:700;font-size:17px;box-shadow:var(--shadow);transition:transform .08s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.big{flex:none;width:100%;min-height:64px;font-size:20px}.actions{position:sticky;bottom:0;display:flex;gap:12px;margin:auto -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 75%,rgba(255,247,240,0))}.home{justify-content:center;gap:32px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.hero{text-align:center}.hero-icon{font-size:64px;line-height:1}.hero h1{margin:8px 0 4px;font-size:34px}.hero p{margin:0 auto;max-width:280px}.players{display:flex;flex-direction:column;gap:12px}.name-input{width:100%;height:60px;padding:0 18px;border:2px solid transparent;border-radius:var(--radius);font-size:18px;font-weight:700;outline:none}.name-input.p0{background:var(--p0-soft)}.name-input.p1{background:var(--p1-soft)}.name-input.p0:focus{border-color:var(--p0)}.name-input.p1:focus{border-color:var(--p1)}.top{position:sticky;top:0;z-index:2;margin:0 -16px;padding:12px 16px 10px;background:var(--bg)}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.score{display:flex;flex-direction:column;min-width:0;padding:10px 14px;border:2px solid transparent;border-radius:var(--radius);line-height:1.15;transition:border-color .2s}.score.p0{background:var(--p0-soft)}.score.p1{background:var(--p1-soft)}.score.p0.lead{border-color:var(--p0)}.score.p1.lead{border-color:var(--p1)}.score-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-points{font-size:26px;font-variant-numeric:tabular-nums}.score.p0 .score-points{color:var(--p0-ink)}.score.p1 .score-points{color:var(--p1-ink)}.score-pieces{font-size:12px;color:var(--muted)}.worth{margin-top:6px}.worth-bar{height:5px;border-radius:999px;background:#ffffffb3;overflow:hidden}.worth-bar span{display:block;height:100%;border-radius:inherit;transition:width .25s}.score.p0 .worth-bar span{background:var(--p0)}.score.p1 .worth-bar span{background:var(--p1)}.worth-text{display:block;margin-top:3px;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.score.p0 .worth.done .worth-text{color:var(--p0-ink)}.score.p1 .worth.done .worth-text{color:var(--p1-ink)}.cloud{margin:4px 0 0;font-size:13px;text-align:center}.cloud-error{margin-top:8px;color:var(--p0-ink);font-weight:700}.cloud-form{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:var(--radius);background:var(--card);font-size:14px;font-weight:700}.cloud-form span{flex:1}.cloud-form input{width:90px;height:44px;padding:0 12px;border:2px solid transparent;border-radius:14px;background:var(--accent-soft);font-size:18px;font-weight:800;outline:none}.cloud-form input:focus{border-color:var(--accent)}.cloud-form .btn{flex:none;min-height:44px;padding:0 16px}.home-price{padding:6px 16px 6px 18px;border-radius:var(--radius);background:var(--card)}.tabs{display:flex;gap:6px}.tab{flex:1;height:40px;border-radius:999px;background:transparent;font-weight:700;color:var(--muted)}.tab.active{background:var(--butter);color:var(--ink)}.items{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;min-height:calc(100dvh - var(--top-h, 150px))}.play .actions{position:static;margin-top:0;background:none}.row{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;gap:8px;min-height:56px}.label{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.15}.label-emoji{font-size:22px}.label-name{font-size:14px;font-weight:700}.label-points{font-size:12px;color:var(--muted)}.tap{position:relative;height:52px;border-radius:16px;font-size:20px;font-weight:800;transition:transform .08s ease,background-color .15s}.tap:active{transform:scale(.92)}.tap.p0{background:var(--p0-soft);color:var(--p0-ink)}.tap.p1{background:var(--p1-soft);color:var(--p1-ink)}.tap.p0.has{background:var(--p0)}.tap.p1.has{background:var(--p1)}.tap:not(.has) .tap-count{opacity:.5}.pop{position:absolute;left:50%;top:4px;font-size:15px;pointer-events:none;animation:pop .7s ease-out forwards}@keyframes pop{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-36px)}}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:3;max-width:calc(100% - 32px);padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result{gap:20px;padding-top:calc(24px + env(safe-area-inset-top))}.winner{text-align:center}.winner-emoji{font-size:72px;line-height:1}.winner h1{margin:8px 0 2px;font-size:30px}.winner p{margin:0}.final-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}.final{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;border-radius:var(--radius);text-align:center;min-width:0}.final.p0{background:var(--p0-soft)}.final.p1{background:var(--p1-soft)}.final-name{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-points{font-size:34px;font-variant-numeric:tabular-nums}.final.p0 .final-points{color:var(--p0-ink)}.final.p1 .final-points{color:var(--p1-ink)}.final-fav{margin-top:6px;font-size:13px}.awards{display:flex;flex-direction:column;gap:8px}.award{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.award-emoji{font-size:24px}.award-title{font-weight:700}.award-who{text-align:right;font-size:14px}.record{margin-top:6px;font-size:13px;font-weight:700}.value-card{padding:16px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.value-card h2,.history h2{margin:0 0 12px;font-size:18px}.price-field{display:flex;align-items:center;gap:10px;font-weight:700}.price-field span:first-child{flex:1}.price-field input{width:110px;height:48px;padding:0 14px;border:2px solid transparent;border-radius:14px;background:var(--accent-soft);font-size:20px;font-weight:800;text-align:right;outline:none}.price-field input:focus{border-color:var(--accent)}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.value{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:12px 8px;border-radius:14px;text-align:center}.value.p0{background:var(--p0-soft)}.value.p1{background:var(--p1-soft)}.value-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.value-per-piece{font-size:24px;font-variant-numeric:tabular-nums}.value-casa{margin-top:4px;font-size:13px}.value-ratio{font-size:12px}.verdict{margin-top:6px;padding:4px 10px;border-radius:12px;text-align:center;font-size:13px;font-weight:800}.verdict.good{background:#d7f2e3;color:#2c7259}.verdict.bad{background:#ffe1dc;color:#a8483a}.value-note{margin:12px 0 0;font-size:13px;text-align:center}.history{padding:16px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.h2h{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.h2h-side{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:14px}.h2h-side.p0{background:var(--p0-soft);justify-content:space-between}.h2h-side.p1{background:var(--p1-soft);justify-content:space-between}.h2h-side strong{font-size:28px;font-variant-numeric:tabular-nums}.h2h-side.p0 strong{color:var(--p0-ink)}.h2h-side.p1 strong{color:var(--p1-ink)}.h2h-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:14px}.h2h-x{color:var(--muted);font-weight:700}.h2h-note{margin:10px 0 0;font-size:13px;text-align:center}.history-list{margin:12px 0 0;padding:0;list-style:none}.history-list li{display:flex;justify-content:space-between;padding:10px 2px;border-top:1px solid var(--line);font-size:15px}.history-score{font-weight:700;font-variant-numeric:tabular-nums}.history-score .won.p0{color:var(--p0-ink)}.history-score .won.p1{color:var(--p1-ink)}