*{box-sizing:border-box}:root{--c:#58d4ff;background:#071018;color-scheme:dark}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#071018}body{font-family:"Courier New",monospace;color:#bcecff;cursor:none}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(74,184,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(74,184,230,.045) 1px,transparent 1px);background-size:64px 64px;transform:translate3d(var(--gx,0),var(--gy,0),0);pointer-events:none}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at var(--lx,50%) var(--ly,50%),rgba(30,146,205,.1),transparent 28%);pointer-events:none}#stage{position:fixed;inset:0;overflow:hidden}header{position:fixed;top:18px;left:22px;right:22px;z-index:20;display:flex;justify-content:space-between;pointer-events:none}.brand,.fix,aside,nav{border:1px solid rgba(89,205,255,.26);background:rgba(3,14,22,.62);backdrop-filter:blur(8px)}.brand{padding:10px 13px}.brand b{display:block;font-size:14px;letter-spacing:.18em}.brand span{display:block;margin-top:4px;font-size:8px;letter-spacing:.11em;opacity:.66}.fix{display:flex;align-items:center;gap:9px;padding:8px 11px}.fix u{width:7px;height:7px;border-radius:50%;background:#63ff9e;box-shadow:0 0 10px #63ff9e}.fix p{margin:0;text-align:right}.fix b,.fix span{display:block}.fix b{font-size:10px}.fix span{font-size:8px;opacity:.65;margin-top:2px}aside{position:fixed;left:22px;bottom:56px;z-index:20;display:grid;gap:4px;padding:9px 12px;font-size:8px}aside span{opacity:.7}aside b{color:#89ddff;font-weight:normal}nav{position:fixed;left:50%;bottom:16px;z-index:20;display:flex;gap:4px;padding:5px;transform:translateX(-50%)}nav span{padding:6px 9px;font-size:8px;opacity:.42;border:1px solid transparent}nav span.active{opacity:1;border-color:rgba(86,213,255,.45);background:rgba(35,159,212,.13)}#cursor{position:fixed;left:50%;top:50%;width:58px;height:58px;z-index:50;pointer-events:none;transform:translate(-50%,-50%);color:rgba(96,216,255,.97);filter:drop-shadow(0 0 5px rgba(55,192,255,.9)) drop-shadow(0 0 14px rgba(30,139,255,.42))}#cursor span{position:absolute;display:block}.r{left:50%;top:50%;border:1px solid currentColor;border-radius:50%;transform:translate(-50%,-50%)}.r.o{width:46px;height:46px;border-style:dashed;animation:rot 8s linear infinite}.r.i{width:24px;height:24px}.ax{left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%)}.ax.x{width:54px;height:1px}.ax.y{width:1px;height:54px}.c{left:50%;top:50%;width:6px;height:6px;border:1px solid #cdf6ff;background:rgba(70,196,255,.52);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 10px #4ecfff}.lab{font-size:7px}.lab.n{left:50%;top:-7px;transform:translateX(-50%)}.lab.e{right:-8px;top:50%;transform:translateY(-50%)}.scan{left:50%;top:50%;width:36px;height:36px;border-radius:50%;border-top:1px solid #89e6ff;transform:translate(-50%,-50%);animation:scan 2.4s linear infinite}.panel{position:absolute;width:clamp(220px,26vw,410px);max-width:78vw;opacity:0;pointer-events:none;transform:translate(-50%,-50%) translate(var(--ex),var(--ey)) scale(.92) rotate(var(--r));will-change:transform,opacity}.panel.show{animation:cycle 3.3s cubic-bezier(.2,.75,.25,1) forwards}.frame{position:relative;overflow:hidden;border:1px solid rgba(81,207,255,.32);background:rgba(2,10,17,.55);box-shadow:0 18px 34px rgba(0,0,0,.46),0 0 18px rgba(30,157,225,.15)}.frame:before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(to bottom,transparent,rgba(100,223,255,.6),transparent);transform:translateY(-120%);animation:linescan 1.25s ease-out .1s forwards;pointer-events:none}.frame img{display:block;width:100%;max-height:43vh;object-fit:contain}.hud{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border-top:1px solid rgba(81,207,255,.22);background:rgba(2,12,20,.84);font-size:7px;color:rgba(166,232,255,.72)}.hud b{color:#91e5ff;font-weight:normal}#boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#071018;transition:.55s}#boot.hide{opacity:0;visibility:hidden}.boot-box{width:min(360px,78vw);padding:18px;border:1px solid rgba(80,208,255,.32);background:rgba(2,12,19,.82)}.boot-box>b,.boot-box>span{display:block}.boot-box>b{font-size:12px;letter-spacing:.16em}.boot-box>span{margin:14px 0 10px;font-size:9px;opacity:.72}.boot-box i{display:block;height:2px;background:rgba(88,207,255,.12)}.boot-box em{display:block;width:0;height:100%;background:#65d8ff;box-shadow:0 0 8px #65d8ff;transition:width .5s}@keyframes rot{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes scan{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes linescan{to{transform:translateY(120%)}}@keyframes cycle{0%{opacity:0;filter:blur(3px)}15%{opacity:.98;filter:blur(0)}72%{opacity:.94;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(1) rotate(var(--r))}100%{opacity:0;transform:translate(-50%,-50%) translate(var(--xx),var(--xy)) scale(1.025) rotate(var(--r));filter:blur(2px)}}@media(max-width:700px),(pointer:coarse){body{cursor:auto}#cursor{display:none}header{top:10px;left:10px;right:10px}.brand{padding:8px 9px}.brand b{font-size:11px}.brand span{font-size:6px}.fix span{display:none}aside{left:10px;bottom:48px}nav{bottom:9px;max-width:calc(100vw - 20px)}nav span{padding:5px 6px;font-size:6px}.panel{width:clamp(210px,70vw,340px)}}