@font-face{font-family:CNI;src:url(../fonts/CNIMU3.TTF) format("truetype");font-display:swap}@font-face{font-family:CNIText;src:url(../fonts/C130J_12.TTF) format("truetype");font-display:swap}:root{--unit-w: 488;--unit-h: 704;--unit-scale: 1;--phosphor: #62ff72;--phosphor-dim: rgba(98, 255, 114, .72);color:var(--phosphor);background:#070807;font-family:CNIText,Courier New,monospace;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100vh;margin:0}body{background:#070807}button{border:0;font:inherit;letter-spacing:0}.boot-fallback{max-width:720px;margin:20vh auto 0;padding:24px;color:var(--phosphor);background:#0b0f0d;border:1px solid #344138;line-height:1.6}.trainer-shell{min-height:100vh;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.cni-stage{width:calc(488px * var(--unit-scale));height:calc(704px * var(--unit-scale))}.cni-unit{position:relative;width:488px;height:704px;transform:scale(var(--unit-scale));transform-origin:top left;color:var(--phosphor);background:linear-gradient(90deg,transparent 44px,#333 45px,#5d5d5d 47px,transparent 49px),linear-gradient(90deg,transparent 438px,#333 439px,#5d5d5d 441px,transparent 443px),linear-gradient(180deg,#606060,#575757 53%,#4b4b4b);border:3px solid #151515;border-radius:5px;box-shadow:0 26px 70px #0000009e,inset 0 0 0 1px #ffffff38,inset 0 0 36px #00000038}.top-bezel{position:absolute;inset:6px 4px auto;height:23px;border-radius:11px;background:linear-gradient(#424242,#6a6a6a 42%,#464646);border:1px solid #202020;box-shadow:inset 0 2px 5px #ffffff29,inset 0 -2px 6px #0000007a}.display-bezel{position:absolute;left:60px;top:38px;width:368px;height:276px;padding:7px 9px 11px;border-radius:28px 22px 13px 27px;background:radial-gradient(ellipse at 16% 8%,rgba(100,118,128,.24),transparent 30%),linear-gradient(90deg,#1d2830 0 23%,#101b22 23% 52%,#1d2830 52% 100%);box-shadow:inset 0 0 0 3px #0b1218b3,inset 0 -10px 13px #00000073,0 2px #ffffff14}.display-bezel:after{content:"";position:absolute;left:24px;right:15px;bottom:2px;height:18px;border-radius:0 0 6px 6px;background:#182630;box-shadow:18px -90px 70px #ffffff0a;pointer-events:none}.crt{position:relative;height:100%;padding:3px 7px 6px;overflow:hidden;color:var(--phosphor);text-transform:uppercase;font-family:CNIText,CNI,Courier New,monospace;text-shadow:0 0 2px rgba(98,255,114,.28);z-index:1}.crt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,#0c202029,#02070a3d 72%);opacity:.36;pointer-events:none}.crt-header{position:relative;z-index:1;height:23px;display:grid;grid-template-columns:36px 1fr 46px;align-items:start;font-size:17px;line-height:1}.crt-header span:nth-child(2){text-align:center}.crt-header span:nth-child(3){text-align:right}.crt-body{position:relative;z-index:1;height:calc(100% - 23px);display:grid;grid-template-rows:repeat(6,1fr) 22px;align-items:stretch}.crt-body-fixed{position:relative;z-index:1;height:calc(100% - 23px)}.crt-main-field{position:absolute;inset:0 0 22px}.crt-field{position:absolute;top:0;bottom:0;overflow:visible}.crt-field-left{left:1px;width:49%}.crt-field-center{left:33%;width:34%}.crt-field-right{right:0;width:49%}.crt-text{position:absolute;height:16px;font-size:16px;line-height:1;overflow:hidden;white-space:pre}.crt-left{left:0;width:100%;text-align:left}.crt-right{right:0;width:100%;text-align:right}.wide-left,.wide-right{width:100%}.crt-label{font-size:15px}.crt-action{font-size:17px}.crt-center-note{left:0;width:100%;text-align:center;font-size:15px}.crt-scratch-field{position:absolute;left:1px;right:0;bottom:0;height:22px;overflow:hidden}.scratch-line{position:absolute;inset:2px 0 0;height:19px;font-size:16px;line-height:1;overflow:hidden;white-space:pre;text-align:left}.lsk-stack{position:absolute;top:83px;display:grid;grid-template-rows:repeat(6,31px);gap:8px;z-index:3}.lsk-stack.left{left:8px}.lsk-stack.right{right:8px}.lsk-switch{width:35px;height:20px;border-radius:2px;border:2px solid #d8d8d8;background:linear-gradient(#747474,#4d4d4d);box-shadow:inset 0 0 0 2px #8b8b8b,inset 0 -4px #00000042,0 1px 2px #0009;cursor:pointer}.lsk-switch:disabled{cursor:default}.lsk-switch:active,.panel-key:active,.alpha-key:active{transform:translateY(1px);filter:brightness(.86)}.screw{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#909090 0 12%,#575757 14% 44%,#242424 48% 100%);box-shadow:inset 0 0 0 1px #191919}.screw:after{content:"";position:absolute;left:2px;right:2px;top:4px;height:2px;background:#2b2b2b;transform:rotate(28deg)}.screw-tl{left:14px;top:12px}.screw-tr{right:14px;top:12px}.knob{position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid #303030;background:linear-gradient(90deg,rgba(255,255,255,.24),transparent 22% 78%,rgba(0,0,0,.34)),radial-gradient(circle at 50% 50%,#9a9a9a,#6b6b6b 58%,#3a3a3a);box-shadow:inset 0 0 0 2px #777,0 1px 2px #0000008f}.knob:before{content:"";position:absolute;left:50%;top:1px;width:2px;height:26px;background:#1e1e1e75;transform:translate(-50%) rotate(8deg)}.knob-tl{left:9px;top:30px}.knob-tr{right:9px;top:30px}.knob-ml{left:-8px;top:348px}.knob-mr{right:8px;top:362px}.knob-bl{left:11px;bottom:9px}.knob-br{right:11px;bottom:9px}.brt-light{position:absolute;right:34px;top:327px;width:26px;height:26px;border-radius:50%;border:3px solid #4a4a4a;background:radial-gradient(circle at 40% 35%,#fff 0 18%,#baf5ff 37%,#70c9dc 60%,#2b5662);box-shadow:0 0 9px #bef5fff2,inset 0 0 5px #ffffffe6}.brt-label{position:absolute;right:45px;top:358px;color:#ededed;font:700 10px/1 Arial,sans-serif;text-align:center}.side-label{position:absolute;width:23px;padding-top:7px;color:#856b29;background:linear-gradient(#373737,#262626);border:2px solid #1d1d1d;box-shadow:inset 0 0 0 1px #494949;font:700 11px/1.1 Arial,sans-serif;text-align:center}.side-label-left{left:17px;top:486px;height:139px}.side-label-right{right:17px;top:486px;height:139px}.mode-row{position:absolute;display:grid;gap:9px}.row-1{left:52px;top:343px;grid-template-columns:repeat(5,53px)}.row-2{left:53px;top:388px;grid-template-columns:repeat(6,53px)}.row-3{left:53px;top:433px;grid-template-columns:repeat(2,53px)}.row-4{left:53px;top:479px;grid-template-columns:repeat(2,53px)}.panel-key{width:53px;height:31px;color:#f4f4f4;background:linear-gradient(#7b7b7b,#5a5a5a);border:2px solid #e0e0e0;border-radius:3px;box-shadow:inset 0 0 0 1px #777,inset 0 -5px #00000026;font:12px/1 Arial,sans-serif;text-align:center;cursor:pointer}.numeric-pad{position:absolute;left:54px;top:522px;width:131px;display:grid;grid-template-columns:repeat(3,34px);grid-auto-rows:34px;gap:12px 17px}.numeric-key{width:34px;height:34px;border-radius:50%;color:#fff;background:linear-gradient(#8b8b8b,#656565);border:3px solid #f0f0f0;box-shadow:inset 0 -4px #0003,0 1px 1px #00000080;font:22px/1 Arial,sans-serif;cursor:pointer}.alpha-pad{position:absolute;left:203px;top:436px;display:grid;grid-template-columns:repeat(5,31px);grid-auto-rows:31px;gap:11px 19px}.alpha-key{width:31px;height:31px;color:#fff;background:linear-gradient(#777,#555);border:2px solid #e0e0e0;border-radius:3px;box-shadow:inset 0 0 0 1px #777,inset 0 -5px #00000029;font:18px/1 Arial,sans-serif;cursor:pointer}.alpha-key:disabled{cursor:default;color:transparent}.cni-modal{position:absolute;left:86px;top:284px;width:143px;min-height:76px;padding:16px 10px 8px;color:#111;background:#f5f5f5;border:1px solid #a4a4a4;box-shadow:0 3px 10px #0000005c;font:9px/1.2 Segoe UI,Arial,sans-serif;z-index:9}.modal-title{position:absolute;left:0;right:0;top:0;height:14px;padding-left:4px;color:#555;background:#fff;border-bottom:1px solid #d9d9d9;line-height:14px}.modal-body{min-height:26px;display:grid;place-items:center;text-align:center}.modal-ok{display:block;width:44px;height:17px;margin:2px 0 0 auto;color:#111;background:#f1f1f1;border:1px solid #8b8b8b;font:10px/1 Arial,sans-serif;cursor:pointer}