:root{--header-h:56px}html,body{background:var(--surface-page) fixed, var(--carbon-950);min-height:100%}.page{padding:0 12px 24px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));flex-direction:column;align-items:center;display:flex}.topbar{width:100%;max-width:var(--measure-stage);height:var(--header-h);justify-content:space-between;align-items:center;gap:12px;display:flex}.wordmark{font:italic 800 26px/1 var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--bone-50);white-space:nowrap;text-decoration:none}.topbar__right{align-items:center;gap:10px;min-width:0;display:flex}.stage{width:min(100%, var(--measure-stage), calc((100dvh - var(--header-h) - 16px) * 960 / 420));border-radius:var(--radius-xl);border:1px solid var(--carbon-500);background:var(--pitch-900);position:relative;overflow:hidden;box-shadow:0 30px 80px #0009;container-type:inline-size}.stage>*{--u:clamp(.58px, calc(100cqw / 1100), 1px)}#pitch{aspect-ratio:960/420;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;outline:none;width:100%;display:block}#pitch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.hud{top:calc(12 * var(--u));left:calc(14 * var(--u));right:calc(14 * var(--u));align-items:start;gap:calc(16 * var(--u));pointer-events:none;grid-template-columns:1fr auto 1fr;display:grid;position:absolute}.hud__side{gap:calc(6 * var(--u));justify-items:start;min-width:0;display:grid}.hud__side--right{justify-items:end}.hud__badges,.hud__buttons{gap:calc(6 * var(--u));display:flex}.hud__badges b{font:inherit;color:var(--gold-400)}.hud__buttons{z-index:6;pointer-events:auto;position:relative}.stage.has-panel .hud__buttons{z-index:auto}.stage.has-panel #pauseBtn{visibility:hidden}.slab{height:calc(50 * var(--u));border-radius:var(--radius-lg);border:1px solid var(--carbon-500);box-shadow:var(--shadow-raised);align-items:stretch;display:inline-flex;overflow:hidden}.slab__cell{padding:0 calc(14 * var(--u));background:var(--surface-card);white-space:nowrap;flex-direction:column;justify-content:center;display:inline-flex}.slab__num{min-width:3.2ch;padding:0 calc(16 * var(--u));font:italic 800 calc(38 * var(--u)) / 1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--bone-50);flex-direction:row;align-items:center}.slab__metal{padding:0 calc(14 * var(--u)) 0 calc(12 * var(--u));background:var(--surface-metal);color:var(--text-on-metal);font:800 calc(10 * var(--u)) / 1.3 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase}.slab__sub{color:var(--gold-800)}.slab__stat{font:700 calc(10 * var(--u)) / 1.2 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--bone-400);align-items:flex-end}.slab__stat b{font:italic 800 calc(24 * var(--u)) / 1 var(--font-display);letter-spacing:0;color:var(--bone-50);font-variant-numeric:tabular-nums}.slab__stat+.slab__stat{border-left:1px solid var(--carbon-500)}.slab__rank{background:var(--surface-crimson);color:#fff;font:italic 800 calc(14 * var(--u)) / 1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;flex-direction:row;align-items:center}.hud-btn__icon{width:14px;height:14px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 6h3l4-3.5v11L5 10H2z'/%3E%3Cpath d='M11 5.2a4 4 0 0 1 0 5.6M12.8 3.4a6.5 6.5 0 0 1 0 9.2' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background:currentColor;flex:none}.is-muted .hud-btn__icon{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 6h3l4-3.5v11L5 10H2z'/%3E%3Cpath d='M11 5.5l4 5M15 5.5l-4 5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}.hud-btn__icon--pause{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='2.5' width='3.5' height='11' rx='1'/%3E%3Crect x='9.5' y='2.5' width='3.5' height='11' rx='1'/%3E%3C/svg%3E")}.field-meter{width:calc(420 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));border:1px solid var(--carbon-500);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);background:linear-gradient(#1a1a1feb,#121317eb)}.field-meter__top{margin-bottom:calc(8 * var(--u));font:700 calc(10 * var(--u)) / 1.2 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--bone-400);white-space:nowrap;justify-content:space-between;gap:8px;display:flex}.field-meter__track{height:calc(8 * var(--u));background:var(--carbon-950);border-radius:4px;position:relative;box-shadow:inset 0 1px 2px #000c}.field-meter__fill{background:var(--surface-gold);border-radius:4px;width:0;position:absolute;inset:0 auto 0 0}.field-meter__tick{top:calc(-3 * var(--u));width:2px;height:calc(14 * var(--u));background:var(--steel-500);position:absolute}.field-meter__ball{width:calc(18 * var(--u));height:calc(12 * var(--u));background:var(--bone-50);border:2px solid var(--carbon-950);border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.field-meter__marks{height:calc(12 * var(--u));margin-top:calc(6 * var(--u));font:italic 800 calc(10 * var(--u)) / 1 var(--font-display);letter-spacing:.1em;color:var(--bone-400);position:relative}.field-meter__marks span{position:absolute;transform:translate(-50%)}.field-meter__marks span:first-child{transform:none}.field-meter__marks .try{color:var(--gold-400);transform:translate(-100%)}.rail{left:calc(14 * var(--u));top:calc(112 * var(--u));gap:calc(6 * var(--u));pointer-events:none;justify-items:start;display:grid;position:absolute}.fend-pips{--pip:var(--read-front);align-items:center;gap:calc(8 * var(--u));height:calc(30 * var(--u));padding:0 calc(12 * var(--u));border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--carbon-500);box-shadow:var(--inset-highlight);display:inline-flex}.fend-pips__label{font:700 calc(10 * var(--u)) / 1.2 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--bone-400)}.pip{width:calc(12 * var(--u));height:calc(12 * var(--u));border:2px solid var(--pip);min-width:8px;min-height:8px;transition:background var(--dur-fast);border-radius:50%}.pip.on{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--pip) 50%, white), var(--pip) 60%, color-mix(in srgb, var(--pip) 60%, black));box-shadow:0 0 8px color-mix(in srgb, var(--pip) 60%, transparent)}.fend-pips.warn{--pip:var(--read-high);animation:.25s ease-in-out 3 warn}@keyframes warn{50%{border-color:var(--crimson-400);transform:scale(1.08)}}.unlock-card{--read:var(--gold-400);width:calc(200 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u));background:var(--surface-raised);border:1px solid var(--carbon-500);border-radius:var(--radius-sm);box-shadow:var(--inset-highlight)}.unlock-card__top{font:700 calc(10 * var(--u)) / 1.2 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--bone-400);white-space:nowrap;justify-content:space-between;gap:8px;display:flex}.unlock-card__top span:last-child{color:var(--read)}.unlock-card__bar{height:calc(6 * var(--u));margin-top:calc(7 * var(--u));background:var(--carbon-950);border-radius:3px;overflow:hidden}.unlock-card__bar span{background:linear-gradient(180deg, color-mix(in srgb, var(--read) 70%, white), var(--read));border-radius:3px;width:0;height:100%;display:block}.unlock-card__count{margin-top:calc(6 * var(--u));font:600 calc(11 * var(--u)) / 1 var(--font-body);color:var(--bone-50)}.bottom-bar{left:calc(14 * var(--u));right:calc(14 * var(--u));bottom:calc(14 * var(--u));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute}.move-strip{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.kick-bar{z-index:4;pointer-events:auto;animation:rise var(--dur) var(--ease-out);gap:8px;margin-left:auto;display:flex;position:relative}.panel{z-index:5;background:var(--surface-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.panel__card{width:min(100%, var(--measure-panel));scrollbar-width:thin;border-radius:var(--radius-xl);border:1px solid var(--border-default);background:var(--surface-card);max-height:100%;box-shadow:var(--shadow-panel);text-align:left;animation:rise var(--dur) var(--ease-out);overflow-y:auto}.panel__card--narrow{width:min(100%,360px)}.panel__head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:14px 22px 12px;display:flex}.panel__title{font:italic 800 36px/.95 var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--bone-50);margin:0}.panel__subtitle{font:var(--text-body-sm);color:var(--bone-200);margin:6px 0 0}.panel__reason{align-items:center;gap:10px;display:flex}.panel__id{flex:none}.panel__cols{gap:12px;padding:12px 22px 16px;display:grid}.panel__col{align-content:start;gap:10px;min-width:0;display:grid}.panel__section{gap:12px;padding:16px 22px 18px;display:grid}.panel__note{font:var(--text-body-sm);color:var(--bone-400);margin:0}.panel__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.panel__actions .btn{white-space:normal;text-align:center;min-width:0;padding:0 12px;font-size:17px;line-height:1.05}.panel__footer{border-top:1px solid var(--border-subtle);min-height:34px;font:var(--text-label-lg);letter-spacing:.06em;text-transform:uppercase;color:var(--bone-400);background:#00000059;justify-content:space-between;align-items:center;gap:12px;padding:6px 22px;display:flex}.panel__footer a{color:var(--gold-400);text-decoration:none}.panel__footer a:hover{text-decoration:underline}.panel__links{flex-wrap:wrap;justify-content:flex-end;gap:6px 16px;display:flex}.panel__card>.stat-strip{margin:12px 22px 0}.reads{display:grid}.move-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.unlock-line{font:var(--text-body-strong);color:var(--bone-200);margin:0;font-size:13px}.unlock-line.fresh{color:var(--signal-good)}.new-best{font:italic 800 18px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-400);margin:0}.best,.reward-line{font:var(--text-body-sm);color:var(--bone-400);margin:0}.reward-line.bad{color:var(--signal-bad)}.unlock-line:empty,.best:empty,.reward-line:empty{display:none}.run-timeline__top{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--bone-400);justify-content:space-between;gap:8px;display:flex}.run-timeline__top .hi{color:var(--gold-400)}.run-timeline__bar{gap:3px;min-height:8px;margin-top:8px;display:flex}.run-timeline__seg{background:var(--read);border-radius:2px;flex:1;max-width:48px;height:8px}.run-timeline__seg--saved{opacity:.45}.run-timeline__seg--lost{background:repeating-linear-gradient(45deg, var(--read) 0 3px, var(--carbon-900) 3px 6px);outline:1px solid var(--read)}.reward-boxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reward-box{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex}.reward-box .eyebrow{line-height:1.3}.reward-box__coins{font:italic 800 22px/1 var(--font-display)}.reward-box--xp{display:block}.reward-box__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.reward-box__xp{font:italic 800 22px/1 var(--font-display);color:var(--gold-400);white-space:nowrap}.reward-box .xp-bar{margin-top:8px}.daily{gap:6px;display:grid}.share-row{align-items:stretch;gap:8px;display:flex}.share-row .textarea{resize:none;flex:1;min-width:0;min-height:0;font-size:12px}#overPanel .panel__col{display:contents}#overPanel #dailyBox{order:1}@container (min-width:880px){#overPanel .panel__card{width:min(100%,760px)}#overPanel .panel__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#overPanel .panel__col{display:grid}#overPanel .panel__actions{grid-template-columns:minmax(0,1fr)}#startPanel .panel__card:has(#extraReads:not(:empty)){width:min(100%,760px)}#startPanel .panel__card:has(#extraReads:not(:empty)) .panel__cols{grid-template-columns:1.4fr 1fr;gap:18px}#startPanel .panel__card:has(#extraReads:not(:empty)) .panel__col--actions{align-content:end}#startPanel .panel__card:has(#extraReads:not(:empty)) .read-row{padding:5px 0}}.rotate-hint{display:none}.howto{max-width:var(--measure-stage);font:var(--text-body-sm);color:var(--bone-400);text-align:center;margin-top:14px;line-height:2}.howto p{margin:2px 0}.howto b{color:var(--bone-200)}.touch-only{display:none}@media (hover:none) and (pointer:coarse){.touch-only{display:inline}.key-only,.howto{display:none}}@container (max-width:760px){.hud__badges .badge,.hud__buttons .btn{height:26px}.bottom-bar .move-chip{height:24px;padding:0 8px;font-size:11px}.kick-bar .btn{height:44px;padding:0 16px;font-size:18px}}@media (hover:none) and (pointer:coarse){.page{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hud-btn{width:var(--hit-min);height:var(--hit-min);padding:0}.hud__buttons .hud-btn{height:var(--hit-min)}.hud-btn__icon{width:18px;height:18px}.hud-btn__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kick-bar .btn{min-height:var(--hit-min)}.page.is-playing{touch-action:none;justify-content:center;min-height:100dvh}.page.is-playing .topbar,.page.is-playing .move-strip,.page.is-playing .unlock-card,.page.is-playing .fend-pips__label{display:none}.page.is-playing .stage{width:min(100%, calc((100dvh - 8px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 960 / 420))}}@media (max-height:500px) and (orientation:landscape){:root{--header-h:44px}.page{padding-bottom:8px}.wordmark{font-size:20px}.topbar .player-chip{display:none}.stage{border-radius:var(--radius-lg)}.panel{z-index:20;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));position:fixed}.panel__card,#overPanel .panel__card{width:min(100%,760px)}.panel__card--narrow{width:min(100%,520px)}.panel__cols,#overPanel .panel__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:10px 18px 12px}#overPanel .panel__col{display:grid}.panel__head{padding:10px 18px 8px}.panel__title{font-size:28px}.panel__card>.stat-strip{margin:8px 18px 0}.panel__card .metal-header{height:34px}.panel__footer{padding:4px 18px}.panel__col--actions{align-content:end}#startPanel .panel__card:has(#extraReads:not(:empty)) .panel__col--actions{align-content:start;align-self:start;position:sticky;top:0}#startPanel .panel__card:has(#extraReads:not(:empty)) .read-row{padding-block:5px}}@media (orientation:portrait) and (hover:none) and (pointer:coarse){.page{touch-action:none;justify-content:center;min-height:100dvh}.topbar{top:env(safe-area-inset-top);width:auto;position:absolute;left:12px;right:12px}.stage{border-radius:var(--radius-lg)}.panel{z-index:20;position:fixed}.rotate-hint{font:var(--text-body-sm);color:var(--bone-400);text-align:center;margin:14px 0 0;display:block}.move-strip{display:none}}