:root{--paper: #fbf9f7;--surface: #ffffff;--surface-soft: #f2eee9;--ink: #2e2c2b;--ink-secondary: #625d59;--muted: #716c68;--line: #ded8d2;--accent: #C74634;--accent-strong: #C74634;--accent-hover: #B83D2B;--accent-soft: #fff4f0;--forest: #315b45;--forest-light: #dce7d8;--cream: #fff5dd;--gold: #e9bf6c;--focus: #B83D2B;--error: #8B2E24;--error-surface: #FFF0E9;--sky: #A9DDF4;--radius: .75rem;--shadow-card: none;--oj-html-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--display-font: var(--oj-html-font-family);--body-font: var(--oj-html-font-family);--header-height: 76px;--game-height: clamp(360px, calc(100svh - var(--header-height) - 96px), 760px);--stage-width: clamp(280px, calc((100svh - var(--header-height) - 96px) * .625), 460px);--ease-out: cubic-bezier(.23, 1, .32, 1);color:var(--ink);background:var(--paper);font-family:var(--body-font);font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;background:var(--paper);isolation:isolate}body:before,body:after{content:"";position:fixed;bottom:0;height:69vh;z-index:-1;pointer-events:none;background-size:cover;background-repeat:no-repeat}body:before{left:0;width:66vw;background-image:url(/assets/fusabase-console/bg1.png);background-position:bottom left}body:after{right:0;width:37vw;background-image:url(/assets/fusabase-console/bg2.png);background-position:bottom right}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display-font)}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em;font-weight:800}h2{font-size:1.25rem;letter-spacing:-.025em;font-weight:750}h3{font-size:1rem}.icon{flex:none;width:1.25rem;height:1.25rem}.bird-mark{display:block;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--header-height);padding:.75rem 1.5rem;border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:.5rem}.brand-bird{width:2.5rem;height:2.5rem;filter:drop-shadow(0 3px 4px #1C1B2B20)}.brand strong{font-family:var(--display-font);font-size:1.25rem;letter-spacing:-.02em;font-weight:800}.header-actions{display:flex;align-items:center;gap:.75rem;min-width:0}.attract-toggle{border-radius:999px}.account{position:relative;min-width:0}.account-trigger{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.25rem .75rem .25rem .25rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card)}.avatar{display:grid;flex:none;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#fff;background:var(--accent-strong);font-size:.75rem;font-weight:750}.account-name{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:650}.account-trigger>.icon{width:1rem;height:1rem;color:var(--muted)}.account-menu{position:absolute;z-index:6;top:calc(100% + .75rem);right:0;display:grid;gap:.75rem;width:min(19rem,calc(100vw - 2rem));padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:0 8px 24px #1c1b2b20}.identity-email{overflow-wrap:anywhere;font-size:.8rem;color:var(--muted)}.link-actions{display:grid;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--line)}.link-actions h3{margin-bottom:.25rem}.link-actions .button{justify-content:start}.sign-out{width:100%;margin-top:.25rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:.75rem;min-height:44px;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.5rem;font-size:.875rem;font-weight:650;line-height:1.2;transition:transform .14s var(--ease-out),background-color .14s ease;-webkit-user-select:none;user-select:none}.button:not(:disabled):active{transform:translateY(1px) scale(.98)}.button-primary{color:#fff;background:var(--accent-strong)}.button-quiet{border-color:var(--line);background:var(--surface);color:var(--ink)}.icon-button{display:grid;flex:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.text-button{min-height:24px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}.feedback{color:var(--forest);font-size:.8rem}.error{padding:.75rem;border-left:3px solid var(--error);background:var(--error-surface);color:var(--error);font-size:.8rem;line-height:1.5}.entry{display:grid;min-height:calc(100svh - var(--header-height));place-items:center;padding:2rem 1.5rem}.entry-card{display:grid;align-content:center;gap:1rem;width:min(100%,400px);padding:2rem}.entry-welcome{grid-template-columns:var(--stage-width) minmax(0,400px);justify-content:center;gap:clamp(2rem,7vw,6rem);margin:0 auto}.entry-scene{position:relative;width:var(--stage-width);aspect-ratio:5 / 8;overflow:hidden;border:1px solid #FFFFFF80;border-radius:1.5rem;background:var(--sky);box-shadow:0 4px #1c1b2b10,0 24px 40px -18px #1c1b2b50}.scene-preview{position:absolute;inset:0;width:100%;height:100%;display:block}.entry-welcome h1{font-size:clamp(2.5rem,4vw,3.5rem)}.entry-copy{color:var(--ink-secondary);font-size:1rem;line-height:1.5}.login-actions{display:grid;gap:.75rem;margin-top:1rem}.login-actions .button{display:grid;grid-template-columns:1.25rem minmax(0,12rem);min-height:52px;text-align:left}.login-actions .button>span{white-space:nowrap}.powered-by{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.375rem;margin-top:.75rem;color:var(--ink-secondary);font-size:.8125rem;line-height:1.5;text-align:center}.powered-by strong{color:var(--forest);font-size:.875rem;font-weight:750;white-space:nowrap}.entry-card .powered-by{margin-top:0}.learn-more-link{color:var(--accent);font-size:.8125rem;font-weight:700;text-underline-offset:3px}.workspace{width:100%;padding:.75rem 1.5rem 2rem}.screen-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;grid-template-areas:"history game stats";gap:1.5rem;align-items:start}.game-column{grid-area:game;min-width:0}#screen-title:focus,.result-card h2:focus{outline:none}.game-stage{position:relative;width:100%;height:calc(var(--game-height) + 56px)}.game-layer{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) 56px}.game-surface{position:relative;overflow:hidden;min-height:0;border:1px solid #FFFFFF80;border-radius:1.5rem;background:var(--sky);box-shadow:0 4px #1c1b2b10,0 24px 40px -18px #1c1b2b50;outline:none;touch-action:none;user-select:none;-webkit-user-select:none}.game-surface:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.game-board canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.game-score{position:absolute;top:3%;left:50%;color:#fff;font-family:var(--display-font);font-size:calc(var(--game-height) * .09375);font-weight:850;line-height:1;transform:translate(-50%);font-variant-numeric:tabular-nums;-webkit-text-stroke:.06em #1C1B2B;paint-order:stroke fill;text-shadow:0 .04em 0 #1C1B2B}.ready-overlay{position:absolute;inset:0;pointer-events:none;text-align:center}.ready-top{position:absolute;top:8%;width:100%;display:grid;justify-items:center;gap:1rem}.ready-kicker{padding:.375rem .75rem;border-radius:999px;background:#1c1b2b30;color:#fff;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.14em}.ready-top h2{color:#fff;font-size:calc(var(--game-height) * .09375);font-style:italic;font-weight:850;line-height:1;letter-spacing:-.05em;-webkit-text-stroke:.075em #1C1B2B;paint-order:stroke fill;text-shadow:0 .05em 0 #1C1B2B}.ready-start{position:absolute;bottom:18%;left:50%;display:grid;justify-items:center;gap:1.5rem;min-height:44px;padding:.5rem;border:0;border-radius:999px;background:none;color:#fff;font-size:.875rem;font-weight:650;transform:translate(-50%);pointer-events:auto}.ready-start>span:last-child{padding:.5rem .75rem;border-radius:999px;background:#1c1b2b40;white-space:nowrap}.ready-start kbd{color:#1c1b2b;background:#fff}.tap-hint{position:relative;display:grid;place-items:center;width:44px;height:44px}.tap-hint:before{content:"";position:absolute;inset:0;border:1px solid #FFFFFF90;border-radius:50%;animation:tap-pulse 1.4s ease-out infinite}.tap-hint>span{width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;box-shadow:0 2px #1c1b2b80}@keyframes tap-pulse{0%{transform:scale(.7);opacity:.75}to{transform:scale(1.5);opacity:0}}.pause-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#14122330}.paused-card{display:grid;justify-items:center;gap:.75rem;padding:1.5rem 2rem;color:#fff;border:1px solid #FFFFFF60;border-radius:var(--radius);background:#ffffff20;text-align:center}.paused-card>.icon{width:2rem;height:2rem}.paused-card h2{font-size:2rem}.paused-card p{font-size:.8rem}.game-toolbar{display:flex;align-items:end;justify-content:space-between;gap:.5rem;padding-top:.75rem}.game-control-buttons{display:flex;gap:.5rem}.toolbar-keys{display:flex;align-items:center;gap:.375rem;padding-bottom:.75rem;color:var(--muted);font-size:.7rem;white-space:nowrap}kbd{padding:.125rem .375rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:.375rem;background:var(--surface);color:var(--ink-secondary);font-family:var(--body-font);font-size:.65rem;font-weight:650}.phase-chip{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.375rem;min-height:32px;padding:0 .75rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-secondary);font-size:.75rem}.phase-chip>span{width:.625rem;height:.625rem;border-radius:50%;background:var(--phase);box-shadow:0 0 0 3px color-mix(in srgb,var(--phase) 25%,transparent)}.game-unavailable{position:absolute;inset:1.5rem;display:grid;place-items:center;text-align:center;font-size:.9rem;color:var(--ink)}.game-footer{padding-top:.75rem}.save-feedback{display:grid;gap:.25rem;max-width:100%;color:var(--forest);font-size:.75rem;line-height:1.5}.save-feedback [role=alert]{color:var(--error)}.game-over-overlay{position:absolute;z-index:2;inset:0 0 56px;display:grid;place-items:center;overflow:auto;padding:1.5rem;border-radius:1.5rem;background:linear-gradient(#14122310,#14122365)}.result-card{position:relative;display:grid;justify-items:center;gap:1.25rem;width:min(100%,340px);text-align:center}.result-close{position:absolute;top:-1rem;right:-1rem;color:#1c1b2b}.result-card h2{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:850;line-height:1;-webkit-text-stroke:.06em #1C1B2B;paint-order:stroke fill;text-shadow:0 .04em 0 #1C1B2B}.result-summary{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:1rem;width:100%;padding:1.25rem;border-radius:var(--radius);background:#fffcf7;color:#1c1b2b;box-shadow:0 1px #1c1b2b12,0 4px #1c1b2bd9,0 24px 40px -18px #00000080}.result-mascot{display:grid;place-items:center;width:80px;height:80px;border:1px solid #1C1B2B18;border-radius:50%;background:#f1ece2}.result-bird{width:4rem}.result-values{display:grid;justify-items:end;gap:.5rem}.result-score-label{font-size:.65rem;font-weight:700;color:#736d81;text-transform:uppercase;letter-spacing:.1em}.final-score{font-family:var(--display-font);color:#1c1b2b;font-size:3rem;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}.result-best{display:grid;justify-items:end;gap:.25rem;color:#736d81;font-size:.7rem}.result-best strong{color:#4d4a61;font-family:var(--display-font);font-size:1.875rem;line-height:1}.result-card>.button{width:100%;min-height:48px}.run-name-card{width:min(100%,420px);justify-items:stretch;padding:1.5rem;border-radius:var(--radius);background:#fffcf7;color:#1c1b2b;text-align:left;box-shadow:0 1px #1c1b2b12,0 4px #1c1b2bd9,0 24px 40px -18px #00000080}.run-name-card form{display:grid;gap:1rem}.run-name-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem}.run-name-title{display:grid;justify-items:center;gap:.25rem;text-align:center}.run-name-card h2{margin-bottom:.5rem;color:#1c1b2b;font-size:1.5rem;line-height:1.15;-webkit-text-stroke:0;text-shadow:none}.run-name-field{display:grid;gap:.375rem;color:#4d4a61;font-size:.8rem;font-weight:650}.run-name-field input{min-height:48px;padding:0 .875rem;border:1px solid var(--line);border-radius:.5rem;background:#fff;color:var(--ink);font:inherit;font-size:1.125rem;font-weight:500}.run-name-field input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.run-name-card .button{width:100%;min-height:48px}.run-name-foot{display:flex;align-items:end;justify-content:space-between;gap:1rem}.run-name-foot .text-button{color:#736d81;font-size:.8rem}.stats-rail{grid-area:stats;min-width:0}.history-rail{grid-area:history;min-width:0}.panel{display:grid;gap:1.25rem;padding:1.125rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0}.stat{min-width:0;display:grid;gap:.5rem;padding:.875rem;border-radius:.875rem;background:var(--surface-soft)}.stat:last-child{grid-column:1 / -1}.stat-featured{position:relative;grid-column:1 / -1;gap:1rem;margin-bottom:.25rem;padding:1.5rem;overflow:hidden;background:var(--forest)}.stat dt{color:var(--muted);font-size:.75rem;line-height:1.5}.stat dd{margin:0;color:var(--ink);font-family:var(--display-font);font-size:1.75rem;font-weight:800;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stat-featured dt{display:flex;align-items:center;gap:.5rem;color:var(--cream);font-size:.75rem;font-weight:650}.stat-featured dt>.icon{color:var(--gold)}.stat-featured dd{position:relative;z-index:1;color:var(--cream);font-size:4rem}.stat-featured:after{position:absolute;right:1rem;bottom:1rem;content:"";width:5rem;height:5rem;background:var(--gold);opacity:.2;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);transform:rotate(12deg)}.history-panel{min-height:260px;align-content:start}.top-runs{margin:0;padding:0 .25rem 0 0;max-height:calc(var(--game-height) - 64px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;list-style:none}.top-runs li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:44px;padding:.25rem 0;border-bottom:1px solid var(--line)}.top-runs li:last-child{border-bottom:0}.run-rank{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;color:var(--muted);font-size:.7rem;font-variant-numeric:tabular-nums}.top-runs li:first-child .run-rank{background:var(--forest-light);color:var(--forest);font-weight:750}.top-runs time{display:grid;gap:.125rem;color:var(--ink-secondary);font-size:.75rem}.top-runs time>span{color:var(--muted);font-size:.65rem}.run-name{overflow:hidden;color:var(--ink);font-size:.875rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.run-score{color:var(--forest);font-size:1.125rem;font-weight:750;font-variant-numeric:tabular-nums}.empty-history{min-height:44px;padding:.75rem 0;color:var(--muted);font-size:.8rem;line-height:1.5}.stats-loading{display:grid;gap:1rem;min-height:330px;align-content:start}.stats-loading>div{height:64px;border-radius:.875rem;background:var(--surface-soft)}.stats-loading>div:first-of-type{height:154px;background:var(--forest-light)}.history-loading{height:170px;border-bottom:1px dashed var(--line)}.stats-error{display:grid;gap:.75rem;min-height:220px;align-content:start}.stats-error p{color:var(--error);font-size:.8rem;line-height:1.5}.stats-error .button{justify-self:start}.attract-mode{--attract-ink: #1C1B2B;--attract-sun: #FFC93C;position:fixed;z-index:20;inset:0;overflow:hidden;background:var(--sky);cursor:pointer;user-select:none;-webkit-user-select:none}.attract-game{position:absolute;inset:0}.attract-game canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.attract-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 28%,#1C1B2B40 62%,#1C1B2B90)}.attract-bot{position:absolute;top:4vh;left:32vw;display:grid;justify-items:center;gap:.6vh;color:#fff;pointer-events:none}.attract-bot strong{font-family:var(--display-font);font-size:11vh;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;-webkit-text-stroke:.06em var(--attract-ink);paint-order:stroke fill;text-shadow:0 .05em 0 var(--attract-ink)}.attract-bot span{padding:.5vh 1.2vh;border-radius:999px;background:#1c1b2b60;font-size:1.7vh;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.attract-marquee{position:absolute;top:7vh;right:6vw;display:grid;justify-items:end;gap:2.4vh;text-align:right;pointer-events:none}.attract-kicker{padding:.8vh 1.8vh;border-radius:999px;background:var(--accent);color:#fff;font-size:2vh;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.attract-marquee h2{display:grid;color:#fff;font-size:18vh;font-style:italic;font-weight:900;line-height:.84;letter-spacing:-.045em;text-transform:uppercase;-webkit-text-stroke:.045em var(--attract-ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--attract-ink);transform-origin:right center;animation:attract-pulse 2.4s ease-in-out infinite}.attract-marquee h2 span:last-child{color:var(--attract-sun)}.attract-target{color:#fff;font-size:6vh;font-weight:850;letter-spacing:-.02em;-webkit-text-stroke:.05em var(--attract-ink);paint-order:stroke fill;text-shadow:0 .05em 0 var(--attract-ink)}.attract-target strong{color:var(--attract-sun);font-size:10vh;vertical-align:-.12em}.attract-taunt{padding:1vh 2vh;border-radius:1.2vh;background:#fffcf7;color:var(--attract-ink);font-size:2.4vh;font-weight:700;box-shadow:0 .5vh #1c1b2bd0}.attract-play{position:absolute;right:6vw;bottom:7vh;display:flex;align-items:center;gap:1.6vh;padding:1.6vh 3vh 1.6vh 1.6vh;border:.4vh solid white;border-radius:999px;background:var(--accent);color:#fff;font-size:3.2vh;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 .7vh 0 var(--attract-ink);animation:attract-blink 1.1s steps(2,jump-none) infinite}.attract-play kbd{font-size:2.2vh}.attract-play .tap-hint{width:5vh;height:5vh}.attract-play:focus-visible{outline-color:#fff}.attract-mode .attract-powered{position:absolute;left:4vw;bottom:3vh;margin:0;padding:.8vh 1.6vh;border-radius:999px;background:#fffcf7e0;font-size:1.7vh}.attract-powered strong{font-size:1.9vh}@keyframes attract-pulse{50%{transform:scale(1.035)}}@keyframes attract-blink{50%{opacity:.55}}@media(hover:hover)and (pointer:fine){.button-primary:not(:disabled):hover{background:var(--accent-hover)}.button-quiet:not(:disabled):hover,.account-trigger:hover,.icon-button:not(:disabled):hover{background:var(--accent-soft)}.top-runs li:hover{background:var(--surface-soft)}}@media(max-width:1180px){:root{--stage-width: min(460px, calc((100svh - var(--header-height) - 96px) * .625), calc(100vw - 488px) )}.screen-grid{grid-template-columns:220px minmax(0,1fr) 220px;gap:1.25rem}.workspace{padding-inline:1.5rem}}@media(max-width:1024px){.screen-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"game game" "history stats"}}@media(max-width:780px){:root{--header-height: 64px;--game-height: min(760px, max(360px, calc(100svh - var(--header-height) - 88px)), calc((100vw - 32px)*1.6) );--stage-width: min( calc(100vw - 32px) , calc((100svh - var(--header-height) - 88px) * .625), 460px)}.site-header{padding:.5rem 1rem}.brand strong{font-size:1.375rem}.brand-bird{width:2.25rem;height:2.25rem}.account-trigger{gap:.5rem}.account-name{max-width:7rem}.attract-toggle{width:44px;padding:0}.attract-toggle>span{display:none}.workspace{padding:.75rem 1rem 2rem}.screen-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"game" "stats" "history";gap:1.25rem}.game-column{width:100%}.stats-rail,.history-rail{width:100%;max-width:520px;justify-self:center}.toolbar-keys{display:none}.entry-welcome{grid-template-columns:minmax(0,1fr);gap:1.5rem;align-content:start;padding:1rem}.entry-scene{justify-self:center;width:min(100%,320px)}.entry-card{justify-self:center;padding:1rem 0}.entry-welcome h1{font-size:2.25rem}.login-actions{margin-top:.5rem}}@media(max-width:420px){.result-summary{grid-template-columns:64px minmax(0,1fr);gap:.75rem;padding:1rem}.result-mascot{width:64px;height:64px}.result-bird{width:3rem}.result-card{gap:1rem}.result-card h2{font-size:2rem}.result-close{top:-1.125rem;right:-.875rem}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:not(:disabled):active{transform:none}.tap-hint:before{animation:none;opacity:.5}.attract-marquee h2,.attract-play{animation:none}}