/* THE GERMY WALKERS, the phone app's own look (2026-11-04). Not the Command Center's candy theme (caP'n 2026-10-28: candy is ONLY the
   Command Center; new games start Terror-styled: dark, edgy, gritty, Illegal). walk.js only needs these tokens and these few classes. */
:root{--ie-bg:#0a070d;--ie-panel:#15101b;--ie-panel-2:#1d1525;--ie-edge:#3a2a44;--ie-text:#ece2cc;--ie-text-2:#b3a68c;--ie-text-3:#80745f;
 --ie-red:#c8161a;--ie-red-hi:#ff4d3d;--ie-gold:#c9a25c;--ie-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}   /* walk.js hides rows with the hidden attribute; a display:flex rule must never bring them back */
html,body{margin:0;background:var(--ie-bg);color:var(--ie-text);font-family:var(--ie-font);-webkit-tap-highlight-color:transparent}
body{background:radial-gradient(120% 60% at 50% -10%,#2a0e1a 0%,transparent 60%),radial-gradient(80% 50% at 100% 100%,#1a0c2a 0%,transparent 70%),var(--ie-bg);background-attachment:fixed;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:repeating-linear-gradient(115deg,#fff 0 1px,transparent 1px 7px),repeating-linear-gradient(25deg,#fff 0 1px,transparent 1px 11px)}   /* grit */
h1,h2{font-weight:800;letter-spacing:.01em;margin:0 0 .35em}
h1{font-size:1.7em;line-height:1.1;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 18px rgba(200,22,26,.45)}
h2{font-size:1.1em}
.ie-page-head{margin:4px 0 16px}.ie-page-head .subtitle{color:var(--ie-text-2);margin:.2em 0 0;line-height:1.4}
.card{position:relative;background:linear-gradient(180deg,var(--ie-panel-2),var(--ie-panel));border:1px solid var(--ie-edge);border-radius:14px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.03)}
.card+.card{margin-top:14px}
.hint{color:var(--ie-text-2);font-size:.92em;line-height:1.45}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
button{font:inherit;color:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--ie-edge);background:#221a2b;padding:10px 16px;min-height:44px;touch-action:manipulation}
button:disabled{opacity:.5;cursor:default}
button.primary{background:linear-gradient(180deg,#d81d22,#9c0f13);border-color:#ff4d3d55;color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 1px #000 inset,0 4px 14px rgba(200,22,26,.35)}
button.primary:active{transform:translateY(1px)}
button.ghost{background:transparent}
button.small{padding:6px 12px;min-height:36px;font-size:.9em}
button.ie-approve,button.ie-danger{background:#3a0c10;border-color:#c8161a88;color:#ffb3aa}
button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ie-gold);outline-offset:2px}
select,input[type=number]{font:inherit;color:var(--ie-text);background:#120d17;border:1px solid var(--ie-edge);border-radius:10px;padding:9px 10px;min-height:44px}
input[type=range]{accent-color:var(--ie-red)}
details summary{cursor:pointer}
.ie-scrim{position:fixed;inset:0;z-index:5000;background:rgba(4,2,6,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.ie-dialog{width:min(30em,100%);max-height:90vh;overflow:auto;background:linear-gradient(180deg,#22172b,#140e19);border:1px solid #c8161a66;border-radius:16px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.ie-dialog .row{margin-top:14px}
.ie-toasts{position:fixed;z-index:6000;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;pointer-events:none}
.ie-toast{pointer-events:auto;display:flex;gap:10px;align-items:center;background:#1d1525;border:1px solid var(--ie-edge);border-left:4px solid var(--ie-gold);border-radius:10px;padding:8px 8px 8px 12px;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.ie-toast.err{border-left-color:var(--ie-red-hi)}.ie-toast.ok{border-left-color:#4ade80}
.ie-toast span{flex:1;line-height:1.35}.ie-toast button{min-height:32px;padding:2px 10px;background:transparent;border:0;font-size:1.2em}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}