.game-wrap{--color-background-primary:var(--card);--color-background-secondary:var(--bg);--color-border-tertiary:var(--border);--color-border-secondary:var(--border-2);--color-text-primary:var(--text);--color-text-secondary:var(--text-2);--border-radius-lg:var(--r);--border-radius-md:var(--r);--font-sans:inherit;width:100%;max-width:600px;margin:0 auto;padding:2rem}.screen{display:none}.screen.active{display:block}.start-card{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);text-align:center;padding:2.5rem 2rem}.game-title{color:var(--color-text-primary);margin-bottom:8px;font-size:22px;font-weight:700}.game-sub{color:var(--color-text-secondary);margin-bottom:2rem;font-size:15px;line-height:1.6}.big-emoji{margin-bottom:1rem;font-size:64px;display:block}.hud{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.hud-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.hud-val{color:var(--color-text-primary);font-size:15px;font-weight:700}.progress-bar{background:var(--color-background-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-tertiary);height:6px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{background:var(--color-text-primary);height:100%;transition:width .4s}.food-card{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);text-align:center;margin-bottom:1.25rem;padding:2rem}.food-emoji{margin-bottom:12px;font-size:72px;display:block}.food-name{color:var(--color-text-primary);margin-bottom:4px;font-size:1.5rem;font-weight:700}.food-detail{color:var(--color-text-secondary);font-size:14px;font-weight:600}.input-section{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);margin-bottom:1.25rem;padding:1.5rem}.input-label{color:var(--color-text-primary);margin-bottom:12px;font-size:14px;font-weight:600;display:block}.slider-row{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.slider-row input[type=range]{accent-color:var(--color-text-primary);cursor:pointer;flex:1}.cal-display{color:var(--color-text-primary);text-align:right;min-width:90px;font-size:28px;font-weight:700}.cal-display span{color:var(--color-text-secondary);text-transform:uppercase;font-size:14px;font-weight:600}.submit-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:var(--border-radius-md);border:1px solid var(--color-text-primary);background:var(--color-text-primary);width:100%;color:var(--color-background-primary);padding:16px;font-size:16px;font-weight:800;transition:opacity .15s,transform .1s}.submit-btn:hover{opacity:.9}.submit-btn:active{transform:scale(.98)}.result-card{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);text-align:center;margin-bottom:1.25rem;padding:1.5rem}.result-emoji{margin-bottom:8px;font-size:40px;display:block}.result-title{color:var(--color-text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.result-sub{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:14px;font-weight:500}.cal-row{justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.cal-col{text-align:center}.cal-num{color:var(--color-text-primary);font-size:24px;font-weight:700}.cal-lbl{color:var(--color-text-secondary);text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:600}.accuracy-bar-wrap{background:var(--color-background-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-tertiary);height:8px;margin-bottom:12px;overflow:hidden}.accuracy-bar{height:100%;transition:width .6s}.accuracy-txt{color:var(--color-text-primary);font-size:14px;font-weight:600}.pts-badge{border-radius:var(--border-radius-md);border:1px solid;margin-top:16px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.score-cards{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:1.25rem;display:grid}.metric-card{background:var(--color-background-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-tertiary);text-align:center;padding:1.25rem 1rem}.metric-num{color:var(--color-text-primary);font-size:24px;font-weight:700}.metric-lbl{color:var(--color-text-secondary);text-transform:uppercase;margin-top:6px;font-size:12px;font-weight:600}.round-list{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);margin-bottom:1.5rem}.round-item{border-bottom:1px solid var(--color-border-tertiary);align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex}.round-item:last-child{border-bottom:none}.round-emoji{min-width:32px;font-size:24px}.round-name{color:var(--color-text-primary);flex:1;font-weight:600}.round-cals{color:var(--color-text-secondary);font-size:14px;font-weight:500}.round-pts{text-align:right;min-width:65px;font-size:14px;font-weight:700}.next-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:var(--border-radius-md);border:1px solid var(--color-text-primary);width:100%;color:var(--color-text-primary);background:0 0;padding:16px;font-size:16px;font-weight:800;transition:background .15s,color .15s}.next-btn:hover{background:var(--color-text-primary);color:var(--color-background-primary)}.next-btn:active{transform:scale(.98)}.final-score-num{color:var(--color-text-primary);margin:.5rem 0;font-size:56px;font-weight:800;line-height:1}.grade-text{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:18px;font-weight:600}.share-hint{color:var(--color-text-secondary);margin-top:1.5rem;font-size:14px;font-weight:600}