@media (max-width:640px){.app-main{max-width:480px}}.work-timer{border:1px solid var(--border,#ffffff24);font-variant-numeric:tabular-nums;border-radius:999px;align-items:baseline;gap:10px;margin-bottom:16px;padding:8px 14px;display:inline-flex}.work-timer__label{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:.74rem}.work-timer__value{font-size:1.05rem;font-weight:600}.work-timer--untimed .work-timer__value{opacity:.85;font-weight:500}.work-timer--warn{color:#d9a441;border-color:#d9a441}.work-timer--expired{color:#c0563f;border-color:#c0563f}@media (prefers-reduced-motion:no-preference){.work-timer{transition:border-color .2s,color .2s}}.hud-panel{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:linear-gradient(135deg, #38a3ff24, #8b5cf624), var(--surface);box-shadow:var(--glow-accent), var(--shadow-md);padding:var(--space-5);position:relative;overflow:hidden}.hud-panel:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 24px);position:absolute;inset:0}.hud-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex;position:relative}.hud-points{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;font-family:var(--font-heading);letter-spacing:.01em;color:var(--text);text-shadow:0 0 18px #38a3ff80;font-variant-numeric:tabular-nums}.hud-tier{align-items:center;gap:var(--space-1);font-size:var(--type-xs);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--accent);color:var(--accent-hover);background:#38a3ff29;border-radius:999px;padding:3px 12px;font-weight:700;display:inline-flex}.hud-progress-track{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;flex:160px;min-width:120px;height:10px;overflow:hidden}.hud-progress-fill{background:linear-gradient(90deg, var(--accent-deep), var(--violet));border-radius:999px;height:100%;box-shadow:0 0 12px #38a3ff99}@media (prefers-reduced-motion:no-preference){.hud-progress-fill{transition:width .6s cubic-bezier(.16,1,.3,1)}.hud-points{transition:color .3s}}.game-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);position:relative}@media (prefers-reduced-motion:no-preference){.game-card{transition:transform .15s,box-shadow .15s,border-color .15s}.game-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.game-btn{border-radius:var(--radius-sm);font-weight:700;font-size:var(--type-sm);letter-spacing:.02em;cursor:pointer;color:var(--accent-contrast);background:linear-gradient(180deg, var(--accent-hover), var(--accent-deep));box-shadow:0 3px 0 var(--accent-deep), var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;display:inline-flex}.game-btn:active{box-shadow:0 1px 0 var(--accent-deep);transform:translateY(2px)}.game-btn--choice{background:linear-gradient(180deg, var(--surface-hover), var(--surface));color:var(--text);border:1px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong)}.game-btn--choice:hover{border-color:var(--accent)}@media (prefers-reduced-motion:no-preference){.game-btn{transition:transform .1s,box-shadow .1s}}.game-stars{color:var(--warning);letter-spacing:2px;font-size:var(--type-sm)}