*{box-sizing:border-box}html{background:#101e17;scroll-behavior:smooth}
:root{color-scheme:dark;--green:#183329;--cream:#eee6d2;--gold:#e5c17d;--muted:#b4c8b6;--edge:#466b51}
body{margin:0;font:15px/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cream);background:radial-gradient(ellipse at 80% 10%,#254631,#101e17 60%) fixed;min-height:100vh}
button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.42;cursor:not-allowed}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}
button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #f4cf79;outline-offset:3px}
.skip-link{position:absolute;top:-100px;left:10px;background:#f4cb85;color:#17291c;padding:7px 12px;z-index:10}
.skip-link:focus{top:12px}
.lab-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #4b6f57;background:#12251c;padding:10px max(18px,calc((100vw - 1200px)/2));min-height:76px}
.brand{display:flex;align-items:center;gap:12px;font:900 15px/1.15 Georgia,serif;letter-spacing:.035em}.brand strong{color:var(--gold)}
.brand small{font:700 8px/1.8 ui-monospace,monospace;letter-spacing:.1em;display:block;color:#aac7ac}.brand-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;font:36px Georgia,serif;color:var(--gold);border:1px solid #a68e58;background:#233e2d}
.lab-badge{border:1px solid #658b65;background:#263f2e;padding:7px 11px;border-radius:5px;color:#d6edcb;font:800 10px ui-monospace,monospace;letter-spacing:.04em;white-space:nowrap}.lab-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bce4ac;margin-right:7px}
main{max-width:1200px;padding:0 18px 50px;margin:0 auto}
.intro{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:28px 0 26px}
.kicker,.mission-kicker{color:var(--gold);font:800 10px/1.2 ui-monospace,monospace;letter-spacing:.17em}
h1,h2,h3,p{margin-top:0}h1{font:800 clamp(44px,5vw,75px)/.98 Georgia,serif;letter-spacing:-.04em;margin:10px 0 13px}h1 em,h2 em{color:var(--gold)}
.intro-description{color:#c8dccc;max-width:570px;font-size:15px;margin-bottom:0}.prototype-note{max-width:255px;font-size:12px;color:#a8c3ad;border-left:2px solid #829a72;padding-left:15px;margin:0 0 3px}
.game-layout{display:grid;grid-template-columns:minmax(0,490px) minmax(0,1fr);align-items:start;gap:clamp(24px,4.4vw,75px)}
.arcade-frame{padding:14px;background:#13261e;border:2px solid #a58b59;box-shadow:0 0 0 5px #172e23,0 20px 55px #05150d75;max-width:490px;margin:auto;width:100%;border-radius:8px}
.cabinet-top,.cabinet-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font:800 10px ui-monospace,monospace;letter-spacing:.06em;color:#b9d2b6}
.cabinet-top{padding:3px 4px 11px;color:var(--gold)}
.cabinet-bottom{margin-top:9px;padding:0 4px;color:#bdd0b8}
.hud{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;padding:10px 12px;border:1px solid #5b7759;border-bottom:0;background:#1f392a}
.hud>div{min-width:0;display:flex;flex-direction:column;line-height:1.1}.hud-label{font:800 9px ui-monospace,monospace;color:#a8bea9;letter-spacing:.08em}
.hud strong{font:900 clamp(18px,4vw,27px) ui-monospace,monospace;color:#f8ebd5;margin-top:6px}.hud strong.gold{color:var(--gold)}
.arena{position:relative;width:100%;max-width:420px;aspect-ratio:18 / 22;margin:auto;border:3px solid #537e5d;background:#152920;overflow:hidden}
#gameCanvas{width:100%;height:100%;display:block;object-fit:fill;image-rendering:pixelated;touch-action:none;user-select:none;-webkit-user-select:none}
.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:#091b15bd;backdrop-filter:blur(2px);text-align:center}
.game-overlay[hidden]{display:none}
.overlay-content{max-width:310px;border:1px solid #af8b52;background:#1a3328ed;padding:20px 15px;box-shadow:0 12px 28px #08170a88}
.pixel-symbol{color:#d4ba7a;font:24px Georgia,serif;letter-spacing:.2em;margin-bottom:14px}
.overlay-content h2{font:800 clamp(20px,5vw,29px)/1.1 Georgia,serif;color:#f3dbab;margin:0 0 12px}
.overlay-content p{color:#d5e6d4;font-size:13px;line-height:1.55;margin:0 0 17px}
.primary-button{border:1px solid #fee0a4;background:#dfb97e;color:#163522;font:900 12px ui-monospace,monospace;padding:12px 16px;min-height:46px;min-width:185px;border-radius:4px}
.primary-button:hover{background:#efd09e}
.game-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.game-actions button{min-height:43px;border:1px solid #688465;border-radius:4px;background:#2c4430;color:#e1ead8;font:800 10px ui-monospace,monospace;letter-spacing:.02em}
.game-actions button:not(:disabled):hover{background:#426348}
.touch-pad{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:10px}.pad-top,.pad-bottom{display:flex;gap:7px}.touch-pad button{width:57px;height:43px;border:1px solid #6d8766;background:#233c2e;color:#e8d6ae;border-radius:5px;font-size:19px;font-weight:800}
.touch-pad button:active{background:#68885d;transform:translateY(1px)}
.cabinet-help{text-align:center;font:750 9px/1.5 ui-monospace,monospace;color:#9fbaa1;margin:10px 0 0;letter-spacing:.03em}
.mission{padding:8px 0 20px}.mission h2{font:750 clamp(29px,4vw,48px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:15px 0 15px}.mission>p{color:#c4d4c0;max-width:550px}
.mission-row{display:flex;gap:17px;padding:17px 0;border-bottom:1px solid #4c6550}.mission-row>span{font:800 24px Georgia,serif;color:var(--gold)}.mission-row strong{font:850 12px ui-monospace,monospace;letter-spacing:.06em;color:#f5dfae}.mission-row p{font-size:13px;color:#b6cbb3;margin:6px 0 0}
.release-note{margin:26px 0;background:#1a3224;border:1px solid #526c50;padding:18px}.release-note>span{display:block;font:850 10px ui-monospace,monospace;letter-spacing:.1em;color:var(--gold)}.release-note strong{display:block;font:800 19px Georgia,serif;margin:10px 0}.release-note p{font-size:13px;color:#c5d7c1;margin:0;line-height:1.65}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px max(18px,calc((100vw - 1200px)/2));border-top:1px solid #46664e;font:800 10px ui-monospace,monospace;color:#a8bea6}.site-footer a{color:#e0c389}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:830px){.game-layout{grid-template-columns:minmax(0,1fr);gap:31px}.arcade-frame{margin:0 auto}.mission{max-width:600px;margin:0 auto}.intro{padding:24px 0;display:block}.prototype-note{max-width:650px;margin-top:14px}}
@media(max-width:420px){main{padding:0 10px 38px}.lab-header{padding:9px 12px;min-height:67px}.lab-badge{font-size:8px;padding:7px 5px}.brand{font-size:12px;gap:6px}.brand-mark{width:34px;height:36px;font-size:27px}.brand small{font-size:7px}.intro{padding:17px 5px 15px}h1{font-size:48px}.intro-description{font-size:13px}.prototype-note{font-size:11px;padding-left:9px;margin-top:11px}.arcade-frame{padding:8px;border-width:2px}.hud{padding:8px}.touch-pad button{height:40px;width:54px}.cabinet-top,.cabinet-bottom{font-size:8px}.game-actions button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.touch-pad button:active{transform:none}}

/* WUBRG creature gallery — responsive without horizontal scrolling. */
#creaturePreview{width:100%;height:auto;display:block;border:1px solid #384a3d;image-rendering:pixelated}

/* Level 01: organically framed Hatchery playfield. Art itself is painted inside the Canvas. */
.arena{border-color:#9f7854;box-shadow:0 0 0 2px #241e18,0 0 20px #c97b2b22}
.cabinet-top{color:#d8ad77}

/* Independent, touch-friendly sound effects and chiptune music toggles. */
.game-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.game-actions button[aria-pressed="true"]{background:#3e5735;border-color:#b7b678;color:#f7e9c4}
@media(min-width:640px){.game-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* ── Alpha 0.2: WUBRG evolution and touch-first mutation draft ── */
.mutation-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:rgba(4,12,11,.95);padding:8px;overflow-y:auto;overscroll-behavior:contain}
.mutation-overlay[hidden]{display:none}
.mutation-modal{width:100%;max-width:370px;margin:auto;display:flex;flex-direction:column;gap:5px;color:#f3e8cc}
.mutation-eyebrow{font:800 9px ui-monospace,monospace;letter-spacing:.13em;text-align:center;color:#e7bd7b}
.mutation-modal h2{font:800 clamp(16px,4vw,24px)/1.08 Georgia,serif;text-align:center;color:#f7db9c;margin:2px 0}
.mutation-modal>p{font-size:10px;text-align:center;line-height:1.3;color:#d4dbc7;margin:0 8px 4px}
.mutation-choices{display:grid;gap:6px}
.mutation-card{width:100%;display:grid;grid-template-columns:19px 32px minmax(0,1fr);align-items:center;gap:7px;min-height:72px;text-align:left;padding:7px 8px;border:1px solid var(--mutation-color);border-radius:5px;background:linear-gradient(100deg,var(--mutation-shade),#111b1c);color:#f5efdd;box-shadow:inset 3px 0 var(--mutation-color);touch-action:manipulation}
.mutation-card:hover,.mutation-card:focus-visible{background:var(--mutation-shade);transform:translateY(-1px)}
.mutation-number{font:800 11px ui-monospace,monospace;color:#c2c7b6;align-self:start}
.mutation-icon{font:32px/1 Georgia,serif;color:var(--mutation-color);text-shadow:0 0 10px var(--mutation-color)}
.mutation-details{display:flex;flex-direction:column;gap:2px;min-width:0}
.mutation-details em{font:800 8px/1.2 ui-monospace,monospace;color:var(--mutation-color);font-style:normal;letter-spacing:.06em}
.mutation-details strong{font:800 13px/1.2 Georgia,serif;color:#fff5de}
.mutation-details small{font-size:10px;line-height:1.3;color:#d3ddcf}
.mutation-hint{font:800 9px ui-monospace,monospace;letter-spacing:.07em;margin:3px 0 0!important}
.color-W{--mutation-color:#e8d5aa;--mutation-shade:#4a4331}
.color-U{--mutation-color:#81caff;--mutation-shade:#244760}
.color-B{--mutation-color:#d6a0e6;--mutation-shade:#432d4c}
.color-R{--mutation-color:#ff8965;--mutation-shade:#532f30}
.color-G{--mutation-color:#9bde92;--mutation-shade:#2c4832}
.evolution-hud{margin-top:10px;background:#091d18;border:1px solid #59704c;padding:9px 10px}
.evolution-summary{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;font:800 10px/1.4 ui-monospace,monospace;color:#adc5a8}
.evolution-summary strong{color:#eed19b;margin-left:4px}
.mutation-inventory{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px;align-items:center;min-height:22px}
.mutation-none,.last-evolution{font:750 9px/1.45 ui-monospace,monospace;color:#9ebba7;letter-spacing:.04em}
.mutation-badge,.effect-badge{font:800 10px ui-monospace,monospace;padding:3px 6px;border:1px solid var(--mutation-color);color:var(--mutation-color);border-radius:3px;background:#142721}
.effect-badge{font-size:9px;border-style:dashed}
.last-evolution{margin:6px 0 0;color:#ddc896}
@media(max-width:380px){
 .mutation-overlay{padding:4px}
 .mutation-modal{gap:3px}
 .mutation-modal h2{font-size:17px}
 .mutation-modal>p{font-size:9px}
 .mutation-choices{gap:4px}
 .mutation-card{min-height:62px;padding:5px;grid-template-columns:15px 25px minmax(0,1fr);gap:5px}
 .mutation-icon{font-size:25px}
 .mutation-details strong{font-size:11px}
 .mutation-details small{font-size:9px}
 .mutation-details em{font-size:7px}
 .evolution-hud{padding:7px}
 .evolution-summary{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.mutation-card:hover{transform:none}}



@media(max-width:350px){
}


@media(max-width:350px){.music-note > .music-track-list{gap:6px}}

.hunt-hud{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #4d624e;border-top:0;background:#172b23;font:800 10px ui-monospace,monospace;color:#b8cbb3}
.hunt-hud strong{margin-left:5px;color:#ffca95}
.ranked-notice{margin:5px 0 0;color:#d5bb7b;text-align:center;font:750 9px/1.4 ui-monospace,monospace;letter-spacing:.04em}
.leaderboard-panel{border:1px solid #a58b59;background:#10231c;padding:14px;margin:18px 0 22px;border-radius:6px}
.board-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;color:#d9ba84;font:800 10px ui-monospace,monospace}
.board-heading button{border:1px solid #72876a;background:#1c3b2a;color:#d7e4cd;padding:5px 7px;font:800 10px ui-monospace,monospace}
.leaderboard-panel h3{font:800 clamp(22px,4vw,31px)/1.05 Georgia,serif;letter-spacing:-.025em;margin:13px 0 9px}
.leaderboard-panel h3 em{color:#e9c488}
.board-caption,.board-integrity{font:750 10px/1.55 ui-monospace,monospace;color:#b3c4ac}
.board-entries{display:flex;flex-direction:column;gap:4px;margin-top:12px;max-height:470px;overflow-y:auto}
.board-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 6px;border-bottom:1px solid #456049;background:#142921}
.board-row .rank{color:#eaca92;font:800 12px ui-monospace,monospace}
.board-player{min-width:0;display:flex;flex-direction:column;gap:1px}
.board-player strong{font-size:12px;overflow-wrap:anywhere}
.board-profile{font:750 10px ui-monospace,monospace;color:#bcd4c4;text-decoration:underline}
.board-stat{text-align:right;display:flex;flex-direction:column;gap:1px}
.board-stat strong{font:900 15px ui-monospace,monospace;color:#e9cd91}
.board-stat small{font:750 9px ui-monospace,monospace;color:#a8c1ad}
.board-empty{color:#d5c69f;font-size:12px}
.submission-panel{border-top:1px solid #71815e;margin-top:15px;padding-top:14px}
.submission-panel[hidden]{display:none}
.submission-panel>strong{font:800 13px ui-monospace,monospace;color:#f0d5a1}
.submission-panel>p{font-size:12px;color:#b9cbb7;margin:5px 0}
.submission-panel form{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.submission-panel label{font:800 10px ui-monospace,monospace;color:#e4d0a2}
.submission-panel input{width:100%;min-height:40px;border:1px solid #75846b;border-radius:3px;background:#091b16;color:#f7eed4;padding:8px 10px;font-size:14px}
.submission-panel small{font:11px/1.5 system-ui;color:#bdcdb7}
.submission-panel small a{text-decoration:underline;color:#f1d397}
.submission-panel button{min-height:44px;background:#dbc08a;border:1px solid #f8dcab;border-radius:3px;color:#162b21;font:800 11px ui-monospace,monospace}
.submission-panel button:disabled{opacity:.5}
.board-integrity{border-top:1px solid #53644c;padding-top:12px;margin:14px 0 0}

.submit-shortcut{display:block;margin-top:13px;color:#f9d89d;font:800 10px/1.6 ui-monospace,monospace;text-decoration:underline;text-underline-offset:3px}
.submit-shortcut[hidden]{display:none}
.submit-shortcut:focus-visible{outline:3px solid #f8d79a;outline-offset:3px}


/* Alpha 0.3.3: iPhone-safe Game Only display; native Fullscreen API is optional.
 * The viewport is locked in both CSS and JS so swipe controls cannot scroll
 * the page underneath. Never scale the 360x440 logical Canvas backing size. */
.cabinet-top-right{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.game-only-button{min-height:34px;padding:6px 8px;border:1px solid #b49d70;border-radius:5px;background:#2a4532;color:#f8dda6;font:800 10px/1.2 ui-monospace,monospace;letter-spacing:.03em;white-space:nowrap}
.game-only-button:hover{background:#3b5a40}
.game-only-button[aria-pressed="true"]{border-color:#f5d9a2;background:#57432c;color:#fff1c8}
.arena,.touch-pad{overscroll-behavior:none;-webkit-user-select:none;user-select:none}
.arena{touch-action:none}
@media(max-width:420px){
 .cabinet-top-right{flex-direction:column;align-items:flex-end;gap:2px}
 .cabinet-top-right #soundStatus{font-size:8px}
 .game-only-button{min-height:32px;padding:5px 6px;font-size:9px}
}
/* Only the actual game remains on screen. Fixed positioning is essential for
 * iOS Safari where requestFullscreen() may not support arbitrary elements. */
html.game-only,body.game-only{height:100%;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none}
body.game-only{position:fixed;inset:0;width:100%;height:var(--game-only-height,100dvh);min-height:0;margin:0}
body.game-only .lab-header,
body.game-only main>.intro,
body.game-only .mission,
body.game-only .site-footer{display:none!important}
body.game-only main{width:100%;max-width:none;height:100%;margin:0;padding:0;overflow:hidden}
body.game-only .game-layout{display:block;height:100%;overflow:hidden}
body.game-only .arcade-frame{position:fixed;inset:0;z-index:100;width:100%;max-width:none;height:var(--game-only-height,100dvh);margin:0;border:0;border-radius:0;box-shadow:none;display:grid;grid-template-rows:auto auto minmax(0,1fr) repeat(8,auto);align-items:stretch;justify-items:stretch;gap:2px;padding:max(4px,env(safe-area-inset-top)) max(5px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));overflow:hidden}
body.game-only .cabinet-top{min-height:31px;padding:0 5px;gap:6px;flex-wrap:nowrap}
body.game-only .cabinet-top-right{flex-direction:row;gap:3px}
body.game-only #soundStatus{display:none}
body.game-only .game-only-button{min-height:31px;padding:5px 8px;font-size:10px}
body.game-only .hud{padding:5px 9px;gap:6px}
body.game-only .hud strong{font-size:clamp(16px,4vw,21px);margin-top:2px}
body.game-only .arena{width:auto;height:min(100%,calc((100vw - 14px)*22/18));min-height:0;min-width:0;max-width:100%;max-height:100%;aspect-ratio:18/22;align-self:center;justify-self:center;margin:auto;flex:none;border-width:2px;box-shadow:none}
body.game-only .game-overlay{padding:7px}
body.game-only .overlay-content{padding:10px;max-width:min(100%,300px)}
body.game-only .overlay-content h2{font-size:clamp(15px,4vw,24px);margin-bottom:5px}
body.game-only .overlay-content p{font-size:11px;margin-bottom:9px}
body.game-only .pixel-symbol{display:none}
body.game-only .primary-button{padding:8px;min-height:36px;min-width:min(180px,100%);font-size:11px}
body.game-only .evolution-hud{margin:0;padding:3px 7px;min-height:0}
body.game-only .evolution-summary{gap:8px}
body.game-only .mutation-inventory{padding:2px 0}
body.game-only .last-evolution,body.game-only .ranked-notice,body.game-only .cabinet-help{display:none}
body.game-only .hunt-hud{padding:3px 7px;min-height:0}
body.game-only .cabinet-bottom{margin:0;padding:2px 5px}
body.game-only .game-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:2px 0 0}
body.game-only .game-actions button{min-width:0;min-height:36px;padding:4px 1px;font-size:clamp(8px,2.2vw,11px)}
body.game-only .touch-pad{margin:0;gap:1px;touch-action:none}
body.game-only .pad-top,body.game-only .pad-bottom{gap:4px}
body.game-only .touch-pad button{width:clamp(45px,13vw,60px);height:34px;touch-action:none}
body.game-only .mutation-overlay{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
@media(max-height:600px){
 body.game-only .cabinet-top{min-height:28px}
 body.game-only .hud{padding:2px 8px}
 body.game-only .evolution-hud{padding:1px 7px}
 body.game-only .touch-pad button{height:29px}
 body.game-only .game-actions button{min-height:30px}
 body.game-only .touch-pad{gap:0}
}


/* Alpha 0.4 pixel-art miniboss ability UI; never steal touch steering. */
.encounter-hud{position:absolute;inset:0;z-index:3;pointer-events:none}
.encounter-badge{position:absolute;top:7px;left:7px;max-width:calc(100% - 90px);background:#0f1b15e8;border:1px solid #8b7958;border-left:3px solid #98824b;display:none;flex-direction:column;padding:5px 7px;color:#d0bea0;font:800 9px/1.4 ui-monospace,monospace;letter-spacing:.035em}
.encounter-badge small{color:#aa9b77;font:800 9px/1.4 ui-monospace,monospace}
.encounter-hud:has(.ability-panel:not([hidden])) .encounter-badge{display:flex}
.ability-panel{position:absolute;top:5px;right:5px;width:70px;min-height:79px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#112019e8;border:1px solid #625e46;box-shadow:0 3px 10px #080c0966;border-radius:3px}
.ability-panel[hidden],.encounter-banner[hidden]{display:none}
.ability-panel canvas{width:64px;height:64px;image-rendering:pixelated;display:block}
.ability-panel small{color:#b2a078;font:850 9px ui-monospace,monospace;padding-bottom:4px}
.encounter-banner{position:absolute;top:36%;left:50%;transform:translateX(-50%);width:max-content;max-width:92%;padding:8px 11px;white-space:normal;text-align:center;line-height:1.35;font:900 12px ui-monospace,monospace;background:#17241be8;border:1px solid #998557;color:#d9c494;text-shadow:1px 1px #090e0c}
@media(max-width:350px){.ability-panel{width:63px;min-height:70px;top:3px;right:3px}.ability-panel canvas{width:56px;height:56px}.encounter-badge{font-size:8px;max-width:calc(100% - 70px)}.encounter-banner{font-size:10px}}
body.game-only .encounter-hud{pointer-events:none}

/* Release 1.0: accessible path / expedition controls inside the start screen. */
.mode-menu {display:grid;gap:6px;width:100%;margin:12px 0;text-align:left}
.mode-menu[hidden] {display:none}
.mode-menu label {font:700 9px/1.3 monospace;letter-spacing:1px;color:#b9b497}
.mode-menu select {width:100%;min-width:0;min-height:38px;background:#14231d;color:#e1d8b7;border:1px solid #6c7152;border-radius:3px;padding:8px;font:700 10px/1.4 monospace}
.mode-menu select:focus-visible {outline:2px solid #d4bb7d;outline-offset:2px}
.overlay-content {max-height:100%;overflow-y:auto;overscroll-behavior:contain}
.overlay-content h2 {font-size:clamp(20px,5vw,30px)}
.overlay-content p {margin:8px 0;font-size:12px;line-height:1.5}
.mutation-guide {margin-top:20px;border-top:1px solid #526049;padding:16px 0;color:#c6ccb7;font-size:12px;line-height:1.8}
.mutation-guide summary {cursor:pointer;color:#d3bd82;font:700 11px/1.6 monospace}
#encounterBadge[hidden] {display:none}
.game-only .mode-menu {margin:6px 0;gap:3px}
.game-only .mode-menu select {min-height:32px;padding:5px}
.game-only .overlay-content .pixel-symbol {display:none}
@media(max-width:380px){.mode-menu select{font-size:9px}.overlay-content{padding:14px}.overlay-content h2{font-size:20px}.mode-menu{gap:4px;margin:8px 0}}

@media(max-width:380px){
 .game-overlay .pixel-symbol{display:none}
 .game-overlay .overlay-content{padding:12px 10px}
 .game-overlay .overlay-content p{font-size:11px;line-height:1.4}
 .game-overlay .primary-button{min-height:40px;padding:9px 12px}
}

/* 1.0.2 — compact, readable learning aids below the arena (hidden in Brood Trail). */
.player-aids{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;
 padding:6px 10px;border:1px solid #53634e;border-top:0;background:#192921;
 color:#ddbf8a;font:800 9px/1.35 ui-monospace,monospace;letter-spacing:.025em}
.player-aids[hidden]{display:none}
.player-aids span:last-child{color:#c3c6a0}
@media(max-width:380px){.player-aids{font-size:8px;padding:6px 7px}}

/* 1.0.3 original pixel-art encounter dossiers. Fits 360×440 arena & Game Only. */
.boss-briefing,.boss-countdown{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;
 background:rgba(5,12,11,.91);overscroll-behavior:contain}
.boss-briefing[hidden],.boss-countdown[hidden]{display:none!important}
.boss-briefing{padding:6px;touch-action:pan-y}
.boss-dossier{--boss-ink:#b49b6b;position:relative;width:100%;max-width:384px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;
 color:#eee0bb;background:repeating-linear-gradient(0deg,transparent 0 5px,#e0b97104 5px 6px),
 linear-gradient(155deg,#1d3027,#111c19 62%,#1a211c);
 border:2px solid #9e8960;outline:1px solid #3f4a39;outline-offset:-5px;
 box-shadow:inset 0 0 0 5px #090f0ca8,0 12px 36px #000b;padding:12px 14px 8px}
.boss-dossier:before,.boss-dossier:after{content:"";position:absolute;top:5px;width:13px;height:4px;background:#b29a61}
.boss-dossier:before{left:5px}.boss-dossier:after{right:5px}
.boss-dossier-eyebrow{display:flex;justify-content:space-between;gap:5px;color:#d4b67d;
 font:800 8px/1.35 ui-monospace,monospace;letter-spacing:.035em}
.boss-dossier-eyebrow span:last-child{white-space:nowrap;color:#f1d19b}
.boss-dossier-heading{display:grid;grid-template-columns:67px minmax(0,1fr);align-items:center;gap:7px;margin:8px 0 4px}
.boss-dossier-heading canvas{width:64px;height:64px;image-rendering:pixelated;border:1px solid #82714c;background:#0e1716}
.boss-dossier-nameplate p{color:var(--boss-ink);font:800 8px/1.3 ui-monospace,monospace;letter-spacing:.07em;margin:0 0 3px}
.boss-dossier-nameplate h2{font:900 clamp(15px,4.2vw,22px)/1.1 Georgia,serif;letter-spacing:-.02em;color:#fff0c9;margin:0 0 4px}
.boss-dossier-nameplate strong{display:block;color:#d6c7a3;font:800 9px/1.4 ui-monospace,monospace}
.boss-dossier-phases{display:block;width:max-content;max-width:100%;padding:4px 7px;margin:4px 0 9px;background:#463b26;border-left:3px solid var(--boss-ink);
 color:#f8deb0;font:900 10px/1.4 ui-monospace,monospace;letter-spacing:.07em}
.boss-dossier-section{border-top:1px solid #647052;padding-top:7px}
.boss-dossier-section h3,.boss-dossier-survival h3{margin:0 0 4px;color:#e7c891;
 font:900 10px/1.25 ui-monospace,monospace;letter-spacing:.07em}
.boss-dossier-diamond{color:var(--boss-ink);margin-right:4px}
.boss-dossier-section ul{margin:0;padding-left:16px;display:grid;gap:4px}
.boss-dossier-section li{font:650 10px/1.36 ui-sans-serif,system-ui,sans-serif;color:#ecdfc5}
.boss-dossier-section li::marker{color:#bca36f}
.boss-dossier-survival{background:#28332577;border:1px solid #59654e;padding:6px 8px;margin:9px 0}
.boss-dossier-survival p{margin:0;color:#e3dfca;font:650 10px/1.45 ui-sans-serif,system-ui,sans-serif}
#bossBriefingResume{display:block;width:100%;min-height:42px;padding:8px 10px;border:2px solid #f0d6a0;border-radius:2px;
 background:linear-gradient(#d6bc87,#b89a62);color:#10251d;font:900 12px/1.4 ui-monospace,monospace;letter-spacing:.06em}
#bossBriefingResume:hover{background:linear-gradient(#efd4a0,#ceb37e)}
#bossBriefingResume:focus-visible{outline:3px solid #fff8d4;outline-offset:3px}
.boss-dossier-footer{margin:5px 0 0;color:#baad90;text-align:center;font:800 8px/1.4 ui-monospace,monospace;letter-spacing:.025em}
.boss-countdown{background:rgba(6,15,14,.78);z-index:9;pointer-events:auto}
.boss-countdown-inner{text-align:center;border-top:2px solid #b6a06c;border-bottom:2px solid #b6a06c;min-width:60%;padding:16px 8px;
 background:linear-gradient(90deg,transparent,#18251fc8,transparent)}
.boss-countdown-kicker,.boss-countdown-inner>p:last-child{font:900 11px/1.4 ui-monospace,monospace;letter-spacing:.12em;color:#e2c38a;margin:0}
#bossCountdownNumber{display:block;font:900 clamp(84px,28vw,126px)/1 ui-monospace,monospace;color:#ffdf9e;
 text-shadow:4px 4px #362e21,0 0 28px #bc995033;margin:3px 0}
body.game-only .boss-briefing{padding:4px}
body.game-only .boss-dossier{max-width:365px;padding:9px 12px 6px}
@media(max-width:380px), (max-height:490px){
 .boss-dossier{padding:8px 10px 5px}
 .boss-dossier-heading{grid-template-columns:55px minmax(0,1fr);margin:5px 0 3px}
 .boss-dossier-heading canvas{width:52px;height:52px}
 .boss-dossier-phases{margin:3px 0 5px}
 .boss-dossier-section li{font-size:9px;line-height:1.25}
 .boss-dossier-section ul{gap:2px}
 .boss-dossier-survival{margin:5px 0}
 .boss-dossier-survival p{font-size:9px}
 #bossBriefingResume{min-height:39px}
}
@media(prefers-reduced-motion:reduce){.boss-dossier,.boss-countdown{scroll-behavior:auto}}

/* The arena disables swipe scrolling during play; restore it for dossier reading. */
.arena:has(.boss-briefing:not([hidden])){touch-action:pan-y}

/* The playable arcade now runs on Deep Cuts EDH's own profile domain. */
.field-network-bridge{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;
 margin:12px 0 15px;padding:13px 14px;border:1px solid #9c8457;border-left:4px solid #e3c284;
 background:linear-gradient(120deg,#2a3327,#12231d);box-shadow:inset 0 0 16px #07130d6b}
.field-network-bridge>div{flex:1 1 185px;min-width:0}
.field-network-bridge strong{font:900 11px/1.4 ui-monospace,monospace;letter-spacing:.05em;color:#f0d5a2}
.field-network-bridge p{font:600 11px/1.5 ui-sans-serif,system-ui,sans-serif;color:#d0d5b7;margin:4px 0 0}
.field-network-bridge a{display:inline-block;flex:0 1 auto;max-width:100%;padding:10px 13px;border:1px solid #e5c993;
 color:#f6dfa8;background:#31503a;text-decoration:none;text-align:center;font:900 10px/1.4 ui-monospace,monospace}
.field-network-bridge a:hover,.field-network-bridge a:focus-visible{background:#466a4f;color:#fff6d8}
.field-network-bridge a[hidden]{display:none}
@media(max-width:440px){.field-network-bridge{padding:10px;gap:9px}.field-network-bridge a{width:100%}}

/* Compact public arcade: diagnostic counters are opt-in through ?debug=1. */
.dev-diagnostics[hidden]{display:none!important}
.dev-diagnostics{margin-top:9px;padding:7px;border:1px solid #52694e;background:#111f19}
.dev-diagnostics summary{cursor:pointer;color:#e9c787;font:850 10px/1.4 ui-monospace,monospace;letter-spacing:.05em}
.dev-diagnostics .evolution-hud{margin-top:8px}
body.game-only .dev-diagnostics{display:none!important}
body.game-only .arcade-frame{grid-template-rows:auto auto minmax(0,1fr) auto}
.mutation-guide{margin-top:16px}
.mutation-guide strong{color:#f1d5a2}
.arcade-home-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;max-width:170px;padding:7px 9px;border:1px solid #9a865d;border-radius:4px;
 background:#284634;color:#f4dba7;font:850 9px/1.2 ui-monospace,monospace;letter-spacing:.02em;text-align:center}
.arcade-home-link:hover,.arcade-home-link:focus-visible{background:#45644c;color:#fff6dc}
body.game-only .arcade-home-link{min-height:31px;padding:5px 6px}
@media(max-width:430px){.arcade-home-link{font-size:8px;padding:6px 5px}.cabinet-top-right{gap:4px}}

/* Compact return-home affordance must not crowd a narrow phone's Game Only top bar. */
@media(max-width:440px){body.game-only .arcade-home-link{font-size:0;padding:6px}body.game-only .arcade-home-link::after{content:'← HOME';font-size:9px}}