/* Original bitmap type and hard-edged cartridge windows. No blur or soft cards.
   Shared by selection, HUD and journal; geometry and gameplay are unaffected. */
@font-face{font-family:'Senshi Pixel';src:url('/fonts/senshi-pixel.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.game-mode{--mono:'Senshi Pixel',monospace;--sans:'Senshi Pixel',monospace;--pixel-ink:#f2e6be;--pixel-edge:#bac99c;--pixel-dark:#13252f;--pixel-panel:#253d43;font-family:var(--mono)}
.game-mode button{transition:none}
.game-mode button:active{transform:translateY(2px)}
.game-mode button:focus-visible,.game-mode input:focus-visible,.game-mode a:focus-visible{outline:2px solid #ffd484;outline-offset:4px}
.game-mode dialog::backdrop{backdrop-filter:none}

/* One shared stage, not five website cards. */
#walker-screen{background-color:#182d36;background-image:repeating-linear-gradient(0deg,transparent 0 30px,#1c333b 30px 32px),repeating-linear-gradient(90deg,transparent 0 30px,#1c333b 30px 32px);color:var(--pixel-ink)}
.walker-room{max-width:1100px;gap:24px}
.walker-top{letter-spacing:1px;font-size:8px;color:#b8caaa}
.walker-heading p{font-size:8px;line-height:2;color:#d6dfbe}.walker-heading p:first-child{font-size:8px;color:#f3c57b}
#walker-lineup{padding:20px 16px 16px;gap:16px;background:#29454a;border:4px solid #b8c99c;box-shadow:0 0 0 4px #13252f,inset 0 0 0 4px #486568,4px 8px 0 #101e29;position:relative}
.walker-choice,.walker-choice[aria-pressed=true]{border:0;background:transparent;box-shadow:none;padding:8px 0 12px;color:#d2dfc3}
.walker-choice strong{font-size:16px;font-weight:400;letter-spacing:0;margin-top:10px;text-shadow:2px 2px #122830}
.walker-choice[aria-pressed=true] strong{color:#ffdb8c}
.walker-choice[aria-pressed=true]::before{content:'';width:16px;height:12px;background:#ffdb8c;left:calc(50% - 8px);top:-8px;clip-path:polygon(0 0,100% 0,100% 33%,75% 33%,75% 66%,62.5% 66%,62.5% 100%,37.5% 100%,37.5% 66%,25% 66%,25% 33%,0 33%);animation:walker-pointer .8s steps(2,end) infinite}
.walker-choice:hover strong{color:#ffdb8c}
#walker-screen .walker-choice:focus-visible{outline:2px solid #779887;outline-offset:2px}
.walker-preview-wrap{border:4px solid #b8c99c;background:#253d43;box-shadow:0 0 0 3px #13252f,inset 0 0 0 2px #486568,4px 7px 0 #101e29}
#walker-caption{color:#f2e6be;font-size:8px;line-height:2;padding:12px 8px;border-top:3px solid #13252f}
.walker-top button,#walker-retry,#confirm-walker{background:#2d494a;color:#f2e6be;border:2px solid #b8c99c;box-shadow:inset 2px 2px #638477,inset -2px -2px #172c36,3px 3px #111f2b;font-family:var(--mono);border-radius:0}
.walker-top button{font-size:8px;padding:12px}
#confirm-walker{font-size:16px;line-height:1.5;letter-spacing:0;background:#e4b56b;color:#263840;border-color:#ffe2a2;box-shadow:inset 2px 2px #fff0bd,inset -2px -2px #a27745,4px 4px #111f2b}
#walker-status,.walker-key-hint{font-size:8px;letter-spacing:0;line-height:1.6;color:#c5d5b8}
@keyframes walker-pointer{50%{transform:translateY(4px)}}

/* Overworld overlays: opaque pixel windows rather than translucent web cards. */
.game-mode :is(.rotation-controls,.map-tools,.street-sign,.minimap-wrap,.adventure-bar,#open-menu,.toast,.editor-banner){background:#253d43;color:var(--pixel-ink);border:2px solid var(--pixel-edge);border-radius:0;box-shadow:0 0 0 2px #13252f,inset 0 0 0 2px #486568,3px 4px 0 #13252f;font-family:var(--mono)}
.game-mode .rotation-controls{padding:4px;gap:2px}
.game-mode .rotation-controls button{border-radius:0;color:#e4e8c8;font-family:var(--mono);font-size:8px;min-height:32px;padding:8px}
.game-mode .rotation-controls>button{font-size:16px}
.game-mode .rotation-controls button.active,.game-mode .rotation-controls button:hover:not(:disabled){background:#b8c99c;color:#172c36;box-shadow:inset 0 -2px #7e9975}
.game-mode .map-tools button{color:#f2e6be;border-radius:0;font-family:var(--mono)}
.game-mode .map-tools button:hover{background:#486568}.game-mode .tool-divider{background:#759180;height:2px}
.game-mode .street-sign{padding:12px;gap:8px}.game-mode #street-name{font:16px var(--mono)}
.game-mode .street-sign small{font:8px/1.5 var(--mono);color:#c1d3b1}.game-mode .street-icon{color:#ddc180}
.game-mode .minimap-wrap{padding:5px}.game-mode .minimap-wrap canvas{image-rendering:pixelated}
.game-mode .minimap-wrap>div{color:#d7dfbc;font-size:6px;line-height:1.5}
.game-mode .adventure-bar{font-size:8px;padding:14px 12px}.game-mode .adventure-bar b{font-size:8px}
.game-mode #open-menu{font-size:8px;padding:14px 12px}
.game-mode .toast{font-size:12px;line-height:1.8;padding:12px 18px}
.game-mode .touch-controls button{background:#253d43;color:#ffe1a0;border:2px solid #b8c99c;border-radius:0;box-shadow:inset 2px 2px #638477,inset -2px -2px #172c36,2px 2px #111f2b;font-family:var(--mono)}
.game-mode .loading{background:#182d36;color:#f2e6be;font-family:var(--mono)}
.game-mode .loading>strong{font-size:16px}.game-mode .loading>span:last-child{color:#c1d3b1;font-size:8px}
.game-mode .paused-overlay{backdrop-filter:none;background:#172c3680}.game-mode .paused-overlay strong{font:24px var(--mono);text-shadow:3px 3px #13252f}

/* Field journal and auxiliary dialogs inherit the same tile/window language. */
#adventure-menu{--ink:#f2e6be;--muted:#c1d3b1;--line:#57756a;--paper:#253d43;--white:#45625b;background:#253d43;color:var(--ink);border:4px solid #b8c99c;box-shadow:0 0 0 4px #13252f,inset 0 0 0 3px #486568,6px 8px 0 #13252f}
#adventure-menu :is(button,input,select,.search-input,.segmented,kbd){border-radius:0;font-family:var(--mono);font-size:8px;line-height:2}
#adventure-menu select{background:#1c323b;color:#f2e6be;border:2px solid #759180;padding:10px}
#adventure-menu :is(p,small,.world-footer,.control-copy,.field-note,.music-settings,.section-heading h2,.day-section .section-heading>span){font-size:8px;line-height:2}
#adventure-menu :is(.shiba-card strong,.session-stats strong,.music-controls h3,.world-heading h2){font-size:16px;line-height:1.5}
#adventure-menu :is(.search-input,.segmented){background:#1c323b;border:2px solid #759180;box-shadow:none}
#adventure-menu :is(button,.primary,.round-button,.photo-button){background:#2d494a;color:#f2e6be;border:2px solid #90a789;box-shadow:inset 2px 2px #486568,inset -2px -2px #172c36;padding:10px}
#adventure-menu .segmented button{border:0;box-shadow:none;color:#d2dfc3}
#adventure-menu .segmented button.active,#adventure-menu button[aria-pressed=true]{background:#b8c99c;color:#172c36}
#adventure-menu .shiba-card{background:transparent;border:0;border-block:2px solid #759180;border-radius:0;box-shadow:none;padding:14px 0}
#adventure-menu :is(p,small,.shiba-card p,.shiba-card small,.session-stats small,.world-footer,.world-footer button){color:#c1d3b1}
#adventure-menu :is(.session-stats strong,.section-heading h2 span,.music-controls h3){color:#f2e6be}
#adventure-menu .music-controls,#adventure-menu .menu-heading{border-color:#759180}
#adventure-menu .menu-heading h2{font-size:16px;line-height:1.5;letter-spacing:0}
#adventure-menu .round-button{width:36px;height:36px;padding:6px}
#adventure-menu kbd{background:#182d36;color:#f2e6be;border-color:#759180}
#adventure-menu input[type=range]{appearance:none;height:8px;background:#13252f;border:2px solid #759180;accent-color:#f0c77e}
#adventure-menu input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:16px;border:2px solid #ffe2a2;border-radius:0;background:#dba75e;box-shadow:2px 2px #13252f}
#adventure-menu input[type=range]::-moz-range-thumb{width:8px;height:12px;border:2px solid #ffe2a2;border-radius:0;background:#dba75e;box-shadow:2px 2px #13252f}
.game-mode dialog:not(#walker-screen):not(#title-screen):not(#adventure-menu):not(#battle-dialog){border-radius:0;border:4px solid #57756a;box-shadow:0 0 0 3px #e0d9ac,4px 6px #13252f;font-family:var(--mono)}
.game-mode dialog>img,.game-mode .street-photos img{border-radius:0}
#battle-dialog{border-radius:0;box-shadow:0 0 0 3px #ece6cb,6px 8px 0 #13252f}
#battle-dialog::backdrop{backdrop-filter:none}.fighter-info,.health-track{border-radius:0}
@media(max-width:640px){
 .walker-room{padding:16px 16px 20px;gap:16px}#walker-lineup{gap:12px;padding:16px 8px 8px}
 .walker-choice{padding:8px 0}.walker-choice strong{font-size:16px;margin-top:6px}.walker-top button{font-size:8px;padding:10px}
 .walker-heading p{font-size:8px;line-height:1.8}.walker-heading p:first-child{font-size:8px;letter-spacing:0}
 #walker-caption{font-size:8px;padding:8px;line-height:1.6}#confirm-walker{font-size:16px;padding:10px 24px}
 .game-mode .rotation-controls button{padding:6px;font-size:8px}.game-mode .rotation-controls>button{font-size:16px;padding:4px}
 .game-mode .street-sign{padding:8px}.game-mode #street-name{font-size:8px}.game-mode .toast{font-size:8px}
 #adventure-menu .menu-heading h2{font-size:16px}#adventure-menu .menu-heading button{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.walker-choice[aria-pressed=true]::before{animation:none}}