#game-container{min-height:100vh;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.screen{display:none;flex-direction:column;min-height:100vh;padding:1rem}.screen.active{display:flex}#screen-title{justify-content:center;align-items:center;gap:2rem;text-align:center;position:relative}.back-link{position:absolute;top:1rem;left:1rem;color:var(--color-text-sub);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--color-text)}.game-title{font-size:4rem;font-family:var(--font-mono);font-weight:700}.game-description{color:var(--color-text-sub);font-size:1.1rem}#screen-game{justify-content:space-between;transition:background .3s ease}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.phase-indicator{padding:.5rem 1rem;background:var(--color-surface);border-radius:8px;font-size:.9rem}.phase-indicator.main-phase{background:var(--color-danger)}.score-display,.perfect-display{font-size:1.2rem;font-weight:600}.timer-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.game-hint{color:var(--color-text-sub);font-size:1rem;text-align:center;opacity:1;transition:opacity .5s ease}.game-hint.hidden{opacity:0}.timer{font-family:var(--font-mono);font-size:5rem;font-weight:700;letter-spacing:.05em}.tap-area{height:30vh;min-height:150px;font-size:2rem;margin-bottom:2rem}.result-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;padding:1rem 2rem;border-radius:12px;animation:flash .5s ease-out forwards;z-index:100}.result-flash.success{background:var(--color-secondary);color:#fff}.result-flash.perfect{background:var(--color-warning);color:#333}.result-flash.failed{background:var(--color-danger);color:#fff}@keyframes flash{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes perfectFlash{0%{opacity:1}to{opacity:0}}.perfect-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;pointer-events:none;animation:perfectFlash .3s ease-out forwards;z-index:50}#screen-result{justify-content:center;align-items:center;gap:2rem;text-align:center}#result-title{font-size:2.5rem}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;width:100%;max-width:300px}.stat{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:var(--color-text-sub);font-size:.9rem}.stat-value{font-family:var(--font-mono);font-size:2.5rem;font-weight:700}.result-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}