:root{--bg: #1d2b25;--panel: #24352e;--text: #e8e0cd;--muted: rgba(232, 224, 205, .55);--accent: #e8b04a;--pine: #2d4a3e;--trail: #e8e0cd;--scree: #38453f;--stream: #6fa8b8;--scramble: #b98d5e;--dark-tile: #453e57;--cache: #8a6a4b;--rope: #c96f4a;--poles: #7a6fc9;--headlamp: #e8d04a;--key: #d4a017;--water: #4a90c9}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{height:100%}.app{height:100%;max-width:520px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;user-select:none;-webkit-user-select:none}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:22px;letter-spacing:.04em;margin:0}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid rgba(232,224,205,.18);border-radius:10px;padding:10px 14px;min-height:44px;cursor:pointer}button:active{transform:translateY(1px)}.levels{display:flex;gap:6px}.levels button{min-width:40px;min-height:40px;padding:0;border-radius:50%}.levels button.on{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.hud{display:flex;justify-content:space-between;align-items:baseline;gap:10px;min-height:24px}.hud-name{font-weight:600}.hud-stats{display:flex;gap:14px;color:var(--accent);font-size:15px;white-space:nowrap}.board-wrap{position:relative;display:flex;justify-content:center;flex:1;align-items:center;min-height:0}.board{position:relative;display:grid;gap:4px;touch-action:none;max-width:100%;max-height:100%}.tile{position:relative;border-radius:10%;background:var(--trail)}.t-scree{background:var(--scree)}.t-start{background:#d9d2ba}.t-start:after{content:"";position:absolute;left:50%;top:26%;width:34%;height:22%;transform:translate(-50%);background:var(--cache);border-radius:2px}.t-start:before{content:"";position:absolute;left:46%;top:40%;width:8%;height:34%;background:#6b5138}.t-stream{background:var(--stream);background-image:repeating-linear-gradient(180deg,transparent 0 26%,rgba(255,255,255,.35) 26% 32%)}.t-scramble{background:var(--scramble);background-image:radial-gradient(circle at 30% 62%,#8a6a45 0 9%,transparent 10%),radial-gradient(circle at 55% 32%,#8a6a45 0 9%,transparent 10%),radial-gradient(circle at 72% 68%,#8a6a45 0 9%,transparent 10%)}.t-dark{background:var(--dark-tile);background-image:radial-gradient(circle at 26% 30%,#bdb4d6 0 3%,transparent 4%),radial-gradient(circle at 66% 22%,#bdb4d6 0 3%,transparent 4%),radial-gradient(circle at 76% 70%,#bdb4d6 0 3%,transparent 4%)}.t-summit{background:var(--accent)}.t-summit:before{content:"";position:absolute;left:46%;top:22%;width:6%;height:56%;background:#5a4322}.t-summit:after{content:"";position:absolute;left:52%;top:24%;width:30%;height:26%;background:#c9442a;clip-path:polygon(0 0,100% 50%,0 100%)}.t-cache{background:var(--cache)}.t-cache:after{content:"";position:absolute;left:50%;top:50%;width:14%;height:14%;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent)}.item{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:46%;height:46%;border-radius:50%;display:grid;place-items:center;color:var(--bg);font-weight:800;font-size:clamp(10px,3.4vh,20px)}.i-rope{background:var(--rope)}.i-poles{background:var(--poles)}.i-headlamp{background:var(--headlamp)}.i-key{background:var(--key)}.i-water{background:var(--water)}.fp{position:absolute;left:34%;top:42%;width:13%;height:13%;border-radius:50%;background:var(--pine)}.fp:after{content:"";position:absolute;left:160%;top:-80%;width:100%;height:100%;border-radius:50%;background:inherit}.fp-line{opacity:.55}.fp-ghost{opacity:.25}.player{position:absolute;aspect-ratio:1;border-radius:50%;background:var(--pine);border:3px solid var(--text);transform:translate(-50%,-50%);transition:left .14s ease,top .14s ease;pointer-events:none}.summit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#1d2b25c7;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.summit strong{color:var(--accent);font-size:26px}.summit button{background:var(--accent);color:var(--bg);font-weight:700;border:none}.summit-sub{color:var(--muted)}.message-area{min-height:24px;text-align:center;font-size:15px}.toast{color:var(--accent)}.pack{color:var(--text)}.hint,.tl-label{color:var(--muted)}.timeline{display:flex;align-items:center;gap:12px;min-height:56px}.tl-scroll{overflow-x:auto;flex:1;scrollbar-width:none}.tl-scroll::-webkit-scrollbar{display:none}.tl-track{display:flex;align-items:center;gap:20px;width:max-content;min-width:100%;justify-content:flex-end;padding:14px 6px;background:linear-gradient(to bottom,transparent calc(50% - 1px),rgba(232,224,205,.3) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}.tl-dot{position:relative;width:14px;height:14px;min-height:0;padding:0;border-radius:50%;border:none;background:#e8e0cdd9;flex:none}.tl-dot:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}.tl-dot.cur{width:22px;height:22px;background:var(--accent)}.tl-dot.fork:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:5px;width:3px;height:9px;background:#e8e0cd80}.tl-dot.gear:after{background:var(--rope)}.tl-next{width:16px;height:16px;border:2px dashed rgba(232,224,205,.7);border-radius:50%;flex:none}.tl-label{font-size:14px;white-space:nowrap}.actions{display:flex;gap:8px}.actions button{flex:1}.actions button small{color:var(--accent);font-size:12px}.actions .carry{background:var(--pine);border-color:var(--accent);font-weight:600}