/* Same cartridge-screen palette and squared pixel borders as the title/journal. */
#walker-screen{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#1d2c32;color:#f4e7c4;overflow:auto;font-family:var(--mono);box-shadow:none}
#walker-screen::backdrop{background:#1d2c32}
.walker-room{max-width:1100px;min-height:100%;margin:auto;padding:20px 32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;box-sizing:border-box}
.walker-top{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:2px;color:#a7b6a5}
.walker-top button,#walker-retry{font:10px var(--mono);border:1px solid #80977e;border-radius:0;background:transparent;color:#e8dfc1;padding:10px 12px;letter-spacing:0}
.walker-heading{text-align:center}.walker-heading p{margin:0;color:#bfccb7;font-size:12px;line-height:1.5}.walker-heading p:first-child{font-size:9px;letter-spacing:2px;color:#e2b76c}
.walker-heading h2{margin:12px 0 10px;line-height:0}#walker-heading-art{width:min(100%,552px);height:auto;image-rendering:pixelated}
#walker-lineup{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.walker-choice{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;background:#e6ddbf;border:3px solid #839579;border-radius:0;box-shadow:4px 4px 0 #111e24;color:#273d36;padding:8px 8px 13px;cursor:pointer;font-family:var(--mono)}
.walker-choice canvas{display:block;width:144px;height:168px;max-width:100%;object-fit:contain;image-rendering:pixelated}
.walker-choice strong{font-size:16px;letter-spacing:1px;margin-top:2px}.walker-choice>span{font-size:9px;line-height:1.5;min-height:27px;margin-top:6px}
.walker-choice[aria-pressed=true]{border-color:#f4c878;background:#fcf0c9;box-shadow:4px 4px 0 #b38442}
.walker-choice[aria-pressed=true]::before{content:'▼';position:absolute;top:7px;left:10px;color:#946536;font-size:12px}
#walker-screen button:focus-visible{outline:2px dashed #ffdc87;outline-offset:5px}
.walker-preview-wrap{width:min(100%,540px);margin:0;border:2px solid #839579;background:#263d35;box-shadow:4px 4px 0 #111e24}
#walker-preview{width:100%;height:auto;display:block;image-rendering:pixelated}
#walker-caption{font-size:10px;line-height:1.5;text-align:center;padding:10px 8px;color:#eee4c5}
.walker-actions{text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}
#confirm-walker{border:2px solid #f8dfa3;border-radius:0;box-shadow:4px 4px 0 #101f25;background:#e8bd75;color:#283c35;font:700 15px var(--mono);letter-spacing:2px;padding:14px 36px}
#confirm-walker:disabled{opacity:.45;cursor:wait}#confirm-walker span{margin-left:18px}
#walker-status{font-size:9px;letter-spacing:1px;line-height:1.5;margin:0}.walker-key-hint{font-size:8px;letter-spacing:1px;color:#a7b6a5;margin:0}
@media(max-width:640px){
 .walker-room{padding:14px 18px 20px;gap:12px;justify-content:flex-start}.walker-top{font-size:8px}.walker-top>span{display:none}.walker-top button{font-size:9px;padding:8px}
 .walker-heading p{font-size:10px}.walker-heading p:first-child{font-size:8px;letter-spacing:1px}.walker-heading h2{margin:10px 0}
 #walker-lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.walker-choice{padding:4px 5px 9px}.walker-choice canvas{width:72px;height:84px}.walker-choice strong{font-size:13px}.walker-choice>span{font-size:8px;min-height:12px;margin-top:3px}
 .walker-choice:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 12px)/2);justify-self:center}
 .walker-preview-wrap{max-width:360px}#walker-caption{font-size:9px;padding:7px}.walker-key-hint{display:none}#confirm-walker{padding:12px 28px;font-size:13px}
}
@media(max-height:780px) and (min-width:641px){.walker-room{gap:13px;padding-block:14px}.walker-choice canvas{width:110px;height:128px}.walker-preview-wrap{max-width:430px}.walker-heading h2{margin:8px 0}#walker-heading-art{width:430px}}
