:root{--gold: #f6d88f;--grey: #ddd3c3;--courier: "Courier Prime", "Courier New", monospace;--inter: "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#000;overflow:hidden}body{font-family:var(--inter)}.pixi-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.remote{position:fixed;top:0;right:0;bottom:0;left:0;background:#070707;color:var(--gold);font-family:var(--courier);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:34px 26px;overflow:auto;text-align:center;-webkit-tap-highlight-color:transparent}.remote:before{content:"";position:fixed;top:8px;right:8px;bottom:8px;left:8px;border-radius:40px;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000029 2px,#00000029 3px),radial-gradient(125% 95% at 50% 50%,#2e4c49,#203b46 52%,#142730);box-shadow:inset 0 0 130px 36px #0009;z-index:0}.remote>*{position:relative;z-index:1}.mintro-dvd{width:min(56vw,240px);height:auto;filter:drop-shadow(-3px 3px 0 rgba(0,0,0,.5))}.mintro-instr{font-family:var(--courier);font-weight:700;font-size:clamp(15px,4.4vw,22px);line-height:1.35;color:var(--gold);text-shadow:-2px 2px 0 #000;max-width:92%}.mintro-code{position:relative;display:flex;gap:clamp(8px,3vw,16px);margin-top:6px}.mintro-digit{width:clamp(56px,19vw,84px);aspect-ratio:119 / 135;display:flex;align-items:center;justify-content:center;background:#e5e8e1;border-radius:6px;color:#1a1917;font-family:var(--courier);font-weight:700;font-size:clamp(44px,14vw,76px);line-height:1;box-shadow:-3px 3px #0000008c;transition:background .12s ease}.mintro-digit.filled{background:var(--gold)}.mintro-digit.active{outline:3px solid var(--gold);outline-offset:-3px}.mintro-hidden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;background:transparent;font-size:16px;color:transparent;caret-color:transparent}.mintro-connect{position:relative;margin-top:10px;font-family:var(--courier);font-weight:700;font-size:clamp(22px,6.5vw,36px);color:#1a1917;background:#d8d5cb;border:2px solid #1a1917;border-radius:2px;padding:16px 48px;cursor:pointer;box-shadow:-4px 4px #00000080}.mintro-connect:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px dotted #1a1917;border-radius:1px}.mintro-connect:active{transform:translate(-2px,2px);box-shadow:-2px 2px #00000080}.remote-brand{font-weight:700;font-size:22px;letter-spacing:.12em;text-shadow:-2px 2px 0 #000}.remote-code{display:flex;flex-direction:column;gap:18px;align-items:center;width:100%;max-width:360px}.remote-label{font-size:15px;color:var(--grey);letter-spacing:.08em}.remote-input{width:100%;font-family:var(--courier);font-weight:700;font-size:64px;letter-spacing:.3em;text-align:center;color:var(--gold);background:#111;border:3px solid var(--gold);border-radius:10px;box-shadow:-4px 4px #000;padding:12px 0 12px .3em;caret-color:var(--gold)}.remote-input:focus{outline:none;box-shadow:-4px 4px #000,0 0 20px #f6d88f99}.remote-status{display:flex;flex-direction:column;gap:4px;font-size:15px;letter-spacing:.08em}.remote-status .ok{color:#8aff9b}.remote-status .ko{color:var(--grey)}.remote-reset{margin-top:4px;background:none;border:none;color:var(--grey);font-family:var(--courier);font-size:13px;text-decoration:underline}.remote-btn{font-family:var(--courier);font-weight:700;letter-spacing:.08em;color:#1c1c20;background:var(--gold);border:2px solid #000;border-radius:10px;box-shadow:-4px 4px #000;padding:16px 20px;font-size:20px;width:100%;max-width:360px;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.remote-btn:active{transform:translate(-2px,2px);box-shadow:-1px 1px #000}.remote-btn:disabled{opacity:.4}.remote-btn.power{background:#9a2245;color:var(--gold)}.remote-btn.back{background:#1c1c20;color:var(--gold);border-color:var(--gold)}.dpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:min(80vw,320px);aspect-ratio:1}.dpad button{font-family:var(--courier);font-weight:700;font-size:30px;color:var(--gold);background:#2a2a30;border:2px solid var(--gold);border-radius:12px;box-shadow:-3px 3px #000;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease,background .06s}.dpad button:active{transform:translate(-2px,2px);box-shadow:-1px 1px #000;background:var(--gold);color:#1c1c20}.dpad-up{grid-area:1 / 2}.dpad-left{grid-area:2 / 1}.dpad-ok{grid-area:2 / 2;background:var(--gold);color:#1c1c20;font-size:24px}.dpad-right{grid-area:2 / 3}.dpad-down{grid-area:3 / 2}.remote-foot{font-size:12px;color:#6a6a72;letter-spacing:.1em}.remote-hint{font-size:14px;color:var(--grey);letter-spacing:.06em;max-width:360px;line-height:1.4}.rpad-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.rpad{position:relative;width:min(100vw,calc(100dvh * 941 / 1672));aspect-ratio:941 / 1672;background:url(/assets/remote/remote-bg.png) center / 100% 100% no-repeat;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.rbtn{position:absolute;padding:0;margin:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.rbtn-down{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.rlight{position:absolute;pointer-events:none}.remote-gate{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:360px;text-align:center;padding:24px 0}.remote-gate-icon{font-size:56px;color:var(--gold);text-shadow:-3px 3px 0 #000;animation:gate-pulse 1.4s ease-in-out infinite}.remote-gate-text{font-family:var(--courier);font-weight:700;font-size:20px;line-height:1.4;color:var(--gold);text-shadow:-2px 2px 0 #000}.remote-gate-wait{font-family:var(--courier);font-size:13px;letter-spacing:.08em;color:var(--grey)}@keyframes gate-pulse{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-6px);opacity:.6}}