#game-container{min-height:100dvh;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.screen{display:none;flex-direction:column;min-height:100dvh;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:25dvh;min-height:120px;font-size:2rem;margin-bottom:1rem}.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:400px}.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:400px}.result-buttons a{text-decoration:none}.result-buttons-row{display:flex;gap:1rem}.result-buttons-row a{flex:1}.ranking-section{width:100%;max-width:400px;margin:1rem 0}.my-rank{text-align:center;font-size:1.2rem;margin-bottom:1rem;padding:.75rem;background:var(--color-surface);border-radius:8px}.my-rank span:last-child{font-family:var(--font-mono);font-weight:700;font-size:1.5rem;color:var(--color-primary)}.ranking-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.ranking-select{flex:1;padding:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.9rem;cursor:pointer}.ranking-list{background:var(--color-surface);border-radius:8px;padding:.5rem;max-height:250px;overflow-y:auto}.ranking-loading,.ranking-empty{text-align:center;padding:1rem;color:var(--color-text-sub)}.ranking-item{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid var(--color-border)}.ranking-item:last-child{border-bottom:none}.ranking-position{width:2rem;font-family:var(--font-mono);font-weight:700;color:var(--color-text-sub)}.ranking-position.top-1{color:gold}.ranking-position.top-2{color:silver}.ranking-position.top-3{color:#cd7f32}.ranking-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-score{font-family:var(--font-mono);font-weight:600;margin-left:.5rem}.ranking-tag{font-family:var(--font-mono);font-size:.8em;color:var(--color-text-sub);margin-left:.25rem}.title-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.title-buttons a{text-decoration:none}.title-buttons-row{display:flex;gap:1rem}.title-buttons-row a{flex:1}.ranking-page{min-height:100dvh;padding:1rem;display:flex;flex-direction:column;align-items:center}.ranking-page .game-title{font-size:2.5rem;margin-top:2rem}.ranking-page-title{font-size:1.5rem;color:var(--color-text-sub);margin:.5rem 0 1.5rem}.ranking-controls{display:flex;gap:.5rem;margin-bottom:1rem;width:100%;max-width:400px}.ranking-list-full{width:100%;max-width:400px;max-height:none;flex:1}.ranking-footer{width:100%;max-width:400px;margin-top:2rem;padding-bottom:2rem}.ranking-footer a{display:block;text-align:center;text-decoration:none}.share-area{position:fixed;left:-9999px;top:0;width:400px;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;font-family:var(--font-main)}.share-area.capturing{left:0}.share-header{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--color-primary)}.share-nickname{font-size:1.4rem;font-weight:600;color:var(--color-text)}.share-rank{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:gold;background:#ffd7001a;padding:.5rem 1.5rem;border-radius:8px}.share-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.share-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff0d;padding:.75rem;border-radius:8px}.share-stat-label{font-size:.8rem;color:var(--color-text-sub)}.share-stat-value{font-family:var(--font-mono);font-size:1.8rem;font-weight:700;color:var(--color-text)}.share-footer{font-size:.9rem;color:var(--color-text-sub);margin-top:.5rem}.share-buttons{display:flex;gap:1rem;width:100%;max-width:400px}.btn-share{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;transition:background .2s,opacity .2s}.btn-share:hover{background:var(--color-primary)}.btn-share:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:1.2rem;height:1.2rem;flex-shrink:0}.history-page{min-height:100dvh;padding:1rem;display:flex;flex-direction:column;align-items:center}.history-page .game-title{font-size:2.5rem;margin-top:2rem}.history-page-title{font-size:1.5rem;color:var(--color-text-sub);margin:.5rem 0 1.5rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:400px;margin-bottom:2rem}.stat-card{background:var(--color-surface);border-radius:12px;padding:1rem;text-align:center}.stat-card.stat-best{grid-column:1 / -1;background:linear-gradient(135deg,var(--color-primary),#8b5cf6)}.stat-card-label{display:block;font-size:.85rem;color:var(--color-text-sub);margin-bottom:.5rem}.stat-best .stat-card-label{color:#fffc}.stat-card-value{font-family:var(--font-mono);font-size:2rem;font-weight:700}.stat-best .stat-card-value{font-size:3rem}.chart-section{width:100%;max-width:400px;margin-bottom:2rem}.section-title{font-size:1rem;color:var(--color-text-sub);margin-bottom:.75rem}.chart-container{background:var(--color-surface);border-radius:12px;padding:1rem}#score-chart{width:100%;height:200px}.history-section{width:100%;max-width:400px}.history-list{background:var(--color-surface);border-radius:12px;max-height:400px;overflow-y:auto}.history-empty{padding:2rem;text-align:center;color:var(--color-text-sub)}.history-item{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.history-item:last-child{border-bottom:none}.history-item.is-best{background:#6c5ce71a}.history-item-rank{width:2rem;font-family:var(--font-mono);font-weight:600;color:var(--color-text-sub)}.history-item-main{flex:1}.history-item-score{font-family:var(--font-mono);font-size:1.2rem;font-weight:700}.history-item.is-best .history-item-score{color:var(--color-primary)}.history-item-details,.history-item-date{font-size:.8rem;color:var(--color-text-sub)}.history-footer{width:100%;max-width:400px;margin-top:2rem;padding-bottom:2rem}.history-footer a{display:block;text-align:center;text-decoration:none}.best-score-display{text-align:center;margin-bottom:.5rem}.best-score-label{font-size:.9rem;color:var(--color-text-sub)}.best-score-value{font-family:var(--font-mono);font-weight:700;margin-left:.5rem}.new-record{display:inline-block;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:.25rem .75rem;border-radius:4px;font-weight:700;font-size:.9rem;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}