*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 10%,#201611,#09090b 55%,#040405);color:#ddd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit}.page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:10px 5px}.console.mockup-shell{position:relative;width:min(100%,350px);padding:11px 16px 16px;border-radius:24px;background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.2) 0 13%,transparent 31%),radial-gradient(circle at 80% 86%,rgba(59,41,26,.22) 0 18%,transparent 36%),linear-gradient(180deg,#b7b09f,#9e9688 16%,#8c8478 38%,#797268 68%,#898276);border:1px solid #3f3932;box-shadow:0 28px 60px #000c,inset 0 2px 2px #ffffff70,inset 0 -14px 24px #1915127a,inset 0 0 0 1px #77614c59;overflow:hidden;isolation:isolate}.console.mockup-shell:before{content:"";position:absolute;inset:6px;border-radius:19px;pointer-events:none;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000002e}.console.mockup-shell:after{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 110px #00000038}.shell-noise,.shell-dirt,.shell-vignette,.shell-burn,.hairline,.screw,.tagline,.warning-stamp,.engrave-top,.screen-block,.screen-caption,.front-logo-row,.mid-panel,.button-labels,.lower-bar,.bottom-row,.bottom-etch{position:relative;z-index:2}.shell-noise{position:absolute;inset:0;z-index:0;opacity:.9;background:radial-gradient(circle at 10% 16%,rgba(67,47,34,.18) 0 2px,transparent 4px),radial-gradient(circle at 76% 78%,rgba(24,26,24,.24) 0 7px,transparent 14px),radial-gradient(circle at 61% 4%,rgba(72,55,41,.16) 0 15px,transparent 28px),radial-gradient(circle at 32% 68%,rgba(14,14,15,.08) 0 20px,transparent 40px),radial-gradient(circle at 60% 58%,rgba(255,255,255,.04) 0 1px,transparent 3px)}.shell-dirt{position:absolute;inset:0;z-index:0;opacity:.8;background:linear-gradient(130deg,transparent 0 12%,rgba(0,0,0,.04) 12.4%,transparent 12.8%),linear-gradient(0deg,rgba(0,0,0,.08),rgba(255,255,255,.02) 26%,transparent 44%),radial-gradient(circle at 86% 98%,rgba(28,20,15,.34) 0 34px,transparent 62px),radial-gradient(circle at 6% 94%,rgba(30,22,17,.24) 0 42px,transparent 72px),radial-gradient(circle at 12% 40%,rgba(39,28,20,.12) 0 30px,transparent 52px);mix-blend-mode:multiply}.shell-vignette{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.09),transparent 10%,transparent 90%,rgba(0,0,0,.09)),linear-gradient(180deg,rgba(255,255,255,.05),transparent 10%,transparent 86%,rgba(0,0,0,.12))}.shell-burn{position:absolute;border-radius:50%;z-index:1;mix-blend-mode:multiply;opacity:.6;background:radial-gradient(circle at 40% 40%,rgba(22,16,14,.02),rgba(33,23,17,.34) 58%,transparent 74%)}.shell-burn-a{width:72px;height:72px;left:-8px;bottom:16px}.shell-burn-b{width:62px;height:62px;right:18px;top:132px}.shell-burn-c{width:44px;height:44px;right:88px;bottom:26px}.hairline{position:absolute;height:1px;background:#453a338f;transform-origin:left center;pointer-events:none}.hair-a{width:66px;left:70px;top:40px;transform:rotate(-20deg)}.hair-b{width:102px;right:28px;top:128px;transform:rotate(56deg)}.hair-c{width:78px;left:42px;bottom:108px;transform:rotate(14deg)}.screw{position:absolute;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#96795d,#4d392d 62%,#231916);border:1px solid #2a211c;box-shadow:inset 0 1px 1px #e7c6a166,0 1px 5px #000000b3}.screw:before,.screw:after{content:"";position:absolute;left:3px;right:3px;top:7px;height:2px;background:#281d19}.screw:after{transform:rotate(90deg)}.screw.tl{top:10px;left:10px}.screw.tr{top:10px;right:10px}.screw.bl{bottom:10px;left:10px}.screw.br{bottom:10px;right:10px}.tagline{text-align:center;color:#231d19;font:900 5.3px/1.1 Georgia,serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;text-shadow:0 1px rgba(255,255,255,.12)}.warning-stamp{width:max-content;max-width:100%;margin:0 auto 4px;padding:2px 6px;border:1px solid #63453d;color:#5a241e;background:#96796324;font:900 4.5px/1 monospace;letter-spacing:.14em;transform:rotate(-2deg)}.engrave-top{text-align:center;color:#4d443b;font:800 4.1px monospace;letter-spacing:.14em;margin-bottom:6px;text-shadow:0 1px rgba(255,255,255,.07)}.screen-block{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;margin-bottom:8px}.batt-stack{display:flex;flex-direction:column;align-items:center;gap:4px;color:#d9c9a5;font:800 5px monospace;text-shadow:0 0 6px rgba(0,0,0,.8)}.batt-led{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffc58d,#ff9f59 62%,#8d421b);box-shadow:0 0 8px #ffaa5fcc,0 0 16px #ff914673}.bezel{padding:10px;border-radius:18px 18px 22px;background:linear-gradient(180deg,#252628,#0f1012);border:2px solid #4f4c49;box-shadow:inset 0 8px 16px #000000eb,0 2px 1px #ffffff2e}.screen-frame{position:relative;width:100%;aspect-ratio:3/2;border-radius:8px;background:#050607;border:2px solid #070809;overflow:hidden;box-shadow:inset 0 0 22px #000000f2,0 0 0 1px #ffffff0a}.screen-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 6%,transparent 88%,rgba(255,255,255,.02) 100%),radial-gradient(circle at 50% 106%,rgba(120,188,192,.18) 0 24%,transparent 55%)}#game{width:100%;height:100%;display:block;image-rendering:auto}.glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.14),transparent 22% 78%,rgba(184,217,255,.08)),linear-gradient(180deg,transparent 0%,transparent 74%,rgba(30,26,23,.2) 100%);box-shadow:inset 0 0 16px #000000bf}.screen-caption{text-align:center;color:#4a443b;font:800 4.3px monospace;letter-spacing:.15em;margin:-1px 0 5px;text-shadow:0 1px rgba(255,255,255,.07)}.front-logo-row{display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:8px;margin:6px 0 8px}.ghost-icon{width:18px;height:18px;color:#2d2a27;opacity:.85}.ghost-icon svg{width:100%;height:100%}.front-logo{text-align:center;color:#121110;font:1000 16px/1 Impact,Haettenschweiler,system-ui;letter-spacing:.06em;text-shadow:0 1px rgba(255,255,255,.1)}.front-logo span{font-size:7px;vertical-align:top;margin-left:1px}.front-logo small{display:block;margin-top:2px;color:#4a433b;font:800 4.5px monospace;letter-spacing:.12em}.mid-panel{display:grid;grid-template-columns:95px 1fr 106px;align-items:center;gap:4px}.dpad{position:relative;width:92px;height:92px;justify-self:start;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}.dpad button,.dpad i{position:absolute;background:linear-gradient(180deg,#2e2f32,#0c0d10);border:1px solid #060607;color:#888b8e;box-shadow:inset 0 1px #9b9b9e73,0 5px 8px #000000b3}.dpad button{width:31px;height:31px;padding:0;font-size:10px;touch-action:none}.dpad .up{left:30px;top:0;border-radius:6px 6px 2px 2px}.dpad .down{left:30px;bottom:0;border-radius:2px 2px 6px 6px}.dpad .left{left:0;top:30px;border-radius:6px 2px 2px 6px}.dpad .right{right:0;top:30px;border-radius:2px 6px 6px 2px}.dpad i{left:30px;top:30px;width:31px;height:31px}.center-marks{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:translateY(4px)}.occult-mark{width:56px;height:56px;color:#63594d;opacity:.6}.occult-mark svg{width:100%;height:100%}.rune-row{color:#3b342d;font:900 6px monospace;letter-spacing:.16em;text-align:center}.sigil-plate{padding:1px 5px;border:1px solid rgba(73,60,49,.55);border-radius:9px;color:#3e352f;background:#ffffff0d;font:800 4px monospace;letter-spacing:.12em}.action-cluster{justify-self:end;position:relative;width:104px;height:86px;transform:translateY(2px) rotate(-12deg)}.action-shadow{position:absolute;inset:8px 0 0;border-radius:40px;background:radial-gradient(circle at 65% 35%,rgba(0,0,0,.34),transparent 66%)}.round{position:absolute;width:50px;height:50px;border-radius:50%;font:1000 18px monospace;color:#ebe6df;border:2px solid #261f1c;box-shadow:0 7px 10px #000000bd,inset 0 2px 2px #ffffff42,inset 0 -5px 7px #0000004d;touch-action:none;background:radial-gradient(circle at 35% 30%,#626469,#2c2d31 58%,#111214)}.round.b{left:0;top:18px}.round.a{right:0;top:0}.pressed{transform:translateY(2px) scale(.95)!important;filter:brightness(1.18)}.button-labels{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 16px 2px 234px;margin-top:-2px;color:#2e2926;font:900 5.5px monospace}.button-labels .bLabel{justify-self:center}.button-labels .aLabel{justify-self:center;transform:translate(9px)}.lower-bar{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;margin:2px 4px 6px 110px}.select-wrap,.start-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.pill{width:45px;height:12px;border-radius:12px;border:1px solid #27211d;background:linear-gradient(180deg,#4b4a4d,#1b1b1d);box-shadow:0 2px 4px #000000b3;touch-action:none}.start-wrap .pill{transform:translate(-6px)}.select-wrap .pill{transform:translate(8px)}.lower-bar span{color:#322d29;font:800 5.1px monospace}.sound-toggle{justify-self:end;border:1px solid #3b322b;border-radius:6px;padding:4px 6px;background:linear-gradient(180deg,#69625c,#393633);color:#e4ddd5;font:800 5.4px monospace;box-shadow:inset 0 1px #ffffff38}.bottom-row{display:grid;grid-template-columns:64px 48px 1fr 20px;align-items:end;gap:6px;margin-top:4px}.bottom-etch{text-align:center;color:#463d36;font:800 4px monospace;letter-spacing:.12em;margin-top:5px;opacity:.9}.property-sticker{justify-self:start;align-self:start;transform:rotate(-7deg);padding:4px 5px 3px;background:linear-gradient(180deg,#9f8b6c,#7f6c50);border:1px solid #4b3b2e;color:#110f0d;font:800 4.7px/1.05 monospace;box-shadow:0 2px 5px #0000008c}.property-sticker strong{font-size:8px}.lower-glyphs{display:flex;flex-direction:column;gap:6px;align-items:center;justify-self:center;color:#50473d;opacity:.82}.lower-glyphs .glyph.small{width:19px;height:19px}.lower-glyphs .glyph.tiny{width:15px;height:15px}.lower-glyphs svg{width:100%;height:100%}.speaker-wrap{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.serial-plate{padding:1px 4px;border:1px solid rgba(73,60,49,.55);color:#413730;background:#ffffff0d;font:800 4px monospace;letter-spacing:.08em}.speaker-block{display:grid;grid-template-columns:repeat(4,8px);grid-auto-rows:8px;gap:4px;width:max-content;padding:4px 0 0;margin-right:4px}.speaker-block i{width:8px;height:8px;border-radius:50%;background:#413d39;box-shadow:inset 0 2px 2px #171515}.side-runes{justify-self:end;color:#38312b;font:900 8px/1 serif;text-align:center;opacity:.75;margin-bottom:3px}@media(max-width:330px){.console.mockup-shell{padding-left:12px;padding-right:12px}.mid-panel{grid-template-columns:88px 1fr 98px}.dpad{transform:scale(.95);transform-origin:left center}.round{width:46px;height:46px}.lower-bar{margin-left:98px;gap:9px}.button-labels{padding-left:214px}.bottom-row{grid-template-columns:58px 42px 1fr 18px}}html.embed-mode,html.embed-mode body{margin:0;min-height:0;width:100%;background:#fff!important;overflow:hidden}html.embed-mode body{color:#ddd}html.embed-mode #app{width:100%;margin:0;padding:0;background:#fff!important}html.embed-mode .page{min-height:0;width:100%;margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start;background:#fff!important}html.embed-mode .console.mockup-shell{width:min(100%,350px);margin:0 auto}