@font-face{font-family:system-ui;src:local(system-ui)}
:root{--ink:#07091b;--navy:#11194a;--blue:#1f55d8;--cyan:#48dded;--red:#e63646;--gold:#ffd04d;--cream:#fff3c7;--panel:#17215d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050614;color:#fff;font-family:ui-monospace,"Cascadia Mono","Courier New",monospace}button,a,input,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.boot{position:fixed;z-index:1000;inset:0;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle,#253083,#050511 62%);text-align:center}.boot-badge{display:flex;align-items:flex-end;gap:5px;filter:drop-shadow(7px 7px 0 #000)}.boot-badge span{font:1000 68px/1 Impact,Haettenschweiler,sans-serif;font-style:italic;color:#fff}.boot-badge b{font:1000 36px/1 Impact,sans-serif;color:var(--gold)}.boot p{font-size:9px;letter-spacing:.28em}.boot-line{width:260px;height:12px;padding:2px;border:2px solid #fff;background:#050614}.boot-line i{display:block;width:12%;height:100%;background:linear-gradient(90deg,var(--red),var(--gold),var(--cyan));animation:load 1.25s steps(8,end) infinite}@keyframes load{to{width:100%}}
#app{position:fixed;inset:0;padding-top:calc(48px + var(--safe-top));background:#090c2b}.site-bar{position:absolute;z-index:90;top:0;left:0;right:0;height:calc(48px + var(--safe-top));padding:var(--safe-top) 12px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(#1d2b77,#0b1138);border-bottom:3px solid var(--gold);box-shadow:0 4px 0 #000}.top-button,.site-actions a,.icon-button{border:2px solid #7895ff;background:#152064;color:#fff;padding:8px 10px;text-decoration:none;font-weight:900;font-size:8px;letter-spacing:.08em;cursor:pointer}.site-actions{display:flex;gap:6px;align-items:center}.site-actions a{background:#b32639;border-color:#ffbc55}.icon-button{width:38px;height:34px;padding:0;font-size:18px}.site-brand{text-align:center;line-height:1}.site-brand small{display:block;color:#91b8ff;font-size:5px;letter-spacing:.16em}.site-brand b{display:block;margin-top:3px;color:var(--cream);font-size:12px;letter-spacing:.12em;text-shadow:2px 2px 0 #8f1e35}
.screen{position:absolute;inset:calc(48px + var(--safe-top)) 0 0;display:none;overflow:hidden}.screen.active{display:block}.kicker{margin:0;color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.2em}.menu-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:54px;padding:10px 14px;border:3px solid #667eea;background:linear-gradient(180deg,#243783,#131b4b);box-shadow:5px 5px 0 #030411;color:#fff;font-weight:1000;font-size:11px;letter-spacing:.06em;cursor:pointer;text-align:left}.menu-button small{margin-top:4px;color:#a9baf4;font-size:6px;font-weight:700;letter-spacing:.05em}.menu-button:hover,.menu-button:focus-visible,.menu-button.selected{transform:translate(-2px,-2px);background:linear-gradient(#e5414e,#9d1d3b);border-color:#ffd65a;box-shadow:7px 7px 0 #030411}.menu-button.primary{background:linear-gradient(#f45150,#a7203c);border-color:#ffd65a}.menu-button.quiet{background:#101942;border-color:#394873;color:#aab4df}
/* ARCADE */
#arcade-screen{background:linear-gradient(#15256e 0 38%,#6a32a7 38% 43%,#11152f 43% 100%);padding:24px 24px 12px;text-align:center}.arcade-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}.arcade-sky:before{content:"";position:absolute;left:0;right:0;top:34%;height:14%;background:linear-gradient(transparent,#ff4d75 60%,#ffd05b);clip-path:polygon(0 100%,7% 35%,11% 100%,16% 12%,22% 100%,29% 25%,34% 100%,42% 8%,48% 100%,55% 31%,61% 100%,69% 5%,76% 100%,84% 27%,89% 100%,95% 18%,100% 100%)}.arcade-sky i{position:absolute;width:3px;height:3px;background:#fff;box-shadow:40px 20px #fff,80px -10px #ffd65a,150px 42px #7af1ff,230px -22px #fff,310px 18px #ff87c7,410px 45px #fff,520px -14px #7af1ff;animation:stars 7s linear infinite}.arcade-sky i:nth-child(1){left:4%;top:11%}.arcade-sky i:nth-child(2){left:32%;top:18%;animation-delay:-2s}.arcade-sky i:nth-child(3){left:58%;top:8%;animation-delay:-4s}.arcade-sky i:nth-child(4){left:78%;top:20%;animation-delay:-6s}@keyframes stars{50%{transform:translateY(8px)}}.arcade-heading{position:relative;z-index:2}.arcade-heading h1{margin:2px 0 0;font:1000 clamp(45px,8vw,88px)/.86 Impact,sans-serif;font-style:italic;letter-spacing:-.05em;text-shadow:5px 5px 0 #0b0c2c,8px 8px 0 #e23754}.arcade-heading h1 span{color:var(--gold)}.arcade-heading>p:last-child{margin:10px 0 8px;color:#d9d5ff;font-size:8px}.cabinet-row{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:26px;height:calc(100% - 142px);padding-bottom:32px}.cabinet{position:relative;display:flex;flex-direction:column;width:min(29vw,280px);min-width:210px;height:min(64vh,520px);padding:0;border:0;background:transparent;color:#fff;text-decoration:none;cursor:pointer;filter:drop-shadow(12px 16px 0 rgba(0,0,0,.62));transition:transform .18s,filter .18s}.cabinet.selected,.cabinet:hover{transform:translateY(-9px) scale(1.025);filter:drop-shadow(12px 18px 0 rgba(0,0,0,.65)) drop-shadow(0 0 16px rgba(255,209,69,.5))}.cabinet-marquee{height:94px;padding:10px 7px;background:linear-gradient(135deg,#f23b4e,#8a1f61 60%,#34227d);border:5px solid #0a0b1e;border-bottom:0;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);text-shadow:3px 3px 0 #10112e}.cabinet-marquee small{display:block;color:#ffdb54;font-weight:1000;font-size:10px}.cabinet-marquee b{display:block;font:1000 23px/.83 Impact,sans-serif;font-style:italic}.cabinet-marquee em{display:block;margin-top:5px;color:#8ef1ff;font-size:6px;font-style:normal;letter-spacing:.09em}.cabinet-shell{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 18px 10px;background:linear-gradient(90deg,#111b55,#2a378d 20% 80%,#0b123b);border:7px solid #080a20}.cabinet-shell:before{content:"";position:absolute;inset:5px;border:2px solid rgba(255,255,255,.12);pointer-events:none}.cabinet-screen{position:relative;width:100%;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:#060814;border:9px solid #060817;box-shadow:inset 0 0 0 3px #4857a4}.street-screen{grid-template-columns:1fr auto 1fr;background:radial-gradient(circle,#7b49d4,#1d245e 50%,#091028)}.street-screen i{width:42px;height:90px;background:#49e15d;clip-path:polygon(34% 0,66% 0,77% 15%,70% 39%,100% 100%,61% 86%,50% 60%,38% 86%,0 100%,30% 39%,23% 15%);filter:drop-shadow(4px 4px 0 #091015)}.street-screen i.street-b{background:#8e2ba5;transform:scaleX(-1)}.street-screen b{font:1000 30px Impact;color:var(--gold);text-shadow:3px 3px 0 #d5283e}.street-screen em{position:absolute;bottom:8px;font-style:normal;font-size:7px;color:#fff}.punch-screen{background:repeating-linear-gradient(90deg,#0b512d 0 14px,#276b3e 14px 28px)}.punch-screen i{font-size:28px}.punch-screen b{font-size:10px;color:#fff5b5}.moral-screen{grid-template-columns:1fr auto 1fr;background:#19061e}.moral-screen i{width:36px;height:80px;background:#8c1c28}.moral-screen b{color:#ee3347;font:1000 18px Impact}.cabinet-controls{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.cabinet-controls i{width:14px;height:55px;background:#090b19;border-radius:9px;box-shadow:0 -18px 0 4px #d92743}.cabinet-controls b{width:17px;height:17px;border-radius:50%;background:#ef3349;border:3px solid #0a0c1f}.cabinet-controls b:nth-of-type(2){background:#ffd248}.cabinet-controls b:nth-of-type(3){background:#4cd7e2}.cabinet-controls b:nth-of-type(4){background:#6bdc68}.coin-slot{padding:6px 10px;background:#050713;border:2px solid #4d5a9a;color:#ffcf47;font-size:7px}.cabinet-plinth{min-height:66px;padding:10px;background:linear-gradient(#161f5d,#0b0e31);border:7px solid #080a20;border-top:2px solid #4b5ac0}.cabinet-plinth b{display:block;color:#ffd153;font-size:12px}.cabinet-plinth small{display:block;margin-top:5px;color:#9fabe1;font-size:6px}.cabinet.locked{filter:grayscale(.45) brightness(.72) drop-shadow(12px 16px 0 rgba(0,0,0,.62));cursor:not-allowed}.cabinet.external{opacity:.86}.arcade-footer{position:absolute;z-index:3;left:22px;right:22px;bottom:10px;display:flex;justify-content:space-between;color:#99a5d1;font-size:7px}.arcade-footer b{color:#fff0a5}
/* TITLE */
#title-screen{background:radial-gradient(circle at 35% 25%,#3f55bc,#141b5f 43%,#080b2a 78%);padding:28px 5vw 86px}.world-map{position:absolute;inset:0;opacity:.28;background:linear-gradient(12deg,transparent 48%,#75c6ff 49% 51%,transparent 52%),linear-gradient(160deg,transparent 48%,#df5477 49% 51%,transparent 52%)}.world-map i{position:absolute;width:12px;height:12px;border:3px solid #ffd859;border-radius:50%;box-shadow:0 0 16px #ffd859}.world-map i:nth-child(1){left:12%;top:23%}.world-map i:nth-child(2){left:31%;top:67%}.world-map i:nth-child(3){left:55%;top:18%}.world-map i:nth-child(4){left:68%;top:61%}.world-map i:nth-child(5){left:84%;top:36%;background:#e33549}.title-logo{position:relative;z-index:2;width:54%;padding-top:4vh}.title-logo>span{display:inline-block;padding:5px 9px;background:#f13b4c;color:#fff5b6;font-weight:1000;font-size:12px;transform:skew(-9deg)}.title-logo h1{margin:4px 0 0;font:1000 clamp(55px,9vw,108px)/.75 Impact,sans-serif;font-style:italic;letter-spacing:-.07em;color:#fff;text-shadow:5px 5px 0 #141449,9px 9px 0 #ec3349}.title-logo h1 b{display:block;color:#f7d94f}.title-logo h1 sup{font-size:.37em;color:#5deaff}.title-logo h2{display:inline-block;margin:10px 0 0;padding:1px 15px;background:#ef3348;color:#fff4b7;font:1000 clamp(26px,4vw,48px)/1 Impact;transform:skew(-10deg);box-shadow:5px 5px 0 #090c28}.title-logo>p{font-size:11px;font-weight:1000;letter-spacing:.24em;color:#70ecff;text-shadow:2px 2px 0 #000}.title-menu{position:absolute;z-index:3;right:5vw;top:7vh;width:min(40vw,470px);display:grid;gap:9px}.book-promo{position:absolute;z-index:2;left:5vw;bottom:95px;display:grid;grid-template-columns:90px minmax(220px,390px);gap:14px;align-items:center;text-align:left}.book-cover{height:118px;padding:9px;background:linear-gradient(150deg,#07101a,#4c1720 65%,#e04044);border:4px solid #060813;box-shadow:6px 6px 0 rgba(0,0,0,.55)}.book-cover small,.book-cover span{display:block;font-size:4px;line-height:1.4}.book-cover b{display:block;margin:15px 0 10px;color:#f3d35c;font:1000 18px/.85 Impact}.book-promo>div:last-child small{color:#69e6ee;font-size:6px}.book-promo h3{margin:3px 0;color:#fff2b2;font-size:14px}.book-promo p{margin:3px 0 9px;color:#9eb1e6;font-size:6px}.book-promo a{padding:6px 8px;background:#c52c42;color:#fff5c1;text-decoration:none;font-size:6px;font-weight:900}.settings-strip{position:absolute;z-index:4;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:12px}.settings-strip fieldset{display:flex;gap:5px;margin:0;padding:5px 7px;border:2px solid #5368c0;background:rgba(8,12,45,.87)}.settings-strip legend{padding:0 5px;color:#a9b8ec;font-size:5px}.settings-strip button{padding:6px 8px;border:1px solid #566cc3;background:#131b4f;color:#aab7e9;font-size:6px;font-weight:900}.settings-strip button.selected{background:#d93249;color:#fff5c5;border-color:#ffdb5a}.fiction-note{position:absolute;right:12px;bottom:8px;width:240px;margin:0;text-align:right;color:#7080b5;font-size:4px}
/* SELECT */
#fighter-screen{background:linear-gradient(135deg,#0d164f,#35206f 55%,#701b4e);padding:18px 3vw 74px}.select-title{text-align:center}.select-title h2{margin:3px 0 7px;font:1000 clamp(35px,6vw,66px)/.9 Impact;font-style:italic;text-shadow:4px 4px 0 #09102c}.select-title h2 span{color:#ffd451}.fighter-layout{display:grid;grid-template-columns:minmax(420px,1.3fr) minmax(330px,.8fr);gap:20px;height:calc(100% - 88px)}.fighter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-content:center}.fighter-card{position:relative;min-height:130px;padding:4px;border:4px solid #374a9a;background:#11194b;box-shadow:4px 4px 0 #030411;cursor:pointer;overflow:hidden}.fighter-card.selected,.fighter-card:hover{border-color:#ffd64c;background:#b92543;transform:translate(-2px,-2px)}.fighter-card canvas{display:block;width:100%;height:96px;image-rendering:pixelated;background:linear-gradient(#3146a0,#141949)}.fighter-card b{display:block;padding:5px 2px 1px;font-size:7px;line-height:1.05}.fighter-card small{color:#88eaff;font-size:4px}.fighter-dossier{display:grid;grid-template-columns:minmax(180px,.9fr) 1.1fr;gap:12px;align-items:center;padding:15px;background:linear-gradient(135deg,#12194e,#1f286b);border:4px solid #6c7fd0;box-shadow:8px 8px 0 #050617}.fighter-dossier canvas{width:100%;height:auto;max-height:52vh;image-rendering:pixelated;background:radial-gradient(circle,#5d49a8,#151a52 65%);border:4px solid #2c367b}.fighter-dossier small{color:#61e9f2;font-size:6px}.fighter-dossier h3{margin:5px 0;color:#fff1a8;font:1000 clamp(22px,3.2vw,42px)/.88 Impact;text-shadow:3px 3px 0 #a71e3b}.fighter-dossier p{color:#aab8e5;font-size:7px;line-height:1.5}.stats{display:grid;gap:6px;margin:12px 0}.stats div{display:grid;grid-template-columns:70px 1fr;align-items:center}.stats dt{font-size:5px;color:#8ea0dc}.stats dd{height:8px;margin:0;background:#070a27;border:1px solid #4a5cb4}.stats dd i{display:block;height:100%;background:linear-gradient(90deg,#e43b4f,#ffd452,#57e1ea)}.move-preview{padding:9px;background:#0a103b;border-left:4px solid #ef3b4d}.move-preview span{color:#ffd45a;font-size:6px}.move-preview p{margin:5px 0;font-size:6px;color:#dfe7ff}.move-preview b{color:#62edf0;font-size:7px}.select-actions{position:absolute;left:3vw;right:3vw;bottom:12px;display:flex;justify-content:center;gap:10px}.select-actions .menu-button{min-height:42px;padding:7px 13px}
/* LAN */
#lan-screen{background:linear-gradient(135deg,#0a123e,#1d306d 48%,#52215e);padding:18px 3vw 62px;overflow:auto}.lan-heading{text-align:center}.lan-heading h2{margin:2px 0;color:#fff;font:1000 clamp(35px,6vw,65px)/.9 Impact;font-style:italic;text-shadow:4px 4px 0 #b31f3b}.lan-heading h2 span{color:#ffd45a}.lan-heading>p:last-child{margin:6px;color:#9eb2e5;font-size:7px}.lan-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:14px;max-width:1180px;margin:12px auto}.lan-layout article{padding:13px;border:4px solid #536ac5;background:rgba(10,17,59,.94);box-shadow:7px 7px 0 #040516}.lan-layout h3{margin:0 0 9px;color:#ffd45a;font-size:10px}.lan-fighter label,.lan-connect label{display:grid;gap:5px;color:#9eb1e2;font-size:6px}.lan-fighter input,.lan-connect textarea{width:100%;padding:8px;border:2px solid #5166b9;background:#070b2b;color:#fff;font-size:8px}.lan-fighter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:8px 0}.lan-fighter-grid button{padding:2px;border:2px solid #394a99;background:#11184a}.lan-fighter-grid button.selected{border-color:#ffd55b;background:#b82543}.lan-fighter-grid canvas{display:block;width:100%;height:55px;image-rendering:pixelated}.lan-selection{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center;padding:7px;background:#141e58}.lan-selection canvas{width:100px;height:120px;image-rendering:pixelated}.lan-selection small{color:#72e4ee;font-size:5px}.lan-selection b{display:block;margin:4px 0;color:#fff1a8;font-size:14px}.lan-selection p{font-size:6px;color:#9eafe0}.lan-tabs{display:flex;gap:5px}.lan-tabs button,.lan-inline button,.signal-card button{padding:7px;border:2px solid #4d61b4;background:#121b4f;color:#aebbe6;font-size:6px;font-weight:900}.lan-tabs button.selected{background:#d42f49;color:#fff;border-color:#ffd45a}.lan-panel{margin-top:9px}.lan-panel>.menu-button{width:100%;align-items:center}.lan-inline{display:flex;gap:5px;margin:6px 0}.lan-inline button{flex:1}.signal-card{display:grid;grid-template-columns:160px 1fr;gap:10px;margin:8px 0;padding:8px;background:#10194b;border:2px solid #4e63b9}.signal-card img{width:160px;height:160px;image-rendering:pixelated;background:#fff}.signal-card strong{color:#ffd659;font-size:7px}.signal-card textarea{min-height:84px;margin:5px 0;font-size:6px}.signal-card div>div{display:flex;gap:5px}.lan-status{display:flex;align-items:center;gap:10px;margin-top:10px;padding:9px;background:#070b2b;border-left:4px solid #e73549}.lan-status>span{width:13px;height:13px;border-radius:50%;background:#e73549;box-shadow:0 0 12px #e73549}.lan-status.connected{border-color:#5ee4a2}.lan-status.connected>span{background:#5ee4a2;box-shadow:0 0 12px #5ee4a2}.lan-status small{color:#7f91c9;font-size:5px}.lan-status b{display:block;color:#fff1ac;font-size:9px}.lan-status p{margin:3px 0 0;color:#9aabe0;font-size:6px}.lan-ready{display:grid;grid-template-columns:1fr 1.2fr;gap:6px;margin-top:8px}.lan-ready .menu-button{min-height:44px;align-items:center;padding:6px}.lan-ready button:disabled{filter:grayscale(1) brightness(.5);cursor:not-allowed}.lan-footer{display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:auto}.lan-footer .menu-button{min-height:38px;padding:6px 12px}.lan-footer p{color:#8192c6;font-size:6px}
/* FIGHT */
.fight-screen{background:#000}.fight-shell{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.fight-shell canvas{display:block;width:100%;height:100%;object-fit:contain;background:#080b28;image-rendering:pixelated}.fight-hud{position:absolute;z-index:10;top:10px;left:12px;right:12px;display:grid;grid-template-columns:1fr 135px 1fr;gap:8px;pointer-events:none}.hud-side{min-width:0}.hud-name{display:flex;justify-content:space-between;align-items:center;color:#fff4c2;font-size:10px;font-weight:1000;text-shadow:2px 2px 0 #000}.hud-name i{display:flex;gap:3px}.hud-name i:before,.hud-name i:after{content:"";width:11px;height:11px;border:2px solid #fff1ad;border-radius:50%;background:#141843}.hud-name i[data-wins="1"]:before,.hud-name i[data-wins="2"]:before,.hud-name i[data-wins="2"]:after{background:#f13a4d}.health{height:19px;padding:3px;background:#050613;border:3px solid #f6d45c;box-shadow:3px 3px 0 #000}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ef3047,#ffd84c,#4be06d);transform-origin:left}.hud-side.right .health i{transform-origin:right}.standing{position:relative;height:11px;margin-top:3px;background:#07091d;border:2px solid #5369bc}.standing i{display:block;height:100%;width:0;background:linear-gradient(90deg,#53dff0,#6752e7,#f23b4d)}.standing b{position:absolute;inset:0;display:grid;place-items:center;font-size:5px;letter-spacing:.16em;text-shadow:1px 1px 0 #000}.hud-center{text-align:center}.hud-center span{display:block;color:#8ef1f5;font-size:6px}.hud-center b{display:block;color:#fff3ae;font:1000 34px/.9 Impact;text-shadow:3px 3px 0 #b41f3b}.hud-center small{display:block;color:#d8d8ff;font-size:5px}.announcer{position:absolute;z-index:35;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;text-shadow:5px 5px 0 #000}.announcer small{color:#fff3b2;font-size:9px;letter-spacing:.2em}.announcer b{color:#ffd64d;font:1000 clamp(58px,12vw,150px)/.8 Impact;font-style:italic;letter-spacing:-.04em;-webkit-text-stroke:3px #e33045}.announcer span{margin-top:12px;color:#67edf1;font-size:10px}.combo-display{position:absolute;z-index:20;left:4%;top:28%;padding:8px 12px;border-left:6px solid #ffd45a;background:rgba(6,8,26,.82);color:#fff;font-size:9px}.fight-fullscreen,.pause-button{position:absolute;z-index:22;top:78px;padding:7px 9px;border:2px solid #738ae4;background:rgba(10,16,58,.82);color:#fff;font-size:7px;font-weight:900}.fight-fullscreen{right:82px}.pause-button{right:12px}.override-button{position:absolute;z-index:26;left:50%;bottom:18px;transform:translateX(-50%);padding:13px 18px;border:4px solid #ffd94d;background:linear-gradient(#f23a49,#95152f);color:#fff5bd;font:1000 14px/1 Impact;letter-spacing:.06em;box-shadow:0 0 22px #f23a49,5px 5px 0 #000;animation:overridePulse .65s steps(2,end) infinite;cursor:pointer}@keyframes overridePulse{50%{filter:brightness(1.6);transform:translateX(-50%) scale(1.06)}}.touch-controls{position:absolute;z-index:18;left:0;right:0;bottom:0;height:210px;display:none;pointer-events:none}.joystick,.attack-pad button{pointer-events:auto;touch-action:none;user-select:none}.joystick{position:absolute;left:20px;bottom:16px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(117,138,225,.24),rgba(9,13,47,.55));border:3px solid rgba(125,149,236,.65)}.joystick:before,.joystick:after{content:"";position:absolute;background:rgba(125,149,236,.35)}.joystick:before{left:50%;top:9%;bottom:9%;width:2px}.joystick:after{top:50%;left:9%;right:9%;height:2px}.joystick i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:50%;background:linear-gradient(#657ee8,#273b92);border:3px solid #b7c4ff;box-shadow:4px 4px 0 rgba(0,0,0,.45)}.joystick span{position:absolute;left:0;right:0;bottom:-15px;text-align:center;color:#8799d1;font-size:5px}.attack-pad{position:absolute;right:14px;bottom:9px;width:250px;height:184px}.attack-pad button{position:absolute;width:86px;height:76px;border-radius:50%;border:4px solid rgba(255,255,255,.82);color:#fff;font:1000 18px/1 Impact;text-shadow:2px 2px 0 #000;box-shadow:5px 6px 0 rgba(0,0,0,.5)}.attack-pad button small{display:block;margin-top:5px;font:700 4px/1.15 ui-monospace}.attack-pad .lp{left:0;top:14px;background:#4c93e8}.attack-pad .hp{left:92px;top:0;background:#df354a}.attack-pad .file{z-index:4;left:82px;top:71px;width:82px;height:42px;border-radius:13px;border-color:#f4dc72;background:linear-gradient(#834fe0,#4b248e);font-size:12px;box-shadow:3px 4px 0 rgba(0,0,0,.55),0 0 15px rgba(156,99,255,.45)}.attack-pad .file small{font-size:3.6px}.attack-pad .lk{left:42px;top:94px;background:#60c764}.attack-pad .hk{left:140px;top:82px;background:#e2a52f}.attack-pad button.active{filter:brightness(1.5);transform:translateY(3px);box-shadow:2px 3px 0 rgba(0,0,0,.5)}.orientation-recovery{position:absolute;z-index:70;inset:0;display:grid;place-content:center;justify-items:center;padding:20px;background:rgba(4,6,20,.94);text-align:center}.orientation-recovery b{color:#ffd54f;font:1000 35px Impact}.orientation-recovery p{font-size:8px;color:#b5c1e7}.orientation-recovery .menu-button{align-items:center}.orientation-recovery[hidden]{display:none!important}
/* RESULTS */
.result-screen{display:none;place-items:center;background:radial-gradient(circle,#4f3eae,#14184f 54%,#07091d)}.result-screen.active{display:grid}.result-card{width:min(720px,92vw);padding:20px;text-align:center;border:5px solid #ffd650;background:linear-gradient(#1c286f,#0b1039);box-shadow:12px 12px 0 #02030c}.result-card h2{margin:3px 0;color:#fff;font:1000 clamp(45px,8vw,86px)/.85 Impact;font-style:italic;text-shadow:5px 5px 0 #d52743}.result-card canvas{width:200px;height:215px;image-rendering:pixelated}.result-card h3{margin:4px;color:#fff1a5;font:1000 24px Impact}.result-card>p:not(.kicker){color:#aab8e4;font-size:8px}.result-actions{display:flex;justify-content:center;gap:8px}.result-actions .menu-button{min-height:42px;padding:7px 12px;align-items:center}.result-book{display:inline-block;margin-top:15px;padding:8px 10px;background:#b8223c;color:#fff1ad;text-decoration:none;font-size:7px;font-weight:900}
/* MODALS */
.modal-wrap,.pause-overlay,.scanner{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:18px;background:rgba(3,4,14,.92)}.modal-wrap[hidden],.pause-overlay[hidden],.scanner[hidden]{display:none!important}.modal,.pause-overlay>div,.scanner>div{position:relative;width:min(900px,94vw);max-height:90vh;overflow:auto;padding:20px;border:5px solid #687fdd;background:linear-gradient(#18245f,#0b1037);box-shadow:12px 12px 0 #010208}.modal-close{position:absolute;right:9px;top:9px;width:38px;height:38px;border:2px solid #8b9be0;background:#11184c;color:#fff;font-size:24px}.modal h2,.pause-overlay h2,.scanner h2{margin:0 0 15px;color:#ffd64f;font:1000 46px Impact;font-style:italic;text-shadow:4px 4px 0 #c0223e}.how-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.how-grid section{padding:10px;background:#0a1037;border-left:4px solid #e43248}.how-grid h3{margin:0 0 5px;color:#61e7ef;font-size:9px}.how-grid p{margin:4px 0;color:#b2bee4;font-size:7px;line-height:1.5}.pause-moves{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:12px 0}.pause-moves p{margin:0;padding:7px;background:#0b1036;border-left:3px solid #5ee8ef;color:#c8d2f2;font-size:7px}.pause-overlay .menu-button{width:100%;margin-top:7px;align-items:center}.scanner>div{text-align:center}.scan-frame{position:relative;aspect-ratio:4/3;background:#000;border:4px solid #52e5e8}.scan-frame:after{content:"";position:absolute;inset:12%;border:3px solid #ffd64c;box-shadow:0 0 0 999px rgba(0,0,0,.36)}.scan-frame video{width:100%;height:100%;object-fit:cover}.scanner p{font-size:7px;color:#a7b6dd}
/* Responsive */
@media(pointer:coarse){.touch-controls{display:block}.fight-fullscreen,.pause-button{top:64px}.override-button{bottom:170px}.fight-hud{top:6px;left:6px;right:6px;grid-template-columns:1fr 90px 1fr}.hud-name{font-size:7px}.health{height:15px;border-width:2px}.hud-center b{font-size:25px}.hud-center small{display:none}}
@media(max-width:950px){.site-brand small{display:none}.cabinet-row{gap:10px;overflow-x:auto;justify-content:flex-start;padding:0 15px 35px}.cabinet{min-width:220px}.title-logo{width:48%}.title-menu{width:46vw}.book-promo{display:none}.fighter-layout{grid-template-columns:1fr}.fighter-dossier{display:none}.fighter-grid{grid-template-columns:repeat(6,1fr)}.lan-layout{grid-template-columns:1fr}.lan-fighter-grid{grid-template-columns:repeat(6,1fr)}.fiction-note{display:none}}
@media(max-width:680px){.site-bar{height:calc(42px + var(--safe-top));padding-left:6px;padding-right:6px}.screen{inset:calc(42px + var(--safe-top)) 0 0}#app{padding-top:calc(42px + var(--safe-top))}.top-button{font-size:6px;padding:6px}.site-brand b{font-size:9px}.site-actions a{display:block;padding:5px 6px;font-size:5px}.icon-button{width:34px;height:30px}.arcade-heading h1{font-size:50px}.arcade-heading>p:last-child{display:none}.cabinet-row{height:calc(100% - 100px)}.cabinet{min-width:210px;height:420px}.title-logo{width:100%;padding-top:0;text-align:center}.title-logo h1{font-size:60px}.title-logo h2{font-size:28px}.title-menu{position:relative;right:auto;top:auto;width:min(460px,94vw);margin:18px auto 0}.settings-strip{width:96vw;overflow-x:auto}.settings-strip fieldset{flex:0 0 auto}.fighter-grid{grid-template-columns:repeat(4,1fr);gap:5px}.fighter-card{min-height:95px}.fighter-card canvas{height:68px}.lan-heading>p:last-child{display:none}.signal-card{grid-template-columns:118px 1fr}.signal-card img{width:118px;height:118px}.result-actions{flex-direction:column}.how-grid{grid-template-columns:1fr}.pause-moves{grid-template-columns:1fr}}
@media(orientation:portrait) and (pointer:coarse){#fight-screen.active .orientation-recovery{display:grid!important}}
@media(orientation:landscape) and (pointer:coarse) and (max-height:500px){.site-bar{height:calc(36px + var(--safe-top))}.screen{inset:calc(36px + var(--safe-top)) 0 0}#app{padding-top:calc(36px + var(--safe-top))}.site-brand{display:none}.top-button{padding:4px 6px}.icon-button{height:27px}.title-logo{position:absolute;left:2vw;top:2vh;width:43%;text-align:left}.title-logo h1{font-size:55px}.title-logo h2{font-size:25px}.title-menu{position:absolute;right:2vw;top:2vh;width:51%;margin:0;gap:4px}.title-menu .menu-button{min-height:34px;padding:5px 8px;font-size:8px}.title-menu .menu-button small{font-size:4px}.settings-strip{bottom:3px}.settings-strip button{padding:4px 6px}.fighter-layout{height:calc(100% - 58px)}.select-title h2{font-size:34px}.fighter-grid{grid-template-columns:repeat(6,1fr);gap:4px}.fighter-card{min-height:70px}.fighter-card canvas{height:47px}.fighter-card b{font-size:5px}.select-actions{bottom:4px}.select-actions .menu-button{min-height:31px;padding:4px 9px;font-size:7px}.lan-heading{display:none}.lan-layout{grid-template-columns:.85fr 1.15fr;gap:7px;margin:0}.lan-layout article{padding:7px;border-width:2px}.lan-layout h3{display:none}.lan-fighter>label{display:none}.lan-fighter-grid{grid-template-columns:repeat(6,1fr);margin:0 0 4px}.lan-fighter-grid canvas{height:35px}.lan-selection{grid-template-columns:60px 1fr}.lan-selection canvas{width:60px;height:72px}.lan-selection p{display:none}.lan-panel>.menu-button,.lan-ready .menu-button{min-height:32px;padding:4px;font-size:6px}.signal-card{grid-template-columns:70px 1fr;margin:4px 0;padding:4px}.signal-card img{width:70px;height:70px}.signal-card textarea,.lan-connect textarea{min-height:40px;padding:4px}.lan-status{margin-top:4px;padding:4px}.lan-status p{display:none}.lan-footer{margin-top:3px}.lan-footer p{display:none}.lan-footer .menu-button{width:100%}.joystick{width:112px;height:112px;left:10px;bottom:3px}.joystick i{width:46px;height:46px;margin:-23px}.attack-pad{width:202px;height:142px;right:5px;bottom:0}.attack-pad button{width:66px;height:59px;border-width:3px;font-size:15px}.attack-pad .hp{left:76px}.attack-pad .file{left:64px;top:55px;width:68px;height:34px;font-size:10px}.attack-pad .lk{left:32px;top:77px}.attack-pad .hk{left:108px;top:70px}.touch-controls{height:145px}.override-button{bottom:123px;font-size:10px;padding:9px 12px}.fight-fullscreen,.pause-button{top:51px;padding:5px;font-size:6px}.fight-fullscreen{right:65px}.hud-center{display:none}.fight-hud{grid-template-columns:1fr 1fr}.announcer b{font-size:68px}.announcer small,.announcer span{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.lan-fighter-card{min-width:0;overflow:hidden;cursor:pointer}.lan-fighter-card b{display:block;margin-top:2px;color:#fff;font-size:6px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lan-fighter-card small{display:block;min-height:12px;margin-top:2px;color:#79e7ef;font-size:4px;line-height:1.2;overflow:hidden}

/* GP002 — cabinet carousel and shared Moore Harm arcade */
#arcade-screen{padding-bottom:118px}
.cabinet-row{scroll-snap-type:x mandatory;scroll-padding-inline:24px;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:94px}
.cabinet-row::-webkit-scrollbar{display:none}
.cabinet{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 min(29vw,280px)}
.cabinet[aria-selected="true"]{transform:translateY(-10px) scale(1.035);filter:drop-shadow(12px 18px 0 rgba(0,0,0,.65)) drop-shadow(0 0 20px rgba(255,209,69,.65));outline:2px solid rgba(122,241,255,.9);outline-offset:5px}
.cabinet.playable .coin-slot{color:#fff6b2;border-color:#54e9ff;box-shadow:0 0 0 1px rgba(84,233,255,.22),0 0 14px rgba(84,233,255,.16)}
.tba-screen{display:grid;place-items:center;background:radial-gradient(circle at 50% 36%,#38234e,#120f23 56%,#050713);color:#fff}
.tba-screen i{font:1000 76px/.8 Impact,sans-serif;color:#ffe26b;text-shadow:5px 5px 0 #8a2459;transform:rotate(-7deg)}
.tba-screen b{font:1000 34px/.9 Impact,sans-serif;color:#fff;letter-spacing:.08em;text-shadow:3px 3px 0 #732453}
.tba-screen span{font-size:7px;letter-spacing:.22em;color:#83efff}
.cabinet-switcher{position:absolute;z-index:8;left:50%;bottom:26px;transform:translateX(-50%);display:grid;grid-template-columns:48px minmax(250px,460px) 48px auto;align-items:center;gap:8px;width:min(920px,calc(100% - 36px));padding:8px;background:linear-gradient(180deg,rgba(8,11,35,.94),rgba(16,22,62,.96));border:2px solid #4d5fb1;box-shadow:0 12px 0 rgba(0,0,0,.28),0 0 22px rgba(62,218,255,.12)}
.cabinet-arrow,.cabinet-launch{min-height:48px;border:2px solid #697dd1;background:#111a50;color:#fff;font:900 9px/1.1 var(--ui);letter-spacing:.08em;cursor:pointer}
.cabinet-arrow{font-size:22px}
.cabinet-arrow:hover,.cabinet-arrow:focus-visible,.cabinet-launch:hover,.cabinet-launch:focus-visible{background:#d22c49;border-color:#ffe267;outline:none}
.cabinet-launch{padding:0 18px;background:linear-gradient(#e83b53,#9f1f4d);border-color:#ffd75b;white-space:nowrap}
.cabinet-launch:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.58;background:#2c2f50;border-color:#6d739d}
.cabinet-selection-copy{min-width:0;text-align:left;padding:0 8px}
.cabinet-selection-copy small,.cabinet-selection-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cabinet-selection-copy small{font-size:6px;letter-spacing:.18em;color:#79eaff}
.cabinet-selection-copy b{display:block;margin:4px 0;font:1000 14px/.95 Impact,sans-serif;color:#ffe26d;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cabinet-selection-copy span{font-size:6px;color:#c8d2f5;letter-spacing:.08em}
.cabinet.locked[aria-selected="true"]{filter:grayscale(.32) brightness(.78) drop-shadow(12px 18px 0 rgba(0,0,0,.65)) drop-shadow(0 0 16px rgba(255,209,69,.35))}

/* The Ex-Wife: original feral electric mutation treatment */
.fighter-card[data-fighter="ex-wife"] canvas,.lan-fighter-card[data-fighter="ex-wife"] canvas{filter:saturate(1.22) contrast(1.08) drop-shadow(0 0 5px rgba(120,255,115,.36))}

@media(max-width:950px){
  #arcade-screen{padding-left:0;padding-right:0}
  .cabinet-row{gap:20px;padding-left:calc(50vw - 110px);padding-right:calc(50vw - 110px);scroll-padding-inline:calc(50vw - 110px)}
  .cabinet{min-width:220px;max-width:220px}
  .cabinet-switcher{grid-template-columns:42px minmax(0,1fr) 42px;bottom:18px;width:calc(100% - 20px)}
  .cabinet-launch{grid-column:1/-1;min-height:42px}
  .cabinet-selection-copy b{font-size:12px}
}
@media(max-width:680px){
  #arcade-screen{padding-bottom:128px}
  .arcade-heading{padding:0 14px}
  .cabinet-row{height:calc(100% - 96px);padding-top:6px;padding-bottom:116px}
  .cabinet-switcher{bottom:8px;gap:5px;padding:6px}
  .cabinet-arrow{min-height:42px}
  .cabinet-selection-copy{padding:0 4px}
  .cabinet-selection-copy small{font-size:5px}
  .cabinet-selection-copy b{font-size:11px}
  .cabinet-selection-copy span{font-size:5px}
  .arcade-footer{display:none}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:500px){
  #arcade-screen{padding-bottom:74px}
  .arcade-heading h1{font-size:36px}
  .arcade-heading .kicker{font-size:5px}
  .cabinet-row{height:calc(100% - 50px);padding-top:0;padding-bottom:54px;align-items:center}
  .cabinet{height:290px;min-width:160px;max-width:160px}
  .cabinet-marquee{height:60px;padding:6px 4px;border-width:4px}
  .cabinet-marquee b{font-size:16px}.cabinet-marquee small{font-size:7px}.cabinet-marquee em{font-size:4px}
  .cabinet-shell{padding:8px 10px 5px;border-width:5px}.cabinet-screen{border-width:6px}.cabinet-plinth{min-height:42px;padding:6px;border-width:5px}.cabinet-plinth b{font-size:8px}.cabinet-plinth small{font-size:4px}
  .cabinet-switcher{bottom:4px;grid-template-columns:36px minmax(0,1fr) 36px auto;width:calc(100% - 12px);padding:4px}
  .cabinet-arrow,.cabinet-launch{min-height:34px}.cabinet-launch{grid-column:auto;padding:0 9px;font-size:6px}
  .cabinet-selection-copy span{display:none}.cabinet-selection-copy b{font-size:9px;margin:2px 0}
}

/* GP003 — book-cover cabinet art, all-cabinet landing view, and clearer mobile movement */
.cover-screen{display:block!important;padding:7px;background:#050613!important;isolation:isolate}
.book-variant{position:relative;display:block;width:100%;height:100%;overflow:hidden;padding:9px 7px 6px;border:2px solid rgba(255,255,255,.75);box-shadow:inset 0 0 0 2px rgba(0,0,0,.72),0 0 15px rgba(0,0,0,.65);text-align:left;transform:perspective(260px) rotateY(-2deg);font-style:normal}
.book-variant:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.14),transparent 16% 78%,rgba(0,0,0,.45));pointer-events:none;z-index:4}
.book-variant>small{position:relative;z-index:5;display:block!important;color:#fff6ce!important;font-size:5px!important;letter-spacing:.14em;text-shadow:1px 1px #000}
.book-variant>strong{position:relative;z-index:5;display:block;margin-top:4px;font:1000 clamp(13px,2.2vw,23px)/.78 Impact,sans-serif;letter-spacing:-.035em;color:#fff7df;text-shadow:2px 2px 0 #101124,4px 4px 0 rgba(0,0,0,.55)}
.book-variant>em{position:relative!important;z-index:5;display:inline-block!important;bottom:auto!important;margin-top:5px!important;padding:2px 4px;background:#080a1c;color:#ffe264!important;font:900 5px/1 ui-monospace,monospace!important;letter-spacing:.04em!important;text-transform:uppercase}
.cover-stage{position:absolute;z-index:2;left:5px;right:5px;bottom:15px;height:46%;display:flex;align-items:flex-end;justify-content:center;gap:8px;overflow:hidden}
.cover-series{position:absolute;z-index:5;left:6px;right:6px;bottom:4px;color:#fff!important;font:900 4px/1.1 ui-monospace,monospace!important;letter-spacing:.07em;text-align:center}
.book-street{background:linear-gradient(155deg,#f04450 0 26%,#23287c 27% 64%,#080b28 65%);border-color:#ffe266}
.book-street:after{content:"";position:absolute;left:-20%;right:-20%;bottom:8%;height:35%;background:repeating-linear-gradient(90deg,#f4c847 0 9px,#e34052 9px 18px,#46dbe6 18px 27px,#6751d7 27px 36px);clip-path:polygon(0 80%,20% 25%,38% 67%,57% 12%,77% 60%,100% 17%,100% 100%,0 100%);opacity:.74}
.cover-stage .cover-fighter{position:relative!important;width:31px!important;height:64px!important;background:#4ee169!important;clip-path:polygon(36% 0,64% 0,76% 15%,69% 39%,100% 100%,62% 87%,50% 59%,38% 87%,0 100%,31% 39%,24% 15%)!important;filter:drop-shadow(3px 3px 0 #050710)!important;z-index:3}
.cover-stage .cover-fighter.right{background:#aa2e8b!important;transform:scaleX(-1)}
.cover-stage>b{position:relative;z-index:4;color:#ffe45f!important;font:1000 19px/.8 Impact,sans-serif!important;text-shadow:2px 2px #df2c49!important}
.book-moral{background:radial-gradient(circle at 65% 70%,#87152d 0 8%,transparent 9%),linear-gradient(145deg,#09000d,#26052e 54%,#070008);border-color:#ef4559}
.book-moral>strong{color:#f3eee3}
.book-moral>em{background:#5f1026;color:#fff0c9!important}
.book-moral .cover-stage{align-items:center}
.book-moral .cover-gavel{position:absolute!important;left:16%;bottom:13%;width:12px!important;height:66px!important;background:#d5a04b!important;transform:rotate(-37deg);clip-path:none!important;filter:drop-shadow(3px 3px #000)!important}
.book-moral .cover-gavel:after{content:"";position:absolute;left:-13px;top:-5px;width:38px;height:17px;background:#9c213a;border:3px solid #f0c16d}
.book-moral .cover-shroud{position:absolute!important;right:9%;bottom:0;width:45%!important;height:88%!important;background:linear-gradient(#0b0b13,#260619)!important;clip-path:polygon(50% 0,68% 17%,73% 34%,94% 100%,7% 100%,26% 34%,31% 17%)!important;filter:drop-shadow(4px 4px #000)!important}
.book-moral .cover-stage>b{position:absolute;left:5px;right:5px;bottom:7px;text-align:center;color:#ff5064!important;font-size:12px!important;letter-spacing:.05em}
.book-tba{background:linear-gradient(160deg,#101020,#29203f 50%,#070711);border-color:#9a91bf;filter:grayscale(.22)}
.book-tba>em{background:#2a2940;color:#cfc8e7!important}
.book-tba .cover-stage{align-items:center;justify-content:space-around;bottom:18px}
.book-tba .cover-team{position:relative!important;width:20px!important;height:43px!important;background:#46405f!important;clip-path:polygon(35% 0,65% 0,78% 22%,70% 47%,100% 100%,0 100%,30% 47%,22% 22%)!important;filter:none!important}
.book-tba .cover-team.b,.book-tba .cover-team.d{height:36px!important;background:#645a7f!important}
.book-tba .cover-stage>b{position:absolute;color:#ffe36a!important;font-size:35px!important;text-shadow:3px 3px #6e2053!important}

/* Avoid the older generic cabinet-screen selectors overriding the cover variants. */
.cover-screen .book-variant i{position:relative}
.cover-screen .book-variant b,.cover-screen .book-variant em{transform:none}

/* Movement controls now communicate their intent and retain room for horizontal travel. */
.joystick span{bottom:-18px;color:#d4dcff;font-size:5px;letter-spacing:.06em;text-shadow:1px 1px 0 #000}
.joystick:before{background:linear-gradient(transparent 8%,rgba(125,149,236,.12) 8% 43%,rgba(125,149,236,.45) 43% 57%,rgba(125,149,236,.12) 57% 92%,transparent 92%)}
.joystick:after{background:linear-gradient(90deg,transparent 8%,rgba(125,149,236,.15) 8% 40%,rgba(125,149,236,.55) 40% 60%,rgba(125,149,236,.15) 60% 92%,transparent 92%)}

/* On phones, the landing screen is a three-cabinet shelf—not a one-card carousel. */
@media(max-width:680px){
  #arcade-screen{padding:8px 5px 116px}
  .arcade-heading .kicker{font-size:5px}.arcade-heading h1{font-size:34px;line-height:.82}.arcade-heading>p:last-child{display:block;margin:5px 0 1px;font-size:5px}
  .cabinet-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;justify-content:stretch;gap:5px;height:calc(100% - 73px);overflow:visible;padding:5px 2px 104px;scroll-snap-type:none;scroll-padding:0}
  .cabinet{width:100%;min-width:0!important;max-width:none!important;height:min(55vh,430px);flex:none;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.62))}
  .cabinet[aria-selected="true"],.cabinet.selected,.cabinet:hover{transform:translateY(-4px) scale(1.02);filter:drop-shadow(4px 8px 0 rgba(0,0,0,.66)) drop-shadow(0 0 8px rgba(255,209,69,.55));outline-width:1px;outline-offset:2px}
  .cabinet-marquee{height:55px;padding:6px 2px;border-width:3px}.cabinet-marquee small{font-size:5px}.cabinet-marquee b{font-size:10px;line-height:.83}.cabinet-marquee em{font-size:3px;margin-top:3px}
  .cabinet-shell{padding:6px 5px 4px;border-width:4px}.cabinet-shell:before{inset:3px;border-width:1px}.cabinet-screen{border-width:4px;box-shadow:inset 0 0 0 1px #4857a4}.cover-screen{padding:3px}
  .book-variant{padding:5px 3px 3px;border-width:1px;transform:none}.book-variant>small{font-size:2.7px!important}.book-variant>strong{font-size:8px;line-height:.8;margin-top:2px}.book-variant>em{font-size:2.6px!important;margin-top:2px!important;padding:1px 2px}.cover-series{font-size:2.2px!important;bottom:2px}.cover-stage{left:2px;right:2px;bottom:8px;gap:2px}.cover-stage .cover-fighter{width:15px!important;height:31px!important}.cover-stage>b{font-size:9px!important}.book-moral .cover-gavel{width:5px!important;height:31px!important}.book-moral .cover-gavel:after{left:-6px;top:-3px;width:17px;height:8px;border-width:1px}.book-moral .cover-shroud{width:44%!important}.book-moral .cover-stage>b{font-size:6px!important;bottom:3px}.book-tba .cover-team{width:8px!important;height:21px!important}.book-tba .cover-team.b,.book-tba .cover-team.d{height:18px!important}.book-tba .cover-stage>b{font-size:17px!important}
  .cabinet-controls{gap:2px;min-height:32px}.cabinet-controls i{width:5px;height:19px;border-radius:4px;box-shadow:0 -7px 0 2px #d92743}.cabinet-controls b{width:7px;height:7px;border-width:1px}.coin-slot{padding:2px 3px;border-width:1px;font-size:3px}.cabinet-plinth{min-height:44px;padding:5px 2px;border-width:4px;border-top-width:1px}.cabinet-plinth b{font-size:5px;line-height:1.05}.cabinet-plinth small{font-size:3px;line-height:1.25;margin-top:2px}
  .cabinet-switcher{bottom:7px}.arcade-footer{display:none}
}
@media(max-width:430px){
  .cabinet{height:min(51vh,355px)}.cabinet-plinth small{display:none}.cabinet-plinth{min-height:31px}.cabinet-row{padding-bottom:100px}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:500px){
  #arcade-screen{padding:3px 4px 61px}.arcade-heading{display:none}.cabinet-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:100%;padding:2px 4px 51px;overflow:visible}.cabinet{height:100%;min-width:0!important;max-width:none!important}.cabinet-marquee{height:43px}.cabinet-screen{max-height:112px}.cabinet-plinth{min-height:29px}.cabinet-plinth small{display:none}.cabinet-switcher{bottom:3px}
}


/* GP006 — ARCADE FEEL + FIRST-HEARING UX PASS */
#fight-canvas:focus{outline:3px solid rgba(255,214,76,.5);outline-offset:-3px}
.pause-control-map{grid-column:1/-1!important;border:2px solid #ffd45a!important;border-left-width:6px!important;background:#271a08!important;color:#fff3b5!important;line-height:1.55!important}
@media (min-width:901px) and (pointer:fine){
  .top-button,.site-actions a{font-size:11px;padding:10px 13px}.site-brand small{font-size:8px}.site-brand b{font-size:16px}
  .menu-button{font-size:14px;min-height:62px;padding:13px 17px}.menu-button small{font-size:10px;line-height:1.35}
  .kicker{font-size:11px}.fighter-card b{font-size:10px}.fighter-card small{font-size:8px}.fighter-dossier small{font-size:9px}.fighter-dossier p{font-size:11px}.stats dt{font-size:8px}.move-preview span,.move-preview p,.move-preview b{font-size:10px}
  .hud-name{font-size:14px}.health{height:24px}.standing{height:16px}.standing b{font-size:8px}.hud-center span{font-size:10px}.hud-center b{font-size:42px}.hud-center small{font-size:8px}
  .fight-fullscreen,.pause-button{font-size:11px;padding:10px 13px;top:88px}.fight-fullscreen{right:108px}
  .pause-overlay>div{width:min(1040px,82vw);padding:30px;border-width:6px}.pause-overlay h2{font-size:62px;margin-bottom:22px}.pause-overlay .kicker{font-size:12px}
  .pause-moves{gap:9px;margin:18px 0}.pause-moves p{padding:12px 14px;font-size:12px;line-height:1.45;border-left-width:5px}.pause-overlay .menu-button{font-size:13px;min-height:56px}
  .modal{padding:28px}.modal h2{font-size:56px}.how-grid h3{font-size:13px}.how-grid p{font-size:11px}
  .combo-display{font-size:12px}.announcer small,.announcer span{font-size:13px}
}
@media (min-width:1500px) and (pointer:fine){
  .pause-overlay>div{width:min(1120px,76vw)}.pause-moves p{font-size:13px}.pause-overlay .menu-button{font-size:14px}
}
@media (max-width:900px){
  .pause-control-map{font-size:8px!important}.pause-moves p{font-size:8px;line-height:1.4}.pause-overlay .menu-button{font-size:9px}
}


/* GP006 — desktop legibility floor and first-fight control cue */
.desktop-control-tip{display:none}
@media (min-width:901px) and (pointer:fine){
  .pause-overlay>div{width:min(1160px,86vw);max-height:90vh;padding:32px 34px}
  .pause-overlay .kicker{font-size:13px;letter-spacing:.17em}.pause-overlay h2{font-size:66px;line-height:.88;margin:2px 0 20px}
  .pause-moves{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:20px}
  .pause-moves p{min-height:50px;padding:14px 15px;font-size:15px;line-height:1.38;letter-spacing:.025em;border-left-width:5px}
  .pause-overlay .menu-button{min-height:60px;font-size:15px;letter-spacing:.06em}
  .desktop-control-tip{display:block;position:absolute;z-index:18;left:50%;bottom:15px;transform:translateX(-50%);padding:9px 15px;border:2px solid rgba(101,232,236,.75);background:rgba(2,9,25,.88);box-shadow:4px 4px 0 #000;color:#edf7ff;font:900 11px/1.3 var(--pixel);letter-spacing:.04em;white-space:nowrap;pointer-events:none;animation:gp006Tip 7s linear forwards}
  .desktop-control-tip b{color:#ffe45f}
}
@keyframes gp006Tip{0%,64%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.desktop-control-tip{animation:none!important;opacity:1}}


/* GP006 — arcade feel, first-hearing coaching, and result clarity */
.fight-coach{position:absolute;z-index:24;left:50%;bottom:74px;transform:translateX(-50%);width:min(560px,72vw);padding:10px 14px;border:3px solid #5ee8ef;background:linear-gradient(90deg,rgba(5,12,42,.95),rgba(27,20,72,.95));box-shadow:7px 7px 0 #000;color:#eefaff;text-align:center;pointer-events:none;animation:gp006CoachIn .18s steps(2,end)}
.fight-coach[hidden]{display:none!important}.fight-coach b{display:block;color:#ffe15c;font:1000 13px/1 Impact;letter-spacing:.08em;text-shadow:2px 2px 0 #b4213c}.fight-coach span{display:block;margin-top:4px;font:900 8px/1.35 var(--pixel);letter-spacing:.03em}
@keyframes gp006CoachIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.result-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0 14px}.result-stats span{padding:8px 6px;border:2px solid #566fc9;background:#090f35;color:#aebce9;font:800 6px/1.25 var(--pixel)}.result-stats b{display:block;color:#ffe05a;font:1000 18px/1 Impact}
@media(pointer:coarse){.fight-coach{bottom:150px;width:min(520px,66vw);padding:7px 10px}.fight-coach b{font-size:10px}.fight-coach span{font-size:6px}.result-stats{grid-template-columns:repeat(3,1fr)}}
@media(orientation:landscape) and (pointer:coarse) and (max-height:500px){.fight-coach{bottom:112px;left:50%;width:min(430px,52vw);padding:5px 8px}.fight-coach b{font-size:8px}.fight-coach span{font-size:5px}.result-stats{margin:5px 0;gap:3px}.result-stats span{padding:4px 3px}.result-stats b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.fight-coach{animation:none}}

/* GP007 MOORE FUN: dedicated filing control and readable assist state. */
.settings-strip [data-assist="assist"].selected{box-shadow:0 0 16px rgba(255,216,76,.45)}