@charset "UTF-8";.palette-card,#help-panel .help-card,#fps-hint,#quiz-card,#welcome-card,#spotlight #spotlight-tooltip,#tooltip,#info-panel,.toolbar{background:linear-gradient(180deg,rgba(10,13,28,.74),rgba(10,13,28,.62) 40%,rgba(10,13,28,.66));backdrop-filter:blur(18px) saturate(1.45) brightness(1.04);-webkit-backdrop-filter:blur(18px) saturate(1.45) brightness(1.04);border:1px solid rgba(255,255,255,.07);border-top-color:#ffffff1a;border-radius:16px;box-shadow:0 18px 48px #0000008c,0 4px 12px #00000059,inset 0 1px #ffffff0f,inset 0 0 0 .5px #ffc8500a}#date-popover .date-btn,#event-toast .event-btn,#quiz-card .quiz-actions #btn-quiz-done,#welcome-card .welcome-actions #btn-guide2,#spotlight #spotlight-controls button,#help-panel .help-card .help-actions #btn-help-tour,#quiz-card .quiz-actions #btn-quiz-again,#welcome-card .welcome-actions #btn-guide,#spotlight #spotlight-controls #btn-next-step{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#ffffffeb;font-family:Trispace,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}#date-popover .date-btn:hover,#event-toast .event-btn:hover,#quiz-card .quiz-actions #btn-quiz-done:hover,#welcome-card .welcome-actions #btn-guide2:hover,#spotlight #spotlight-controls button:hover,#help-panel .help-card .help-actions #btn-help-tour:hover,#quiz-card .quiz-actions #btn-quiz-again:hover,#welcome-card .welcome-actions #btn-guide:hover,#spotlight #spotlight-controls #btn-next-step:hover{background:rgba(255,255,255,.14);border-color:#ffffff47;transform:translateY(-1px)}#date-popover .date-btn:active,#event-toast .event-btn:active,#quiz-card .quiz-actions #btn-quiz-done:active,#welcome-card .welcome-actions #btn-guide2:active,#spotlight #spotlight-controls button:active,#help-panel .help-card .help-actions #btn-help-tour:active,#quiz-card .quiz-actions #btn-quiz-again:active,#welcome-card .welcome-actions #btn-guide:active,#spotlight #spotlight-controls #btn-next-step:active{transform:translateY(0)}#date-popover .date-btn:focus-visible,#event-toast .event-btn:focus-visible,#quiz-card .quiz-actions #btn-quiz-done:focus-visible,#welcome-card .welcome-actions #btn-guide2:focus-visible,#spotlight #spotlight-controls button:focus-visible,#help-panel .help-card .help-actions #btn-help-tour:focus-visible,#quiz-card .quiz-actions #btn-quiz-again:focus-visible,#welcome-card .welcome-actions #btn-guide:focus-visible,#spotlight #spotlight-controls #btn-next-step:focus-visible{outline:2px solid rgba(255,200,80,.7);outline-offset:2px}#help-panel .help-card .help-actions #btn-help-tour,#quiz-card .quiz-actions #btn-quiz-again,#welcome-card .welcome-actions #btn-guide,#spotlight #spotlight-controls #btn-next-step{background:#ffc850;border-color:transparent;color:#0f0f1e;font-weight:800}#help-panel .help-card .help-actions #btn-help-tour:hover,#quiz-card .quiz-actions #btn-quiz-again:hover,#welcome-card .welcome-actions #btn-guide:hover,#spotlight #spotlight-controls #btn-next-step:hover{background:#ffd97a;border-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{transform:scale(1.62) rotate(0)}50%{transform:scale(3.5) rotate(720deg)}to{transform:scale(1.62) rotate(-180deg)}}.caption{display:flex;align-items:center;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);z-index:20;max-width:calc(100vw - var(--rail-w) - 304px - 2rem);gap:.5rem;padding:.42rem .7rem;background:rgba(10,12,26,.66);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 10px 40px #00000080;color:#fff;-webkit-user-select:none;user-select:none}.caption p{min-width:110px;text-align:center;font-family:Trispace,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8)}.caption button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#ffffffeb;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .12s ease}.caption button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.caption button:hover{background:rgba(255,255,255,.16);color:#fff;transform:translateY(-1px)}.caption button:active{transform:translateY(0)}.lil-gui{--background-color: rgba(10, 12, 26, .85);--text-color: rgba(255, 255, 255, .92);--title-background-color: rgba(232, 163, 61, .12);--title-text-color: #f5c97e;--widget-color: rgba(255, 255, 255, .06);--hover-color: rgba(255, 255, 255, .14);--focus-color: #ffc850;--number-color: #f5c97e;--string-color: rgba(255, 255, 255, .72);--font-family: "Trispace", sans-serif;--font-size: 11px;--input-font-size: 11px;--width: 272px;--widget-border-radius: 6px;--widget-height: 24px;--padding: 10px;--spacing: 6px;--name-width: 46%;position:fixed;top:5.2rem;right:1rem;z-index:21;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0f;overflow-y:auto;max-height:calc(100vh - 10.2rem)}.lil-gui .title{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.lil-gui .controller{letter-spacing:.04em}.lil-gui input[type=checkbox]{accent-color:#ffc850}.lil-gui .slider{background:rgba(255,255,255,.08)}.lil-gui .close-button{color:#ffffff73}.toolbar{position:fixed;top:50%;left:.75rem;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:stretch;gap:.2rem;width:56px;max-height:calc(100vh - 1.5rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:.4rem;-webkit-user-select:none;user-select:none;transition:width .22s ease}.toolbar::-webkit-scrollbar{display:none}.toolbar.expanded{width:184px}.toolbar.expanded .tool-btn{justify-content:flex-start;gap:.65rem;width:100%;padding:0 .6rem}.toolbar.expanded .tool-btn .tool-label{display:inline}.toolbar.expanded .rail-toggle .chevron{transform:rotate(180deg)}.toolbar.expanded .rail-toggle .tool-label{font-weight:500}.toolbar-sep{height:1px;margin:.18rem .3rem;background:linear-gradient(to right,transparent,rgba(255,255,255,.18),transparent)}.tool-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.65rem;width:40px;height:40px;border-radius:11px;background:transparent;border:1px solid transparent;color:#fff9;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,width .22s ease,padding .22s ease}.tool-btn svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool-btn .chevron{transition:transform .22s ease}.tool-btn .tool-label{display:none;font-family:Trispace,sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;line-height:1;pointer-events:none}.tool-btn:hover{background:rgba(255,255,255,.08);color:#fff}.tool-btn:focus-visible{outline:2px solid rgba(255,200,80,.7);outline-offset:1px}.tool-btn.is-active{color:#f5c97e}.tool-btn.is-active:before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:14px;border-radius:999px;background:#ffc850;box-shadow:0 0 14px #e8a33d40}.tool-btn.rail-toggle .chevron{color:#ffffff73}a.tool-btn{text-decoration:none}.label{color:#fff;font-family:Trispace,sans-serif;font-weight:200;font-size:.66rem;letter-spacing:.05em;width:90px;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.label .label-inner{display:inline-flex;align-items:center;gap:5px;padding:.22rem .55rem;background:rgba(10,12,26,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:6px;box-shadow:0 4px 16px #00000073;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.8);transition:transform .12s ease-out}.label .label-inner img{width:13px;height:13px;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.label .label-inner p{margin:0;text-transform:uppercase}#loading{position:fixed;display:flex;width:100%;height:100%;color:#fff;justify-content:center;align-items:center;top:0;left:0;background-color:#04050c;z-index:100}#loading:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(255,200,80,.35),transparent);opacity:.12;pointer-events:none}#welcome{font-family:Trispace,sans-serif;text-align:center}#welcome h1{opacity:0;animation:fadeIn .8s ease-out .1s 1 forwards;font-size:1.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}#welcome p #createdBy{opacity:0;font-weight:200;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:#ffffff8c;animation:fadeIn .8s ease-out .35s 1 forwards}#welcome p #name{opacity:0;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#f5c97e;animation:fadeIn .8s ease-out .55s 1 forwards}#loader{margin-top:4rem;display:flex;justify-content:center}#loader #loader-circle{border-radius:50%;width:75px;height:75px;overflow:hidden;border:0;opacity:0;animation:fadeIn .8s ease-out .75s 1 forwards}#loader #loader-circle svg{transform:scale(3.5);animation:loading 2s ease-in-out .75s infinite}#loader-progress{display:flex;justify-content:space-between;margin-top:1rem;font-weight:200;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;font-variant-numeric:tabular-nums}#loader-progress div{opacity:0;animation:fadeIn .8s ease-out .95s 1 forwards}#info-panel{position:fixed;left:calc(.75rem + var(--rail-w) + .75rem);bottom:1.5rem;z-index:9;width:min(264px,100vw - 3rem);padding:1.1rem 1.2rem;color:#fff;font-family:Trispace,sans-serif;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,left .22s ease}#info-panel.visible{opacity:1;transform:translateY(0);pointer-events:auto}#info-panel .info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.1)}#info-panel .info-header h2{font-size:.95rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8)}#info-panel #btn-info-close{background:none;border:none;color:#ffffff73;cursor:pointer;font-size:.9rem;padding:.2rem .4rem;margin:-.2rem -.4rem;transition:color .15s ease}#info-panel #btn-info-close:hover{color:#fff}#info-panel #btn-info-close:focus-visible{outline:2px solid rgba(255,200,80,.7);outline-offset:1px;border-radius:4px}#info-panel .info-row{display:flex;justify-content:space-between;font-size:.72rem;font-weight:200;padding:.28rem 0}#info-panel .info-row span:first-child{color:#ffffff8c;letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-weight:500}#info-panel .info-row span:last-child{color:#ffffffeb}#info-panel .info-fact{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.1);font-size:.7rem;font-style:italic;color:#fff9;line-height:1.5}@media (max-width: 900px){#info-panel{bottom:5.2rem}}@media (max-width: 620px){#info-panel{left:calc(.75rem + var(--rail-w, 56px) + .5rem);right:.75rem;bottom:4.6rem;width:auto}}#welcome-card{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:12;width:min(420px,90vw);padding:1.9rem 1.7rem 1.6rem;background:rgba(10,12,26,.85);color:#fff;font-family:Trispace,sans-serif;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}#welcome-card.visible,#welcome-card.force-show{display:block}#welcome-card.visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}#welcome-card:before{content:"";display:block;width:44px;height:3px;margin:0 auto 1rem;border-radius:2px;background:#ffc850}#welcome-card h2{font-size:1.05rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#welcome-card p{margin-top:.75rem;font-size:.78rem;font-weight:200;line-height:1.6;color:#ffffffb8}#welcome-card .skip{position:absolute;top:.7rem;right:.8rem;background:none;border:none;color:#ffffff8c;font-family:inherit;font-size:.68rem;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:color .15s ease}#welcome-card .skip:hover{color:#fff}#welcome-card .welcome-actions{margin-top:1.4rem;display:flex;justify-content:center;gap:.7rem}#welcome-card .welcome-actions #btn-guide,#welcome-card .welcome-actions #btn-guide2{font-size:.75rem}.coach-mark{position:fixed;left:50%;bottom:5.5rem;transform:translate(-50%);z-index:60;display:inline-flex;align-items:center;gap:.5rem;max-width:calc(100vw - 8rem);padding:.5rem 1.1rem;background:rgba(10,12,26,.85);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0f;font-family:Trispace,sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#ffffffb8;opacity:1;cursor:pointer;animation:coach-in .3s ease}#spotlight{position:fixed;inset:0;z-index:11;background:rgba(0,0,0,.55);pointer-events:none;opacity:0;transition:opacity .25s ease}#spotlight.visible{opacity:1}#spotlight.visible #spotlight-controls{pointer-events:auto}#spotlight #spotlight-highlight{position:absolute;display:none;border:2px solid #ffc850;border-radius:11px;box-shadow:0 0 24px #ffc85073;transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease}#spotlight #spotlight-tooltip{position:absolute;bottom:6rem;left:50%;transform:translate(-50%);width:min(360px,85vw);padding:1rem 1.2rem;background:rgba(10,12,26,.94);color:#fff;font-family:Trispace,sans-serif;text-align:center}#spotlight #spotlight-tooltip h3{font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f5c97e}#spotlight #spotlight-tooltip p{margin-top:.45rem;font-size:.72rem;font-weight:200;line-height:1.55;color:#ffffffb8}#spotlight #spotlight-controls{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;font-family:Trispace,sans-serif;pointer-events:none}#spotlight #spotlight-controls button,#spotlight #spotlight-controls #btn-next-step{font-size:.7rem;padding:.45rem 1.1rem}#spotlight #spotlight-controls #spotlight-counter{color:#fff9;font-size:.68rem;letter-spacing:.08em}#tooltip{position:fixed;display:none;padding:.35rem .7rem;background:rgba(10,12,26,.85);border-radius:8px;color:#fff;font-family:Trispace,sans-serif;font-size:.62rem;font-weight:200;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transform:translate(-50%,-100%);z-index:40}#tooltip.tooltip-right{transform:translateY(-50%)}body #planet-tooltip{z-index:22}body.fps-active .coach-mark{bottom:7rem}@keyframes coach-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#quiz-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;max-width:340px;padding:1.4rem 1.5rem;background:rgba(10,12,26,.85);color:#fff;font-family:Trispace,sans-serif}#quiz-card h2{font-size:.95rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f5c97e;margin-bottom:.6rem}#quiz-card #quiz-question{font-size:.82rem;line-height:1.5;margin-bottom:.9rem;color:#ffffffeb}#quiz-card #quiz-options{display:flex;flex-direction:column;gap:.5rem}#quiz-card .quiz-option{padding:.55rem .9rem;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:.78rem;font-family:inherit;letter-spacing:.03em;text-align:center;cursor:pointer;color:#ffffffeb;transition:background .15s ease,border-color .15s ease}#quiz-card .quiz-option:hover{background:rgba(255,255,255,.14);border-color:#ffffff4d}#quiz-card .quiz-option:focus-visible{outline:2px solid rgba(255,200,80,.7);outline-offset:2px}#quiz-card .quiz-option.correct-option{border-color:#ffc850;background:rgba(255,200,80,.15);color:#f5c97e}#quiz-card .quiz-option.wrong-option{border-color:#ff7b72;background:rgba(255,123,114,.12);color:#ffb4ad}#quiz-card #quiz-feedback{margin-top:.7rem;font-size:.76rem;min-height:1.2em}#quiz-card #quiz-feedback.correct{color:#7ee787}#quiz-card #quiz-feedback.wrong{color:#ff7b72}#quiz-card #quiz-feedback.hint{color:#fff9}#quiz-card #quiz-explanation{margin-top:.3rem;font-size:.7rem;line-height:1.45;color:#fff9;font-family:Trispace,sans-serif}#quiz-card .quiz-meta{display:flex;justify-content:space-between;margin-top:.8rem;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c}#quiz-card #btn-quiz-close{position:absolute;top:.6rem;right:.7rem;background:none;border:none;color:#ffffff73;cursor:pointer;font-size:.9rem;transition:color .15s ease}#quiz-card #btn-quiz-close:hover{color:#fff}#quiz-card #quiz-result{text-align:center}#quiz-card #quiz-result p{font-size:.78rem;margin:.3rem 0;color:#ffffffeb}#quiz-card #quiz-result #quiz-best{color:#fff9}#quiz-card .quiz-actions{display:flex;gap:.6rem;justify-content:center;margin-top:.9rem}#quiz-card .quiz-actions #btn-quiz-again,#quiz-card .quiz-actions #btn-quiz-done{font-size:.7rem;padding:.5rem 1rem}#sim-date{position:fixed;top:1.2rem;left:calc(.75rem + var(--rail-w) + .75rem);transition:left .22s ease;z-index:8;font-family:Trispace,sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.08em;color:#ffffffeb;text-shadow:0 1px 6px rgba(0,0,0,.7);background:rgba(10,12,26,.66);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 10px 40px #00000080;padding:.4rem .9rem;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}#date-popover{position:fixed;top:5.7rem;left:calc(.75rem + var(--rail-w) + .75rem);transition:left .22s ease;z-index:9;display:flex;flex-direction:column;gap:.55rem;width:max-content;max-width:calc(100vw - 5.5rem);padding:.85rem .95rem;background:rgba(10,12,26,.85);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0f}#date-popover[hidden]{display:none}#date-popover .date-label{font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}#date-popover input{font-family:Trispace,sans-serif;font-size:.72rem;color:#ffffffeb;color-scheme:dark;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.4rem .55rem}#date-popover input:focus-visible{outline:2px solid rgba(255,200,80,.7);outline-offset:1px}#date-popover .date-actions{display:flex;gap:.5rem}#date-popover .date-btn{padding:.38rem .9rem;font-size:.6rem}#date-popover .date-btn.primary{background:#ffc850;border-color:transparent;color:#0f0f1e;font-weight:800}#date-popover .date-btn.primary:hover{background:#ffd97a;border-color:transparent}#date-popover .date-note{font-size:.55rem;letter-spacing:.04em;color:#ffffff73}#telemetry{position:fixed;top:3.3rem;left:calc(.75rem + var(--rail-w) + .75rem);max-width:calc(100vw - (.75rem + var(--rail-w) + .75rem) - 1rem);transition:left .22s ease;z-index:8;display:flex;align-items:center;gap:.6rem;font-family:Trispace,sans-serif;font-size:.62rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffeb;background:rgba(10,12,26,.66);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 10px 40px #00000080;padding:.34rem .85rem;pointer-events:none;-webkit-user-select:none;user-select:none}#telemetry .tel-item{display:inline-flex;align-items:baseline;gap:.35rem}#telemetry .tel-label{font-size:.53rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}#telemetry .tel-value{font-weight:500;color:#ffffffeb;font-variant-numeric:tabular-nums}#telemetry .tel-sep{width:1px;height:.7rem;background:rgba(255,255,255,.14)}@media (max-width: 620px){#telemetry{display:none}}#planet-tooltip{position:fixed;z-index:12;font-family:Trispace,sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#ffffffeb;background:rgba(10,12,26,.85);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 10px 40px #00000080;padding:.32rem .7rem;display:none;pointer-events:none;transform:translate(10px,-50%);white-space:nowrap}#quiz-card{display:none}#quiz-card.visible{display:block}#event-toast{position:fixed;left:50%;bottom:4.6rem;z-index:55;transform:translate(-50%);display:flex;align-items:center;gap:.7rem;max-width:min(560px,100vw - 6rem);padding:.6rem .8rem .6rem 1.1rem;background:rgba(10,12,26,.85);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(232,163,61,.5);border-radius:16px;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0f,0 0 14px #e8a33d40}#event-toast[hidden]{display:none}#event-toast .event-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}#event-toast .event-text b{font-family:Trispace,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f5c97e;white-space:nowrap}#event-toast .event-text span{font-family:Trispace,sans-serif;font-size:.62rem;font-weight:200;letter-spacing:.04em;color:#ffffffb8;line-height:1.45}#event-toast .event-btn{flex:none;padding:.38rem .85rem;font-size:.6rem}#event-toast .event-btn.ghost{width:30px;height:30px;padding:0;justify-content:center;border:none;background:transparent;color:#ffffff73}#event-toast .event-btn.ghost:hover{color:#ffffffeb;background:rgba(255,255,255,.08);transform:none}#letterbox{position:fixed;inset:0;z-index:30;pointer-events:none}#letterbox .lb-bar{position:absolute;left:0;right:0;height:0;background:#000;transition:height .45s cubic-bezier(.4,0,.2,1)}#letterbox .lb-top{top:0}#letterbox .lb-bottom{bottom:0}body.cinematic #letterbox .lb-bar{height:11vh}body.cinematic .toolbar,body.cinematic .caption,body.cinematic #info-panel,body.cinematic #sim-date,body.cinematic #telemetry,body.cinematic #fps-hint,body.cinematic #welcome-card,body.cinematic .coach-mark,body.cinematic #help-panel,body.cinematic #quiz-card,body.cinematic #nav-palette,body.cinematic #spotlight,body.cinematic #tooltip,body.cinematic #planet-tooltip,body.cinematic #label-layer .label{opacity:0!important;pointer-events:none!important}.toolbar,.caption,#info-panel,#sim-date,#telemetry,#fps-hint,#welcome-card,#help-panel,#quiz-card,#nav-palette,#label-layer .label{transition:opacity .3s ease}body.cinematic .toolbar{transition-delay:.1s}body.cinematic #sim-date,body.cinematic #telemetry{transition-delay:.15s}body.cinematic .caption{transition-delay:.2s}body.cinematic #info-panel{transition-delay:.25s}#cinematic-hud{position:fixed;right:1.1rem;bottom:1.1rem;z-index:40;display:flex;gap:.5rem;padding:.45rem;background:rgba(10,12,26,.66);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0f;animation:cinematic-hud-in .35s ease}#cinematic-hud[hidden]{display:none}#cinematic-hud button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:transparent;color:#ffffffb8;cursor:pointer;transition:background-color .15s ease,color .15s ease}#cinematic-hud button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#cinematic-hud button:hover{background:rgba(255,255,255,.1);color:#ffffffeb}#cinematic-hud button:focus-visible{outline:2px solid rgba(255,200,80,.7);outline-offset:2px}@keyframes cinematic-hud-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#app-toast{position:fixed;left:50%;bottom:2.2rem;z-index:60;transform:translate(-50%) translateY(8px);font-family:Trispace,sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#ffffffeb;background:rgba(10,12,26,.85);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 10px 40px #00000080;padding:.42rem 1rem;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}#app-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 620px){body.cinematic #letterbox .lb-bar{height:7vh}}#help-panel{position:fixed;inset:0;z-index:25;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:1rem}#help-panel.visible{display:flex}#help-panel .help-card{position:relative;width:min(520px,92vw);max-height:86vh;height:100%;margin-left:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;padding:1.7rem 1.7rem 1.3rem;background:rgba(10,12,26,.85);border-radius:16px 0 0 16px;color:#fff;font-family:Trispace,sans-serif;animation:help-slide-in .28s cubic-bezier(.4,0,.2,1)}#help-panel .help-card::-webkit-scrollbar{width:6px}#help-panel .help-card::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px}#help-panel .help-card h2{font-size:.95rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f5c97e;margin-bottom:.6rem}#help-panel .help-card section{margin-top:1.1rem}#help-panel .help-card section h3{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f5c97e;margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.1)}#help-panel .help-card section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}#help-panel .help-card section li{font-size:.72rem;font-weight:200;line-height:1.6;color:#ffffffb8}#help-panel .help-card section li b{font-weight:800;color:#ffffffeb;letter-spacing:.04em;text-transform:uppercase;font-size:.66rem}#help-panel .help-card section li i{color:#fff9}#help-panel .help-card section p{font-size:.72rem;font-weight:200;line-height:1.6;color:#ffffffb8;margin:0}#help-panel .help-card .help-actions{margin-top:1.4rem;text-align:center}#help-panel .help-card .help-actions #btn-help-tour{font-size:.75rem}#help-panel .help-card footer{margin-top:1.1rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.1);font-size:.64rem;font-weight:200;color:#ffffff73;text-align:center}#help-panel .help-card footer a{color:#f5c97e;text-decoration:none;font-weight:500}#help-panel .help-card footer a:hover{text-decoration:underline}#help-panel .help-card #btn-help-close{position:sticky;top:0;float:right;margin:-.4rem -.4rem 0 .6rem;background:none;border:none;color:#ffffff73;cursor:pointer;font-size:.9rem;padding:.2rem .4rem;transition:color .15s ease}#help-panel .help-card #btn-help-close:focus-visible{outline:2px solid rgba(255,200,80,.7);outline-offset:1px;border-radius:4px}#help-panel .help-card #btn-help-close:hover{color:#fff}@keyframes help-slide-in{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}#fps-hint{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);z-index:9;display:none;flex-direction:column;align-items:center;gap:.22rem;max-width:min(560px,100vw - 8rem);padding:.5rem 1rem;background:rgba(10,12,26,.85);color:#ffffffb8;font-family:Trispace,sans-serif;font-size:.6rem;font-weight:200;letter-spacing:.04em;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}#fps-hint .fps-title{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;color:#f5c97e;letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;white-space:nowrap}#fps-hint .fps-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.45)}#fps-hint #fps-speed-value{font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums}#fps-hint .fps-keys{color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#fps-hint .fps-exit{color:#ffffff73;font-size:.58rem;white-space:nowrap}body:not(.fps-locked) .fps-exit:after{content:" · camera holds its pose"}body.fps-locked .fps-exit:after{content:" · captured"}body.fps-locked #fps-hint{border-color:#ffc85059}body.fps-locked canvas.webgl{cursor:none}body.fps-active #fps-hint{display:flex}body.fps-active #planet-tooltip{display:none!important}body.fps-active .caption{display:none}body.fps-active canvas.webgl{cursor:none}#nav-palette{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:rgba(5,6,14,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#nav-palette[hidden]{display:none}#nav-palette.visible{animation:fadeIn .14s ease}.palette-card{width:min(560px,100vw - 2rem);max-height:62vh;display:flex;flex-direction:column;background:rgba(10,12,26,.94);overflow:hidden;font-family:Trispace,sans-serif;box-shadow:0 24px 64px #0000008c,0 0 0 1px #0006}.palette-input-wrap{display:flex;align-items:center;gap:.65rem;padding:.9rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}.palette-input-wrap svg{flex:none;opacity:.5}.palette-input-wrap input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#ffffffeb;font-family:Trispace,sans-serif;font-size:.95rem;letter-spacing:.02em}.palette-input-wrap input::placeholder{color:#ffffff73}.palette-input-wrap kbd{flex:none;font-family:Trispace,sans-serif;font-size:.6rem;color:#ffffff73;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:.18rem .45rem;background:rgba(255,255,255,.05)}#palette-results{list-style:none;margin:0;padding:.4rem;overflow-y:auto;flex:1}#palette-results:empty:after{content:"No matches — try “mar”, “plu”, “titan”…";display:block;padding:1.4rem .8rem;text-align:center;color:#ffffff73;font-size:.75rem}.palette-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .8rem;border-radius:9px;cursor:pointer;color:#ffffffeb;font-size:.85rem;letter-spacing:.02em}.palette-item:hover{background:rgba(255,255,255,.07)}.palette-item.selected{background:rgba(232,163,61,.14);outline:1px solid rgba(232,163,61,.5);color:#fff}.palette-item mark{background:none;color:#f5c97e;font-weight:800}.palette-badge{flex:none;font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff73;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.16rem .55rem}.palette-footer{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;padding:.55rem 1.1rem;border-top:1px solid rgba(255,255,255,.1);color:#ffffff73;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}#bezel{position:fixed;left:0;top:0;bottom:0;width:1px;z-index:50;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,200,80,.35),transparent);opacity:.12;transition:opacity .22s ease}body:has(.toolbar:hover,#info-panel:hover,#sim-date:hover) #bezel{opacity:.22}body.cinematic #bezel{opacity:.06}@keyframes bezel-scan{0%{box-shadow:0 -100vh 0 1px #ffc850cc}to{box-shadow:0 100vh 0 1px #ffc85000}}#bezel.scan{animation:bezel-scan .6s ease 1}#vignette{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 55%,rgba(2,3,8,.42) 100%),linear-gradient(180deg,rgba(2,3,8,.18) 0%,transparent 12%,transparent 88%,rgba(2,3,8,.28) 100%)}body.cinematic #vignette{background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 48%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.4) 100%)}:root{--rail-w: 56px}body.rail-expanded{--rail-w: 184px}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;overscroll-behavior:none;background:#04050c;font-family:Trispace,sans-serif}.webgl{position:fixed;top:0;left:0;outline:none;touch-action:none;-webkit-tap-highlight-color:transparent}canvas{display:block}@media (hover: none){.tool-btn,.caption button{transform:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 620px){#welcome-card,#quiz-card,#nav-palette .palette-card{left:calc(50% + 1.75rem);max-width:calc(100vw - 5.5rem)}.caption{bottom:auto;top:4.6rem;left:calc(50% + 1.75rem);transform:translate(-50%);max-width:calc(100vw - 5.5rem);padding:.32rem .5rem}.caption p{min-width:0;font-size:.68rem}.caption button{width:32px;height:32px}.coach-mark{bottom:auto!important;top:8rem}body.fps-active .coach-mark{top:8rem}#help-panel{padding-left:4.5rem}}
