@import url('/arcade-charter.css');
@font-face{font-family:"Pixelingo 2";src:url('/assets/city-home-v03/Tiny5-Regular.ttf')}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog){--cc-bg:#f4f0e8;--cc-card:#fffdf7;--cc-edge:#c7beb0;--cc-text:#363d46;--cc-accent:#437e8a;box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(680px,100%);height:min(780px,100dvh);max-width:100%;max-height:100dvh;padding:0;border:1px solid var(--cc-edge)!important;border-image:none!important;border-radius:20px;background:var(--cc-bg)!important;color:var(--cc-text);box-shadow:0 16px 60px #0005;overflow:auto;font-family:PixelUI,sans-serif}
html[data-ui-theme=dark]:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog){--cc-bg:#24282d;--cc-card:#30363c;--cc-edge:#4d555f;--cc-text:#e6ebee;--cc-accent:#85c8ce}
:is(#controls-dialog,.console-commands-dialog)::backdrop{background:#0007}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .dialog-heading{position:sticky;top:0;z-index:2;display:grid;place-items:center;height:66px;background:var(--cc-bg);border-bottom:1px solid var(--cc-edge);padding:0 56px}
:is(#controls-dialog,.console-commands-dialog) .dialog-heading h2{font:400 25px/1 PixelUI,sans-serif;margin:0;text-align:center}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .dialog-heading form{position:absolute;left:12px;top:12px;margin:0}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .icon-button{width:40px;height:40px;padding:10px;background:none!important;border:0!important;border-image:none!important;box-shadow:none!important;color:var(--cc-text)}
:is(#controls-dialog,.console-commands-dialog) .current-game{display:flex;justify-content:space-between;gap:14px;margin:20px 24px 10px;font-size:17px;overflow-wrap:anywhere}
:is(#controls-dialog,.console-commands-dialog) .console-key-notice{min-height:40px;margin:12px 24px;font-size:17px;line-height:1.4}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0 24px}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .console-key-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:58px;padding:10px 14px;background:var(--cc-card)!important;border:1px solid var(--cc-edge)!important;border-image:none!important;box-shadow:none;border-radius:12px;color:var(--cc-text);font:19px/1.1 PixelUI,sans-serif;cursor:pointer}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) kbd{display:grid;place-items:center;min-width:42px;min-height:32px;padding:2px 7px;border:1px solid var(--cc-edge);border-bottom-width:3px;border-radius:7px;background:var(--cc-bg);color:var(--cc-text);font:22px/1 "Pixelingo 2",sans-serif}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .console-key-row:is([data-waiting],:focus-visible){outline:2px solid var(--cc-accent);outline-offset:2px}
:is(#controls-dialog,.console-commands-dialog) .save-transfer{margin:24px;padding:16px;border:1px solid var(--cc-edge);border-radius:12px;background:var(--cc-card)}
:is(#controls-dialog,.console-commands-dialog) .save-transfer summary{cursor:pointer}:is(#controls-dialog,.console-commands-dialog) .save-transfer select{max-width:100%}
:is(#controls-dialog,.console-commands-dialog)>.console-key-tools{padding:12px 24px 24px;display:flex;justify-content:center}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .console-key-reset{font:23px/1 "Pixelingo 2",sans-serif;padding:12px 24px;border:1px solid var(--cc-edge)!important;border-image:none!important;border-radius:10px;background:var(--cc-card)!important;color:var(--cc-text);box-shadow:0 4px 0 var(--cc-edge);cursor:pointer}
:is(#controls-dialog,.console-commands-dialog) .console-key-reset:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cc-edge)}
@media(max-width:600px){html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog){height:100dvh;border:0!important;border-radius:0}html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .control-grid{padding-inline:16px}html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .console-key-row{padding:8px;font-size:17px}html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) kbd{font-size:19px;min-width:32px}}
/* Override the legacy two-column heading and hidden desktop shortcut. */
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .dialog-heading{grid-template-columns:1fr!important}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .dialog-heading h2{justify-self:center;grid-column:1;grid-row:1}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .dialog-heading h2{color:var(--cc-text)!important;text-shadow:none!important;-webkit-text-stroke:0!important;font-weight:400!important}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) :is(#controls-dialog,.console-commands-dialog) .console-key-row[data-key-action=Translate]{grid-column:1/-1}

:is(#controls-dialog,.console-commands-dialog) .console-key-notice[hidden]{display:none!important}
:is(#controls-dialog,.console-commands-dialog) .control-grid{margin-bottom:24px!important}

/* Mobile history uses the same sheet as keyboard commands, with live entries. */
/* Guest/session updates also own `hidden`; menu placement remains authoritative. */
html body :is(.history-panel,.promenade-history)[data-history-in-menu=true]{display:none!important}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) body #mobile-toolbar :is(#open-controls,#open-console-history)[hidden],
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) body :is(.history-panel,.promenade-history,[data-session-commands],[data-session-history])[hidden]{display:none!important}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-dialog .dialog-heading{height:calc(66px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-dialog .dialog-heading form{top:calc(12px + env(safe-area-inset-top,0px))}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content{padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px));color:var(--cc-text)}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content ol{display:grid;gap:12px;list-style:none;margin:0;padding:0;max-height:none;overflow:visible}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content li{margin:0;padding:0;border:0}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;width:100%;min-width:0;margin:0;padding:16px;text-align:left;border:1px solid var(--cc-edge)!important;border-image:none!important;border-radius:12px;background:var(--cc-card)!important;color:var(--cc-text)!important;box-shadow:none;font:20px/1.4 PixelUI,sans-serif;overflow-wrap:anywhere;cursor:pointer}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content button:is([aria-pressed=true],:focus-visible){outline:2px solid var(--cc-accent);outline-offset:2px}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content :is(.history-japanese,.history-french){display:block;grid-column:1/-1;white-space:pre-wrap;color:var(--cc-text);max-height:none;overflow:visible;-webkit-line-clamp:unset}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content .history-french{font-size:18px}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content :is(time,.history-label){font-size:15px;color:var(--cc-accent)}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content :is(.empty-history,.promenade-history-empty){margin:36px 8px;text-align:center;font:20px/1.5 PixelUI,sans-serif;color:var(--cc-text)}
html:not(#cc-a#cc-b#cc-c#cc-d#cc-e) .console-history-content [hidden]{display:none!important}
.promenade-history .history-french{display:none}