@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--font-display: "Space Grotesk", -apple-system, sans-serif;--font-mono: "Space Mono", monospace;--bg-primary: #090a0f;--bg-surface: #12141c;--bg-surface-elevated: #1a1e2b;--bg-surface-hover: #262c3e;--border-main: 2px solid #ffffff;--border-subtle: 1px solid rgba(255, 255, 255, .2);--border-color: #ffffff;--text-primary: #ffffff;--text-secondary: #c5cbd8;--text-muted: #798299;--accent-lime: #c6ff00;--accent-pink: #ff2a85;--accent-cyan: #00f0ff;--accent-yellow: #ffe600;--shadow-offset: 3px 3px 0px #ffffff;--shadow-offset-lime: 3px 3px 0px #c6ff00;--shadow-offset-pink: 3px 3px 0px #ff2a85;--modal-overlay: rgba(0, 0, 0, .85);--radius-sharp: 4px}[data-theme=light]{--bg-primary: #f6f6f2;--bg-surface: #ffffff;--bg-surface-elevated: #f0f0eb;--bg-surface-hover: #e4e4dc;--border-main: 2px solid #000000;--border-subtle: 1px solid rgba(0, 0, 0, .25);--border-color: #000000;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--accent-lime: #00e65b;--accent-pink: #ff0055;--accent-cyan: #0077ff;--accent-yellow: #ffbb00;--shadow-offset: 3px 3px 0px #000000;--shadow-offset-lime: 3px 3px 0px #000000;--shadow-offset-pink: 3px 3px 0px #000000;--modal-overlay: rgba(246, 246, 242, .88)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;line-height:1.4;transition:background-color .15s ease,color .15s ease;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px}[data-theme=light] body{background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 1px)}.ticker-banner{width:100%;background:var(--accent-lime);color:#000;font-family:var(--font-mono);font-size:.72rem;font-weight:700;padding:.25rem 0;overflow:hidden;white-space:nowrap;border-bottom:2px solid var(--border-color);-webkit-user-select:none;user-select:none}.ticker-content{display:inline-block;animation:marquee-roll 22s linear infinite;letter-spacing:.08em}@keyframes marquee-roll{0%{transform:translate(0)}to{transform:translate(-50%)}}.app-container{width:100%;max-width:560px;min-height:calc(100vh - 28px);display:flex;flex-direction:column;padding:1rem;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0 1rem;border-bottom:var(--border-main);margin-bottom:1rem}.logo-group{display:flex;align-items:center;gap:.6rem}.logo-icon{font-size:1.4rem;display:inline-block;animation:head-bob 2s infinite ease-in-out}@keyframes head-bob{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.1)}75%{transform:rotate(8deg) scale(1.1)}}.logo-text{font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.04em;text-transform:uppercase;color:var(--text-primary);line-height:1}.logo-badge{font-family:var(--font-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;background:var(--accent-lime);color:#000;border:1.5px solid var(--border-color);box-shadow:1.5px 1.5px 0 var(--border-color)}.header-actions{display:flex;align-items:center;gap:.35rem}.icon-btn{background:var(--bg-surface);border:1.5px solid var(--border-color);color:var(--text-primary);width:34px;height:34px;border-radius:var(--radius-sharp);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;box-shadow:2px 2px 0 var(--border-color);transition:all .08s ease;font-family:var(--font-mono)}.icon-btn:hover{background:var(--accent-lime);color:#000}.icon-btn:active{transform:translate(2px,2px);box-shadow:0 0}.mode-switcher{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.mode-btn{border:var(--border-main);background:var(--bg-surface);color:var(--text-secondary);padding:.45rem .5rem;font-size:.76rem;font-weight:700;font-family:var(--font-mono);border-radius:var(--radius-sharp);cursor:pointer;box-shadow:var(--shadow-offset);transition:all .08s ease;text-align:center;text-transform:uppercase}.mode-btn:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.mode-btn.active{background:var(--accent-lime);color:#000;box-shadow:var(--shadow-offset);font-weight:800}.mode-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-color)}.clue-steps-container{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem;margin-bottom:1rem}.clue-step-pill{height:38px;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-sharp);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .08s ease;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);box-shadow:1.5px 1.5px 0 var(--border-color)}.clue-step-pill .step-num{font-size:.68rem;font-weight:700;line-height:1}.clue-step-pill .step-status-icon{font-size:.62rem;margin-top:2px}.clue-step-pill.locked{opacity:.35;background:transparent;cursor:not-allowed;box-shadow:none}.clue-step-pill.unlocked{background:var(--bg-surface-elevated);color:var(--text-primary)}.clue-step-pill.active{background:var(--accent-pink);color:#fff;border-color:var(--border-color);box-shadow:2px 2px 0 var(--border-color);transform:translateY(-2px)}.clue-step-pill.active .step-num{font-weight:800}.clue-card-wrapper{margin-bottom:1rem}.clue-card{background:var(--bg-surface);border:var(--border-main);border-radius:var(--radius-sharp);padding:1.25rem;box-shadow:var(--shadow-offset);min-height:200px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.clue-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color)}.clue-tag-badge{font-family:var(--font-mono);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-lime)}[data-theme=light] .clue-tag-badge{color:var(--text-primary)}.clue-navigation{display:flex;align-items:center;gap:.3rem}.clue-nav-btn{background:var(--bg-surface-elevated);border:1.5px solid var(--border-color);color:var(--text-primary);width:28px;height:26px;border-radius:var(--radius-sharp);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem;font-family:var(--font-mono);box-shadow:1px 1px 0 var(--border-color)}.clue-nav-btn:hover:not(:disabled){background:var(--accent-lime);color:#000}.clue-nav-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:0 0}.clue-nav-btn:disabled{opacity:.25;cursor:not-allowed;box-shadow:none}.clue-card-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.4rem 0}.origin-clue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;width:100%;text-align:left}.origin-item{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sharp);padding:.65rem}.origin-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;margin-bottom:.2rem}.origin-value{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary)}.quote-bubble{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);background:var(--bg-surface-elevated);border:1.5px solid var(--border-color);border-radius:var(--radius-sharp);padding:1rem 1.25rem;width:100%;line-height:1.45;text-align:left;position:relative}.quote-bubble:before{content:"“";font-size:1.8rem;color:var(--accent-lime);margin-right:.25rem;line-height:1}.quote-bubble:after{content:"”";font-size:1.8rem;color:var(--accent-lime);margin-left:.25rem;line-height:1}.emoji-rebus{font-size:2.2rem;letter-spacing:.35rem;background:var(--bg-surface-elevated);border:1.5px solid var(--border-color);padding:.9rem 1.2rem;border-radius:var(--radius-sharp);width:100%}.lore-content{font-family:var(--font-mono);font-size:.88rem;color:var(--text-secondary);line-height:1.5;text-align:left;background:var(--bg-surface-elevated);padding:.85rem 1rem;border:1.5px solid var(--border-color);border-radius:var(--radius-sharp);width:100%}.visual-clue-box{background:var(--bg-surface-elevated);border:1.5px dashed var(--border-color);border-radius:var(--radius-sharp);padding:.85rem 1rem;width:100%;text-align:left}.visual-clue-title{font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--accent-yellow);margin-bottom:.35rem;display:flex;align-items:center;gap:.35rem}.visual-clue-desc{font-family:var(--font-display);font-size:.92rem;color:var(--text-primary);line-height:1.45}.giveaway-box{background:var(--accent-pink);color:#fff;border:1.5px solid var(--border-color);padding:1rem 1.2rem;border-radius:var(--radius-sharp);width:100%;font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1.4;text-align:left;box-shadow:2px 2px 0 var(--border-color)}.clue-footer-hint{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);margin-top:.65rem;text-align:center}.guess-section{position:relative;margin-bottom:1rem}.input-row{display:flex;gap:.45rem}.autocomplete-container{position:relative;flex:1}.guess-input{width:100%;height:44px;background:var(--bg-surface);border:var(--border-main);border-radius:var(--radius-sharp);padding:0 .85rem;font-family:var(--font-mono);font-size:.88rem;font-weight:600;color:var(--text-primary);outline:none;box-shadow:var(--shadow-offset);transition:all .08s ease}.guess-input:focus{background:var(--bg-surface-elevated);box-shadow:var(--shadow-offset-lime)}.guess-input::placeholder{color:var(--text-muted);font-size:.8rem}.skip-btn{height:44px;padding:0 .85rem;background:var(--bg-surface);border:var(--border-main);border-radius:var(--radius-sharp);color:var(--text-primary);font-family:var(--font-mono);font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-offset);transition:all .08s ease;white-space:nowrap;text-transform:uppercase}.skip-btn:hover{background:var(--bg-surface-hover)}.skip-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-color)}.guess-btn{height:44px;padding:0 1.1rem;background:var(--accent-lime);border:var(--border-main);border-radius:var(--radius-sharp);color:#000;font-family:var(--font-mono);font-size:.85rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-offset);transition:all .08s ease;white-space:nowrap;text-transform:uppercase}.guess-btn:hover{background:#b5ee00}.guess-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-color)}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-surface-elevated);border:var(--border-main);border-radius:var(--radius-sharp);box-shadow:var(--shadow-offset);max-height:230px;overflow-y:auto;z-index:100;display:none;padding:.25rem}.autocomplete-dropdown.open{display:block}.autocomplete-item{padding:.55rem .75rem;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:var(--font-mono);border-bottom:1px dashed rgba(255,255,255,.1)}[data-theme=light] .autocomplete-item{border-bottom:1px dashed rgba(0,0,0,.1)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.selected{background:var(--accent-lime);color:#000}.autocomplete-item:hover .autocomplete-meta,.autocomplete-item.selected .autocomplete-meta{color:#000;border-color:#000}.autocomplete-title{font-size:.82rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-meta{font-size:.68rem;color:var(--text-muted);white-space:nowrap;padding:.1rem .35rem;border:1px solid var(--border-color);border-radius:2px}.no-match-item{padding:.65rem;font-size:.78rem;color:var(--text-muted);text-align:center;font-family:var(--font-mono)}.error-toast{background:var(--accent-pink);color:#fff;padding:.45rem .75rem;border:1.5px solid var(--border-color);border-radius:var(--radius-sharp);font-size:.76rem;font-weight:700;margin-top:.4rem;display:none;box-shadow:2px 2px 0 var(--border-color)}.guess-history{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.guess-row{height:40px;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-sharp);display:flex;align-items:center;justify-content:space-between;padding:0 .85rem;font-family:var(--font-mono);font-size:.82rem;font-weight:700;box-shadow:2px 2px 0 var(--border-color)}.guess-row.empty{background:transparent;border:1.5px dashed var(--border-color);opacity:.35;box-shadow:none;font-size:.75rem}.guess-row.wrong{background:#ff2a8526;border-color:var(--accent-pink);color:var(--accent-pink)}.guess-row.correct{background:#c6ff0026;border-color:var(--accent-lime);color:var(--accent-lime)}[data-theme=light] .guess-row.correct{color:#083}.guess-row.skipped{background:var(--bg-surface-elevated);color:var(--text-muted);font-style:italic}.guess-status-tag{font-size:.72rem;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal-card{background:var(--bg-surface);border:var(--border-main);border-radius:var(--radius-sharp);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:1.5rem;box-shadow:6px 6px 0 var(--border-color);position:relative;font-family:var(--font-mono)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:var(--border-main)}.modal-title{font-family:var(--font-display);font-size:1.3rem;font-weight:800;text-transform:uppercase}.close-modal-btn{background:var(--bg-surface-elevated);border:1.5px solid var(--border-color);color:var(--text-primary);width:30px;height:30px;border-radius:var(--radius-sharp);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;font-weight:800;font-family:var(--font-mono);box-shadow:2px 2px 0 var(--border-color)}.close-modal-btn:hover{background:var(--accent-pink);color:#fff}.close-modal-btn:active{transform:translate(2px,2px);box-shadow:0 0}.reveal-badge{display:inline-block;padding:.3rem .75rem;border:1.5px solid var(--border-color);font-size:.78rem;font-weight:800;text-transform:uppercase;margin-bottom:.75rem;box-shadow:2px 2px 0 var(--border-color)}.reveal-badge.win{background:var(--accent-lime);color:#000}.reveal-badge.loss{background:var(--accent-pink);color:#fff}.reveal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:1.25;margin-bottom:.5rem}.reveal-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1rem}.meta-chip{font-size:.72rem;font-weight:700;padding:.15rem .5rem;border:1px solid var(--border-color);background:var(--bg-surface-elevated)}.reveal-section{background:var(--bg-surface-elevated);border:1.5px solid var(--border-color);padding:.85rem;margin-bottom:.75rem;text-align:left}.section-subhead{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.section-body{font-size:.85rem;color:var(--text-primary);line-height:1.45}.stats-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:1.25rem;text-align:center}.stat-box{background:var(--bg-surface-elevated);border:1.5px solid var(--border-color);padding:.65rem .2rem;box-shadow:2px 2px 0 var(--border-color)}.stat-number{font-family:var(--font-display);font-size:1.35rem;font-weight:800}.stat-label{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.guess-dist-container{margin-bottom:1.25rem}.dist-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.3rem;font-size:.78rem}.dist-bar-wrapper{flex:1;background:var(--bg-surface-elevated);border:1px solid var(--border-color);height:22px;overflow:hidden;display:flex}.dist-bar{background:var(--accent-lime);color:#000;height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.4rem;font-weight:800;font-size:.72rem;min-width:22px}.modal-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.share-btn{width:100%;height:44px;background:var(--accent-lime);color:#000;border:var(--border-main);border-radius:var(--radius-sharp);font-family:var(--font-mono);font-size:.88rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;box-shadow:var(--shadow-offset);text-transform:uppercase;transition:all .08s ease}.share-btn:hover{background:#b5ee00}.share-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-color)}.secondary-action-btn{width:100%;height:42px;background:var(--bg-surface-elevated);color:var(--text-primary);border:var(--border-main);border-radius:var(--radius-sharp);font-family:var(--font-mono);font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-offset);text-transform:uppercase;transition:all .08s ease}.secondary-action-btn:hover{background:var(--accent-pink);color:#fff}.secondary-action-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-color)}.tutorial-step{display:flex;gap:.75rem;margin-bottom:.85rem;text-align:left;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:.65rem}[data-theme=light] .tutorial-step{border-bottom:1px dashed rgba(0,0,0,.1)}.tutorial-step-icon{width:26px;height:26px;background:var(--accent-lime);color:#000;border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;flex-shrink:0}.tutorial-step-body h4{font-family:var(--font-display);font-size:.88rem;font-weight:700;margin-bottom:.15rem}.tutorial-step-body p{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.toast-notice{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(20px);background:var(--accent-lime);color:#000;border:2px solid var(--border-color);padding:.5rem 1.25rem;border-radius:var(--radius-sharp);font-family:var(--font-mono);font-size:.82rem;font-weight:800;box-shadow:4px 4px 0 var(--border-color);opacity:0;pointer-events:none;transition:all .18s ease;z-index:2000;text-transform:uppercase}.toast-notice.show{opacity:1;transform:translate(-50%) translateY(0)}