:root{--ink:#080808;--paper:#f2f4f7;--cyan:#0d7377;--crimson:#c41e3a;--charcoal:#16161a;--faction-hyperion:#00f0ff;--faction-selene:#c41e3a;--faction-asteria:#ffde00;--faction-prometheus:#ff1f44;--faction-outlier:#ffde00;--line-width:2px;--gutter:12px;--gutter-lg:24px;--gutter-xl:48px;--dot-size:1px;--dot-spacing:6px;--font-mono:"Space Mono", monospace;--font-display:"Bebas Neue", sans-serif;--rarity-common:#888;--rarity-rare:#00f0ff;--rarity-epic:#c41e3a;--rarity-legendary:gold;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-reveal:.5s cubic-bezier(.16, 1, .3, 1)}.panel{background:var(--ink);border:var(--line-width) solid #f2f4f71f;position:relative;overflow:hidden}.panel--diagonal-tr{clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.panel--diagonal-tl{clip-path:polygon(0 0,100% 0,100% 100%,8% 100%)}.panel--diagonal-br{clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}.panel--diagonal-bl{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.panel--chevron{clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%,8% 50%)}.panel--trapezoid{clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.panel--notch-tl{clip-path:polygon(0 12%,12% 0,100% 0,100% 100%,0 100%)}.panel--notch-br{clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}.panel--square{aspect-ratio:1}.panel--portrait{aspect-ratio:3/4}.panel--landscape{aspect-ratio:4/3}.panel--widescreen{aspect-ratio:16/9}.panel--cinematic{aspect-ratio:21/9}.panel--tall{aspect-ratio:2/3}.panel--bleed{border:none}.panel--inset{box-shadow:inset 0 0 20px #0006}.panel--stacked{box-shadow:4px 4px #0000004d,8px 8px #00000026}.panel-border--subtle{border-color:#f2f4f71a}.panel-border--visible{border-color:#f2f4f733}.panel-border--prominent{border-color:#f2f4f759}.panel-border--cyan{border-color:#0d737766}.panel-border--crimson{border-color:#c41e3a80}.panel-border--double{border-style:double;border-width:3px}.panel-border--glow-cyan{border-color:#0d737780;box-shadow:0 0 8px #0d737726,inset 0 0 8px #0d73770d}.panel-border--glow-crimson{border-color:#c41e3a80;box-shadow:0 0 8px #c41e3a26,inset 0 0 8px #c41e3a0d}.panel:focus-within{outline:1px solid var(--cyan);outline-offset:2px}.halftone{position:relative}.halftone:before{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.halftone--cyan:before{background-image:radial-gradient(circle, #0d737740 var(--dot-size), transparent var(--dot-size));background-size:var(--dot-spacing) var(--dot-spacing)}.halftone--crimson:before{background-image:radial-gradient(circle, #c41e3a4d var(--dot-size), transparent var(--dot-size));background-size:var(--dot-spacing) var(--dot-spacing)}.halftone--white:before{background-image:radial-gradient(circle, #f2f4f726 var(--dot-size), transparent var(--dot-size));background-size:var(--dot-spacing) var(--dot-spacing)}.halftone--light:before{--dot-size:.5px;--dot-spacing:8px}.halftone--medium:before{--dot-size:1px;--dot-spacing:5px}.halftone--dense:before{--dot-size:1.5px;--dot-spacing:3px}.halftone--fade-b:before{-webkit-mask-image:linear-gradient(#0000 30%,#000 100%);mask-image:linear-gradient(#0000 30%,#000 100%)}.halftone--fade-t:before{-webkit-mask-image:linear-gradient(#000 0%,#0000 70%);mask-image:linear-gradient(#000 0%,#0000 70%)}.bubble{background:var(--charcoal);border:var(--line-width) solid var(--cyan);clip-path:polygon(0% 0%,100% 0%,100% 80%,70% 80%,60% 100%,50% 80%,0% 80%);padding:.75rem 1rem 1.25rem;display:inline-block;position:relative}.bubble--tail-right{clip-path:polygon(0% 0%,100% 0%,100% 80%,60% 80%,70% 100%,80% 80%,0% 80%)}.bubble--tail-up{clip-path:polygon(0% 20%,50% 20%,60% 0%,70% 20%,100% 20%,100% 100%,0% 100%)}.bubble--shout{clip-path:polygon(3% 0%,8% 3%,15% 0%,22% 3%,30% 0%,38% 3%,46% 0%,54% 3%,62% 0%,70% 3%,78% 0%,85% 3%,92% 0%,97% 3%,100% 8%,100% 100%,0% 100%,0% 8%);border-color:var(--crimson)}.bubble--thought{clip-path:none;border-radius:1rem}.bubble--thought:after{content:"";background:var(--charcoal);border:var(--line-width) solid var(--cyan);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.bubble--thought:before{content:"";background:var(--charcoal);border:var(--line-width) solid var(--cyan);border-radius:50%;width:6px;height:6px;position:absolute;bottom:-22px;left:calc(50% - 8px)}.caption{border:var(--line-width) solid #f2f4f733;border-left:3px solid var(--crimson);background:#080808e6;padding:.75rem 1rem}.type-display{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-weight:400;line-height:.94}.type-headline{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400;line-height:.9}.type-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:9px;font-weight:700}.type-body{font-family:var(--font-mono);font-size:14px;line-height:1.65}.type-mono{font-family:var(--font-mono)}.type-sfx{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--cyan);opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:120px;font-weight:400;line-height:1}.type-sfx--small{opacity:.1;font-size:60px}.type-sfx--medium{opacity:.08;font-size:90px}.type-panel-number{font-family:var(--font-mono);color:#f2f4f726;font-size:9px;font-weight:700}.type-gradient-cyan{background:linear-gradient(135deg, var(--cyan) 0%, var(--paper) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.type-gradient-crimson{background:linear-gradient(135deg, var(--crimson) 0%, var(--paper) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rarity--common{border-color:var(--rarity-common)}.rarity--rare{border-color:var(--rarity-rare);box-shadow:0 0 12px #0d737726}.rarity--epic{border-color:var(--rarity-epic);box-shadow:0 0 16px #814f9e33}.rarity--legendary{border-color:var(--rarity-legendary);animation:3s ease-in-out infinite legendary-shimmer;box-shadow:0 0 20px #ffb80040}@keyframes legendary-shimmer{0%,to{box-shadow:0 0 20px #ffb80040}50%{box-shadow:0 0 35px #ffb80073}}.rarity-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;border:1px solid;padding:2px 8px;font-size:8px;font-weight:700;display:inline-block}.rarity-badge--common{color:var(--rarity-common);border-color:var(--rarity-common)}.rarity-badge--rare{color:var(--rarity-rare);border-color:var(--rarity-rare)}.rarity-badge--epic{color:var(--rarity-epic);border-color:var(--rarity-epic)}.rarity-badge--legendary{color:var(--rarity-legendary);border-color:var(--rarity-legendary);animation:3s ease-in-out infinite legendary-shimmer}@keyframes panel-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes panel-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes panel-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes impact-flash{0%{background:#fff}10%{background:#000}20%{background:#fff}30%{background:0 0}to{background:0 0}}@keyframes glitch-shake{0%,to{transform:none}15%{transform:skew(2deg)translate(-2px)}30%{transform:skew(-1deg)translate(1px)}45%{transform:skew(.5deg)}60%{transform:none}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes reveal-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-sweep{0%{top:-2px}to{top:calc(100% + 2px)}}.anim-panel-right{animation:panel-in-right .5s var(--transition-reveal) both}.anim-panel-left{animation:panel-in-left .5s var(--transition-reveal) both}.anim-panel-up{animation:panel-in-up .5s var(--transition-reveal) both}.anim-reveal{animation:reveal-up .4s var(--transition-smooth) both}.anim-glitch:hover{animation:.35s ease-in-out glitch-shake}.anim-pulse{animation:2s ease-in-out infinite pulse-glow}.anim-stagger>*{opacity:0;animation:reveal-up .4s var(--transition-smooth) forwards}.anim-stagger>:first-child{animation-delay:0s}.anim-stagger>:nth-child(2){animation-delay:60ms}.anim-stagger>:nth-child(3){animation-delay:.12s}.anim-stagger>:nth-child(4){animation-delay:.18s}.anim-stagger>:nth-child(5){animation-delay:.24s}.anim-stagger>:nth-child(6){animation-delay:.3s}.anim-stagger>:nth-child(7){animation-delay:.36s}.anim-stagger>:nth-child(8){animation-delay:.42s}.anim-lift{transition:transform var(--transition-smooth)}.anim-lift:hover{transform:translateY(-2px)}.anim-impact-flash{animation:.7s ease-out both impact-flash}.scan-line{position:relative;overflow:hidden}.scan-line:after{content:"";pointer-events:none;z-index:20;background:linear-gradient(90deg,#0000,#0d737799 15%,#0d7377cc 50%,#0d737799 85%,#0000);height:2px;animation:4s ease-in-out infinite scan-sweep;position:absolute;left:0;right:0;box-shadow:0 0 4px #0d73774d,0 0 12px #0d73771a}.gutter-sm{gap:8px}.gutter-md{gap:16px}.gutter-lg{gap:24px}.gutter-xl{gap:48px}.gutter-y-sm>*+*{margin-top:8px}.gutter-y-md>*+*{margin-top:16px}.gutter-y-lg>*+*{margin-top:24px}.overlay--fade-b{position:relative}.overlay--fade-b:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#000c 100%);position:absolute;inset:0}.overlay--fade-t{position:relative}.overlay--fade-t:after{content:"";pointer-events:none;background:linear-gradient(#000c 0%,#0000 50%);position:absolute;inset:0}.overlay--darken{position:relative}.overlay--darken:after{content:"";pointer-events:none;background:#0006;position:absolute;inset:0}.overlay--vignette:after{background:radial-gradient(#0000 50%,#00000080 100%)}.comic-page{background:var(--ink);flex-direction:column;min-height:100vh;display:flex}.comic-page__header{border-bottom:1px solid #f2f4f70f;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.comic-page__body{padding:var(--gutter);gap:var(--gutter);flex-direction:column;flex:1;display:flex}.comic-page__footer{border-top:1px solid #f2f4f70f;place-content:center space-between;padding:.75rem 1.5rem;display:flex}.panel-grid{gap:var(--gutter);display:grid}.panel-grid--2,.panel-grid--3{grid-template-columns:1fr}.panel-grid--4{grid-template-columns:1fr 1fr}.panel-grid--5{grid-template-columns:repeat(3,1fr)}.panel-grid--asymmetric{grid-template-rows:auto;grid-template-columns:1fr}@media (min-width:640px){.panel-grid--2,.panel-grid--asymmetric{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.panel-grid--3{grid-template-columns:repeat(3,1fr)}.panel-grid--4{grid-template-columns:repeat(4,1fr)}.panel-grid--5{grid-template-columns:repeat(5,1fr)}.panel-grid--asymmetric{grid-template-rows:1fr 1fr;grid-template-columns:1.4fr .6fr}}.bg-arch-grid{background-image:linear-gradient(#f2f4f708 1px,#0000 1px),linear-gradient(90deg,#f2f4f708 1px,#0000 1px);background-size:40px 40px}.bg-arch-grid--dense{background-size:20px 20px}.bg-arch-perspective{background:linear-gradient(#0000 98%,#f2f4f70a 98%) 0 0/60px 60px,linear-gradient(90deg,#0000 98%,#f2f4f70a 98%) 0 0/60px 60px}.bg-arch-hr{background-image:linear-gradient(90deg,#0000 0%,#f2f4f714 20% 80%,#0000 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 1px}.img-cover{object-fit:cover;width:100%;height:100%}.img-contain{object-fit:contain;width:100%;height:100%}.img-comic{filter:contrast(1.05)saturate(.9)}.img-dramatic{filter:contrast(1.15)brightness(.85)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.panel:focus-visible,a:focus-visible,button:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hp-bar{background:#f2f4f714;border:1px solid #f2f4f71a;height:4px;overflow:hidden}.hp-bar__fill{height:100%;transition:width 1s var(--transition-smooth)}.hp-bar__fill--green{background:var(--faction-asteria)}.hp-bar__fill--red{background:var(--faction-prometheus)}.hp-bar__fill--cyan{background:var(--cyan)}.loot-reveal{perspective:1000px}.loot-reveal__card{transition:transform .6s var(--transition-reveal);transform-style:preserve-3d;display:grid}.loot-reveal__card>*{grid-area:1/1}.loot-reveal__card--flipped{transform:rotateY(180deg)}.loot-reveal__front,.loot-reveal__back{backface-visibility:hidden}.loot-reveal__back{transform:rotateY(180deg)}.restoration-timeline{align-items:flex-start;gap:0;padding:0;display:flex;position:relative}.restoration-timeline__step{text-align:center;flex:1;padding-top:28px;position:relative}.restoration-timeline__step:before{content:"";border:var(--line-width) solid #f2f4f733;background:var(--ink);z-index:2;width:12px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.restoration-timeline__step--active:before{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 8px #0d737766}.restoration-timeline__step--done:before{border-color:var(--faction-asteria);background:var(--faction-asteria)}.restoration-timeline__step:after{content:"";z-index:1;background:#f2f4f714;height:2px;position:absolute;top:12px;left:0;right:0}.restoration-timeline__step:first-child:after{left:50%}.restoration-timeline__step:last-child:after{right:50%}.restoration-timeline__step--active:after,.restoration-timeline__step--done:after{background:var(--cyan)}.restoration-timeline__step--done:after{background:var(--faction-asteria)}.restoration-timeline__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:#f2f4f733;font-size:7px;font-weight:700}.restoration-timeline__step--active .restoration-timeline__label{color:var(--cyan)}.restoration-timeline__step--done .restoration-timeline__label{color:var(--faction-asteria)}.restoration-timeline__detail{font-family:var(--font-mono);color:#f2f4f759;margin-top:2px;font-size:10px;line-height:1.4}.restoration-timeline__step--active .restoration-timeline__detail{color:#f2f4f780}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:#f2f4f726;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f2f4f740}