:root{color-scheme:dark;--night:#162432;--paper:#f5f2e8;--muted:#aab4b6;--gold:#f5c86b;--green:#7ab9a0;--wall:#31495a;--floor:#e9e5d9;--ink:#203142;--route:#f8f2df}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 4%,#294450 0,#172633 52%,#101923 100%);color:var(--paper);font-family:system-ui,-apple-system,"Yu Gothic UI",Meiryo,sans-serif;line-height:1.6}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:20;padding:.7rem;background:#fff;color:#111}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1120px;margin:auto;padding:1rem 1.25rem}.brand{display:flex;align-items:center;gap:.65rem;color:var(--paper);font-weight:800;text-decoration:none}.brand small{display:block;color:var(--muted);font:600 .59rem/1.4 ui-monospace,monospace;letter-spacing:.12em}.brand-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid #8aa79e;border-radius:50%;color:#bfe1c7}.site-header nav{display:flex;gap:1.2rem}.site-header nav a,footer a,.more-links a{color:#d6e7dc;text-underline-offset:4px}.game-shell{width:min(100% - 2rem,950px);margin:2.3rem auto 4rem}.game-intro{max-width:700px;margin:0 auto 1.3rem;text-align:center}.eyebrow{margin:0 0 .45rem;color:#bad7bd;font:750 .72rem/1.4 ui-monospace,monospace;letter-spacing:.14em}.game-intro h1{margin:.15rem 0 .65rem;color:#fff4dc;font-size:clamp(2.1rem,6vw,4rem);line-height:1.12}.game-intro>p:not(.eyebrow){max-width:650px;margin:.5rem auto;color:#d2ddd7}.game-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem .9rem;font-size:.75rem;color:var(--muted)}.game-meta span{padding:.2rem .55rem;border:1px solid #526771;border-radius:999px}.play-card{width:min(100%,560px);margin:auto;padding:clamp(.9rem,3vw,1.4rem);border:1px solid #536975;border-radius:1.1rem;background:linear-gradient(145deg,rgba(42,67,77,.96),rgba(24,38,52,.98));box-shadow:0 24px 70px #08121c88}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.hud div{padding:.45rem .6rem;border:1px solid #5a6d72;border-radius:.65rem;background:#152531}.hud span,.hud strong{display:block}.hud span{color:#bac7c2;font-size:.7rem}.hud strong{color:#ffe6a4;font-size:1.05rem;font-variant-numeric:tabular-nums}.status{min-height:3rem;margin:.8rem 0;padding:.55rem .75rem;border-left:3px solid var(--gold);background:#263946;color:#f4ead0;font-size:.9rem}.board{display:grid;width:min(100%,456px);grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;margin:auto;padding:7px;border:1px solid #84958b;border-radius:.7rem;background:#101b24;touch-action:manipulation}.tile{aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:3px;background:var(--floor);color:var(--ink);font-size:clamp(.48rem,2.5vw,.9rem);line-height:1}.tile:disabled{background:var(--wall);cursor:default}.tile[data-kind="player"]{background:#e9bc63;box-shadow:inset 0 0 0 2px #fff4ca;font-size:clamp(.62rem,3vw,1rem)}.tile[data-kind="treat"]{background:#e7c885}.tile[data-kind="goal"]{background:#93c8a6}.tile[data-kind="visited"]{background:#f1e7ce}.tile[data-kind="here"]{outline:3px solid #fff4c7;outline-offset:-3px}.tile:focus-visible{outline:3px solid #29ded4;outline-offset:1px;z-index:1}.controls{display:grid;width:168px;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:1rem auto .15rem}.controls button{min-width:48px;min-height:48px;border:1px solid #8ca89b;border-radius:.7rem;background:#233b46;color:#fff5db;font-size:1.05rem}.controls button:focus-visible,.secondary-button:focus-visible{outline:3px solid #29ded4;outline-offset:3px}.keyboard-help{margin:.15rem 0 .7rem;text-align:center;color:#c2ccc7;font-size:.77rem}.game-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem}.secondary-button{min-height:44px;padding:.5rem .9rem;border:1px solid #8da395;border-radius:.65rem;background:transparent;color:#e4eee3;font:inherit;font-size:.82rem}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem auto 0}.guide-grid article{padding:1.25rem;border:1px solid #536975;border-radius:.9rem;background:#1d303b}.guide-grid h2{margin:.2rem 0 .65rem;font-size:1.35rem}.guide-grid p,.guide-grid ol{margin:.45rem 0;color:#d4dfd8}.guide-grid li+li{margin-top:.3rem}.more-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin:1.7rem 0 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding:1.4rem;border-top:1px solid #3b505c;color:#b8c3bf;font-size:.78rem}footer a{min-height:44px;display:inline-flex;align-items:center} @media(max-width:620px){.site-header{padding-inline:.9rem}.site-header nav{gap:.7rem;font-size:.8rem}.game-shell{width:min(100% - 1rem,950px);margin-top:1.1rem}.game-intro{padding-inline:.4rem}.game-intro h1{font-size:clamp(2rem,11vw,3rem)}.game-meta{gap:.3rem;font-size:.67rem}.play-card{padding:.7rem;border-radius:.7rem}.board{gap:1px;padding:4px}.tile{border-radius:2px}.guide-grid{grid-template-columns:1fr;margin-top:2rem}.guide-grid article{padding:1rem}.more-links{align-items:center;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}