:root{--b40-navy:#071a27;--b40-blue:#0c3552;--b40-cream:#f8edc1;--b40-gold:#d9ae49;--b40-red:#a6372c}body:has(.b40-shell){background:#06141e;height:100svh;margin:0;overflow:hidden}.b40-shell{height:100svh;color:var(--b40-cream);font-family:var(--font-body),Arial,sans-serif;-webkit-user-select:none;user-select:none;background:#06141e;overflow:hidden}.b40-shell *{box-sizing:border-box}.b40-topbar{z-index:20;border-bottom:3px solid var(--b40-gold);background:#071a27f2;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:54px;padding:6px clamp(8px,2vw,24px);display:grid;position:relative;box-shadow:0 4px 18px #0008}.b40-topbar .game-utility-links{--game-link-color:#fff4cc;--game-link-border:#8e753d;--game-link-background:#10344c;--game-link-hover:#16506f}.b40-topbar>strong{font:950 1.25rem var(--font-display),Arial,sans-serif;letter-spacing:.09em;text-shadow:2px 2px #8c2f29;white-space:nowrap}.b40-volume{justify-self:end;align-items:center;gap:8px;display:flex}.b40-volume button{color:#fff;cursor:pointer;background:#10344c;border:1px solid #8e753d;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.b40-volume input{accent-color:#d9ae49;width:clamp(80px,12vw,150px)}.b40-cabinet{background:linear-gradient(90deg,#031019cc,#0b2b40a6 28%,#0000 42% 58%,#0b2b40a6 72%,#031019cc),url(/britain-1940/cover.png) 50%/cover;place-items:center;height:calc(100svh - 54px);display:grid;overflow:hidden}.b40-game-frame{aspect-ratio:9/16;touch-action:none;isolation:isolate;background:#0b4660;border-inline:clamp(3px,.8vw,9px) solid #b58d38;height:min(100svh - 54px,960px);position:relative;overflow:hidden;box-shadow:0 0 0 3px #182d3b,0 0 45px #000}.b40-game-frame canvas{width:100%;height:100%;display:block}.b40-overlay{z-index:8;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0617228c,#061722e8);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:clamp(18px,5%,34px);display:flex;position:absolute;inset:0;overflow:auto}.b40-overlay:before{content:"";z-index:-1;background:#081c28df;border:2px solid #d9ae49;border-radius:18px;position:absolute;inset:8% 6%;box-shadow:inset 0 0 0 3px #1d4960,0 10px 30px #0008}.b40-overlay h1{max-width:92%;font:950 clamp(1.65rem,5.6vw,3rem)/.95 var(--font-display),Arial,sans-serif;letter-spacing:.03em;text-shadow:3px 3px #7d2a25;margin:0}.b40-overlay h2,.b40-overlay p{margin:0}.b40-overlay h2{color:#f2cb63;font:950 1.1rem var(--font-display),Arial,sans-serif;letter-spacing:.13em}.b40-overlay p{color:#e7e1c6;max-width:390px;font-weight:800;line-height:1.35}.b40-overlay button,.b40-overlay a{color:#fff5d2;width:min(330px,82%);min-height:48px;font:900 .94rem var(--font-display),Arial,sans-serif;letter-spacing:.05em;cursor:pointer;background:linear-gradient(#173d56,#0a2638);border:2px solid #d9ae49;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:.75rem 1rem;text-decoration:none;display:flex;box-shadow:0 4px #020b10}.b40-overlay button.primary{color:#fff;background:linear-gradient(#bd4335,#7f2823);border-color:#f1d17e}.b40-overlay button:disabled{opacity:.42;cursor:not-allowed}.b40-loading{font:950 1rem var(--font-display),Arial,sans-serif;letter-spacing:.1em}.b40-loading:before{animation:1s ease-in-out infinite alternate b40-loading}@keyframes b40-loading{to{box-shadow:inset 0 0 28px #2f89a4,0 10px 30px #0008}}.b40-title{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0000 15%,#06172210 40%,#061722e8 75%);justify-content:flex-end;padding-bottom:9%}.b40-title:before{display:none}.b40-title button,.b40-title a{width:min(310px,72%);min-height:42px}.b40-select{justify-content:flex-start;padding-block:10%}.b40-select>div{grid-template-columns:1fr 1fr;gap:7px;width:88%;max-height:68%;padding:4px;display:grid;overflow:auto}.b40-select>div button{text-align:left;grid-template-rows:auto auto;grid-template-columns:32px 1fr;width:100%;min-height:62px;padding:7px 9px;display:grid}.b40-select>div b{color:#f3cf6f;grid-row:1/3;align-self:center;font-size:1.25rem}.b40-select>div span{font-size:.68rem}.b40-select>div small{color:#91c8d7;font-size:.55rem}.b40-brief>p:first-child,.b40-results>p:first-child,.b40-ending>p:first-child{color:#f1ce65;letter-spacing:.12em}.b40-brief>strong{background:#0e3447;border:1px solid #78b6c8;border-radius:999px;padding:.55rem .9rem}.b40-pause{z-index:7;color:#fff;background:#071b29d9;border:2px solid #d9ae49;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:118px;right:10px}.b40-action{z-index:7;bottom:max(17px,env(safe-area-inset-bottom));color:#fff;width:94px;height:58px;font:950 1rem var(--font-display),Arial,sans-serif;text-shadow:2px 2px #000;touch-action:manipulation;background:radial-gradient(circle,#1a5270,#081d2b 68%);border:3px solid #f0d27e;border-radius:50%;position:absolute;box-shadow:0 5px #020b10,0 0 0 3px #26465b}.b40-action small{color:#f3cf6f;font-size:.65rem;display:block}.b40-roll{left:14px}.b40-bomb{background:radial-gradient(circle,#bd4b35,#521a18 68%);right:14px}.b40-results dl,.b40-ending dl{gap:5px;width:78%;margin:5px 0;display:grid}.b40-results dl div,.b40-ending dl div{border-bottom:1px solid #477083;justify-content:space-between;gap:10px;padding:6px 9px;display:flex}.b40-results dt,.b40-ending dt{color:#9bc8d3;font-size:.67rem;font-weight:900}.b40-results dd,.b40-ending dd{color:#f3cf6f;margin:0;font-weight:950}.b40-ending h1{color:#fff4c9;font-size:clamp(1.9rem,7vw,3.6rem)}.b40-ui-pulse{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.b40-info-page{color:#f7edca;background:linear-gradient(#071a27d9,#071a27ef),url(/britain-1940/airfield.png) 50%/cover fixed;min-height:100svh;padding:clamp(20px,4vw,56px)}.b40-info-page .game-utility-links{--game-link-color:#fff4cc;--game-link-border:#8e753d;--game-link-background:#10344c;--game-link-hover:#16506f}.b40-info-page>section{background:#071a27e8;border:2px solid #d9ae49;border-radius:22px;max-width:960px;margin:48px auto;padding:clamp(22px,5vw,54px);box-shadow:0 18px 50px #0008}.b40-kicker{color:#e1bc5a;letter-spacing:.13em;font-weight:950}.b40-info-page h1{font:950 clamp(2rem,6vw,4rem)/.95 var(--font-display),Arial,sans-serif;margin:.2rem 0 1.6rem}.b40-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.b40-info-grid article{background:#0d2a3a;border:1px solid #496f81;border-radius:13px;padding:18px}.b40-info-grid strong{color:#f0ca67;font:950 1.1rem var(--font-display),Arial,sans-serif}.b40-info-grid p{color:#d7e2df;margin:.5rem 0 0;line-height:1.5}@media (max-width:680px){.b40-topbar{grid-template-columns:1fr auto;height:48px;padding:4px 7px}.b40-topbar>strong,.b40-topbar .game-utility-label{display:none}.b40-topbar .game-utility-links a{width:32px;min-height:32px;padding:0}.b40-volume input{width:76px}.b40-volume button{width:34px;height:34px}.b40-cabinet{height:calc(100svh - 48px)}.b40-game-frame{width:min(100vw,56.25svh - 27px);height:auto;max-height:calc(100svh - 48px)}.b40-select>div{width:92%}.b40-overlay button,.b40-overlay a{min-height:44px}.b40-info-grid{grid-template-columns:1fr}}@media (max-height:690px) and (orientation:landscape){.b40-topbar{background:#071a27cc;width:100%;height:38px;position:fixed;inset:0 auto auto 0}.b40-topbar>strong,.b40-volume input,.b40-topbar .game-utility-label{display:none}.b40-topbar .game-utility-links a,.b40-volume button{width:29px;height:29px;min-height:29px;padding:0}.b40-cabinet,.b40-game-frame{height:100svh}}