:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#140c0a;--bg-1:#2a1710;--plastic:#d7c4a3;--plastic-dark:#b89d78;--plastic-shadow:#6d5340;--bezel:#1b1814;--crt-bg:#07140b;--amber:#f0c14b;--red:#e23b3b;--green:#5dff7a;--text:#f4ead7;--font-jp:"DotGothic16", "Yu Gothic", sans-serif;--font-en:"Press Start 2P", "DotGothic16", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#root{overscroll-behavior:none;background:var(--bg-0);width:100%;height:100%;color:var(--text);font-family:var(--font-jp);margin:0;overflow:hidden}button,input{font-family:inherit}img,svg,canvas{display:block}.app-shell{background:radial-gradient(at 50% 10%,#3a2218 0%,#0000 46%),repeating-linear-gradient(90deg,#1a100c 0 12px,#16100c 12px 13px),#120c0a;place-items:center;min-height:100svh;display:grid}.stage{width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);max-height:100svh;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#ffdca00d,#0000 18%),radial-gradient(circle at 50% 100%,#4a2a1c 0%,#1c100c 55%);grid-template-rows:auto 1fr auto auto;gap:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffdcaa14,0 24px 80px #0000008c}.headline{text-align:center;z-index:12;position:relative}.kicker{font-family:var(--font-en);letter-spacing:.28em;color:#c9a06a;margin:0;font-size:8px}.headline h1{letter-spacing:.04em;text-shadow:3px 3px #000;margin:6px 0 0;font-size:clamp(20px,5.4vw,28px)}.world{transform-origin:50% 55%;flex-direction:column;justify-content:center;align-items:center;min-height:0;transition:transform .45s,padding .4s;display:flex;position:relative}.world.mode-fufu,.world.mode-eject{justify-content:flex-end;padding-top:0;padding-bottom:2px}.world-shake,.console.is-shaking{animation:.42s steps(3,end) shake}.console{z-index:1;width:100%;transition:transform .55s cubic-bezier(.22,.8,.2,1),opacity .4s;position:relative}.rig{width:min(86%,340px);position:relative}.console-slot{z-index:3;height:18px;margin:0 18%;position:relative}.slot-lip{background:#8b7358;border-radius:4px 4px 0 0;height:8px;box-shadow:inset 0 1px #ffffff40}.slot-hole{background:#0c0907;border-radius:0 0 3px 3px;height:12px;margin:0 6px;box-shadow:inset 0 6px 8px #000c}.console-body{background:linear-gradient(180deg, var(--plastic) 0%, var(--plastic-dark) 100%);box-shadow:0 16px 0 var(--plastic-shadow), inset 0 2px 0 #ffffff59, inset 0 -8px 0 #00000014;border-radius:18px 18px 22px 22px;padding:14px 14px 12px}.console-bezel{background:var(--bezel);border-radius:14px;padding:12px 12px 16px;box-shadow:inset 0 0 0 3px #111,0 8px #0a0908}.crt{aspect-ratio:4/3;background:var(--crt-bg);isolation:isolate;border-radius:18px 18px 22px 22px/12px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000a6,inset 0 0 0 2px #050505}.crt-dark{background:#020302}.crt-title{background:radial-gradient(circle at 20% 18%,#fff3a0 0 1px,#0000 2px),radial-gradient(circle at 70% 12%,#fff 0 1px,#0000 2px),radial-gradient(circle at 82% 28%,#ffe08a 0 1px,#0000 2px),linear-gradient(#160c38 0%,#3a1d58 42%,#c45a2c 100%)}.crt-title .scanlines{opacity:.25}.crt-rare{background:#000}.crt-fail{animation:.45s steps(2,end) crt-flicker}.crt-success .crt-content{animation:.6s boot-glow}.noise-canvas{width:100%;height:100%;image-rendering:pixelated;opacity:.55;z-index:1;position:absolute;inset:0}.scanlines,.crt-glow{pointer-events:none;z-index:3;position:absolute;inset:0}.scanlines{background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px)}.crt-glow{background:radial-gradient(circle at 50% 45%,#0000 40%,#00000073 100%)}.crt-content{z-index:4;text-align:center;place-items:center;height:100%;padding:10px;display:grid;position:relative}.garbled{color:#7dff88;opacity:.7;letter-spacing:.08em;justify-content:space-between;font-size:11px;display:flex;position:absolute;inset:10px 8px auto}.crt-alert,.crt-ok,.crt-boot,.crt-breath,.crt-idle,.crt-picoon,.crt-streak{text-shadow:0 0 8px #78ff8c80;margin:0;line-height:1.45}.crt-alert{color:#b6ffb0;font-size:clamp(15px,4.2vw,20px)}.crt-ok,.crt-picoon{color:var(--green);font-size:clamp(18px,5vw,24px)}.crt-boot{color:#d7ffd0;font-size:18px}.crt-breath{color:#fff4c8;font-size:clamp(20px,6vw,28px)}.crt-idle{color:#8fbb8c;font-size:14px}.crt-streak{color:#f0d38a;font-size:12px;position:absolute;bottom:14px;left:8px;right:8px}.title-screen{color:#ffe27a;justify-items:center;gap:8px;display:grid}.title-maker{font-family:var(--font-en);letter-spacing:.2em;color:#9ad0ff;margin:0;font-size:7px}.title-name{font-family:var(--font-en);color:#ffe27a;margin:0;font-size:clamp(10px,3.1vw,13px);line-height:1.6}.title-start{font-family:var(--font-en);color:#fff;margin:4px 0 0;font-size:10px}.rare-ending{gap:14px;display:grid}.rare-main{color:#fff;margin:0;font-size:15px}.rare-sub{color:#9a9a9a;margin:0;font-size:12px}.console-deck{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 8px 4px;display:grid}.power-led{background:#3a2018;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #111}.led-red{background:var(--red);box-shadow:0 0 8px var(--red);animation:1.2s step-end infinite led-blink}.led-green{background:var(--green);box-shadow:0 0 10px var(--green);animation:none}.console-brand{font-family:var(--font-jp);letter-spacing:.18em;color:#5c4634;font-size:13px}.speaker-grille{grid-template-columns:repeat(6,4px);gap:3px;display:grid}.speaker-grille span{background:#6b5340;border-radius:50%;width:4px;height:4px;box-shadow:inset 0 1px 1px #3a2a20}.console-feet{justify-content:space-between;padding:0 22px;display:flex}.console-feet span{background:#4a3428;border-radius:0 0 6px 6px;width:28px;height:8px}.cartridge{z-index:5;transform-origin:50% 100%;filter:drop-shadow(0 10px 8px #00000073);pointer-events:none;width:112px;transition:transform .55s cubic-bezier(.18,.84,.22,1);position:absolute;top:16px;left:50%;transform:translate(-50%)translateY(-100%)scale(.38)}.cartridge-inserted{transform:translate(-50%)translateY(-100%)scale(.38)}.cartridge-ejecting{z-index:8;transition:none;animation:.7s cubic-bezier(.18,.84,.22,1) both eject;transform:translate(-50%)translateY(calc(-100% - 14px))scale(.72)}.cartridge-fufu{z-index:8;transform:translate(-50%)translateY(calc(-100% - 14px))scale(.72)}.cartridge-inserting{transition:none;animation:.7s cubic-bezier(.2,.8,.22,1) both seat;transform:translate(-50%)translateY(-100%)scale(.38)}.cartridge-shell{background:linear-gradient(#e2c86a,#c49b3c 58%,#9e7828);border-radius:8px 8px 4px 4px;padding:8px 8px 6px;position:relative;box-shadow:inset 0 2px #ffffff59,inset 0 -3px #0000002e}.cartridge-ridge{background:repeating-linear-gradient(#0000002e 0 4px,#0000 4px 8px);width:5px;position:absolute;top:10px;bottom:12px}.cartridge-ridge-left{left:4px}.cartridge-ridge-right{right:4px}.cartridge-label{color:#f7e7b0;background:linear-gradient(#7d2c2c,#5e1f1f);border:2px solid #3d1414;align-content:center;justify-items:center;gap:4px;min-height:118px;padding:8px 6px;display:grid}.label-maker,.label-chip{font-family:var(--font-jp);letter-spacing:.12em;opacity:.9;font-size:8px}.label-title{font-family:var(--font-en);text-align:center;font-size:7px;line-height:1.45}.cartridge-notch{background:#6f5420;border-radius:0 0 3px 3px;width:28px;height:6px;margin:6px auto 0}.cartridge-contacts{background:#2a2318;border-radius:0 0 5px 5px;grid-template-columns:repeat(14,1fr);gap:2px;padding:5px 6px 6px;display:grid}.contact-pin{background:linear-gradient(#f3d37a,#c7922a);height:26px;box-shadow:inset 0 0 0 1px #5a320059}.cartridge-fufu .contact-pin{box-shadow:inset 0 0 0 1px #5a320059,0 0 6px #ffdc78a6}.fufu-fx{pointer-events:none;z-index:7;width:200px;height:150px;position:absolute;top:16px;left:50%;transform:translate(-50%,-52%)}.wind-lines{position:absolute;inset:0;overflow:visible}.wind-path{fill:none;stroke:#dcf0ffcc;stroke-width:3px;stroke-linecap:round;stroke-dasharray:8 10;animation:.55s linear infinite wind}.w2{opacity:.7;animation-duration:.48s}.w3{animation-duration:.62s}.w4{opacity:.75;animation-duration:.5s}.w5{animation-duration:.7s}.dust{background:#cbb48a;width:5px;height:5px;animation:.9s linear infinite dust-fly;position:absolute;bottom:18px;left:50%;box-shadow:0 0 0 1px #6b5434}.d1{animation-delay:0s;transform:translate(-40px,20px)}.d2{animation-delay:.1s;transform:translate(30px,28px)}.d3{animation-delay:.2s;transform:translate(-10px,40px)}.d4{width:3px;height:3px;animation-delay:50ms;transform:translate(50px,10px)}.d5{animation-delay:.18s;transform:translate(-55px,8px)}.d6{width:4px;height:4px;animation-delay:.3s;transform:translate(8px,32px)}.d7{animation-delay:.12s;transform:translate(-70px,24px)}.d8{animation-delay:.22s;transform:translate(62px,36px)}.d9{width:3px;height:3px;animation-delay:.28s;transform:translate(-22px,16px)}.d10{animation-delay:80ms;transform:translate(18px,8px)}.gatcha-stamp{color:#fff6d2;text-shadow:4px 4px #000;z-index:9;pointer-events:none;font-size:clamp(28px,8vw,40px);animation:.38s ease-out both stamp;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.hud{text-align:center;z-index:2;gap:8px;display:grid}.status-copy{text-shadow:2px 2px #000;min-height:1.4em;margin:0;font-size:clamp(15px,4.2vw,18px)}.gauge-wrap{gap:6px;display:grid}.gauge-label{font-size:16px}.gauge-track{background:#1a120e;border:2px solid #f4ead7;height:14px;box-shadow:2px 2px #000}.gauge-fill{background:repeating-linear-gradient(90deg, var(--amber) 0 8px, #d7a43a 8px 10px);width:0;height:100%;transition:width 50ms linear}.actions{align-items:end;min-height:72px;display:grid}.game-btn{color:#fff6e8;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;background:#8b2e2e;border:3px solid #f4ead7;width:100%;min-height:64px;font-size:clamp(16px,4.6vw,20px);box-shadow:0 6px #4a1515,0 8px #000}.game-btn:active,.fufu-btn.is-held{transform:translateY(4px);box-shadow:0 2px #4a1515,0 3px #000}.fufu-btn{touch-action:none;background:#2f6f8f;font-size:clamp(17px,5vw,22px);box-shadow:0 6px #16384a,0 8px #000}.fufu-btn.is-held{background:#3b8fb6;box-shadow:0 2px #16384a,0 3px #000}.game-btn.ghost{background:#3a2a22;box-shadow:0 6px #1b140f,0 8px #000}.blink{animation:1s step-end infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes led-blink{0%,49%{opacity:1}50%,to{opacity:.35}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes crt-flicker{0%,to{filter:none}20%{filter:brightness(1.8)}35%{filter:brightness(.4)}55%{filter:brightness(1.3)}70%{filter:brightness(.7)}}@keyframes boot-glow{0%{filter:brightness(0)}40%{filter:brightness(2.2)}to{filter:none}}@keyframes eject{0%{transform:translate(-50%)translateY(-100%)scale(.38)}45%{transform:translate(-50%)translateY(calc(-100% - 36px))scale(.6)}to{transform:translate(-50%)translateY(calc(-100% - 14px))scale(.72)}}@keyframes seat{0%{transform:translate(-50%)translateY(calc(-100% - 14px))scale(.72)}62%{transform:translate(-50%)translateY(calc(-100% - 6px))scale(.38)}82%{transform:translate(-50%)translateY(calc(10px - 100%))scale(.38)}to{transform:translate(-50%)translateY(-100%)scale(.38)}}@keyframes wind{0%{stroke-dashoffset:40px}to{stroke-dashoffset:0}}@keyframes dust-fly{0%{opacity:0}15%{opacity:1}to{opacity:0;translate:8px -88px}}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(1.8)}40%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}}@media (height<=700px){.headline h1{font-size:18px}.cartridge-fufu{transform:translate(-50%)translateY(calc(-100% - 10px))scale(.62)}.game-btn{min-height:56px}}@media (width>=900px){.stage{border-radius:20px}}