@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-deepest:#0a0a0f;--bg-panel:#0d0d1a;--bg-hover:#1a1030;--bg-hover-strong:#2a1850;--bg-button:#100a18;--border-main:#3a2050;--border-subtle:#2a1050;--border-disabled:#1a1030;--border-focus:#6a40a0;--text-primary:#c8a0d4;--text-highlight:#d4a0e4;--text-secondary:#a080c0;--text-tertiary:#8a60a0;--text-muted:#6a507a;--text-dim:#5a406a;--text-faint:#4a3060;--text-disabled:#3a3050;--text-time:#4a306a;--accent-transcend:#80ff80;--accent-transcend-hover:#a0ffa0;--accent-transcend-bg:#0d001a;--accent-transcend-bg-hover:#001a0d;--accent-transcend-border:#1a4030;--accent-transcend-border-hover:#2a6040;--accent-unveil:#ffc060;--accent-unveil-hover:#ffd080;--accent-unveil-bg:#1a0d00;--accent-unveil-bg-hover:#1a1000;--accent-unveil-border:#403020;--accent-unveil-border-hover:#604020;--accent-danger:#ff6080;--accent-danger-hover:#ff80a0;--accent-danger-bg:#1a0a10;--accent-danger-bg-hover:#2a1020;--accent-danger-border:#402030;--accent-danger-border-hover:#604050}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deepest);color:var(--text-primary);width:100vw;height:100vh;font-family:"Press Start 2P",monospace;font-size:14px;line-height:2;overflow:hidden}#game-container{gap:16px;width:100vw;height:100vh;padding:16px;display:flex}#idol-column{flex-direction:column;flex:2;gap:8px;min-width:0;display:flex}#record-card{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#game-area{border:2px solid var(--border-main);aspect-ratio:1;background:var(--bg-deepest);flex-shrink:0;width:100%;max-height:70vh;line-height:0;box-shadow:0 0 20px #64145066}#game-canvas{image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;width:100%;height:100%;display:block}.stat{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-muted);font-size:11px}.stat-value{color:var(--text-highlight);text-shadow:0 0 6px #b43cb480;font-size:13px}.stat-value--sub,.stat-gain{color:var(--text-muted);text-shadow:none;font-size:10px}.stat-values{flex-direction:column;align-items:flex-end;line-height:1.6;display:flex}.transcend-btn{background:var(--accent-transcend-bg);width:100%;color:var(--accent-transcend);border:1px solid var(--accent-transcend-border);cursor:pointer;text-shadow:0 0 6px #64ff6466;padding:6px 8px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.4;animation:3s ease-in-out infinite transcend-pulse;box-shadow:0 0 10px #64ff641a}.transcend-btn:hover{background:var(--accent-transcend-bg-hover);color:var(--accent-transcend-hover);border-color:var(--accent-transcend-border-hover);text-shadow:0 0 10px #96ff9699;box-shadow:0 0 20px #64ff6433}@keyframes transcend-pulse{0%,to{text-shadow:0 0 6px #64ff6466}50%{text-shadow:0 0 12px #64ff64b3}}.unveil-btn{background:var(--accent-unveil-bg);width:100%;color:var(--accent-unveil);border:1px solid var(--accent-unveil-border);cursor:pointer;text-shadow:0 0 6px #c88c3266;padding:6px 8px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.4;animation:4s ease-in-out infinite unveil-pulse;box-shadow:0 0 10px #c88c321a}.unveil-btn:hover{background:var(--accent-unveil-bg-hover);color:var(--accent-unveil-hover);border-color:var(--accent-unveil-border-hover);text-shadow:0 0 10px #dca03c99;box-shadow:0 0 20px #c88c3233}@keyframes unveil-pulse{0%,to{text-shadow:0 0 6px #c88c3266}50%{text-shadow:0 0 12px #c88c32b3}}.panel-card{--pad-x:10px;border:2px solid var(--border-main);background:var(--bg-panel);width:100%;padding:10px}#rites-column{flex-direction:column;flex:4;gap:8px;min-width:0;display:flex}#essence-card{flex-shrink:0;padding:8px 10px}#stats-column{flex-direction:column;flex:4;gap:8px;min-width:0;display:flex}#store-panel{flex-direction:column;flex:3;min-height:0;display:flex;overflow:hidden}#upgrade-panel{flex-direction:column;flex:2;min-height:0;display:flex;overflow:hidden}#store-list,#upgrade-list{flex:1;min-height:0}.panel-title{color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);margin:0 -10px 6px;padding:0 10px 6px;font-size:12px}.panel-title--no-border{border-bottom:none;margin-bottom:2px;padding-bottom:0}.panel-desc{color:var(--text-faint);border-bottom:1px solid var(--border-subtle);margin:0 -10px 4px;padding:0 10px 6px;font-size:8px;line-height:1.4}.store-item,.upgrade-item{border-bottom:1px solid var(--bg-hover);justify-content:space-between;align-items:center;gap:12px;padding:5px 0;line-height:1.4;display:flex}.store-item:last-child,.upgrade-item:last-child{border-bottom:none}.item-left{flex:1;min-width:0;overflow:hidden}.item-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-main);cursor:pointer;white-space:nowrap;padding:5px 8px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.4}.btn:hover{background:var(--bg-hover-strong);border-color:var(--border-focus)}.btn:disabled{background:var(--bg-panel);color:var(--text-disabled);border-color:var(--border-disabled);cursor:not-allowed}.store-name{color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;line-height:1.4;display:flex}.store-type-icon{flex-shrink:0;width:14px;height:14px}.store-count{color:var(--text-muted);margin-left:4px;font-size:9px;line-height:1.4}.store-stats{color:var(--text-muted);margin-top:4px;font-size:9px;line-height:1.4}.store-desc{color:var(--text-dim);margin-top:4px;font-size:8px;line-height:1.4}.store-cost{color:var(--text-tertiary);font-size:9px}.upgrade-name{color:var(--text-secondary);margin-bottom:2px;font-size:10px}.upgrade-desc{color:var(--text-muted);font-size:8px;line-height:1.6}.hidden{display:none}#madness-list,#insight-list{max-height:180px}.prestige-title{color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);margin:0 -10px 4px;padding:0 10px 6px;font-size:11px}.prestige-item{border-bottom:1px solid var(--bg-hover);justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.prestige-item:last-child{border-bottom:none}.prestige-btn{background:var(--bg-panel);padding:4px 6px;font-size:8px}#log-entries{flex:1;min-height:0;overflow-x:hidden}.log-entry{border-bottom:1px solid var(--bg-panel);padding:4px 0}.log-entry:last-child{border-bottom:none}.log-time{color:var(--text-time);margin-bottom:1px;font-size:8px}.log-msg{color:var(--text-dim);font-size:9px;line-height:1.7}.log-entry.unlocked .log-msg{color:var(--text-secondary);text-shadow:0 0 4px #9632964d}.lore-name{color:var(--text-highlight);text-shadow:0 0 5px #b450c866}.scrollable{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-main) var(--bg-panel);padding-right:6px;overflow-y:auto}.scrollable::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-track{background:var(--bg-panel);border-left:1px solid var(--border-subtle)}.scrollable::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:0}#icon-bar{justify-content:center;gap:6px;display:flex}.icon-btn{background:var(--bg-panel);border:1px solid var(--border-subtle);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;padding:0;line-height:0;display:flex}.icon-btn:hover{background:var(--bg-hover);border-color:var(--border-focus)}.icon-btn img{image-rendering:pixelated;image-rendering:crisp-edges;opacity:.65;transition:opacity .15s}.icon-btn:hover img{opacity:1}.debug-modal-section{flex-direction:column;gap:12px;display:flex}.debug-modal-row{gap:8px;display:flex}.debug-modal-btn{background:var(--bg-button);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;flex:1;padding:6px 8px;font-family:"Press Start 2P",monospace;font-size:9px}.debug-modal-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-focus)}.debug-modal-reset{background:var(--accent-danger-bg);color:var(--accent-danger);border:1px solid var(--accent-danger-border);cursor:pointer;width:100%;padding:8px;font-family:"Press Start 2P",monospace;font-size:9px}.debug-modal-reset:hover{background:var(--accent-danger-bg-hover);color:var(--accent-danger-hover);border-color:var(--accent-danger-border-hover)}.achievements-btn{background:var(--bg-panel);width:100%;color:var(--text-secondary);border:1px solid var(--border-main);cursor:pointer;margin-top:4px;padding:6px 8px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.4}.achievements-btn:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--text-highlight)}.modal-overlay{z-index:100;background:#05050fe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal{background:var(--bg-panel);border:2px solid var(--border-main);flex-direction:column;width:700px;max-width:90vw;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 0 40px #64145080}.modal-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-title{color:var(--text-secondary);font-size:12px}.modal-close{border:1px solid var(--border-main);color:var(--text-muted);cursor:pointer;background:0 0;padding:4px 8px;font-family:"Press Start 2P",monospace;font-size:12px;line-height:1}.modal-close:hover{color:var(--text-primary);border-color:var(--border-focus);background:var(--bg-hover)}.modal-content{--pad-x:16px;flex:1;min-height:0;padding:12px 16px;overflow-y:auto}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--bg-panel)}.modal-content::-webkit-scrollbar-thumb{background:var(--border-main)}.modal-section-title{color:var(--text-secondary);text-shadow:0 0 6px #b43cb44d;border-bottom:1px solid var(--border-subtle);margin:0 -16px 12px;padding:0 16px 6px;font-size:12px}.offline-lore{color:var(--text-muted);margin-bottom:16px;font-size:9px;line-height:1.9}.offline-summary{gap:16px;margin-bottom:16px;display:flex}.offline-summary-item{background:var(--bg-hover);border:1px solid var(--border-subtle);flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex}.offline-label{color:var(--text-muted);text-transform:uppercase;font-size:8px}.offline-value{color:var(--text-highlight);text-shadow:0 0 6px #b43cb466;font-size:11px}.offline-capped{color:var(--text-muted);font-size:8px}.offline-tier-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:9px}.offline-tier-table th{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-subtle);text-transform:uppercase;padding:4px 8px;font-size:8px}.offline-tier-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:7px 8px}.offline-tier-table tbody tr:last-child td{border-bottom:none}.offline-return-btn{width:100%;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-main);cursor:pointer;text-align:center;margin-top:4px;padding:12px;font-family:"Press Start 2P",monospace;font-size:10px;display:block}.offline-return-btn:hover{background:var(--bg-hover-strong);border-color:var(--border-focus);color:var(--text-highlight)}.settings-group{flex-direction:column;gap:12px;display:flex}.settings-reset-row{gap:8px;display:flex}.settings-reset-row .debug-modal-reset{flex:1;min-width:0;padding-left:4px;padding-right:4px}.divider{border-top:1px solid var(--border-subtle);margin:16px 0}.divider--flush{margin-left:calc(-1 * var(--pad-x,10px));margin-right:calc(-1 * var(--pad-x,10px))}.toggle{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:10px;display:flex}.toggle input{display:none}.toggle-switch{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:9px;flex-shrink:0;width:36px;height:18px;transition:background .2s,border-color .2s;position:relative}.toggle-switch:after{content:"";background:var(--text-disabled);border-radius:50%;width:12px;height:12px;transition:left .2s,background .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-switch{background:var(--border-focus);border-color:var(--border-focus)}.toggle input:checked+.toggle-switch:after{background:var(--text-highlight);left:20px}.sanity-section{border-bottom:1px solid var(--border-subtle);margin-bottom:12px;padding-bottom:12px}.sanity-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.sanity-label{color:var(--text-muted);text-transform:uppercase;font-size:10px}.sanity-tier{color:var(--text-highlight);text-shadow:0 0 6px #b43cb466;font-size:12px}.sanity-bonus{color:var(--text-tertiary);font-size:10px}.sanity-bar-outer{background:var(--bg-deepest);border:1px solid var(--border-subtle);width:100%;height:10px;margin-bottom:4px}.sanity-bar-inner{background:var(--border-focus);height:100%;transition:width .5s}.sanity-desc{color:var(--text-faint);margin-bottom:4px;font-size:8px;font-style:italic}.sanity-count{color:var(--text-muted);margin-top:4px;font-size:9px}.ach-category{margin-bottom:16px}.ach-cat-title{color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);margin-bottom:6px;padding-bottom:4px;font-size:10px}.ach-item{border-bottom:1px solid var(--bg-panel);align-items:flex-start;gap:10px;padding:4px 0;display:flex}.ach-item:last-child{border-bottom:none}.ach-icon{text-align:center;flex-shrink:0;width:20px;font-size:10px;line-height:1.6}.ach-icon.unlocked{color:var(--accent-transcend);text-shadow:0 0 4px #64ff6466}.ach-icon.locked{color:var(--text-disabled)}.ach-info{flex:1;min-width:0}.ach-name{font-size:10px;line-height:1.4}.ach-name.unlocked{color:var(--text-secondary)}.ach-name.locked{color:var(--text-faint)}.ach-desc{color:var(--text-muted);margin-top:2px;font-size:8px;line-height:1.4}.ach-desc.locked{color:var(--text-disabled)}.ach-lore{color:var(--text-dim);margin-top:4px;font-size:8px;font-style:italic;line-height:1.6}.stats-section{flex-direction:column;gap:16px;display:flex}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stats-group{flex-direction:column;gap:4px;display:flex}.stats-group-title{color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);margin-bottom:4px;padding-bottom:4px;font-size:10px}.stats-row{justify-content:space-between;align-items:baseline;font-size:9px;line-height:1.8;display:flex}.stats-row--total{border-top:1px solid var(--border-subtle);margin-top:4px;padding-top:4px}.stats-row--total .stats-key,.stats-row--total .stats-val{color:var(--text-highlight)}.stats-key{color:var(--text-muted)}.stats-val{color:var(--text-secondary);text-align:right;font-size:9px}.stats-misc{border-top:1px solid var(--border-subtle);flex-direction:column;gap:4px;padding-top:8px;display:flex}.tooltip{background:var(--bg-panel);color:var(--text-muted);border:1px solid var(--border-subtle);white-space:nowrap;pointer-events:none;z-index:300;padding:6px 10px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.6;position:fixed}