:root{--page: #27313a;--panel: #1c242b;--panel-edge: #3a4651;--text: #eef1f3;--muted: #a9b4bd;--accent: #ffd94a;--go: #2e9e5b;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--page)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--page);overflow:hidden}button{font:inherit;color:var(--text);background:#34414c;border:1px solid #4b5a67;border-radius:8px;padding:6px 12px;min-height:36px;cursor:pointer}button:hover:not(:disabled){background:#3f4e5b}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--go);border-color:#3fb872}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--panel-edge)}.brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.level-name{font-weight:600;flex:1;min-width:140px}.stats{display:flex;flex-wrap:wrap;gap:2px 14px;color:var(--muted)}.stats b{color:var(--text);font-variant-numeric:tabular-nums}.seed{-webkit-user-select:all;user-select:all}.actions{display:flex;gap:6px}.info-button{position:absolute;left:10px;top:10px;z-index:2;width:40px;height:40px;padding:0;border-radius:50%;background:#1c242bd9;font:italic 700 1.25rem Georgia,Times New Roman,serif}dialog.info{max-width:min(92vw,480px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}dialog.info[open]{display:flex;flex-direction:column;gap:10px}@media(max-height:520px){dialog.info{max-width:min(92vw,760px);padding:14px 18px}}dialog.info>form{display:contents}dialog.info h2{margin:0;padding-right:40px}.intro{margin:0;color:var(--muted);font-size:.92rem;line-height:1.4}.hint{margin:0;padding-top:10px;border-top:1px solid var(--panel-edge);color:var(--muted);font-size:.85rem;line-height:1.35}.hint:empty{display:none}.goals{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:0;list-style:none}.goal{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#2f3b45;font-size:.9rem}.goal.done{background:#1f5c3b}.goal .chip{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.7)}.goal .chip.person{border-radius:50%;background:radial-gradient(circle at 50% 35%,#f1c9a5 0,#f1c9a5 30%,#2f6db5 32%)}.goal .chip.coach{width:18px;border-radius:2px;background:linear-gradient(#7b1f2b 0,#7b1f2b 30%,#e8dcc0 30%,#e8dcc0 55%,#7b1f2b 55%)}.goal .count{font-weight:700;font-variant-numeric:tabular-nums}.status{margin:0;color:#9fd3f0;font-size:.88rem}.status[hidden]{display:none}.board{position:relative;flex:1;min-height:0;touch-action:none}.zoom-controls{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px}.zoom-controls button{width:40px;height:40px;padding:0;font-size:1.25rem;border-radius:10px;background:#1c242bd9}.zoom-controls .pincers{margin-bottom:6px}.zoom-controls .pincers svg{display:block;margin:auto}.zoom-controls .pincers.on{color:#1c242b;background:var(--accent);border-color:var(--accent)}.sound-panel{position:fixed;z-index:40;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border:1px solid var(--panel-edge);border-radius:12px;background:#16191cf0;box-shadow:0 4px 16px #00000059;color:var(--text);font-size:.95rem}.sound-panel[hidden]{display:none}.sound-panel label{display:flex;align-items:center;gap:10px;min-height:32px;white-space:nowrap;cursor:pointer}.sound-panel input{width:20px;height:20px;margin:0;accent-color:var(--accent)}.zoom-controls .sound{margin-bottom:6px;font-size:1.05rem}.zoom-controls .season{font-size:1.05rem}.zoom-controls .sun svg{display:block;margin:auto}#canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.route-controls{position:absolute;left:0;top:0;display:flex;gap:6px;padding:6px;border-radius:14px;background:#16191ce0;box-shadow:0 4px 16px #00000059}.route-controls[hidden],.route-controls button[hidden]{display:none}.route-controls button{width:44px;height:44px;padding:0;font-size:1.3rem;border-radius:50%}.route-controls .reverse{width:auto;padding:0 16px;border-radius:22px;font-size:.95rem;font-weight:700}.route-controls .go{background:var(--go);border-color:#3fb872;font-size:1.5rem}.route-controls .go-warning,.route-controls .go-moves{display:none}.route-controls .go.blocks:not([hidden]),.route-controls .go.journey:not([hidden]){display:flex;align-items:center;gap:8px;width:auto;padding:0 14px 0 12px;border-radius:22px}.route-controls .go.journey .go-moves{display:block;font-size:.9rem;font-weight:700;white-space:nowrap}.route-controls .go.blocks .go-warning{display:flex;align-items:center;gap:5px;font-size:.9rem;font-weight:700;white-space:nowrap}.toast{position:absolute;left:50%;top:12px;transform:translate(-50%,-8px);max-width:min(90%,520px);padding:8px 14px;border-radius:10px;background:#16191ceb;color:var(--text);font-size:.92rem;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}dialog{max-width:min(92vw,440px);padding:20px 22px;border:1px solid var(--panel-edge);border-radius:14px;background:var(--panel);color:var(--text)}.dialog-close{position:absolute;top:10px;right:10px;width:36px;padding:0}dialog::backdrop{background:#0a0e1299}dialog h2{margin:0 0 10px;font-size:1.25rem}dialog p{color:var(--muted);line-height:1.45}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.level-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.level-button{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left}.level-best{color:var(--muted)}.menu-button,.menu-scrim,.menu{display:none}body.compact{height:100dvh}body.compact .menu-button{display:flex;align-items:center;justify-content:center;flex:none;width:40px;min-height:36px;padding:0}body.compact .topbar{position:fixed;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));z-index:10;padding:0;background:none;border:none}body.compact .topbar .brand,body.compact .topbar .stats,body.compact .topbar .actions{display:none}body.compact .menu-button{width:40px;height:40px;border-radius:10px;background:#1c242bd9}body.compact .toast{top:calc(12px + env(safe-area-inset-top));max-width:calc(100% - 120px)}body.compact .zoom-controls{right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom))}body.menu-open .menu-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#0a0e128c}body.compact .menu:not([hidden]){display:flex;flex-direction:column;gap:16px;position:fixed;top:0;bottom:0;left:0;z-index:30;width:min(86vw,380px);padding:calc(10px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;background:var(--panel);border-right:1px solid var(--panel-edge);box-shadow:8px 0 24px #0006;animation:menu-in .18s ease-out}@keyframes menu-in{0%{transform:translate(-100%)}}.menu-head{display:flex;align-items:center;justify-content:space-between}.menu-close{width:40px;padding:0}.menu-row{display:flex;flex-wrap:wrap;gap:8px}.menu-row #full-screen{order:1}.menu-settings button{width:44px;height:44px;padding:0;border-radius:10px;font-size:1.1rem}.menu-settings svg{display:block;margin:auto}.menu .info-button{position:static;border-radius:10px}.menu .pincers.on{color:#1c242b;background:var(--accent);border-color:var(--accent)}.menu-level{font-weight:600}.menu-score{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:.9rem}.menu-score b{color:var(--text);font-variant-numeric:tabular-nums}.menu-score:empty{display:none}.menu-timings{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:.85rem}.menu-timings b{color:var(--text);font-variant-numeric:tabular-nums}.menu-credit{margin:auto 0 0;color:#6d7a85;font-size:.8rem}