:root{--ink:#1b1a20;--sea:#12508f;--sand:#e7d5a8;--cream:#f4f1e6;--yellow:#f2b71b;--shadow:0 10px 30px #0c284647;color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:linear-gradient(#7fc7ef 0%,#cfeaf8 100%);margin:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#game canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.map{z-index:3;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;font-family:Courier New,ui-monospace,monospace;font-weight:700;position:fixed;inset:0}.map__title{color:var(--cream);border:3px solid var(--ink);box-shadow:0 0 0 3px #f4f1e68c, var(--shadow);background:#122e50db;padding:10px 14px;position:absolute;top:16px;left:16px}.map__title h1{letter-spacing:.12em;margin:0;font-size:17px}.map__title p{color:var(--yellow);margin:4px 0 0;font-size:11px}.map__plate{min-width:min(420px,88vw);color:var(--cream);border:3px solid var(--ink);box-shadow:0 0 0 3px #f4f1e68c, var(--shadow);background:#1b1a20db;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.map__badge{width:44px;height:44px;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);flex:0 0 44px;place-items:center;font-size:22px;display:grid}.map__plate.is-locked .map__badge{color:#d8dbe0;background:#7f8794}.map__plate.is-start .map__badge{background:var(--cream);color:var(--sea)}.map__lines{gap:2px;display:grid}.map__name{margin:0;font-size:14px}.map__blurb{text-transform:none;letter-spacing:.02em;color:#cfd6e2;margin:0;font-size:11px}.map__state{color:var(--yellow);margin:0;font-size:11px}.map__plate.is-locked .map__state{color:#ff9a8a}.map__hint{color:#12406b;text-shadow:0 1px #fff9;margin:0;font-size:11px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.map__toast{color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:var(--shadow);opacity:0;visibility:hidden;margin:0;padding:10px 16px;font-size:13px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:84px;left:50%;transform:translate(-50%,-8px)}.map__toast.is-shown{opacity:1;visibility:visible;transform:translate(-50%)}.map__toast[data-tone=deny]{color:var(--cream);background:#e0552f}.map__back{z-index:4;letter-spacing:.08em;color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:var(--shadow);padding:9px 12px;font-family:Courier New,ui-monospace,monospace;font-size:11px;font-weight:700;text-decoration:none;position:fixed;top:16px;right:16px}.map__back:hover,.map__back:focus-visible{background:var(--yellow)}.map__sound{z-index:4;letter-spacing:.08em;color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:7px 10px;font-family:Courier New,ui-monospace,monospace;font-size:11px;font-weight:700;position:fixed;top:58px;right:16px}.map__sound:hover,.map__sound:focus-visible{background:var(--yellow)}.pad{z-index:4;width:66px;height:66px;color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow);touch-action:none;background:#f4f1e6e6;place-items:center;font-family:Courier New,ui-monospace,monospace;font-size:26px;font-weight:700;display:none;position:fixed;bottom:96px}.pad.is-visible{display:grid}.pad:active{background:var(--yellow)}.pad--back{left:20px}.pad--fwd{right:20px}.pad--go{background:var(--yellow);font-size:16px;bottom:172px;right:20px}.loader{z-index:5;color:#12406b;background:linear-gradient(#7fc7ef 0%,#cfeaf8 100%);place-content:center;justify-items:center;gap:18px;font-weight:700;transition:opacity .4s,visibility .4s;display:grid;position:fixed;inset:0}.loader.is-hidden{opacity:0;visibility:hidden}.loader__spin{border:5px solid #12508f40;border-top-color:var(--sea);border-radius:50%;width:54px;height:54px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (pointer:coarse){.map__hint{display:none}}@media (width<=720px){.map__title h1{font-size:14px}.map__back,.map__sound{padding:6px 8px;font-size:10px}.map__sound{top:50px}.map__plate{gap:10px;padding:8px 10px;bottom:18px}}