:root{--space-4: .25rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-24: 1.5rem;--space-32: 2rem;--space-48: 3rem;--space-64: 4rem;--space-96: 6rem;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 6rem;--gap-xs: .5rem;--gap-sm: 1rem;--gap-md: 1.5rem;--gap-lg: 2rem;--gap-xl: 4rem;--bw-sm: 1px;--bw-md: 2px;--blur-sbt: 4px;--blur-std: 8px;--blur-deep: 40px;--radius-sm: 4px;--radius-pill: 999px;--header-h: 80px;--footer-h: 64px;--sidebar-w: 320px;--hud-w: 300px;--header-right-w: 380px;--icon-sm: 24px;--icon-md: 28px;--icon-lg: 64px;--c-bg: #000000;--c-bg-terminal: #0A0A06;--c-text-active: #000000;--c-primary: #FFCC8B;--c-secondary: #C69E6A;--c-accent: #dcbb85;--c-inverse: #fff8e7;--c-alert: #ff5c4a;--surface-dim: rgba(0, 0, 0, .3);--surface-mid: rgba(0, 0, 0, .4);--surface-glass: rgba(10, 10, 12, .95);--surface-active: rgba(224, 205, 166, .1);--surface-blur: rgba(0, 0, 0, .7);--surface-brand-accent: var(--c-primary);--border-dim: rgba(255, 255, 255, .1);--border-primary: var(--c-primary);--border-subtle: rgba(224, 205, 166, .3);--border-active: rgba(246, 219, 167, .4);--op-disabled: .4;--op-dim: .5;--op-mid: .6;--op-high: .8;--op-solid: 1;--font-display: "Orbitron", sans-serif;--font-body: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-3xs: .5rem;--fs-2xs: .65rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 9rem;--fs-xl-mob: 3rem;--lh-tight: 1.05;--lh-snug: 1.2;--lh-base: 1.4;--lh-relaxed: 1.6;--lh-loose: 1.8;--ls-tight: -.01em;--ls-normal: 0;--ls-ui: .04em;--ls-meta: .08em;--ls-terminal: .12em;--trans-fast: .1s ease;--trans-med: .4s ease;--trans-slow: 1s ease;--dur-instant: 80ms;--dur-short: .2s;--dur-medium: .4s;--dur-long: .6s;--dur-slow: .9s;--dur-cinematic: 1.2s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-terminal: cubic-bezier(.25, .46, .45, .94);--stagger: 50ms;--stagger-fast: 30ms;--stagger-slow: 80ms;--reveal-y: 14px;--reveal-x: 12px;--z-background: 0;--z-canvas: 1;--z-ui: 100;--z-header: 200;--z-overlay: 1000;--z-modal: 2000;--z-hud: 3000;--crt-bg: radial-gradient( 1600px 1200px at 50% 50%, rgba(255, 230, 170, .1), rgba(255, 230, 170, .05) 35%, rgba(0, 0, 0, .35) 55%, rgba(0, 0, 0, .85) 75%, rgba(0, 0, 0, 1) 100% ), linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .9)), #000000;--crt-scanlines: repeating-linear-gradient( to bottom, transparent 0, transparent 2px, rgba(0, 0, 0, .14) 3px )}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;background-color:var(--c-bg);font-family:var(--font-body);font-size:var(--fs-xs);color:var(--c-primary);text-transform:uppercase;letter-spacing:1px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}canvas{display:block;position:fixed;top:0;left:0;z-index:var(--z-background)}a{color:var(--c-secondary);text-decoration:none;transition:color var(--trans-fast)}a:hover{color:var(--c-primary)}::-webkit-scrollbar{width:16px;height:8px}::-webkit-scrollbar-track{background:#000;border:1px solid #e8d0aa27;box-shadow:inset 0 0 0 1px #0000008c}::-webkit-scrollbar-thumb{border-radius:0;min-height:24px;border:1px solid rgba(0,0,0,.8);background:repeating-linear-gradient(to bottom,#00000059 0px 1px,#ffffff1a 1px 2px),linear-gradient(to bottom,#ffffff1a,#0003),var(--c-secondary)}::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(to bottom,#00000059 0px 1px,#ffffff1f 1px 2px),linear-gradient(to bottom,#ffffff1f,#00000038),var(--c-primary)}:root{--text-rendering: optimizeLegibility;--font-smoothing: antialiased}html{font-size:16px;text-rendering:var(--text-rendering);-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-xs);line-height:var(--lh-base);letter-spacing:var(--ls-meta);color:var(--c-primary);background:var(--c-bg)}body,input,button,textarea,select{font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}@supports (-webkit-font-smoothing: antialiased){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--ls-normal);margin:0;text-shadow:0 0 5px rgba(255,204,139,.5),0 0 10px rgba(198,158,106,.3)}h1{font-size:clamp(3rem,6vw,var(--fs-xl))}h2{font-size:var(--fs-md);letter-spacing:var(--ls-ui)}p{margin:0}.ui-label,.meta,.kicker{font-family:var(--font-body);font-size:var(--fs-xs);line-height:var(--lh-base);letter-spacing:var(--ls-meta);text-transform:uppercase}.terminal{font-family:var(--font-body);font-size:var(--fs-sm);line-height:var(--lh-relaxed);letter-spacing:var(--ls-terminal)}.prose{font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-relaxed);letter-spacing:var(--ls-normal)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}code,pre,.mono{font-family:var(--font-body);overflow-wrap:anywhere}button,input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit}button{background:none;border:none}::selection{background:#ffffff1f;color:var(--c-primary)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--c-inverse);transition:opacity .5s ease;z-index:var(--z-overlay)}.cursor{display:inline-block;color:var(--c-accent);margin-left:2px;font-weight:700;opacity:1;animation:blink-animation 1s step-end infinite}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:0}}@keyframes blinker{50%{opacity:0}}.playback-icon{display:inline-block;width:12px;height:12px;margin-right:8px;position:relative}.playback-icon .bar{position:absolute;bottom:0;width:3px;background-color:currentColor;animation:equalize .5s infinite ease-in-out alternate;transition:height .3s ease,opacity .3s ease}.playback-icon .bar:nth-child(1){left:0;height:55%;animation-delay:-.45s}.playback-icon .bar:nth-child(2){left:4px;height:100%;animation-delay:-.2s}.playback-icon .bar:nth-child(3){left:8px;height:45%;animation-delay:-.65s}@keyframes equalize{0%{height:30%;opacity:.5}to{height:100%;opacity:1}}.playback-icon.paused .bar{animation-play-state:paused;opacity:.3;height:20%!important}@media(prefers-reduced-motion:reduce){.playback-icon .bar{animation:none;height:60%;opacity:.8}.playback-icon.paused .bar{height:20%!important;opacity:.3}}.anim-reveal{opacity:0;transform:translateY(var(--reveal-y));will-change:opacity,transform}.anim-reveal--from-left{transform:translate(calc(-1 * var(--reveal-x)))}.anim-reveal--from-right{transform:translate(var(--reveal-x))}.anim-reveal.is-visible{opacity:1;transform:none;transition:opacity var(--dur-long) var(--ease-enter) var(--_delay, 0ms),transform var(--dur-long) var(--ease-enter) var(--_delay, 0ms)}.anim-scene{opacity:0}.anim-scene.is-visible{opacity:1;transition:opacity var(--dur-cinematic) var(--ease-enter)}@media(prefers-reduced-motion:reduce){.anim-reveal,.anim-reveal--from-left,.anim-reveal--from-right{opacity:1;transform:none;will-change:auto}.anim-reveal.is-visible,.anim-scene.is-visible{transition:none}.anim-scene{opacity:1}}:root{--hud-rail: clamp(260px, 22vw, 360px);--hud-inset: var(--space-32)}.ui-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:var(--z-ui)}.hud{position:absolute;inset:0;display:grid;grid-template-columns:var(--hud-rail) 1fr var(--hud-rail);grid-template-rows:auto 1fr auto;grid-template-areas:"solar    brand    playlist" "fact     .        ." "copy     .        uplink";column-gap:var(--space-24);row-gap:var(--space-32);padding:var(--hud-inset);box-sizing:border-box;pointer-events:none}.hud-solar{grid-area:solar;align-self:start;pointer-events:auto}.hud-fact{grid-area:fact;align-self:start}.hud-brand{grid-area:brand;align-self:start;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-8)}.hud-playlist{grid-area:playlist;align-self:start;pointer-events:auto;overflow-y:auto;scrollbar-width:none;max-height:50vh}.hud-playlist::-webkit-scrollbar{display:none}.radio-player{margin-top:calc(var(--space-32) - var(--space-8));pointer-events:auto}.hud-copy{grid-area:copy;align-self:end;color:var(--c-primary);font-size:var(--fs-2xs);letter-spacing:var(--ls-meta)}.hud-uplink{grid-area:uplink;align-self:end;justify-self:stretch;pointer-events:auto}.header-left{display:flex;flex-direction:column;width:100%}.hud-brand h1{margin:0;white-space:nowrap;color:var(--c-primary)}#subtitle{margin-top:0;margin-bottom:0;color:var(--c-primary);font-size:var(--fs-xs)}#radio-container{display:flex;align-items:center;justify-content:center;gap:var(--space-32);padding:var(--space-8) var(--space-32);width:auto;min-width:200px;background:var(--c-bg);border:var(--bw-sm) solid var(--border-subtle);border-radius:var(--radius-pill);pointer-events:auto;transition:border var(--trans-med)}#radio-container:hover{border-color:var(--border-active)}.control-btn{background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;color:var(--c-secondary);cursor:pointer;transition:all var(--trans-fast)}.control-btn:hover{color:var(--c-inverse);transform:scale(1.1)}.control-icon{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor;display:block}#btn-play-pause .control-icon{width:var(--icon-md);height:var(--icon-md)}.playlist-header{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:400;line-height:var(--lh-base);letter-spacing:var(--ls-meta);color:var(--c-primary);text-shadow:none;margin-bottom:var(--space-8)}.playlist-volume{font-size:var(--fs-2xs);color:var(--c-secondary);letter-spacing:var(--ls-terminal)}.playlist-row{display:flex;align-items:center;gap:var(--space-8);width:100%;color:var(--c-secondary);font-size:var(--fs-xs);line-height:var(--lh-snug);letter-spacing:var(--ls-normal);cursor:pointer;padding:var(--space-4) var(--space-8);border-bottom:var(--bw-sm) solid var(--border-dim);transition:color var(--trans-fast),background var(--trans-fast);-webkit-user-select:none;user-select:none}.playlist-row:last-child{border-bottom:none}.playlist-row:hover{background:var(--surface-active);color:var(--c-primary)}.playlist-row--active{color:var(--c-primary)}.playlist-row__index{position:relative;flex-shrink:0;width:1.8em;display:flex;align-items:center}.playlist-row__num{color:var(--c-secondary);transition:opacity var(--trans-fast)}.playlist-row--active .playlist-row__num{opacity:0}.playlist-row .playback-icon{position:absolute;left:0;margin-right:0;opacity:0;transition:opacity var(--trans-fast)}.playlist-row--active .playback-icon{opacity:1}.playlist-row__title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.scramble-hover{-webkit-user-select:none;user-select:none}.scramble-hover .scr-char{pointer-events:none}#solar-system-container{width:100%;aspect-ratio:1 / 1;background:var(--surface-mid);border-radius:var(--radius-sm);pointer-events:auto;position:relative;overflow:hidden}#solar-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#tethys-canvas{position:relative;z-index:var(--z-canvas)}.fact-line{line-height:var(--lh-relaxed);color:var(--c-secondary);min-height:5rem}#tethys-hud{position:fixed;bottom:var(--space-16);left:50%;transform:translate(-50%) translateY(20px);width:var(--hud-w);z-index:var(--z-hud);display:flex;flex-direction:column;gap:var(--space-16);background:var(--c-bg);border:var(--bw-sm) solid var(--c-secondary);padding:var(--space-12);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,transform .5s ease,visibility .5s}#tethys-hud.tethys-hud-active{opacity:var(--op-solid)!important;visibility:visible!important;pointer-events:auto;transform:translate(-50%) translateY(0)}.tethys-header{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--ls-terminal);color:var(--c-primary);display:flex;flex-direction:column;gap:var(--space-16);align-items:center;padding:0 var(--space-24)}.blink{color:var(--c-alert);animation:blinker 1.5s linear infinite;font-size:1rem;line-height:.75rem}#uplink-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--c-bg);z-index:var(--z-overlay);transition:opacity var(--trans-med)}#uplink-overlay.hidden{opacity:0;pointer-events:none}.terminal-modal{position:fixed;inset:0;translate:0 0;width:100vw;height:100dvh;margin:0;padding:0;display:grid;grid-template-rows:auto auto 1fr auto;background:var(--c-bg-terminal);border:1px solid var(--border-dim);border-radius:0;z-index:var(--z-modal);opacity:0;pointer-events:none;scale:1;transition:opacity var(--trans-med)}.terminal-modal.active{opacity:1;pointer-events:auto}.terminal-modal.archive-mode{height:80dvh}body.uplink-active-mode{overflow:hidden}body.uplink-active-mode #tethys-hud{display:none!important;opacity:0!important;pointer-events:none!important;transform:translateY(20px)!important}.uplink-grid{display:grid;grid-template-columns:clamp(320px,26vw,400px) minmax(0,1fr);gap:var(--space-24);flex-grow:1;min-height:0;overflow:hidden}.uplink-sidebar{border-right:1px solid var(--border-dim);padding:var(--space-16);overflow-y:auto;min-height:0}.uplink-main{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;padding:var(--space-64);min-height:0}.uplink-header{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--bw-sm) solid var(--border-dim);padding:var(--space-12) var(--space-16);color:var(--c-primary);font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:2px;flex-shrink:0}.header-title{text-shadow:0 0 5px rgba(224,205,166,.3)}.uplink-subheader{display:flex;justify-content:space-between;align-items:center;padding:var(--space-16) var(--space-16) var(--space-12) var(--space-16);border-bottom:1px solid var(--border-dim);margin-bottom:0;flex-shrink:0}.subheader-left{display:flex;gap:var(--space-12);align-items:center}.subheader-right{display:flex;align-items:center}.log-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-12);border:1px solid transparent;cursor:pointer;margin-bottom:var(--space-8)}.log-item:hover{border-color:var(--border-subtle)}.log-item:hover .log-id{color:var(--c-primary)}.log-item.active{border:1px solid var(--c-secondary);background:var(--c-secondary)}.log-item.playing{color:var(--c-text-primary)}.log-text-group{display:flex;flex-direction:column;gap:2px}.log-item .log-id{font-family:var(--font-body);font-size:var(--fs-md);color:var(--c-secondary);margin:0;opacity:.8;line-height:1.2}.log-item.active .log-id{color:var(--c-text-primary);text-shadow:0 0 5px rgba(224,205,166,.4);opacity:1}.log-item .log-meta{font-size:var(--fs-2xs);opacity:.4;text-transform:uppercase;color:var(--c-secondary);line-height:var(--lh-base)}.log-item.active .log-meta{opacity:1;color:var(--c-text-primary)}.log-item .sidebar-dot{display:block;flex-shrink:0;width:8px;height:8px;border-radius:50%;background-color:var(--c-alert);box-shadow:0 0 6px var(--c-alert);margin-left:var(--space-16);margin-right:var(--space-8);opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.log-item.playing .sidebar-dot{opacity:1;transform:scale(1);animation:blinker 1s linear infinite}.log-detail-view{flex-grow:1;min-height:0;overflow-y:auto}.log-detail-container{display:flex;flex-direction:column;gap:var(--space-24);color:var(--c-primary)}.detail-section{display:flex;gap:var(--space-8);font-size:var(--fs-xs);text-transform:uppercase}.detail-label{color:var(--c-primary);font-size:var(--fs-xs);min-width:80px;opacity:var(--op-dim);margin-bottom:var(--space-8)}.detail-value{color:var(--c-primary)}.message-block{margin:var(--space-16) 0;border-radius:var(--radius-sm)}.detail-text,.tethys-response{text-transform:none;font-size:var(--fs-md);color:var(--c-primary);line-height:var(--lh-relaxed)}.detail-text{margin-bottom:var(--space-24)}.telemetry-group{display:flex;gap:var(--space-8)}.status{color:var(--c-accent);margin:0;font-size:var(--fs-xs)}.ping{color:var(--c-secondary);margin:0;font-size:var(--fs-xs)}.sep{color:var(--c-secondary);opacity:.3;margin:0 4px}.response-controls{flex-shrink:0;margin-top:var(--space-24);width:100%;display:flex;background:none;justify-content:start}.response-controls.hidden{display:none}.response-controls .uplink-btn{position:relative;overflow:hidden;z-index:0;height:48px;flex:0 1 auto;width:100%;max-width:400px;margin:0;display:flex;align-items:center;justify-content:center;gap:var(--space-16);padding:var(--space-12)}.response-controls .uplink-btn>span{position:relative;z-index:1}.response-controls .uplink-btn .btn-text{font-size:var(--fs-sm)}.response-controls .uplink-waveform{position:absolute;left:0;right:0;bottom:-6px;height:100%;z-index:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding:2px;gap:2px}.response-controls .uplink-waveform .norton-bar{flex:1;width:auto;min-width:2px;max-width:none;background:linear-gradient(to top,#cf9851,#eac78f 55%,#eac78f00);opacity:0;transition:height .05s ease-out,opacity .3s ease;-webkit-mask:repeating-linear-gradient(to top,#000 0 6px,transparent 6px 8px);mask:repeating-linear-gradient(to top,#000 0 6px,transparent 6px 8px)}.response-controls .uplink-btn.active-playback .norton-bar{opacity:1}.response-controls .uplink-btn.active-playback .norton-bar{opacity:1!important}.uplink-actions{display:flex;gap:var(--space-24)}.uplink-btn{flex:1;background:var(--c-bg-terminal);border:var(--bw-sm) solid var(--border-subtle);color:var(--c-primary);padding:var(--space-16);font-family:var(--font-body);cursor:pointer;text-transform:uppercase;transition:all var(--trans-fast)}.uplink-btn.primary:hover,.uplink-btn.secondary:hover{border-color:var(--c-accent)}.uplink-btn.compact{width:auto;flex:none}.uplink-btn.compact:hover{border:var(--bw-sm) solid var(--c-accent)}.uplink-btn.full-width{width:100%;text-align:center}.uplink-btn.secondary{position:relative;overflow:hidden;z-index:1;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;width:100%;border:1px solid var(--border-subtle);transition:border-color .3s ease,background .3s ease,color .3s ease}.uplink-btn.secondary .signal-dot{justify-self:start;width:8px;height:8px;border-radius:999px;background-color:var(--c-alert);box-shadow:0 0 6px var(--c-alert);opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.uplink-btn.secondary .btn-text{justify-self:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uplink-btn.secondary.active-playback{color:var(--c-primary);border-color:var(--c-primary);background:transparent}.uplink-btn.secondary.active-playback .signal-dot{opacity:1;transform:scale(1);animation:blinker 1s linear infinite}.uplink-trigger{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:var(--space-12);width:100%;background:var(--c-bg);padding:var(--space-8) var(--space-12);border:var(--bw-sm) solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--c-primary);font-family:var(--font-body);font-size:var(--fs-xs);text-transform:uppercase;transition:transform var(--trans-med),border-color var(--trans-fast)}.uplink-trigger:after{content:"";display:block;width:20px}.uplink-trigger:hover{border-color:var(--c-primary)}.uplink-icon{width:16px;height:16px;fill:none;justify-self:start}.uplink-label{text-align:center;white-space:nowrap}a.binary-trigger{text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;width:var(--sidebar-w);max-width:100%;background:var(--c-bg);padding:var(--space-8) var(--space-12);border:var(--bw-sm) solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--c-primary);font-family:var(--font-body);font-size:var(--fs-xs);text-transform:uppercase;transition:transform var(--trans-med),border-color var(--trans-fast);cursor:pointer;margin-top:10px}a.binary-trigger:hover{border-color:var(--c-primary);color:var(--c-primary)}a.binary-trigger svg{position:absolute;left:var(--space-12);width:16px;height:16px;fill:none}#uplink-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:var(--bw-sm) solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--c-primary);cursor:pointer;transition:border-color var(--trans-fast),transform var(--trans-fast)}#uplink-close svg{width:16px;height:16px;fill:currentColor}#uplink-close:hover{border-color:var(--c-primary)}#uplink-close:active{transform:scale(.96)}.mini-visualizer{display:flex;align-items:flex-end;gap:3px;height:18px;flex-shrink:0}.mini-visualizer span{width:2px;background:var(--c-accent);animation:signal-bounce .6s infinite ease-in-out alternate}.mini-visualizer span:nth-child(2){animation-delay:.2s;height:100%}.mini-visualizer span:nth-child(3){animation-delay:.4s;height:60%}.mini-visualizer.hidden{visibility:hidden}@keyframes signal-bounce{0%{height:20%;opacity:.4}to{height:100%;opacity:1}}@keyframes blinker{50%{opacity:.3;transform:translateY(0) scale(.8)}}body{background-color:var(--c-bg);color:var(--c-primary);overflow:hidden;height:100vh;display:flex;flex-direction:column}.tc-header{height:var(--header-h);border-bottom:var(--bw-sm) solid var(--border-dim);display:flex;align-items:center;padding:0 var(--space-md);background:var(--surface-dim);position:relative}.tc-brand{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:2px;white-space:nowrap;color:var(--c-primary);text-shadow:0 0 10px rgba(224,205,166,.3)}.tc-exit-btn{display:flex;align-items:center;color:var(--c-secondary);font-family:var(--font-body);font-size:var(--fs-xs);border:var(--bw-sm) solid var(--border-dim);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--trans-fast);text-transform:uppercase;text-decoration:none;letter-spacing:1px;z-index:2}.tc-exit-btn:hover{background:var(--c-primary);color:var(--c-bg);border-color:var(--c-primary)}.tc-layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr var(--sidebar-w);flex-grow:1;overflow:hidden}.tc-sidebar{background:var(--surface-mid);border-right:var(--bw-sm) solid var(--border-dim);display:flex;flex-direction:column;padding:var(--space-md);gap:var(--gap-sm)}.tc-sidebar.right{border-left:var(--bw-sm) solid var(--border-dim);border-right:none;justify-content:flex-start}.tc-panel-title{color:var(--c-secondary);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:1px;margin-bottom:var(--space-sm);opacity:.7;text-transform:uppercase}.test-list{list-style:none;padding:0;margin:0}.test-item{display:flex;gap:var(--space-sm);padding:var(--space-sm);border:var(--bw-sm) solid var(--border-dim);margin-bottom:var(--space-2xs);cursor:pointer;transition:all var(--trans-fast);border-radius:var(--radius-sm)}.test-item:hover{border-color:var(--c-secondary);background:var(--surface-active)}.test-item.active{border-color:var(--c-primary);background:var(--surface-active)}.test-item.disabled{opacity:var(--op-disabled);pointer-events:none;border-style:dashed}.test-id{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--c-accent)}.test-info{display:flex;flex-direction:column}.test-name{font-size:var(--fs-xs);font-family:var(--font-body)}.test-status{font-size:var(--fs-2xs);color:var(--c-secondary);text-transform:uppercase}.tc-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,rgba(165,135,75,.05) 0%,transparent 60%)}.stage-frame{margin-bottom:var(--space-lg);position:relative}.game-grid-embedded{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);gap:1px;width:60vh;height:60vh;background:#1f1f1f;border:var(--bw-sm) solid var(--border-dim);box-shadow:0 0 50px #00000080}.b-cell{background-color:var(--c-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-md);transition:background var(--trans-fast)}.b-cell:hover:not(.occupied){background-color:var(--surface-active)}.b-cell.occupied{cursor:default}.b-cell.p1{color:var(--c-bg);text-shadow:0 0 5px #B4D9F8;background-color:#b4d9f8}.b-cell.p2{color:var(--c-bg);text-shadow:0 0 5px #BD9680;background-color:#bd9680}.b-cell.win{background-color:var(--c-primary)!important;color:var(--c-bg)!important;animation:win-pulse .8s infinite alternate}@keyframes win-pulse{0%{box-shadow:0 0 10px var(--c-primary)}to{box-shadow:0 0 30px var(--c-primary)}}.stage-controls{width:100%;display:flex;justify-content:center;margin-top:var(--space-md)}.tc-btn{width:100%;background:transparent;border:var(--bw-sm) solid var(--c-primary);color:var(--c-primary);padding:var(--space-sm);font-family:var(--font-body);font-size:var(--fs-sm);letter-spacing:2px;cursor:pointer;text-transform:uppercase;transition:all var(--trans-fast);text-align:center}.tc-btn:hover{background:var(--c-primary);color:var(--c-bg);box-shadow:0 0 10px #e0cda633}.tc-btn.large{width:auto;padding:var(--space-md) var(--space-xl);font-size:var(--fs-md);background:var(--c-bg)}.tethys-visual-box{height:180px;border:var(--bw-sm) solid var(--border-dim);background:var(--surface-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-md);position:relative;overflow:hidden}.tethys-avatar-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center}#tethys-face{font-size:3.5rem;line-height:1;filter:drop-shadow(0 0 10px rgba(224,205,166,.4));transition:transform .2s cubic-bezier(.175,.885,.32,1.275);cursor:default;-webkit-user-select:none;user-select:none}.emoji-pulse{animation:face-pop .3s ease}@keyframes face-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.tethys-label{margin-top:var(--space-sm);font-size:var(--fs-2xs);color:var(--c-secondary);letter-spacing:2px;z-index:2;text-transform:uppercase}#test-center-visualizer{position:absolute;bottom:var(--space-xs);left:0;width:100%;height:40px;z-index:1;opacity:.8;pointer-events:none;top:auto}.stats-panel{margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--gap-xs)}.stat-row{display:flex;justify-content:space-between;border-bottom:var(--bw-sm) solid var(--border-dim);padding-bottom:4px}.stat-row .label{color:var(--c-secondary);font-size:var(--fs-xs)}.stat-row .value{color:var(--c-primary);font-size:var(--fs-xs);font-family:var(--font-body)}.log-panel{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.log-feed{flex-grow:1;overflow-y:auto;font-family:var(--font-body);font-size:var(--fs-xs);display:flex;flex-direction:column;gap:var(--gap-sm);padding-right:var(--space-2xs)}.log-entry{opacity:0;animation:fade-in .3s forwards;line-height:var(--lh-base)}.log-entry.tethys{color:var(--c-primary);border-left:2px solid var(--c-primary);padding-left:var(--space-2xs)}.log-entry.system{color:var(--c-secondary);font-style:italic;opacity:.8}.log-entry.user{color:var(--c-primary);text-align:right;opacity:.9}.user-profile-box{margin-top:auto;padding-top:var(--space-md);border-top:var(--bw-sm) solid var(--border-dim);padding-bottom:var(--space-md);border-bottom:var(--bw-sm) solid var(--border-dim);display:flex;flex-direction:column;gap:var(--gap-xs)}.profile-stat-row{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--c-primary);letter-spacing:1px;padding:4px 0;border-bottom:1px dashed var(--border-dim)}.profile-stat-row:last-child{border-bottom:none}#profile-title{color:var(--c-secondary);text-transform:uppercase}#game-overlay.hidden{display:none}#game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);-webkit-backdrop-filter:blur(var(--blur-std));backdrop-filter:blur(var(--blur-std))}.overlay-content{text-align:center}#win-msg{font-family:var(--font-display);font-size:3rem;margin-bottom:var(--space-lg);color:var(--c-primary)}@media(max-width:768px){.tc-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.tc-sidebar,.tc-sidebar.right{display:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}