.terminal-container{position:relative;flex:1;display:flex;flex-direction:column;padding:80px 40px 40px;box-sizing:border-box;overflow:hidden;background:#000}.noise-overlay{position:absolute;inset:0;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.04"/%3E%3C/svg%3E');pointer-events:none;z-index:0}.subtle-progress-bar{position:fixed;top:0;left:0;height:2px;background:var(--active-color, #ff9500);width:0%;transition:width .4s ease;z-index:100}.sys-hud{display:flex;justify-content:space-between;font-size:.65rem;font-weight:800;letter-spacing:.2em;color:#666;text-transform:uppercase;z-index:10;flex-shrink:0;align-items:center}.hud-left{display:flex;align-items:center;gap:8px}.back-btn{background:none;border:none;border-right:1px solid #333;padding:0 12px 0 0;margin-right:4px;color:#888;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:800;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;transition:color .2s;outline:none;text-transform:uppercase}.back-btn:hover{color:var(--active-color, #ff9500)}.back-btn .material-symbols-outlined{font-size:16px;margin-right:2px}.blinking-dot{width:6px;height:6px;background:var(--active-color, #ff9500);border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.privacy-mention{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font-size:.55rem;color:#444;letter-spacing:.2em;z-index:10;pointer-events:none}.stage{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10;max-width:600px;width:100%;margin:0 auto}.card-wrap{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translateY(15px)}.card-wrap.active{opacity:1;pointer-events:auto;transform:translateY(0)}.card-wrap.exit{opacity:0;transform:translateY(-15px);filter:blur(2px);pointer-events:none}.data-tag{font-size:.75rem;color:#888;letter-spacing:.2em;margin-bottom:2vh;display:block;text-transform:uppercase}.hero-prompt{font-size:clamp(24px,3.5vw,42px);font-weight:900;line-height:1.15;letter-spacing:-2px;margin:0 0 4vh;text-transform:uppercase;color:#fff}.distance-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid #222}.dist-row{display:flex;justify-content:space-between;align-items:flex-end;padding:2.5vh 0;border-bottom:1px solid #222;cursor:pointer;transition:all .2s ease;color:#555}.dist-row .dist-name{font-size:clamp(18px,2.5vw,32px);font-weight:900;letter-spacing:-1px;transition:color .2s ease}.dist-row .dist-meta{font-size:.7rem;font-weight:800;letter-spacing:.1em;opacity:0;transform:translate(-10px);transition:all .2s ease}.distance-grid:hover .dist-row{opacity:.3}.distance-grid .dist-row:hover{opacity:1;color:#fff;padding-left:15px;border-bottom-color:var(--active-color, #ff9500)}.distance-grid .dist-row:hover .dist-meta{opacity:1;transform:translate(0);color:#888}.date-drill-container{margin-top:2vh;animation:fadeIn .3s ease}.drill-grid{display:grid;gap:1px;background:#ffffff0d;border:none}.drill-grid.cols-2{grid-template-columns:repeat(2,1fr)}.drill-grid.cols-4{grid-template-columns:repeat(4,1fr)}.drill-grid.cols-7{grid-template-columns:repeat(7,1fr)}.grid-cell{background:#000;padding:3vh 0;text-align:center;font-size:clamp(16px,2.5vw,24px);font-weight:900;cursor:pointer;transition:all .15s ease;color:#888}.grid-cell:hover{background:#111;color:#fff}.drill-grid.cols-4 .grid-cell{padding:2vh 0;font-size:clamp(14px,2vw,20px)}.drill-grid.cols-7 .grid-cell{padding:1.5vh 0;font-size:clamp(14px,2vw,18px);color:#555}.drill-grid.cols-7 .grid-cell:hover{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroller-container{width:100%;padding:20px 0;display:flex;flex-direction:column;align-items:flex-start;touch-action:none;cursor:ns-resize;border-bottom:2px solid #222;transition:border-color .3s}.scroller-container:hover{border-bottom-color:var(--active-color, #ff9500)}.scroller-val{font-size:clamp(48px,6vw,72px);font-weight:900;letter-spacing:-3px;line-height:1;color:#fff;user-select:none}.scroller-hint{font-size:.65rem;color:#666;letter-spacing:.2em;margin-top:10px;text-transform:uppercase}.input-wrapper{display:flex;flex-direction:column;gap:24px;width:100%}.massive-input{width:100%;background:transparent;border:none;border-bottom:2px solid #333;color:#fff;font-family:inherit;font-size:clamp(18px,3vw,32px);font-weight:900;padding:0 0 10px;outline:none;transition:border-color .3s;letter-spacing:-1px;border-radius:0;text-transform:uppercase}.massive-input:focus{border-bottom-color:var(--active-color, #ff9500)}.massive-input::placeholder{color:#333}.lowercase-input{text-transform:lowercase;letter-spacing:0;font-weight:800}.stat-row{display:flex;justify-content:space-between;border-bottom:1px dashed #333;padding:12px 0;font-size:clamp(14px,2vw,18px);color:#aaa}.stat-row span:last-child{color:#fff;font-weight:900}.warning-text{margin-top:2vh;font-size:.8rem;font-weight:800;letter-spacing:1px;color:var(--active-color, #ff9500);line-height:1.5}.terminal-log{margin-top:24px;display:flex;flex-direction:column;gap:10px;font-size:.85rem;color:#888;font-weight:800;letter-spacing:1px}.log-line{opacity:0;animation:fadeInLog .3s forwards}.log-line.success{color:var(--active-color, #ff9500);font-weight:900}@keyframes fadeInLog{to{opacity:1;transform:translate(0)}0%{opacity:0;transform:translate(-10px)}}@media(max-width:600px){.terminal-container{padding:80px 24px 24px}}.split-time-scroller{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;user-select:none;margin:2vh 0}.time-col{display:flex;flex-direction:column;align-items:center;touch-action:none;cursor:ns-resize;width:90px}.time-divider{font-size:clamp(32px,5vw,48px);font-weight:900;color:#333;margin-top:-24px}.scroller-arrow{color:#333;font-size:20px;padding:12px;cursor:pointer;transition:color .2s}.time-col:hover .scroller-arrow,.time-col:active .scroller-arrow{color:#666}.scroller-arrow:hover,.scroller-arrow:active{color:var(--active-color, #ff9500)!important}
