:root{--node: #353466;--node-edge: #9c9bd0;--ink: #1c1c22;--bg: #f5f4ef;--card: #ffffff;--muted: #6b6a63;--ring: #f6c343;--here: #15803d;--walk: #378add}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}.wrap{max-width:440px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.titlerow{display:flex;align-items:center;justify-content:space-between}header h1{margin:4px 0 2px;font-size:26px;letter-spacing:.5px}.titlerow{gap:10px}.titlerow .help-btn{flex-shrink:0}.help-btn{width:30px;height:30px;border-radius:50%;border:1px solid #d8d6cd;background:var(--card);color:var(--muted);font-size:16px;font-weight:600;line-height:1;cursor:pointer}.help-btn:hover{background:#efeee8}.modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;z-index:50}.modal[hidden]{display:none}.modal-card{position:relative;background:var(--card);color:var(--ink);max-width:440px;width:100%;border-radius:16px;padding:24px 22px;box-shadow:0 12px 44px #00000038}.modal-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-size:15px;cursor:pointer}.modal-close:hover{background:#efeee8}.modal-card h2{margin:0 0 8px;font-size:20px}.modal-card h3{margin:18px 0 6px;font-size:15px}.modal-card p{font-size:14px;line-height:1.55;color:#444;margin:0 0 4px}.hp-goal{font-weight:600;color:var(--ink)!important;margin-bottom:14px!important}dl.hp{margin:0}dl.hp dt{font-weight:600;font-size:14px;margin-top:10px}dl.hp dd{margin:2px 0 0;font-size:14px;color:#444;line-height:1.5}.hp-star{font-size:15px}.hp-star.gold{color:var(--ring)}.hp-star.blue{color:var(--walk)}header .sub{margin:0 0 14px;color:var(--muted);font-size:14px}.modebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modetoggle{display:inline-flex;background:#e9e7df;border-radius:10px;padding:3px;gap:3px}.modetoggle button{border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:500;padding:6px 14px;border-radius:8px;cursor:pointer}.modetoggle button.active{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #00000014}.dailymeta{font-size:13px;font-weight:500;color:var(--muted)}.tiers{display:flex;gap:8px;margin-bottom:12px}.mstar.gold{color:var(--ring)}.mstar.blue{color:var(--walk)}.tiers .mstar{font-size:13px}.tiers button.active .mstar{color:#fff}.dailydone{margin-top:16px;padding:16px;background:var(--card);border:1px solid #e6e4dc;border-radius:12px;text-align:center}.dailydone .dd-title{font-size:16px;font-weight:600;margin-bottom:6px}.dailydone .dd-row{font-size:22px;letter-spacing:4px;margin-bottom:12px}.dailydone button{padding:10px 28px;font-size:15px;font-weight:500;border-radius:10px;border:none;background:var(--node);color:#fff;cursor:pointer}.tiers button{flex:1;padding:8px 6px;font-size:13px;font-weight:500;border-radius:10px;border:1px solid #d8d6cd;background:var(--card);color:var(--muted);cursor:pointer}.tiers button.active{background:var(--node);color:#fff;border-color:var(--node)}.tiers button.locked{opacity:.45;cursor:not-allowed;background:#efeee8}.stats{display:flex;gap:10px;margin-bottom:12px}.stats .stat{flex:1;background:var(--card);border:1px solid #e6e4dc;border-radius:12px;padding:10px 12px;text-align:center}.stats .stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.stats .stat .value{font-size:22px;font-weight:600;margin-top:2px}.msg{min-height:22px;margin:0 0 12px;font-size:14px;color:var(--muted)}.msg.win{color:var(--ink);font-weight:600}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.cell{aspect-ratio:1 / 1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,6vw,24px);font-weight:600;user-select:none;position:relative;transition:box-shadow .15s ease,transform .08s ease}.cell.node{background:var(--node);color:#fff;border:1.5px solid var(--node-edge)}.cell.node.clickable{cursor:pointer}.cell.node.clickable:hover{box-shadow:0 0 0 3px #9c9bd0e6}.cell.node.clickable:active{transform:scale(.96)}.cell.t1{background:#c0dd97;color:#27500a}.cell.t2{background:#fac775;color:#854f0b}.cell.t3{background:#f09595;color:#5a1a1a}.cell.block{background:repeating-linear-gradient(45deg,#3a3a44,#3a3a44 4px,#2b2b33 4px 8px);color:transparent}.cell.standing{box-shadow:inset 0 0 0 3px var(--here),0 0 0 4px var(--here),0 0 0 7px #ffffffd9;z-index:3}.cell.standing:after{content:"you";position:absolute;bottom:3px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--here);background:#ffffffe6;padding:0 3px;border-radius:3px}.cell.walk{box-shadow:0 0 0 3px var(--walk)}.cell.hint{z-index:2;animation:hintpulse .85s ease-in-out infinite}@keyframes hintpulse{0%,to{box-shadow:0 0 0 3px #7c3aed}50%{box-shadow:0 0 0 7px #7c3aed73}}.controls{display:flex;gap:10px;margin-top:16px}.controls button{flex:1;padding:12px;font-size:15px;font-weight:500;border-radius:12px;border:1px solid #d8d6cd;background:var(--card);color:var(--ink);cursor:pointer}.controls button:hover:not(:disabled){background:#efeee8}.controls button:disabled{opacity:.4;cursor:not-allowed}.stars{color:var(--ring);letter-spacing:2px}