:root{
  --void:#040608;--cyan:#8fe9f0;--cyan-dim:rgba(180,240,255,.18);--cyan-faint:rgba(180,240,255,.08);
  --gold:#b9905a;--parchment:#cdbe9a;--rune:#9aa9b5;--line:rgba(210,245,255,.14);--wound:#7a2f2f;
  --orbit-radius:min(34vw,34vh,300px)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;height:100%;background:var(--void);overflow:hidden;font-family:ui-monospace,'SF Mono','Courier New',monospace;color:var(--parchment)}
button{font:inherit;border:0;background:none;padding:0}
.kxtxr-scene{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--void);isolation:isolate}
.scene-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(2,4,6,.24),rgba(2,4,6,.015) 46%,rgba(2,4,6,.13)),url("/assets/kxtxr/kxtxr-bg-desktop.webp") center center/cover no-repeat}
.scene-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(125,238,255,.025),transparent 24%),radial-gradient(ellipse at 50% 100%,rgba(120,60,30,.035),transparent 58%)}
@media(max-width:600px){.scene-bg{background-image:linear-gradient(180deg,rgba(2,4,6,.23),rgba(2,4,6,.01) 47%,rgba(2,4,6,.12)),url("/assets/kxtxr/kxtxr-bg-mobile.webp")}}
@media(min-width:601px) and (max-width:1180px) and (orientation:portrait){.scene-bg{background-image:linear-gradient(180deg,rgba(2,4,6,.23),rgba(2,4,6,.01) 47%,rgba(2,4,6,.12)),url("/assets/kxtxr/kxtxr-bg-tablet-portrait.webp")}}
@media(min-width:601px) and (max-width:1180px) and (orientation:landscape){.scene-bg{background-image:linear-gradient(180deg,rgba(2,4,6,.23),rgba(2,4,6,.01) 47%,rgba(2,4,6,.12)),url("/assets/kxtxr/kxtxr-bg-tablet-landscape.webp")}}
.ambient-hologram{position:absolute;inset:0;z-index:2;pointer-events:none}.scanlines{position:absolute;inset:0;opacity:.042;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(230,255,255,.026) 2px 3px)}.noise{position:absolute;inset:0;opacity:.026;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/></svg>")}.ghost-runes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.crt-noise{position:absolute;inset:0;z-index:47;pointer-events:none;opacity:.033;background:radial-gradient(circle,rgba(255,255,255,.075) 0 1px,transparent 1px) 0 0/7px 7px;mix-blend-mode:screen;animation:crtSnow .18s steps(2,end) infinite}.crt-roll{position:absolute;inset:-25% 0 0;z-index:48;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(185,249,255,.07),transparent);animation:crtRoll 7.8s linear infinite}.crt-jitter{position:absolute;inset:0;z-index:49;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 0 42%,rgba(125,240,255,.07) 42% 43%,transparent 43%);animation:crtJitter 10.6s steps(2,end) infinite}.vignette{position:absolute;inset:0;z-index:50;pointer-events:none;box-shadow:inset 0 0 150px rgba(0,0,0,.63),inset 0 0 28px rgba(0,0,0,.25)}
@keyframes crtSnow{25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(0,1px)}}@keyframes crtRoll{0%,87%,100%{opacity:0;transform:translateY(-110%)}89%{opacity:.26}94%{opacity:.48}99%{opacity:.08;transform:translateY(120%)}}@keyframes crtJitter{0%,93%,100%{opacity:0;transform:none}94%{opacity:.42;transform:translateX(3px)}95%{opacity:.14;transform:translateX(-2px)}96%{opacity:.28;transform:translateX(1px)}}
.hud{position:absolute;left:16px;top:max(14px,env(safe-area-inset-top));z-index:40;pointer-events:none}.hud-title{font-size:15px;letter-spacing:.34em;color:rgba(235,255,255,.94);text-shadow:0 0 10px rgba(95,236,255,.20)}.hud-recovery{margin-top:4px;font-size:7px;letter-spacing:.10em;color:rgba(205,249,255,.55);white-space:nowrap}
.operative-field{position:absolute;inset:0;z-index:3}
.core-system{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;pointer-events:none}.core-circle{position:relative;width:230px;height:230px;animation:breathe 6s ease-in-out infinite}.core-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(210,245,255,.20)}.core-ring-2{inset:20px;border-color:rgba(210,245,255,.10);border-style:dashed;animation:spin 42s linear infinite}.core-ring-3{inset:44px;border-color:rgba(225,253,255,.30);animation:spin 58s linear infinite reverse}.core-crosshair{position:absolute;inset:0}.core-crosshair:before,.core-crosshair:after{content:"";position:absolute;background:rgba(210,245,255,.22)}.core-crosshair:before{left:50%;top:28%;bottom:28%;width:1px}.core-crosshair:after{top:50%;left:28%;right:28%;height:1px}.core-active-rune{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px}.core-state{margin-top:9px;font-size:.56rem;letter-spacing:.22em;color:rgba(185,199,212,.62)}.core-system.is-glitching .core-active-rune{animation:coreGlitch .34s steps(2,end) 1}
@keyframes breathe{0%,100%{transform:scale(.985);opacity:.80}50%{transform:scale(1.04);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes coreGlitch{0%,100%{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% + 5px),calc(-50% - 1px));opacity:.38}45%{transform:translate(calc(-50% - 4px),calc(-50% + 2px));opacity:.9}65%{transform:translate(calc(-50% + 2px),-50%)}}
.rune-orbit{position:absolute;left:50%;top:52%;width:0;height:0;z-index:20}.rune-node{position:absolute;left:0;top:0;width:52px;height:52px;margin:-26px 0 0 -26px;cursor:pointer;opacity:.67;transition:opacity .18s ease,filter .18s ease;animation:runeFloat 9.5s ease-in-out infinite,runePhase 11.2s linear infinite}.rune-node:nth-child(2n){animation-delay:-2.1s,-4.7s}.rune-node:nth-child(3n){animation-delay:-4.2s,-1.8s}.rune-node:hover,.rune-node.is-active{opacity:1;filter:drop-shadow(0 0 12px rgba(142,249,255,.24))}.rune-node:focus-visible{outline:1px dashed rgba(210,250,255,.5);outline-offset:5px}.rune-node svg,.core-active-rune svg{width:100%;height:100%;overflow:visible}.rune-main,.rune-frag,.rune-scan,.rune-ghost{fill:none;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.rune-main{stroke:#e3feff;stroke-width:4.05;stroke-dasharray:23 9 5 10;filter:drop-shadow(0 0 5px rgba(90,235,255,.20))}.rune-frag{stroke:#a9f8ff;stroke-width:3.15;opacity:.26;mix-blend-mode:screen}.rune-frag-a{stroke-dasharray:8 22 4 11;animation:fragA 11s linear infinite}.rune-frag-b{stroke-dasharray:17 12 3 9;animation:fragB 13s linear infinite}.rune-scan{stroke:#fff;stroke-width:1.55;opacity:.24;stroke-dasharray:9 3 2 4;animation:stripe 2.7s linear infinite}.rune-ghost{stroke:#fff;stroke-width:4.5;opacity:0}.rune-node:nth-child(1) .rune-ghost-a,.rune-node:nth-child(4) .rune-ghost-a,.rune-node:nth-child(7) .rune-ghost-a{animation:glitchA 8.7s steps(2,end) infinite}.rune-node:nth-child(2) .rune-ghost-b,.rune-node:nth-child(5) .rune-ghost-b{animation:glitchB 11.8s steps(2,end) infinite}
.ambient-rune{animation:ambientFloat var(--dur) ease-in-out infinite,ambientPhase calc(var(--dur)*.94) linear infinite;animation-delay:var(--delay),calc(var(--delay)*1.17)}.ambient-main,.ambient-frag,.ambient-scan,.ambient-ghost{fill:none;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.ambient-main{stroke:#c7fbff;stroke-width:3.45;stroke-dasharray:18 9 4 10;filter:drop-shadow(0 0 6px rgba(86,231,255,.16))}.ambient-frag{stroke:#8ff3ff;stroke-width:2.65;opacity:.22;stroke-dasharray:7 20 3 12;animation:fragA 14s linear infinite}.ambient-scan{stroke:#efffff;stroke-width:1.35;opacity:.18;stroke-dasharray:9 4 2 5;animation:stripe 3.3s linear infinite}.ambient-ghost{stroke:#fff;stroke-width:3.8;opacity:0}.ambient-rune.glitch .ambient-ghost{animation:glitchA 11.6s steps(2,end) infinite}
@keyframes runeFloat{0%,100%{transform:translate(0,0) rotate(-.18deg)}50%{transform:translate(.7px,-1.45px) rotate(.18deg)}}@keyframes ambientFloat{0%,100%{translate:0 0;rotate:-.18deg}50%{translate:.7px -1.7px;rotate:.25deg}}@keyframes runePhase{0%,100%{opacity:.68}83%{opacity:.72}87%{opacity:.16}88%{opacity:.57}89%,97%{opacity:.72}}@keyframes ambientPhase{0%,100%{opacity:.82}89%{opacity:.14}90%{opacity:.58}91%,97%{opacity:.88}}@keyframes fragA{to{stroke-dashoffset:-88}}@keyframes fragB{to{stroke-dashoffset:74}}@keyframes stripe{to{stroke-dashoffset:-100}}@keyframes glitchA{0%,94%,100%{opacity:0;transform:none}95%{opacity:.76;transform:translate(7px,-2px)}96%{opacity:.20;transform:translate(-5px,3px)}}@keyframes glitchB{0%,96%,100%{opacity:0;transform:none}97%{opacity:.66;transform:translate(-7px,2px)}98%{opacity:.20;transform:translate(4px,-3px)}}
.projection-beam{position:absolute;left:50%;top:34%;bottom:23%;width:10px;z-index:7;transform:translateX(-50%) scaleY(.04);transform-origin:50% 100%;opacity:0;background:linear-gradient(180deg,rgba(218,254,255,.10),rgba(115,239,255,.72) 68%,rgba(108,235,255,.07));box-shadow:0 0 18px rgba(104,236,255,.36),0 0 66px rgba(77,223,255,.18);transition:opacity .24s ease,transform .50s cubic-bezier(.15,.84,.22,1)}.projection-beam.is-open{opacity:.86;transform:translateX(-50%) scaleY(1)}
.projection-screen{position:absolute;left:16%;right:16%;top:25%;bottom:18%;z-index:8;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:1.05rem 1.2rem;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(22%) scale(.18,.06);transform-origin:50% 100%;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(185,246,255,.070),rgba(55,198,228,.018) 43%,rgba(75,215,235,.036));border-top:1px solid rgba(235,254,255,.27);border-bottom:1px solid rgba(235,254,255,.10);box-shadow:0 0 34px rgba(67,225,255,.14),inset 0 0 64px rgba(70,223,255,.035);transition:opacity .28s ease,transform .62s cubic-bezier(.13,.86,.18,1),visibility 0s linear .62s;overflow:hidden}.projection-screen.is-open{opacity:.96;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.projection-screen.is-transitioning{animation:projectionSwitch .44s steps(2,end) 1}.projection-frame{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(230,255,255,.020) 5px 6px);opacity:.55}@keyframes projectionSwitch{0%,100%{filter:none;opacity:.96}22%{filter:brightness(1.48);opacity:.55;transform:translateX(4px)}42%{filter:contrast(1.45);opacity:.9;transform:translateX(-3px)}62%{transform:translateX(2px)}}
.projection-header{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:end;border-bottom:1px solid var(--line);padding-bottom:.5rem;margin-bottom:.55rem}.projection-layer-name{font-size:.86rem;letter-spacing:.18em;color:#eefeff;text-transform:uppercase}.projection-layer-subtitle{font-size:.50rem;letter-spacing:.16em;color:rgba(190,246,250,.60);margin-top:2px;text-transform:uppercase}.projection-status{font-size:.45rem;letter-spacing:.12em;color:rgba(220,252,255,.48);text-align:right;text-transform:uppercase}.projection-body{display:grid;grid-template-columns:.82fr 2.35fr .82fr;grid-template-rows:minmax(0,1fr) auto;gap:.65rem;min-height:0;overflow:hidden}.projection-fragments-left,.projection-fragments-right{font-size:.47rem;line-height:1.5;color:rgba(211,246,250,.42);display:flex;flex-direction:column;gap:.32rem;overflow:hidden}.projection-fragments-right{text-align:right}.projection-visual-main{min-width:0;min-height:0;overflow:auto;padding-right:.35rem;scrollbar-width:thin;scrollbar-color:rgba(170,240,250,.16) transparent}.projection-visual-main::-webkit-scrollbar{width:3px}.projection-visual-main::-webkit-scrollbar-thumb{background:rgba(170,240,250,.16)}.projection-visual-secondary{grid-column:1/-1;font-size:.43rem;color:rgba(190,240,248,.38);border-top:1px solid rgba(210,245,255,.05);padding-top:.28rem}.projection-footer{border-top:1px solid var(--line);padding-top:.38rem;margin-top:.42rem;display:flex;justify-content:space-between;gap:.5rem;font-size:.40rem;letter-spacing:.09em;color:rgba(190,239,247,.34);text-transform:uppercase}
.section-description{font-size:.52rem;line-height:1.45;color:rgba(215,247,250,.45);margin-bottom:.55rem}.canon-title{font-size:.58rem;letter-spacing:.14em;color:rgba(233,255,255,.80);margin:.62rem 0 .34rem;text-transform:uppercase;border-bottom:1px solid rgba(210,245,255,.055);padding-bottom:.24rem}.canon-copy{font-size:.53rem;line-height:1.55;color:rgba(223,248,248,.64);margin:.25rem 0}.signal-formula{font-size:.51rem;letter-spacing:.08em;color:rgba(143,233,240,.76);margin:.42rem 0;padding-left:.45rem;border-left:1px solid rgba(143,233,240,.20)}.canon-list{display:flex;flex-direction:column;gap:.18rem}.canon-row{font-size:.48rem;line-height:1.4;color:rgba(205,239,242,.53);padding-left:.5rem;position:relative}.canon-row:before{content:"";position:absolute;left:0;top:.63em;width:3px;height:1px;background:rgba(210,245,255,.27)}.dossier{display:flex;flex-direction:column}.dossier-row{display:grid;grid-template-columns:minmax(74px,.7fr) 2fr;gap:.6rem;border-bottom:1px dotted rgba(210,245,255,.07);padding:.27rem 0}.dossier-row .k{font-size:.44rem;letter-spacing:.08em;color:rgba(170,195,205,.52);text-transform:uppercase}.dossier-row .v{font-size:.49rem;line-height:1.4;color:rgba(220,245,245,.60)}.return-layer{border-left:1px solid rgba(143,233,240,.14);padding:.32rem 0 .32rem .52rem;margin:.38rem 0}.return-layer>b{display:block;font-size:.54rem;letter-spacing:.08em;color:rgba(236,255,255,.78)}.return-layer>small{display:block;font-size:.42rem;color:rgba(160,189,201,.52);margin:.1rem 0 .2rem}.micro-timeline{display:flex;flex-direction:column;gap:.38rem}.tl-node{border-left:1px solid rgba(210,245,255,.09);padding-left:.5rem}.tl-node b{display:block;font-size:.51rem;color:var(--gold)}.tl-node .state{font-size:.42rem;color:rgba(143,233,240,.58);margin:.08rem 0}.tl-node .body{font-size:.49rem;line-height:1.45;color:rgba(218,245,245,.58)}.inline-values{font-size:.41rem;color:rgba(160,185,195,.42);margin-top:.12rem}.sequence{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin:.45rem 0}.sequence span{font-size:.46rem;letter-spacing:.07em;color:rgba(230,255,255,.66)}.sequence i{font-style:normal;color:rgba(143,233,240,.28)}.frag-line{border-left:1px solid rgba(143,233,240,.11);padding-left:.4rem}
@media(max-width:1180px) and (orientation:portrait){.core-system{top:64.5%}.rune-orbit{top:55%}.projection-beam{top:31%;bottom:24%}}
@media(max-width:760px){:root{--orbit-radius:min(40vw,215px)}.hud{left:12px}.hud-title{font-size:13px}.hud-recovery{font-size:6px;max-width:86vw;overflow:hidden}.core-circle{width:150px;height:150px}.core-active-rune{width:58px;height:58px}.core-state{font-size:.48rem}.rune-node{width:40px;height:40px;margin:-20px 0 0 -20px}.projection-screen{left:5%;right:5%;top:13%;bottom:29%;padding:.72rem .76rem}.projection-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:.35rem}.projection-fragments-left,.projection-fragments-right{display:none}.projection-visual-secondary{grid-column:1}.projection-layer-name{font-size:.72rem}.projection-status{font-size:.38rem}.dossier-row{grid-template-columns:68px 1fr}}
@media(min-width:761px) and (max-width:1180px){.projection-screen{left:10%;right:10%;top:19%;bottom:20%}.rune-node{width:46px;height:46px;margin:-23px 0 0 -23px}}
@media(prefers-reduced-motion:reduce){.core-circle,.core-ring-2,.core-ring-3,.rune-node,.ambient-rune,.crt-noise,.crt-roll,.crt-jitter{animation:none!important}}