:root{--bg: #0b1626;--panel: rgba(12, 16, 26, .9);--line: rgba(255, 214, 160, .16);--line-strong: rgba(255, 214, 160, .4);--amber: #ffb454;--green: #7dffb0;--red: #ff6b5a;--sky: #7dd3fc;--text: #f3ece4;--muted: #b3a798;--font: "Archivo", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}kbd{font-family:var(--mono);font-size:.85em;padding:1px 5px;border:1px solid var(--line-strong);border-radius:4px}.tb{position:fixed;inset:0}.tb__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.tb__hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px 24px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:linear-gradient(#080c14bf,#080c1400);font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.tb__hud a,.tb__hud button{pointer-events:auto}.tb__back{color:var(--muted);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.tb__back:hover{color:var(--amber)}.tb__stats{display:flex;flex-wrap:wrap;gap:6px 24px;margin:0}.tb__stats div{display:grid}.tb__stats dt{color:var(--muted);font-size:10px}.tb__stats dd{margin:0;font-size:17px;min-height:24px;display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.tb__stats small{color:var(--muted);font-size:11px}.tb__lvl dd{font-family:var(--font);font-weight:700;text-transform:none;letter-spacing:0;color:var(--amber)}body:not(.is-playing) .tb__stats,body:not(.is-playing) #btn-restart{visibility:hidden}.tb__bar{position:relative;width:70px;height:5px;background:#ffd6a026}.tb__bar span{position:absolute;inset:0 auto 0 0;width:0;background:var(--amber);transition:width .3s ease-out}.is-damaged #hud-damage{color:var(--amber)}.is-over #hud-damage,.is-over .tb__bar span{color:var(--red);background:var(--red)}.is-over #hud-damage{background:none}.tb__wind{display:inline-block;color:var(--sky);transition:transform .3s}.is-gust .tb__wind{color:var(--amber);animation:gust .5s ease-in-out infinite alternate}@keyframes gust{to{translate:3px 0}}#hud-gear-dd{font-size:12px;gap:10px}.tb__tools{margin-left:auto;display:flex;gap:8px}.tb__icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-strong);background:#080c1499;cursor:pointer}.tb__icon:hover{border-color:var(--amber)}.tb__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#btn-mute .off,#btn-mute[aria-pressed=true] .on{display:none}#btn-mute[aria-pressed=true] .off{display:inline}.tb__hint{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 58px);left:max(16px,env(safe-area-inset-left));max-width:min(520px,calc(100vw - 32px));margin:0;padding:6px 10px;border-left:2px solid var(--amber);background:#080c148c;color:var(--text);font-size:13px;line-height:1.45;pointer-events:none}body:not(.is-playing) .tb__hint{display:none}.tb__banner{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);margin:0;display:grid;gap:8px;justify-items:center;text-align:center;pointer-events:none;opacity:0}.tb__banner.is-on{animation:banner 2.6s ease both}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%)}12%,80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0}}.tb__banner-l{font-size:clamp(30px,6vw,58px);font-weight:800;font-variation-settings:"wdth" 110;color:var(--amber);text-shadow:0 4px 30px rgba(0,0,0,.6)}.tb__banner-s{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.tb__sheet{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 64px);right:max(16px,env(safe-area-inset-right));width:min(340px,calc(100vw - 32px));padding:16px 16px 14px;border:1px solid var(--line-strong);border-top:2px solid var(--amber);border-radius:10px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 20px 50px -20px #000c;animation:sheet-in .25s ease-out}@keyframes sheet-in{0%{opacity:0;transform:translateY(-8px)}}.tb__sheet-k{margin:0;color:var(--amber);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.tb__sheet-h{margin:2px 0;font-size:22px;font-weight:800}.tb__sheet-sub{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.4}.tb__row{display:flex;align-items:center;gap:8px;margin:0 0 10px}.tb__row--wrap{flex-wrap:wrap}.tb__lab{width:54px;flex:none;color:var(--muted);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}.tb__val{min-width:52px;font-family:var(--mono);font-size:14px;text-align:center}.tb__step,.tb__chip,.tb__seg{min-height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:6px;background:#ffffff08;cursor:pointer;transition:border-color .15s,background .15s}.tb__step{width:40px;padding:0;font-size:16px}.tb__chip{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--green);border-color:#7dffb066}.tb__seg{flex:1;font-size:14px;font-weight:600}.tb__seg[aria-pressed=true]{border-color:var(--amber);background:#ffb45429;color:var(--amber)}.tb__step:hover,.tb__chip:hover,.tb__seg:hover:not(:disabled){border-color:var(--amber)}.tb__seg:disabled{opacity:.35;cursor:default}.tb__row input[type=range]{flex:1;accent-color:var(--amber);min-height:40px}.tb__note{margin:-4px 0 10px;color:var(--muted);font-size:12.5px;line-height:1.4}.tb__wedge{cursor:pointer;font-size:14px}.tb__wedge input{width:20px;height:20px;accent-color:var(--amber)}.tb__wedge small{color:var(--muted)}.tb__warn{margin:0 0 10px;padding:8px 10px;border-left:2px solid var(--red);background:#ff6b5a1a;color:#ffc2b8;font-size:13px;line-height:1.4}.tb__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tb__sheet .tb__actions{justify-content:stretch}.tb__sheet .tb__actions .tb__btn{flex:1}.tb__btn{min-height:46px;padding:0 20px;border:1px solid var(--amber);border-radius:6px;background:var(--amber);color:#1b120b;font-weight:700;font-size:15px;cursor:pointer;transition:transform .15s,background .15s}.tb__btn:hover{transform:translateY(-1px)}.tb__btn kbd{border-color:#1b120b59;font-size:10px;margin-left:4px}.tb__btn--ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.tb__btn--ghost:hover{border-color:var(--amber)}.tb__screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 28px));max-height:calc(100svh - 90px);overflow-y:auto;padding:clamp(22px,4vw,36px);border:1px solid var(--line-strong);border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;margin-top:26px}.tb__screen--small{width:min(460px,calc(100vw - 28px))}.tb__kicker{margin:0;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.tb__logo{margin:6px 0 10px;font-size:clamp(52px,11vw,96px);font-weight:800;font-variation-settings:"wdth" 118;line-height:.9;color:var(--amber);text-shadow:0 6px 40px rgba(255,140,60,.35)}.tb__tag{margin:0 auto 18px;max-width:52ch;color:var(--text);line-height:1.55}.tb__levels{list-style:none;margin:20px 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tb__yard{width:100%;min-height:74px;display:grid;gap:2px;justify-items:start;padding:10px 10px 8px;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff08;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.tb__yard:hover:not(:disabled){border-color:var(--amber);transform:translateY(-2px)}.tb__yard:disabled{opacity:.4;cursor:default}.tb__yard-no{font-family:var(--mono);font-size:10px;color:var(--muted)}.tb__yard-name{font-weight:700;font-size:13px;line-height:1.2}.tb__yard-stars{color:var(--amber);font-size:13px;letter-spacing:2px}.tb__how{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:6px;text-align:left;color:var(--muted);font-size:13.5px;line-height:1.45}.tb__how b{color:var(--text)}.tb__keys{margin:0;color:var(--muted);font-size:12px;line-height:2}.tb__stars{margin:0;color:var(--amber);font-size:34px;letter-spacing:6px}.tb__h{margin:4px 0 6px;font-size:30px;font-weight:800}.tb__sub{margin:0 0 16px;color:var(--muted);line-height:1.5}.tb__break{margin:0 0 18px;display:grid;gap:4px;font-family:var(--mono);font-size:13px}.tb__break div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--line)}.tb__break dt{color:var(--muted)}.tb__break dd{margin:0}@media(max-width:759px){.tb__hud{flex-wrap:wrap;gap:6px 12px}.tb__stats{order:3;width:100%;gap:4px 16px}.tb__stats dd{font-size:15px}.tb__hint{top:auto;bottom:252px;font-size:12px}.is-planning .tb__hint{display:none}.tb__sheet{top:auto;bottom:max(10px,env(safe-area-inset-bottom));left:10px;right:10px;width:auto;max-height:240px;overflow-y:auto;padding:12px 12px 10px}.tb__sheet-h{font-size:18px}.tb__sheet-sub{margin-bottom:8px}.tb__levels{grid-template-columns:repeat(2,minmax(0,1fr))}.tb__btn kbd{display:none}}.tb__rotate{display:none;margin:0 0 8px;color:var(--amber);font-size:13px}@media(max-width:759px)and (orientation:portrait){.tb__rotate{display:block}.tb__keys{display:none}}@media(prefers-reduced-motion:reduce){.tb__banner.is-on{animation-duration:.01s;opacity:1}}