.legend-name-col{flex-direction:row;align-items:center;gap:8px;display:inline-flex}.live-badge{font-family:var(--font-mono);white-space:nowrap;background:var(--bg-hover);color:var(--text);border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.live-badge--up{background:var(--positive-soft);color:var(--positive);border-color:#22c55e4d}.live-badge--down{background:var(--negative-soft);color:var(--negative);border-color:#ef44444d}.live-badge--neutral{background:var(--bg-hover);color:var(--text-light);border-color:var(--border)}.live-badge-skeleton{background:linear-gradient(90deg, var(--bg-panel-alt) 25%, var(--bg-hover) 50%, var(--bg-panel-alt) 75%);background-size:200% 100%;border-radius:4px;width:90px;height:22px;animation:1.4s infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.live-dot{background:var(--positive);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:4px;animation:2s infinite live-pulse;display:inline-block}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (width<=600px){.live-badge{gap:4px;padding:2px 6px;font-size:10px}.live-badge-skeleton{width:70px;height:18px}}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);z-index:50;flex-shrink:0;width:340px;transition:transform .28s;position:fixed;left:0;overflow-y:auto}.sidebar.closed{transform:translate(-100%)}.sb-body{flex-direction:column;gap:18px;padding:18px 16px;display:flex}.sb-section{flex-direction:column;gap:10px;display:flex}.sb-section:last-child{margin-bottom:0}.sb-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.sb-section-title .material-symbols-rounded{font-size:16px}.sb-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.sb-divider{background:var(--border);height:1px;margin:2px -16px}.cs-wrap{width:100%;position:relative}.cs-wrap.sb-select-mt{margin-top:0}.cs-trigger{background:var(--bg-panel-alt);width:100%;height:38px;color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;text-align:left;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.cs-trigger:hover{border-color:var(--border-strong)}.cs-wrap.open .cs-trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.cs-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cs-trigger .ticker{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;margin-left:4px;font-size:11px}.cs-arrow{color:var(--text-muted);flex-shrink:0;line-height:1;transition:transform .2s,color .2s;font-size:18px!important}.cs-wrap.open .cs-arrow{color:var(--accent);transform:rotate(180deg)}.cs-list{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-md);z-index:100;max-height:240px;box-shadow:var(--shadow-lg);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.cs-option{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex;overflow:hidden}.cs-option:hover{background:var(--bg-hover)}.cs-option.selected{background:var(--accent-glow);color:var(--accent)}.cs-option .ticker{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.cs-option.selected .ticker{color:var(--accent)}.sb-pills-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.toggle-pill{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-panel-alt);height:34px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:5px;margin-bottom:0;padding:0 10px;font-size:12px;font-weight:500;transition:all .16s;display:inline-flex}.toggle-pill input{display:none}.toggle-pill:hover{border-color:var(--border-strong);color:var(--text-light)}.toggle-pill:has(input:checked){background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.toggle-pill .material-symbols-rounded{font-size:14px}.toggle-pill.disabled{opacity:.4;pointer-events:none}#calcSection{flex-direction:column;gap:10px;display:flex}.inv-input-row{grid-template-columns:2fr 1fr;gap:8px;margin-bottom:0;display:grid}.inv-input-group{flex-direction:column;display:flex}.inv-input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:9.5px;font-weight:600;display:block}.calc-cell--input{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;height:38px;padding:0 10px;transition:border-color .18s,box-shadow .18s;display:flex}.calc-cell--input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.calc-input{width:100%;color:var(--text);font-family:var(--font-mono);text-align:left;appearance:textfield;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:13px;font-weight:500}.calc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-field-prefix{color:var(--text-muted);flex-shrink:0;margin-right:4px;font-size:13px}.inv-field-suffix{color:var(--text-muted);flex-shrink:0;margin-left:4px;font-size:13px}.inv-table{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel-alt);overflow:hidden}.inv-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:38px 1fr 1fr 1fr;align-items:center;gap:0;padding:7px 8px;display:grid}.inv-row:last-child{border-bottom:none}.inv-row.head{background:var(--bg-panel);padding:6px 8px}.inv-row.head .inv-val,.inv-row.head .head-cell{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:right;background:0 0;padding:0;font-size:9.5px;font-weight:600}.inv-val{font-family:var(--font-mono);text-align:right;color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:0;min-width:0;padding:0;font-size:12px;overflow:hidden}.inv-cell--name{width:30px;height:18px;font-family:var(--font-mono);letter-spacing:.04em;text-align:center;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:700;display:inline-flex}.diff-spread-row{border-radius:var(--r-md);background:var(--bg-panel-alt);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:0;padding:9px 12px;font-size:13px;display:flex}.diff-spread-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600}.diff-spread-val{font-family:var(--font-mono);color:var(--text);font-size:13px;font-weight:600}.diff-spread-alert{background:var(--positive-soft);border-color:#22c55e59}.diff-spread-alert .diff-spread-label,.diff-spread-alert .diff-spread-val{color:var(--positive)}#commoditySection{flex-direction:column;display:flex}.cmd-table{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel-alt);overflow:hidden}.cmd-block{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:2px;padding:6px 12px;display:flex}.cmd-block:last-child{border-bottom:none}.cmd-block-name{font-family:var(--font-ui);color:var(--text);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.cmd-block-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmd-block-row{grid-template-columns:repeat(4,1fr);gap:6px;padding-left:26px;display:grid}.cmd-block-row--head{background:var(--bg-panel);font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);padding:6px 12px 6px 38px;font-size:9.5px;font-weight:600}.cmd-block-val{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cmd-icon{border-radius:4px;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.cmd-icon.oro{color:#eab308;background:#eab3082e}.cmd-icon.argento{color:#c0c5cf;background:#a8aeba33}.cmd-icon.brent{color:#ef4444;background:#ef44442e}.cmd-icon.btc{color:#f7931a;background:#f7931a2e}.cmd-note{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);text-align:right;margin-top:6px}.year-bar{display:none}.year-bar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:11px;font-weight:600}.year-bar-val{font-family:var(--font-mono);color:var(--text);text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:40px;font-size:13px;font-weight:600}.year-slider-wrap{flex:1;align-items:center;height:24px;display:flex;position:relative}.year-slider-wrap:before{content:"";background:var(--border);border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.year-slider-fill{background:var(--accent);pointer-events:none;z-index:1;border-radius:2px;min-width:4px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.year-range{appearance:none;pointer-events:none;z-index:2;background:0 0;width:100%;height:24px;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.year-range::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;background:var(--accent);cursor:grab;border:3px solid var(--bg-panel);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent), 0 4px 8px #0006;border-radius:50%}.year-range::-webkit-slider-thumb:active{cursor:grabbing}.year-range::-moz-range-thumb{pointer-events:auto;background:var(--accent);cursor:grab;border:3px solid var(--bg-panel);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent), 0 4px 8px #0006;border-radius:50%}.page-main{background:var(--bg-body);margin-left:0;transition:margin-left .28s}.page-main.sidebar-open{margin-left:340px}.tabs{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:stretch;height:52px;padding-left:0;display:flex}.sb-toggle-btn{border:none;border-right:1px solid var(--border);width:52px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;flex-shrink:0;align-self:stretch;place-items:center;margin-top:0;padding:0;transition:color .18s,background .18s;display:grid}.sb-toggle-btn:hover{color:var(--text);background:var(--bg-hover)}.sb-toggle-btn .material-symbols-rounded{font-size:22px}.tab{height:100%;color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:500;transition:color .18s,border-color .18s;display:inline-flex}.tab:hover{color:var(--text-light)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.tab .material-symbols-rounded{font-size:18px}.tab-content{flex-direction:column;padding:20px;display:flex}.mobile-cards-container+.tab-content,.mobile-cards-container~.tab-content{padding-top:12px}.chart-container{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;margin-top:10px;margin-bottom:0;padding:0;display:flex;overflow:hidden}.chart-container h3{color:var(--accent);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;min-width:0;margin:0;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.chart-container h3>span:first-child{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-width:0;display:inline-flex;overflow:hidden}.chart-container h3 .material-symbols-rounded{font-size:20px}.chart-options-wrap{flex-shrink:0;align-items:center;gap:4px;display:flex;position:relative}.chart-options-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;margin-top:0;padding:0;transition:all .16s;display:grid}.chart-options-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border)}.chart-options-btn:focus{outline:none}.chart-options-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-options-btn .material-symbols-rounded{font-size:18px}.chart-options-popup{z-index:200;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-md);min-width:140px;box-shadow:var(--shadow-lg);flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.chart-toolbar{background:var(--bg-panel-alt);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:10px 20px;display:flex}.simulation-badge{border:1px solid var(--accent);background:var(--accent-glow);width:auto;height:30px;color:var(--text);border-radius:999px;align-items:center;gap:8px;margin:0;padding:0 6px 0 12px;font-size:12px;display:inline-flex}.simulation-badge__icon{color:var(--accent);flex-shrink:0;font-size:16px!important}.simulation-badge__label{font-family:var(--font-mono);text-align:left;white-space:nowrap;flex:none;padding-top:2px;font-weight:600;overflow:visible}.simulation-badge__close{cursor:pointer;width:22px;height:22px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;margin:0;padding:0;display:grid}.simulation-badge__close:hover{color:var(--text);background:#ffffff0f}.simulation-badge__close .material-symbols-rounded{opacity:1;color:inherit;line-height:1;font-size:14px!important}.legend-custom{flex-direction:column;align-items:center;gap:6px;width:100%;margin:0;display:flex}.legend-item{color:var(--text-light);align-items:center;gap:10px;width:35%;font-size:12px;display:flex}.legend-name-col{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.legend-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin:0}.legend-dot--event{background:var(--event)}.chart-wrapper{width:100%;height:360px;padding:16px 20px 8px;position:relative}.chart-wrapper-small{height:320px;padding:12px 16px 6px;position:relative}.table-container{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:10px;padding:0;overflow:hidden}.table-container h3{color:var(--accent);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:0;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.table-container h3 .material-symbols-rounded{font-size:20px}.table-toggle{color:var(--text-muted);background:var(--bg-panel-alt);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin:0;padding:10px 20px;font-size:12px;display:flex}.table-toggle>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.table-toggle-active{color:var(--accent);font-weight:600}table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:0;font-size:13px}thead tr:first-child th:first-child,thead tr:first-child th:last-child{border-radius:0}th{background:var(--bg-panel-alt);color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;font-size:11px;font-weight:600;overflow:hidden}th:first-child{width:90px;color:var(--text-muted);padding-left:20px}td:first-child{color:var(--text);font-weight:600;font-family:var(--font-mono);padding-left:20px}td{border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:12px 16px;overflow:hidden}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-hover)}.table-container table+table{border-top:1px solid var(--border-subtle);margin-top:16px}.scale-toggle{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;padding:0 8px;font-size:12px;display:flex}.toggle-switch{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.toggle-switch input{display:none}.toggle-slider{background:var(--border);cursor:pointer;border-radius:20px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translate(16px)}.col-help{display:inline-block;position:relative}:is(.inv-table:has(.col-help.open),.cmd-table:has(.col-help.open),.table-container:has(.col-help.open),.mobile-card:has(.col-help.open)){overflow:visible}.col-help-trigger{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:help;text-underline-offset:3px;background:0 0;border:none;margin:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.col-help-trigger:hover{color:var(--text-light)}.col-help.open .col-help-trigger{color:var(--accent)}.col-help-tip{z-index:9999;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-md);width:max-content;max-width:min(240px,100vw - 16px);box-shadow:var(--shadow-md);font-family:var(--font-ui);color:var(--text);text-transform:none;letter-spacing:0;white-space:normal;text-align:left;pointer-events:none;padding:8px 10px;font-size:11px;font-weight:400;line-height:1.4;animation:.14s ease-out col-help-pop;position:fixed}@keyframes col-help-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.event-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-strong)!important;border-radius:var(--r-md)!important;color:var(--text)!important;pointer-events:auto!important;max-width:300px!important;padding:12px!important;font-size:13px!important}.event-tooltip a{color:var(--link);text-decoration:underline}#eventTooltip{z-index:9999;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);pointer-events:auto;max-width:380px;box-shadow:var(--shadow-lg);padding:12px 16px;font-size:13px;display:none;position:fixed}.tooltip-header{margin-bottom:6px}.tooltip-title{color:var(--event);font-size:14px}.tooltip-desc{margin-bottom:8px;line-height:1.5}.tooltip-link{color:var(--link);font-size:12px;text-decoration:underline}.tooltip-event{margin:4px 0}.tooltip-event-label{color:var(--event);margin-bottom:3px;font-size:13px;display:block}.tooltip-divider{border:none;border-top:1px solid #ffffff26;margin:8px 0}.mobile-cards-container{flex-direction:column;gap:10px;padding:12px 12px 0;display:flex}.mobile-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);margin:0;overflow:hidden}.mobile-card.has-open-dropdown{overflow:visible}.mobile-card:has(.cs-wrap.open){overflow:visible}.mobile-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.mobile-card-header .material-symbols-rounded{color:var(--text-muted);font-size:22px;transition:transform .2s,color .2s}.mobile-card-body{border-top:1px solid #0000;flex-direction:column;max-height:0;padding:0 14px;transition:max-height .3s;display:flex;overflow:hidden}.mobile-card-body.open{border-top-color:var(--border-subtle);max-height:1200px;padding:14px 14px 16px;overflow:visible}.year-bar-inline{border-top:1px solid var(--border-subtle);align-items:center;gap:14px;padding:14px 20px 18px;display:flex}.year-bar-inline .year-bar-val{font-family:var(--font-mono);font-size:13px;font-weight:600}.year-bar-inline .year-slider-wrap{flex:1}@media (width<=768px){.cs-list{max-height:55vh}.tabs{display:none}.tab-content{padding:16px 12px}.mobile-cards-container+.tab-content,.mobile-cards-container~.tab-content{padding-top:16px}.mobile-cards-container{padding-bottom:6px}.chart-container{margin-bottom:0;padding:0}.chart-container h3{padding:12px 16px;font-size:14px}.chart-container h3>span:first-child{margin-left:0}.chart-toolbar{gap:10px;padding:10px 12px}.simulation-badge{width:auto}.chart-wrapper{height:280px;padding:12px 16px 6px}.chart-wrapper-small{height:220px;padding:10px 12px 6px}.cs-wrap{padding-top:10px}.table-container{margin-top:10px;padding:0}.table-container h3{padding:12px 16px;font-size:14px}th,td{padding:8px 10px;font-size:12px}th:first-child,td:first-child{padding-left:12px}th:first-child{width:65px}#eventTooltip{width:96vw;transform:translateY(-50%);max-width:96vw!important;top:50%!important;left:2%!important}.legend-custom{gap:10px;font-size:11px}.year-bar-inline{gap:10px;padding:12px 16px 14px}.legend-item{width:85%}.chart-container{margin-top:4px}}:root{--bg-start:#667eea;--bg-end:#764ba2;--btn:#ff6b6b;--btn-hover:#ff5252;--danger:#ff6b6b}body{background:linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);flex-direction:column;min-height:100vh;font-family:Inter,Arial,sans-serif;display:flex}header{padding:10px 40px}header h1{font-size:1em}.game-area{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.container{text-align:center}.game-area h1{color:#fff;text-shadow:2px 2px 4px #0000004d;margin-bottom:20px;font-size:2.5em}.game-info{z-index:1;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:0 0 12px 12px;width:400px;margin:-16px auto 20px;padding:28px 30px 15px;position:relative}.score{margin-bottom:4px;font-size:1.3em}.highscore{opacity:.75;margin-bottom:10px;font-size:.95em}.game-area canvas{z-index:2;background:#1a1a2e;border:1px solid #fff;border-radius:14px;margin:0 auto;display:block;position:relative;box-shadow:0 10px 30px #0000004d}.instructions{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;margin-top:20px;padding:15px 30px}.instructions p{margin:5px 0;font-size:.95em}button{background:var(--btn);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:12px 30px;font-size:1.1em;transition:background .3s}.game-over{margin-top:10px;font-size:1.5em;font-weight:700}.desktop-only{display:block}.mobile-only{display:none}@media (width<=768px){.desktop-only{display:none}.mobile-only{display:block}.game-area{align-items:flex-start;padding:0}.container{width:100%}.game-area canvas{border-left:none;border-right:none;border-radius:0}.game-info{box-sizing:border-box;border-radius:0;width:100%;margin:-16px 0 0}.instructions{border-radius:0;margin-top:0}}:root{--bg-body:#0b0e14;--bg-panel:#13171f;--bg-panel-alt:#181d27;--bg-hover:#1b2230;--bg-elevated:#1f2632;--border:#222838;--border-subtle:#1a1f2b;--border-strong:#2c3344;--text:#e6e8ec;--text-muted:#6b7383;--text-light:#a8aeba;--text-dim:#4a5160;--text-white:#fff;--accent:#3b82f6;--accent-glow:#3b82f626;--positive:#22c55e;--positive-soft:#22c55e1f;--negative:#ef4444;--negative-soft:#ef44441f;--event:#eab308;--link:#38bdf8;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 10px 28px #00000073}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-body);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:14px;line-height:1.45}button{font-family:inherit}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.tab-content{display:none}.tab-content.active{padding-top:0;display:flex}.num{font-family:var(--font-mono);font-feature-settings:"tnum" 1, "zero" 1;font-variant-numeric:tabular-nums}.positive{color:var(--positive)}.negative{color:var(--negative)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}header{background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:60;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.hdr-brand{color:var(--text);align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.hdr-brand .rocket{background:linear-gradient(135deg, var(--accent), color-mix(in oklab, var(--accent) 60%, #000));color:#fff;width:30px;height:30px;box-shadow:0 0 0 1px #ffffff0f inset, 0 4px 12px var(--accent-glow);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.hdr-brand .rocket .material-symbols-rounded{color:#fff;font-size:18px}.hdr-brand .accent-text{color:var(--accent)}header h1{color:var(--text);font-size:15px;font-weight:600}header h1 a{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}header h1 span.accent-text,header h1>a>span:last-child{color:var(--accent)}.nav-buttons{align-items:center;gap:8px;display:flex}.nav-btn{height:36px;color:var(--text-light);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.nav-btn:hover,.nav-btn.active{border-color:var(--accent);color:var(--text-white);background:var(--accent-glow)}.nav-btn .material-symbols-rounded{font-size:18px}.nav-btn.disabled{opacity:.35;cursor:default;pointer-events:none;border-color:var(--border-subtle)}.hdr-right{align-items:center;gap:12px;display:flex}.color-picker-wrap{position:relative}.color-picker-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-panel-alt);cursor:pointer;outline:none;place-items:center;width:36px;height:36px;margin-top:0;padding:0;transition:border-color .18s,transform .12s,box-shadow .18s;display:grid}.color-picker-btn:hover{border-color:var(--accent)}.color-picker-btn.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.color-picker-btn:focus,.color-picker-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-glow);outline:none}.color-picker-swatch{background:var(--accent);border:none;border-radius:4px;width:18px;height:18px;display:block;box-shadow:inset 0 0 0 1px #ffffff14}.color-picker-popup{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--r-lg);width:200px;box-shadow:var(--shadow-lg);z-index:9999;padding:14px;animation:.16s ease-out cp-pop;position:absolute;top:calc(100% + 10px);right:0}@keyframes cp-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.color-picker-popup-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:10px;font-weight:600}.color-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.color-picker-dot{aspect-ratio:1;cursor:pointer;width:auto;height:auto;box-shadow:0 0 0 1px #ffffff0f inset, var(--shadow-sm);border:2px solid #0000;border-radius:8px;margin-top:0;padding:0;transition:transform .15s,border-color .15s;position:relative}.color-picker-dot:hover{transform:scale(1.08)}.color-picker-dot.active{border-color:var(--text-white);box-shadow:inset 0 0 0 1px #0006}.color-picker-dot.active:after{content:"check";color:#fff;text-shadow:0 1px 2px #0006;place-items:center;font-family:Material Symbols Rounded;font-size:18px;display:grid;position:absolute;inset:0}.bottom-nav{display:none}@media (width<=768px){header{height:50px;padding:0 14px;position:static}header h1,.hdr-brand{font-size:13px}.hdr-brand .rocket{width:26px;height:26px}.hdr-brand .rocket .material-symbols-rounded{font-size:15px}.nav-btn.nav-btn--snake,.nav-btn.nav-btn--dashboard{display:none}.nav-btn{height:32px;padding:0 10px;font-size:12px}.sidebar{display:none}.page-main{width:100%;padding-bottom:70px;margin-left:0!important}.bottom-nav{background:var(--bg-panel);border-top:1px solid var(--border);z-index:100;height:64px;padding:0;padding-bottom:env(safe-area-inset-bottom);align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 0;font-size:10px;font-weight:500;transition:color .18s;display:flex;position:relative}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active:before{content:"";background:var(--accent);border-radius:0 0 2px 2px;width:30px;height:2px;position:absolute;top:0}.bottom-nav-item .bottom-nav-icon{font-size:22px}}body{background:linear-gradient(135deg, var(--bg-body) 0%, var(--bg-panel) 100%);color:var(--text);flex-direction:column;min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.home-content{flex-direction:column;flex:1;align-items:center;padding:60px 20px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;width:100%;max-width:800px;display:grid}.card{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:30px;text-decoration:none;transition:all .3s}.card:hover{border-color:var(--accent);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-4px)}.card .icon{margin-bottom:15px;font-size:2.5em}.card h2{color:var(--text-white);margin-bottom:8px;font-size:1.3em}.card p{color:var(--text-muted);font-size:.9em;line-height:1.5}