:root{--graphite:#263d45;--magnetite:#20323c;--cyan:#76bbb4;--sodium:#e4bc73;--steel:#d8e4da;--panel:#20343b;--edge:#4c6364;--ui-tray-hi:#2b444b;--ui-tray-lo:#2b444b}
:root{--ui-parchment:#eee5cc;--ui-parchment-hi:#faf3de;--ui-metal:#d4ded0;--ui-metal-active:#adc7b3;--ui-ink:#29454c;--ui-shadow:#263d45;--battle-panel:#eee5cc;--battle-panel-soft:#2b444b;--battle-frame-drop:#172d37}
#topbar,.qhead,.st-head,#dialog,#cq-toast,#sheet-scroll,.st-card,.mvi-card,.battle-frame,.bag-card,.dex-card,.pm-card,.trade-panel,.hd-card,.sheet-mon-card,.st-mon{border-image:none;border:3px solid #526e71;box-shadow:inset 0 0 0 1px #fff5d8,3px 3px 0 #172d3780}
#dlg-face{border-image:none;border:3px solid #839787;image-rendering:pixelated}
.tbtn,.quiz-opt,.bag-tab,.pm-ord button,.st-choice,.st-go,.mvi-chip,.mvi-hot>span,.dbtn,.mbtn,#battle-layer .btn,.battle-busy{border-image:none;border:2px solid #526e71;border-radius:0;box-shadow:inset 0 0 0 1px #fff5d888,2px 2px 0 #172d37}
.bar-box,.exp-box,.hp-mini,.sheet-mon-hp{border-image:none;border:2px solid #526e71;background:#2b444b}
#battle-layer .btn{background:#d4ded0;color:#29454c}
#battle-layer .btn:active{background:#e2c789}
#battle-layer,#battle-stage{background:#263d45}
#device.layout-portrait #battle-stage{box-shadow:0 0 0 3px #526e71}
body,#device{background:#263d45}
#device{max-width:720px}
#screen-wrap{background:#283b45;box-shadow:0 0 0 3px #1b2b35}
#topbar{background:#e9e0c6;border-bottom:3px solid #59777a}
#topbar .area-name{color:#29454c}
#topbar .coin{color:#806336}
#controls{background:#2b444b}
#device.layout-landscape #controls{flex-direction:column;justify-content:center;gap:32px;border-left:3px solid #1c3039}
#device.layout-landscape .rightpad{flex-direction:row;gap:18px}
.dbtn,.mbtn{background:#45656c;border:2px solid #162e39;color:#f0e5c8;box-shadow:0 3px 0 #172b33}
.d-mid{background:#29464d;border-color:#29464d;box-shadow:none}
.abtn{border-radius:12px;background:#d8b16e;border:3px solid #705333;color:#293e45;box-shadow:0 4px 0 #3d3428}
.dbtn.active,.mbtn.active{background:#70998e;color:#fff4d7}
#dialog{background:#f1ead8;border-color:#527575;box-shadow:inset 0 0 0 2px #fffae8,3px 3px 0 #20313988}
#dialog .who{color:#316a70}
#dlg-face{background:#d3d6bb;border-color:#839787;object-fit:contain}
.tbtn{background:#faf5e5;border-color:#91a599;color:#304b51}
.tbtn:hover{border-color:#4e8f90}
.tbtn:active{background:#e3d3a3;border-color:#b9995a}
#title-layer{background:#193b4266;backdrop-filter:none;justify-content:center;gap:26px}
#title-layer .t-inner{margin:0;padding:26px 34px;background:#233f48ed;border:3px solid #80a49a;box-shadow:6px 6px 0 #172d37}
#title-layer .t-logo{font-size:42px;letter-spacing:6px;color:#f4df9c;text-shadow:3px 3px #34424a}
#title-layer .t-sub{color:#d7e8d2;text-shadow:none;letter-spacing:8px;text-indent:8px}
#title-layer canvas{display:none}
#title-layer .t-press{margin:0;padding:12px 22px;color:#f5ead0;background:#304f59;border:2px solid #7d9c90;text-shadow:none;box-shadow:3px 3px 0 #1a303b}
@media(max-width:559px){#title-layer .t-inner{padding:22px 16px}#title-layer .t-logo{font-size:33px;letter-spacing:4px}#title-layer .t-sub{font-size:15px;letter-spacing:5px}#dialog{padding:8px 10px}#dlg-face{width:54px;height:54px}}
#device,#device.layout-landscape{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);--cq-field-bottom:176px}
#device #topbar{grid-column:1;grid-row:1;z-index:24}
#device #screen-wrap{grid-column:1;grid-row:2;align-self:center;justify-self:center;min-width:0;min-height:0}
#device #controls,#device.layout-landscape #controls{position:absolute;left:0;right:0;bottom:0;grid-column:auto;grid-row:auto;width:100%;height:auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px;padding:10px max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:none;border:0;pointer-events:none;transition:opacity .18s}
#device #controls .dpad,#device #controls .rightpad{pointer-events:auto}
#device #controls .dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:3px}
#device #controls .rightpad{flex-direction:column;gap:10px}
#device #controls .abtn{width:64px;height:64px}
#device #controls .mbtn{min-width:56px;min-height:44px}
#device #controls .dbtn,#device #controls .mbtn{background:#36555dea;border-radius:7px;box-shadow:0 2px 0 #172b33}
#device #controls .d-mid{opacity:.35}
#device.cq-controls-locked #controls{opacity:.12}
#device.cq-controls-locked #controls .dpad,#device.cq-controls-locked #controls .rightpad{pointer-events:none}
#device.layout-landscape #controls .rightpad{flex-direction:row;align-items:flex-end;gap:14px}
#device.layout-landscape{--cq-field-bottom:166px}
@media(prefers-reduced-motion:reduce){#device #controls{transition:none}}


#cq-map-veil{position:absolute;inset:0;z-index:500;background:#0b1117;opacity:0;display:none;pointer-events:auto;touch-action:none}