@font-face{font-family:Cartograph;src:url('assets/cartograph-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--console-ink:#191827;--console-line:#655b7b;--console-aqua:#65dfcb;--console-paper:#f8f5ed;--game-font:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
body{margin:0;background:#101016;color:var(--console-paper);font-family:var(--game-font);padding:14px}
.console-shell{position:relative;width:100%;max-width:1680px;height:calc(100svh - 28px);min-height:460px;margin:auto;display:grid;grid-template-rows:74px minmax(0,1fr) 72px;overflow:hidden;border:1px solid #78c6ba;border-radius:12px;background:var(--console-ink);box-shadow:0 0 0 4px #232130,inset 0 0 0 1px #201e29}
.console-shell,.console-shell button,.console-shell input,.console-shell textarea,.console-shell select{font-family:var(--game-font)}
.console-top{position:relative;z-index:6;display:flex;align-items:center;gap:20px;padding:0 26px;border-bottom:1px solid var(--console-line);background:#23202f;min-width:0}
.console-brand{display:flex;align-items:center;gap:2px;text-decoration:none;color:var(--console-aqua);font:700 20px Cartograph,var(--game-font);flex-shrink:0}
.console-brand img{display:block;object-fit:contain;filter:brightness(0) invert(1);width:86px;height:32px}
.console-countdown{margin-left:auto;display:flex;align-items:center;gap:16px;min-width:0}
.console-countdown>span{font-size:10px;letter-spacing:.5px;color:#beb4ce}
.console-countdown time{font-size:18px;letter-spacing:1px;font-weight:700;color:#f0df9a;font-variant-numeric:tabular-nums;white-space:nowrap}
.console-menu-button{height:44px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #736285;border-radius:5px;background:#322a43;color:#faf6ef;cursor:pointer}
.console-menu-button span{font-size:21px;line-height:1}.console-menu-button b{font-size:11px;font-weight:500}
.console-menu-button:hover{border-color:var(--console-aqua);background:#433652}
.console-bottom{display:flex;align-items:center;gap:20px;padding:0 24px;border-top:1px solid var(--console-line);background:#23202f;position:relative;z-index:6;min-width:0}
.console-player{display:flex;align-items:center;gap:12px;min-width:0}.console-player>span:last-child{min-width:0}
.console-player strong{font-size:13px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}
.console-player small{font-size:10px;line-height:1.45;display:block;color:var(--console-aqua);margin-top:3px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sprite-bust{display:block;position:relative;flex:none;width:46px;height:46px;overflow:hidden;background:#574468;border:1px solid #8a7898;border-radius:3px}
.sprite-bust:before{content:"";position:absolute;inset:0;background-image:url('assets/village-v1/player.webp');background-repeat:no-repeat;background-size:568.889% 853.334%;background-position:4.502% 5.31%;image-rendering:pixelated}
.console-speaker{display:flex;gap:4px;position:absolute;left:50%;transform:translateX(-50%)}.console-speaker i{display:block;width:3px;height:17px;border-radius:2px;background:#494153}
.console-local{margin-left:auto;color:#9f93af;font-size:9px;letter-spacing:1px;white-space:nowrap}
.console-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100svh - 64px);overflow:auto;border:1px solid var(--console-aqua);border-radius:8px;background:#242030;color:var(--console-paper);padding:34px;box-shadow:0 0 0 5px #191622,0 24px 90px #0008;text-align:left;font:14px/1.5 var(--game-font)}
.console-dialog::backdrop{background:#0d1427aa;backdrop-filter:blur(2px)}
.console-close{position:absolute;top:8px;right:9px;display:grid;place-items:center;width:38px;height:38px;border:0;background:none;color:#d9d0e1;font-size:27px;cursor:pointer}
.console-overline{margin:0 0 12px;color:var(--console-aqua);font-size:10px;letter-spacing:1px}
.console-dialog h2{font:700 23px/1.3 Cartograph,var(--game-font);letter-spacing:-.6px;margin:0 0 24px;text-wrap:balance}
.console-menu-list{display:grid;gap:8px}.console-menu-list button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:14px;border:1px solid #685575;border-radius:4px;background:#30263e;color:#f7f2ee;cursor:pointer;font:15px var(--game-font)}
.console-menu-list button>span:first-child{width:26px;font-size:24px;color:var(--console-aqua);text-align:center}.console-menu-list button small{display:block;color:#bcb0ca;font-size:11px;margin-top:6px;line-height:1.4}.console-menu-list button>span:last-child:not(:nth-child(2)){margin-left:auto;font-size:15px}
.console-menu-list button:disabled{opacity:.5;cursor:not-allowed}.console-menu-list button:hover:not(:disabled){border-color:var(--console-aqua)}
.console-resume{display:block;width:100%;min-height:45px;padding:12px 14px;margin-top:24px;border:0;border-radius:3px;background:var(--console-aqua);color:#18282b;cursor:pointer;font:700 12px/1.4 var(--game-font)}
.console-settings label{display:block;font-size:12px;margin:18px 0 8px}.console-settings input{display:block;width:100%;padding:11px 12px;margin-top:7px;border:1px solid #81708c;border-radius:3px;background:#171421;color:#f7f2ee;font:16px var(--game-font)}.console-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.console-settings-note{font-size:11px;color:#c6bccf;margin:18px 0;line-height:1.6}.console-settings-status{font-size:12px;color:var(--console-aqua);min-height:1em}
.console-shell button:focus-visible,.console-shell a:focus-visible,.console-shell input:focus-visible,.console-shell textarea:focus-visible{outline:3px solid #ffe28c;outline-offset:3px}
@media(max-width:699px){body{padding:6px}.console-shell{height:calc(100svh - 12px);min-height:390px;border-radius:8px;grid-template-rows:88px minmax(0,1fr) 65px}.console-top{padding:9px 13px;display:grid;grid-template-columns:1fr auto;grid-template-rows:32px 24px;gap:8px 12px}.console-brand{font-size:17px}.console-brand img{width:74px;height:27px}.console-countdown{margin:0;grid-row:2;grid-column:1/-1;justify-content:space-between;gap:8px}.console-countdown>span{font-size:8px;letter-spacing:.3px}.console-countdown time{font-size:13px;letter-spacing:.4px}.console-menu-button{grid-row:1;height:34px;padding:0 10px}.console-menu-button b{font-size:9px}.console-menu-button span{font-size:18px}.console-bottom{padding:0 12px;gap:8px}.console-player{gap:9px}.sprite-bust{width:43px;height:43px}.console-player strong{font-size:12px;max-width:220px}.console-player small{font-size:9px;max-width:225px}.console-local,.console-speaker{display:none}.console-dialog{padding:30px 23px;max-height:calc(100svh - 36px)}.console-dialog h2{font-size:21px}}
@media(max-height:500px) and (min-width:700px){body{padding:6px}.console-shell{height:calc(100svh - 12px);min-height:310px;grid-template-rows:56px minmax(0,1fr) 56px}.console-bottom .sprite-bust{height:40px;width:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:699px){.console-brand{grid-column:1;grid-row:1}.console-menu-button{grid-column:2;grid-row:1}}

.console-avatar{width:46px;height:46px;image-rendering:pixelated;background:#574468;border:1px solid #8a7898;border-radius:3px;flex:none}

/* The game surface accepts keys without drawing a pointer-focus border. */
#scene:focus,.ob-scene canvas:focus{outline:none!important}
.console-menu-button{width:44px;padding:0;flex:none}
@media(max-width:699px){
 .console-shell{grid-template-rows:62px minmax(0,1fr) 65px}
 .console-top{display:flex;padding:8px 12px;gap:12px}
 .console-countdown{margin-left:auto;gap:0}
 .console-countdown time{font-size:12px;letter-spacing:0}
 .console-menu-button{width:34px;height:34px}
}
@media(max-width:360px){.console-top{gap:9px;padding:8px 10px}.console-brand{font-size:14px}.console-brand img{width:62px}.console-countdown time{font-size:11px}}

.game-update-notice{position:absolute;z-index:12;left:22px;top:83px;max-width:calc(100% - 44px)}
.game-update-notice button{padding:10px 13px;border:1px solid #96e5ce;border-bottom:3px solid #3e8b7b;border-radius:4px;background:#b9f0db;color:#173c33;box-shadow:0 3px 12px #17112855;font:700 11px/1.4 var(--game-font);cursor:pointer}
@media(max-width:699px){.game-update-notice{top:70px;left:12px}.game-update-notice button{font-size:10px;padding:8px 10px}}
@media(max-height:500px) and (min-width:700px){.game-update-notice{top:63px}}

/* Keep both console rails visible within the mobile viewport. */
html:has(.game.console-shell),body:has(.game.console-shell){height:100%;overflow:hidden;overscroll-behavior:none}
body:has(.game.console-shell){padding:0}
.game.console-shell{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;min-height:0;box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-radius:0}
.game.console-shell .village-viewport{min-height:0;min-width:0}
.game.console-shell .dpad{display:none}
@media(max-height:450px){.game.console-shell{grid-template-rows:48px minmax(0,1fr) 48px}.game.console-shell .console-avatar{width:34px;height:34px}}

.console-shell{touch-action:pan-x pan-y}.console-shell button,.console-shell a{touch-action:manipulation}