:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fffd;background:#85d7ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}canvas{display:block;width:100%;height:100%;touch-action:none}.game{position:relative;width:100%;height:100%;isolation:isolate;background:linear-gradient(180deg,#ffc55f66,#7ed6eb29 36%,#0052702e),#7ad4ec}.game--verify,.game--pose-editor{background:#b7eef4}.pose-editor{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:5;width:min(360px,calc(100vw - 28px));display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.3);background:#062c36b8;color:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px #021f2638}.pose-editor__header{display:flex;justify-content:space-between;gap:12px;align-items:start}.pose-editor__eyebrow{margin-bottom:3px;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#d2faffb8}.pose-editor__selected{min-height:22px;font-size:1.02rem;font-weight:850}.pose-editor__mode,.pose-editor__state,.pose-editor__actions{display:flex;gap:7px;flex-wrap:wrap}.pose-editor__state{display:grid;grid-template-columns:minmax(84px,.8fr) minmax(110px,1fr) auto auto;align-items:center}.pose-editor__select,.pose-editor__input{min-width:0;min-height:32px;border:1px solid rgba(255,255,255,.28);background:#00121857;color:#ffffffeb;padding:0 9px;font:inherit;font-size:.78rem;font-weight:760}.pose-editor__button{min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.28);background:#ffffff1a;color:#ffffffe6;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.pose-editor__button:disabled{cursor:default;opacity:.42}.pose-editor__button--active{background:#ffef5c38;border-color:#ffef5cb3;color:#fff7bd}.pose-editor__button--primary{background:#ee7651d1;border-color:#ffd8c68f}.pose-editor__status{min-height:18px;font-size:.74rem;line-height:1.25;color:#dffaffc7}.pose-editor__output{width:100%;height:176px;resize:vertical;border:1px solid rgba(255,255,255,.22);background:#0012186b;color:#f4ffffe6;padding:8px;font:.68rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media(max-width:720px){.pose-editor{top:auto;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-height:46vh;overflow:auto}.pose-editor__output{height:104px}.pose-editor__state{grid-template-columns:1fr 1fr}}.verify-labels{position:absolute;inset:0;pointer-events:none;z-index:4}.verify-label{position:absolute;padding:6px 8px;border:1px solid rgba(255,255,255,.28);background:#032d376b;color:#ffffffe6;font-size:.72rem;font-weight:850;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud{position:absolute;inset:0;pointer-events:none;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-items:start;gap:14px;text-shadow:0 1px 18px rgba(2,31,38,.32)}.hud__brand{grid-column:1;justify-self:center;display:grid;justify-items:center;gap:4px;min-width:180px;text-align:center}.hud__place{font-size:.78rem;font-weight:800;text-transform:uppercase;color:#ffffffc7}.hud__score{font-size:clamp(2.6rem,8vw,5.6rem);line-height:.92;font-weight:900}.hud__trick{grid-column:1 / -1;grid-row:3;justify-self:center;min-height:42px;transform:translateY(14px) scale(.96);opacity:0;font-size:clamp(1.5rem,4vw,4rem);font-weight:950;color:#fff7b0;transition:opacity .14s ease,transform .14s ease}.hud__trick--active{opacity:1;transform:translateY(0) scale(1)}.touch{position:absolute;inset:0;pointer-events:none;z-index:3;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:flex;align-items:end;justify-content:space-between;gap:18px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.touch__pad,.touch__button{pointer-events:auto;touch-action:none}.touch__pad{position:relative;width:clamp(128px,28vw,184px);aspect-ratio:1;display:grid;place-items:center}.touch__ring{position:absolute;inset:10px;border:2px solid rgba(255,255,255,.36);background:radial-gradient(circle at 50% 50%,#ffffff2e,#0b4a5833 62%,#032d375c),#032d372e;border-radius:50%;box-shadow:inset 0 0 30px #ffffff14,0 10px 34px #021f2629}.touch__knob{position:relative;width:52px;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.52);background:linear-gradient(160deg,#ffffffc7,#54f7c76b);box-shadow:0 10px 22px #021f2633;will-change:transform}.touch__tricks{width:clamp(92px,20vw,132px);aspect-ratio:1;display:grid;place-items:center}.touch__button{appearance:none;width:clamp(64px,13vw,84px);aspect-ratio:1;border:1px solid rgba(255,255,255,.34);border-radius:50%;color:#fff;background:#032d3757;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 26px #021f262e;font:900 clamp(1.25rem,3vw,1.9rem) / 1 Inter,system-ui,sans-serif;display:grid;place-items:center}.touch__button--primary{color:#092933;background:linear-gradient(160deg,#fff06b,#55f3c1)}.touch__button--active{transform:translateY(2px) scale(.94);filter:brightness(1.12)}@media(max-width:720px){.hud{padding:14px}.hud__brand,.hud__trick{grid-column:1}.hud__brand{width:100%}.hud__place{align-self:auto}.hud__score{font-size:3.9rem}.touch{padding:12px max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}@media(pointer:fine)and (min-width:900px){.touch{opacity:.58}}