:root{font-family:Rajdhani,Arial Narrow,system-ui,sans-serif;color:#dffcff;background:#02030a;font-synthesis:none;--cyan: #00f6ff;--cyan-soft: #62fbff;--magenta: #ff2bd6;--ink: #050711;--panel: rgba(8, 13, 28, .92);--line: rgba(0, 246, 255, .24);--glow: 0 0 18px rgba(0, 246, 255, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;min-height:100dvh;overflow:hidden}button{font:inherit}.world{min-height:100dvh;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 18%,#10203c 0%,transparent 32%),linear-gradient(155deg,#03040d,#080618 55%,#02030a);padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));isolation:isolate}.world:after{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.18) 3px 4px)}.world__grid{position:absolute;inset:-30%;transform:perspective(380px) rotateX(64deg) translateY(30%);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,transparent 5%,black 55%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 5%,black 55%,transparent 90%);animation:grid-drift 8s linear infinite}.world__orb{position:absolute;width:38vmax;aspect-ratio:1;border-radius:50%;filter:blur(80px);opacity:.13}.world__orb--cyan{background:var(--cyan);top:-22vmax;left:-16vmax}.world__orb--magenta{background:var(--magenta);bottom:-25vmax;right:-18vmax}.device{width:min(100%,412px);height:min(calc(100dvh - 16px),899px);max-height:899px;position:relative;z-index:2;display:flex;flex-direction:column;padding:clamp(12px,2.2vh,20px);overflow:hidden;background:linear-gradient(145deg,#0f172bf7,#040611fa);border:1px solid rgba(0,246,255,.42);clip-path:polygon(0 18px,18px 0,calc(100% - 52px) 0,calc(100% - 43px) 8px,100% 8px,100% calc(100% - 22px),calc(100% - 22px) 100%,45px 100%,35px calc(100% - 9px),0 calc(100% - 9px));box-shadow:inset 0 0 60px #00f6ff09,var(--glow)}.device:before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(255,43,214,.12);clip-path:inherit}.device--error{animation:chassis-error .22s steps(2) 2;box-shadow:inset 0 0 50px #ff2bd61a,0 0 25px #ff2bd661}.device__header{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin:0 2px clamp(6px,1vh,12px)}.brand{display:flex;align-items:center;gap:9px}.brand img{width:38px;height:38px;filter:drop-shadow(0 0 9px rgba(0,246,255,.5))}.brand strong{display:block;font-size:21px;letter-spacing:.06em;line-height:1}.brand strong span,.boot h1 span{color:var(--magenta)}.brand small{color:#7099a1;font-family:Courier New,monospace;font-size:8px;letter-spacing:.15em}.network{text-align:right;color:#71969d;font:8px/1.35 Courier New,monospace;letter-spacing:.14em}.network i,.device__footer i,.display__status i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:blink 1.6s infinite}.device__line{height:12px;display:flex;align-items:center;gap:6px;color:#00f6ff7a;font:7px Courier New,monospace;letter-spacing:.1em}.device__line span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--cyan))}.device__line span:last-child{transform:scaleX(-1)}.display{position:relative;flex:0 0 clamp(150px,23vh,195px);min-height:145px;padding:14px 15px 12px;margin:4px 0 clamp(10px,1.6vh,15px);overflow:hidden;background:linear-gradient(135deg,#071925f0,#080918fa);border:1px solid rgba(0,246,255,.55);box-shadow:inset 0 0 32px #00f6ff14,var(--glow);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.display:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(0,246,255,.05) 50%,transparent 70%);animation:sweep 4s infinite}.display header,.display footer{display:flex;justify-content:space-between;color:#6f9da6;font:8px Courier New,monospace;letter-spacing:.1em}.display__expression{position:relative;z-index:1;min-height:28px;margin-top:14px;overflow-x:auto;white-space:nowrap;text-align:right;color:#71aab2;font:clamp(13px,2vh,16px) "Courier New",monospace;scrollbar-width:none}.display__primary{position:relative;z-index:1;min-height:56px;overflow-x:auto;white-space:nowrap;text-align:right;color:var(--cyan-soft);font:600 clamp(36px,6.7vh,58px)/1.05 "Arial Narrow",sans-serif;letter-spacing:.02em;text-shadow:0 0 12px rgba(0,246,255,.65),2px 0 rgba(255,43,214,.4);scrollbar-width:none}.display footer{position:absolute;inset:auto 15px 9px;color:#00f6ff73}.display__corners:before,.display__corners:after{content:"";position:absolute;width:28px;height:4px;background:var(--magenta);box-shadow:0 0 9px var(--magenta)}.display__corners:before{left:0;bottom:0}.display__corners:after{right:0;top:0}.display--result{animation:result-frame .42s ease-out}.display__primary--result{color:#e8ffff;text-shadow:0 0 8px #fff,0 0 24px rgba(0,246,255,.9),3px 0 rgba(255,43,214,.55)}.display__result-burst{position:absolute;z-index:0;inset:42px -15% 24px;pointer-events:none;transform-origin:center;background:linear-gradient(90deg,transparent,rgba(0,246,255,.08) 20%,rgba(255,255,255,.42) 50%,rgba(255,43,214,.12) 78%,transparent);filter:blur(7px)}.display--error{border-color:var(--magenta);animation:glitch-border .14s steps(2) infinite}.display--error .display__primary{color:#ff60e3;font-size:clamp(16px,3.1vh,25px);white-space:normal;padding-top:12px;animation:glitch-text .16s steps(2) infinite}.display--error .display__status i{background:var(--magenta);box-shadow:0 0 8px var(--magenta)}.keypad{display:grid;flex:1;min-height:0;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,minmax(52px,1fr));gap:clamp(6px,1.1vh,10px)}.key{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(80,152,164,.37);color:#c9f8fb;background:linear-gradient(145deg,#162035f5,#080c19fa);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));cursor:pointer;box-shadow:inset 0 0 12px #00f6ff06;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.key:after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(135deg,rgba(0,246,255,.28),transparent 55%);transition:opacity .1s}.key:hover,.key:focus-visible{outline:none;border-color:#00f6ffcc;box-shadow:inset 0 0 20px #00f6ff1f,0 0 12px #00f6ff26}.key:active:after,.key.is-active:after{opacity:1}.key.is-active{border-color:var(--cyan);color:#fff;text-shadow:0 0 9px var(--cyan)}.key__value{position:relative;z-index:1;font-size:clamp(21px,3.6vh,29px);font-weight:600}.key__index{position:absolute;z-index:1;top:5px;left:6px;color:#527b83;font:6px Courier New,monospace;letter-spacing:.08em}.key__charge{position:absolute;z-index:2;left:0;bottom:0;width:30%;height:2px;background:var(--cyan);box-shadow:0 0 7px var(--cyan);transform-origin:left;transition:width .12s}.key__impact{position:absolute;z-index:0;left:50%;top:50%;width:14px;aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.2);background:#00f6ff7a;box-shadow:0 0 18px 8px #00f6ff3d}.key.is-active .key__impact{animation:key-impact .15s ease-out}.key:active .key__charge,.key.is-active .key__charge{width:100%}.key--operator{color:#ff8bea;border-color:#ff2bd66b}.key--operator .key__charge{background:var(--magenta);box-shadow:0 0 7px var(--magenta)}.key--action{color:#ffd2f6;background:linear-gradient(145deg,#361239bf,#120a1bfa)}.key--execute{grid-column:auto;color:#031012;background:linear-gradient(145deg,#72faff,#00c5cf);border-color:var(--cyan);box-shadow:0 0 15px #00f6ff40}.key--execute .key__charge{background:#fff}.key[data-key=AC],.key[data-key="0"]{grid-column:span 2}.device__footer{display:flex;justify-content:space-between;padding:clamp(7px,1.2vh,12px) 2px 0;color:#526f76;font:7px Courier New,monospace;letter-spacing:.08em}.device__footer i{width:4px;height:4px}.boot{z-index:3;width:min(90vw,412px);text-align:center}.boot__sigil{width:116px;margin:0 auto 18px;position:relative}.boot__sigil img{display:block;width:100%;filter:drop-shadow(0 0 24px rgba(0,246,255,.48))}.boot__sigil:before,.boot__sigil:after{content:"";position:absolute;inset:-18px;border:1px solid rgba(0,246,255,.2);transform:rotate(45deg);animation:spin 6s linear infinite}.boot__sigil:after{inset:-31px;border-color:#ff2bd624;animation-direction:reverse}.boot__eyebrow{color:#658f97;font:9px Courier New,monospace;letter-spacing:.26em}.boot h1{margin:8px 0;font-size:clamp(42px,13vw,64px);letter-spacing:.08em;text-shadow:0 0 15px rgba(0,246,255,.35)}.boot__rail{width:84%;height:2px;margin:28px auto 15px;background:#00f6ff26}.boot__rail i{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 12px var(--cyan)}.boot__log{display:flex;justify-content:space-between;color:#00f6ff80;font:7px Courier New,monospace;letter-spacing:.08em}.orientation-notice{display:none}@keyframes grid-drift{to{transform:perspective(380px) rotateX(64deg) translateY(calc(30% + 44px))}}@keyframes blink{50%{opacity:.25}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(405deg)}}@keyframes chassis-error{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes glitch-border{50%{border-color:#fff;filter:hue-rotate(30deg)}}@keyframes glitch-text{0%{transform:translate(0);text-shadow:-2px 0 var(--cyan),2px 0 var(--magenta)}50%{transform:translate(2px,-1px);text-shadow:3px 0 var(--cyan),-3px 0 var(--magenta)}}@keyframes key-impact{0%{opacity:.85;transform:translate(-50%,-50%) scale(.25)}to{opacity:0;transform:translate(-50%,-50%) scale(5.5)}}@keyframes result-frame{0%{border-color:#fff;box-shadow:inset 0 0 46px #00f6ff40,0 0 28px #00f6ffa6}to{border-color:#00f6ff8c;box-shadow:inset 0 0 32px #00f6ff14,var(--glow)}}@media(orientation:landscape)and (max-height:600px)and (max-width:1000px)and (hover:none)and (pointer:coarse){.orientation-notice{display:grid;place-items:center;align-content:center;gap:5px;position:fixed;inset:0;z-index:30;color:var(--cyan);background:#02030af5;font-family:Courier New,monospace;letter-spacing:.12em}.orientation-notice span{font-size:48px;text-shadow:var(--glow)}.orientation-notice small{color:#658f97}}@media(min-width:700px){.device{border-radius:3px;box-shadow:0 0 0 6px #02040b,0 0 0 7px #00f6ff4d,0 20px 80px #000,var(--glow)}}@media(max-height:760px){.device{padding:10px 12px}.device__header{min-height:38px}.brand img{width:31px;height:31px}.display{flex-basis:138px;margin-bottom:8px}.keypad{gap:6px}.device__footer{padding-top:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}