*,:before,:after{box-sizing:border-box}:root{--bg-primary:#0a0e1a;--bg-secondary:#131825;--bg-tertiary:#1c2235;--text-primary:#e8eaf0;--text-secondary:#7a819a;--text-muted:#4a5068;--border:#252b3d;--accent:#4a9eff;--completed:#34c759;--fail:#ff453a;--distress:#ffb340}html{-webkit-text-size-adjust:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,system-ui,sans-serif}button,input{-webkit-tap-highlight-color:transparent}.header{z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:0 1rem;padding-top:env(safe-area-inset-top);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:3.5rem;display:flex}.header-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.header-settings{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.25rem .5rem;font-size:1.4rem}.header-settings:active{background:var(--bg-tertiary)}.game-tabs{border-bottom:1px solid var(--border);background:var(--bg-primary);display:flex}.game-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.75rem .5rem;font-family:inherit;font-size:.8rem;font-weight:600}.game-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.game-tab:active{background:var(--bg-tertiary)}.dashboard{flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1rem;display:flex}.dashboard-progress{flex-direction:column;align-items:center;gap:.5rem;display:flex}.progress-ring-container{width:100px;height:100px;position:relative}.progress-ring{width:100%;height:100%}.progress-ring-bg{stroke:var(--bg-tertiary)}.progress-ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s}.progress-ring-text{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-pct{color:var(--text-primary);font-size:1.4rem;font-weight:700}.progress-label{color:var(--text-secondary);font-size:.8rem}.dashboard-stats{gap:2rem;display:flex}.stat{flex-direction:column;align-items:center;gap:.15rem;display:flex}.stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.mission-card{aspect-ratio:1;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:transform .1s;display:flex;position:relative}.mission-card.locked{background:var(--bg-tertiary);color:var(--text-muted);opacity:.35;cursor:default}.mission-card.available{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border)}.mission-card.available.next{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.mission-card.completed{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--completed)}.mission-card.completed.first-try{background:color-mix(in srgb, var(--completed) 15%, var(--bg-secondary));border-color:var(--completed)}.mission-card:not(.locked):active{transform:scale(.95)}.mission-id{font-size:inherit}.mission-attempts{color:var(--text-secondary);font-size:.55rem;font-weight:600;position:absolute;bottom:2px;right:4px}.mission-score{color:var(--accent);font-size:.55rem;font-weight:600;position:absolute;top:2px;left:4px}.mission-distress-indicator{color:var(--distress);font-size:.5rem;font-weight:700;position:absolute;top:2px;right:3px}.mission-list{padding:0 1rem 2rem}.mission-list-header{padding:.5rem 0}.mission-list-header h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.8rem;font-weight:600}.mission-grid{grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.6rem;display:grid}.sheet-backdrop{z-index:50;background:#0009;justify-content:center;align-items:flex-end;animation:.15s ease-out sheet-fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-secondary);border:1px solid var(--border);border-bottom:none;border-radius:1rem 1rem 0 0;width:100%;max-width:420px;max-height:85vh;padding:.5rem 1.25rem 1.75rem;animation:.2s ease-out sheet-up;overflow-y:auto}.sheet-handle{background:var(--text-muted);border-radius:2px;width:2.5rem;height:4px;margin:.25rem auto .75rem}.sheet-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.sheet-nav{border:1px solid var(--border);background:var(--bg-tertiary);width:2.75rem;height:2.75rem;color:var(--text-primary);cursor:pointer;border-radius:.5rem;flex:none;font-size:1.5rem;line-height:1}.sheet-nav:disabled{opacity:.35;cursor:default}.sheet-title{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.sheet-mission{color:var(--text-primary);font-size:1.1rem;font-weight:700}.sheet-status{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}.sheet-status.available{color:var(--accent)}.sheet-status.completed{color:var(--completed)}.sheet-status.locked{color:var(--text-muted)}.sheet-close{border:1px solid var(--border);background:var(--bg-tertiary);width:2.75rem;height:2.75rem;color:var(--text-primary);cursor:pointer;border-radius:.5rem;flex:none;font-size:1.1rem}.sheet-actions{gap:.75rem;margin-bottom:1rem;display:flex}.action-btn{color:#fff;cursor:pointer;border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;min-height:3.5rem;font-size:1.1rem;font-weight:700;display:flex}.action-btn.pass{background:var(--completed)}.action-btn.fail{background:var(--fail)}.action-btn:active{transform:scale(.98)}.score-row,.score-edit{margin-bottom:1rem}.score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.score-controls{gap:.5rem;display:flex}.score-input{border:1px solid var(--border);background:var(--bg-tertiary);min-width:0;min-height:3rem;color:var(--text-primary);border-radius:.5rem;flex:1;padding:0 .75rem;font-size:1.1rem;font-weight:700}.score-confirm{background:var(--completed);color:#fff;cursor:pointer;border:none;border-radius:.5rem;min-height:3rem;padding:0 1rem;font-weight:700}.score-cancel{border:1px solid var(--border);background:var(--bg-tertiary);min-height:3rem;color:var(--text-primary);cursor:pointer;border-radius:.5rem;padding:0 1rem;font-weight:600}.score-display{border:1px solid var(--border);background:var(--bg-tertiary);width:100%;min-height:3rem;color:var(--accent);cursor:pointer;border-radius:.5rem;font-size:1.1rem;font-weight:700}.sheet-details{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.detail{color:var(--text-secondary);font-size:.85rem}.detail strong{color:var(--text-primary)}.first-try-tag{color:var(--completed);font-weight:600}.next-tag{color:var(--accent);font-weight:600}.distress-toggle{border:1px solid var(--border);background:var(--bg-tertiary);width:100%;min-height:3rem;color:var(--text-secondary);cursor:pointer;border-radius:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:600}.distress-toggle.used{border-color:var(--distress);color:var(--distress)}.locked-message{color:var(--text-secondary);margin:0 0 1rem}.game-hint{color:var(--text-muted);border-top:1px solid var(--border);margin:0;padding-top:.75rem;font-size:.8rem;line-height:1.5}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}.settings{border-top:1px solid var(--border);flex-direction:column;gap:1.25rem;padding:1rem;display:flex}.settings-group{flex-direction:column;gap:.5rem;display:flex}.settings-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.settings-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:.5rem;outline:none;padding:.6rem .75rem;font-family:inherit;font-size:.95rem}.settings-input:focus{border-color:var(--accent)}.settings-buttons{gap:.5rem;display:flex}.settings-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:.5rem;flex:1;padding:.6rem .75rem;font-size:.85rem;font-weight:600}.settings-btn:active{background:var(--bg-tertiary)}.settings-btn.danger{color:var(--fail);border-color:var(--fail)}.settings-btn.danger:active{background:color-mix(in srgb, var(--fail) 15%, var(--bg-secondary))}.settings-footer{flex-direction:column;align-items:center;gap:.15rem;padding-top:.5rem;display:flex}.settings-game{color:var(--text-muted);font-size:.75rem}.settings-date{color:var(--text-muted);font-size:.65rem}.app{background:var(--bg-primary);max-width:420px;min-height:100dvh;margin:0 auto}