:root{--bg-void:#02040b;--bg-card:#080e20b8;--system-cyan:#5fd0ff;--system-cyan-bright:#aef0ff;--system-cyan-glow:#5fd0ff8c;--royal-gold:#f5c542;--royal-gold-glow:#f5c5428c;--gold-hi:#fff7d6;--gold-1:#f6d67a;--gold-2:#d4a843;--gold-3:#9a7422;--gold-4:#5e451a;--hairline-gold:#d4a84361;--gold-metal:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold-1) 30%, #b8892f 52%, #8a671f 66%, #e3bd5e 86%, #fff3c4 100%);--hp-color:#ff5760;--text-primary:#e8efff;--text-secondary:#9aa6c2;--text-muted:#5e6a85;--font-lux:"Didot", "Bodoni 72", "Bodoni MT", Georgia, serif;--font-engrave:"Copperplate", "Copperplate Gothic Light", "Optima", serif;--font-mono-tech:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg-void);color:var(--text-primary);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-family:Optima,Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(ellipse at 50% -10%, #d4a8431a, transparent 55%), radial-gradient(ellipse at 50% 110%, #5fd0ff12, transparent 60%), var(--bg-void);min-height:100dvh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#d4a84307 1px,#0000 1px),linear-gradient(90deg,#5fd0ff08 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}main{z-index:2;position:relative}.app-shell{max-width:560px;margin:0 auto;padding:18px 14px 60px}.sys-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--hairline-gold);padding:18px;position:relative;box-shadow:inset 0 0 0 1px #d4a84314,inset 0 1px #fff7d629,0 0 24px #d4a84314,0 8px 32px #00000073}.sys-label{font-family:var(--font-engrave), serif;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 0 8px #d4a84359;font-size:11px;font-weight:500}.btn-royal{font-family:var(--font-engrave), serif;letter-spacing:.24em;text-transform:uppercase;color:#3d2d0d;background:radial-gradient(circle at 36% 28%, var(--gold-hi) 0%, var(--gold-1) 24%, var(--gold-2) 55%, var(--gold-3) 90%);border:1px solid var(--gold-2);cursor:pointer;box-shadow:0 0 28px var(--royal-gold-glow), 0 2px 4px #fff7d6d9 inset, 0 -5px 10px #5e451a99 inset;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:12px;font-weight:600;display:inline-flex}.btn-royal:active{transform:translateY(1px)}.btn-royal:disabled{opacity:.4;cursor:not-allowed}.input-system{border:1px solid var(--hairline-gold);width:100%;color:var(--text-primary);font-family:var(--font-mono-tech), monospace;letter-spacing:.12em;background:#00000080;outline:none;padding:12px 14px;font-size:16px}.input-system:focus{border-color:var(--gold-1);box-shadow:0 0 18px #d4a84359, 0 0 0 1px var(--gold-1) inset}.text-muted{color:var(--text-muted)}.rise-in{animation:.5s ease-out riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dataStreamFall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}