:root{--color-paper:#f7f4ee;--color-surface:#fffdf8;--color-surface-soft:#f0ebe3;--color-surface-glass:#fffdf8e6;--color-ink:#181818;--color-muted:#665f55;--color-line:#d8d0c4;--color-danger:#e65349;--color-blue:#2f80ed;--color-accent:#1b9aaa;--color-gold:#d39b2a;--color-success:#2f9b68;--color-purple:#7b61ff;--background:var(--color-paper);--surface:var(--color-surface);--surface-2:var(--color-surface-soft);--ink:var(--color-ink);--muted:var(--color-muted);--line:var(--color-line);--red:var(--color-danger);--blue:var(--color-blue);--cyan:var(--color-accent);--gold:var(--color-gold);--green:var(--color-success);--violet:var(--color-purple);--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-pill:999px;--page-pad-x:18px;--page-pad-y:18px;--play-pad-x:max(10px, env(safe-area-inset-left));--play-pad-y:8px;--button-height:50px;--button-height-sm:38px;--button-height-lg:56px;--button-radius:var(--radius-sm);--card-bg:var(--surface);--card-border:1px solid var(--line);--card-radius:var(--radius-sm);--card-padding:18px;--hud-bg:#fffdf8db;--hud-border:1px solid #1818181a;--hud-radius:var(--radius-pill);--hud-height:32px;--shadow-soft:0 12px 34px #18181814;--shadow-panel:0 20px 60px #1818181f;--shadow-float:0 24px 70px #1818182e;--glow-accent:0 0 0 7px #1b9aaa24, 0 10px 24px #1b9aaa2e;--glow-success:0 0 0 7px #2f9b6824, 0 10px 24px #2f9b682e;--glow-danger:0 0 0 8px #e6534926, 0 12px 28px #e6534933;--glow-warning:0 0 0 8px #d39b2a29, 0 12px 28px #d39b2a33;--shadow:0 20px 60px #1818181a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body :not(input):not(textarea):not(.share-image-preview),body :before,body :after{-webkit-touch-callout:none;-webkit-user-drag:none}body :not(input):not(textarea):not(.share-image-preview){-webkit-user-select:none;user-select:none}html{max-width:100vw;min-height:100%;overflow:hidden auto}body{max-width:100vw;min-height:100%;color:var(--ink);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-x:none;overscroll-behavior-y:auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;overflow:hidden visible}body,button,[role=button],.play-screen,.test-pad,.game-area,.braking-panel{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button,textarea{font:inherit}input,textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.share-image-preview{-webkit-touch-callout:default;-webkit-user-drag:auto;-webkit-user-select:auto;user-select:auto}button{touch-action:manipulation;outline:none}button:focus,textarea:focus,[role=button]:focus{outline:none}button:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.app-shell{width:min(100%,920px);min-height:100svh;padding:var(--page-pad-y) var(--page-pad-x);margin:0 auto}.app-shell.app-shell-play{width:100%;max-width:none;height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.home-screen,.intro-screen,.play-screen,.result-screen,.share-image-screen{flex-direction:column;min-height:calc(100svh - 36px);display:flex}
.home-screen{justify-content:center;gap:24px;padding-block:18px;position:relative}.hero-copy.compact h1{letter-spacing:0;text-wrap:balance;max-width:720px;font-size:58px;line-height:1}.hero-copy.compact{gap:12px;display:grid}.hero-button{min-width:170px}.home-image-button{position:absolute;top:0;right:0}.icon-button{border:1px solid var(--line);background:var(--color-surface-glass);width:46px;height:46px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-soft);border-radius:999px;place-items:center;transition:background .14s,box-shadow .14s,transform .12s;display:inline-grid}.icon-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.62}.intro-screen{justify-content:center;align-items:stretch;padding-block:24px}.intro-card{align-content:center;gap:22px;width:min(100%,720px);min-height:min(720px,100svh - 84px);margin-inline:auto;padding:4px;display:grid}.intro-copy{gap:10px;display:grid}.round-measure-pill{width:fit-content;min-height:32px;color:var(--cyan);background:#1b9aaa14;border:1px solid #1b9aaa3d;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:900;line-height:1.1;display:inline-flex}.intro-rule-card{border-block:1px solid var(--line);max-width:620px;color:var(--muted);gap:10px;padding-block:18px;font-size:18px;font-weight:720;line-height:1.6;display:grid}.intro-rule-card p,.intro-rule-card small{margin:0}.intro-rule-card small{color:var(--muted);font-size:16px;font-weight:760}.intro-start-button{width:min(220px,100%)}
.eyebrow{color:var(--cyan);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:850}h1{letter-spacing:0;font-size:50px;line-height:1.02}.rule-card{border:var(--card-border);border-radius:var(--card-radius);max-width:640px;padding:var(--card-padding);background:var(--card-bg);box-shadow:var(--shadow-soft);gap:8px;display:grid}.rule-card p,.rule-card small,.quiet-text,.status-text,.result-card p,.result-card small{color:var(--muted);font-size:15px;line-height:1.55}.primary-button,.secondary-button{width:fit-content;min-height:var(--button-height);border-radius:var(--button-radius);cursor:pointer;border:0;padding:0 24px;font-weight:900;transition:background .14s,border-color .14s,box-shadow .14s,color .14s,opacity .14s,transform .12s}.primary-button{color:#fff;background:var(--ink);box-shadow:0 14px 34px #18181824}.secondary-button{border:1px solid var(--line);color:var(--ink);background:var(--color-surface-glass)}.compact-button{min-height:42px;padding:0 16px}.share-image-header .compact-button{flex:none;width:auto;min-width:76px;min-height:42px}.primary-button:active,.secondary-button:active,.target-dot:active,.brake-dot:active{transform:translateY(1px)scale(.99)}
.play-screen{width:min(100%,920px);height:100dvh;min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--play-pad-y)) max(10px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + var(--play-pad-y)) max(10px, env(safe-area-inset-left));grid-template-rows:auto 4px minmax(0,1fr);gap:8px;margin:0 auto;display:grid;overflow:hidden}.round-header{border:var(--hud-border);border-radius:var(--radius-sm);background:var(--hud-bg);min-height:44px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px 6px 12px;display:grid}.round-header h1{margin:0;font-size:clamp(18px,4.8vw,28px);line-height:1}.round-title-block{min-width:0}.round-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.progress-pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;place-items:center;min-width:60px;height:38px;font-size:13px;font-weight:900;display:grid}.progress-track{background:#1818181a;border-radius:999px;height:4px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--cyan);height:100%;display:block}.test-pad,.game-area,.braking-panel,.result-card,.radar-card,.share-image-stage{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow);contain:layout paint}.test-pad{-webkit-user-select:none;user-select:none;align-content:center;place-items:center;gap:10px;min-height:0;display:grid}.test-pad span{font-size:64px;font-weight:950}.test-pad small{color:var(--muted);font-size:16px}.game-area{min-height:0;position:relative;overflow:hidden}.play-screen>.test-pad,.play-screen>.game-area,.play-screen>.braking-panel,.play-screen>.advanced-reaction-grid,.play-screen>.prototype-game-wrap{align-self:stretch;min-height:0}.advanced-play-screen .game-area,.advanced-play-screen .braking-panel{box-shadow:none;background:0 0;border:0}.mini-score{z-index:5;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.mini-score span{min-height:var(--hud-height);border:var(--hud-border);border-radius:var(--hud-radius);background:var(--hud-bg);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);place-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-grid;box-shadow:0 6px 18px #18181812}
.reaction-pad{color:var(--ink);background:#fbf7ef;transition:background .12s,box-shadow .12s,border-color .12s;position:relative;overflow:hidden}.reaction-pad:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.reaction-pad.ready,.reaction-pad.good{color:#fff;background:var(--green);box-shadow:var(--glow-success)}.reaction-pad.good:after{opacity:1;box-shadow:inset 0 0 0 4px #31b775b8, var(--glow-success);animation:.4s advanced-reaction-feedback}.reaction-pad.early{color:#fff;background:var(--red);box-shadow:var(--glow-danger)}.reaction-pad.early:after{opacity:1;box-shadow:inset 0 0 0 4px #e65349c7, var(--glow-danger);animation:.36s advanced-reaction-feedback}.reaction-pad.early .reaction-pad-avatar{animation:.26s advanced-reaction-fail}.reaction-pad-avatar{z-index:1;place-items:center;width:clamp(112px,34vw,180px);height:clamp(112px,34vw,180px);margin-bottom:12px;display:grid;position:relative}.reaction-result-text{z-index:2;color:inherit;text-align:center;font-size:clamp(42px,4rem,72px);font-weight:950;line-height:.95;position:relative}.advanced-reaction-grid{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:0;box-shadow:var(--shadow);background:#fbf7ef;grid-auto-rows:minmax(0,1fr);gap:0;display:grid;position:relative;overflow:hidden}.advanced-reaction-grid:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.advanced-reaction-grid.good:after{opacity:1;box-shadow:inset 0 0 0 4px #31b775b8, var(--glow-success);animation:.4s advanced-reaction-feedback}.advanced-reaction-grid.early:after{opacity:1;box-shadow:inset 0 0 0 4px #e65349b8, var(--glow-danger);animation:.36s advanced-reaction-feedback}.advanced-reaction-grid.early .advanced-reaction-cell{animation:.26s advanced-reaction-fail}.advanced-reaction-grid.cells-1{grid-template-columns:1fr}.advanced-reaction-grid.cells-2,.advanced-reaction-grid.cells-4{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-reaction-cell{min-width:0;height:100%;min-height:0;color:var(--muted);cursor:pointer;background:#fbf7ef;border:0;border-radius:0;align-content:center;place-items:center;gap:12px;font-size:clamp(42px,4rem,72px);font-weight:950;transition:background 90ms,color 90ms,filter .12s;display:grid;position:relative}.advanced-reaction-cell+.advanced-reaction-cell{box-shadow:inset 1px 0 #18181814}.advanced-reaction-grid.cells-4 .advanced-reaction-cell:nth-child(n+3){box-shadow:inset 0 1px #18181814}.advanced-reaction-grid.cells-4 .advanced-reaction-cell:nth-child(2n){box-shadow:inset 1px 0 #18181814,inset 0 1px #18181814}.advanced-reaction-cell.green{background:var(--green);color:#fff;box-shadow:var(--glow-success)}.advanced-reaction-cell.red{background:var(--red);color:#fff;box-shadow:var(--glow-danger)}.advanced-reaction-cell.clicked{color:var(--ink);background:#e9f6ee}.advanced-reaction-cell.green.clicked{background:var(--green);color:#fff;box-shadow:var(--glow-success)}.reaction-cell-avatar{place-items:center;width:clamp(96px,24vw,156px);height:clamp(96px,24vw,156px);display:grid}.advanced-reaction-cell.clicked .reaction-cell-avatar{filter:drop-shadow(0 10px 18px #2f9b682e)}@keyframes advanced-reaction-feedback{0%{opacity:0;transform:scale(.992)}30%,to{opacity:1;transform:scale(1)}}@keyframes advanced-reaction-fail{0%,to{transform:translate(0)}28%{transform:translate(-4px)}64%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.reaction-pad,.reaction-pad-avatar,.advanced-reaction-grid,.advanced-reaction-cell{transition-duration:0s!important;animation:none!important}}
.advanced-aim-target{z-index:4;pointer-events:none;background:var(--red);box-shadow:var(--glow-danger);will-change:transform;border:3px solid #18181833;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.advanced-aim:after{content:"";z-index:8;border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.advanced-aim.feedback-good:after{opacity:1;box-shadow:inset 0 0 0 4px #31b775b8, var(--glow-success);animation:.42s advanced-aim-feedback}.advanced-aim.feedback-bad:after{opacity:1;box-shadow:inset 0 0 0 4px #e65349b8, var(--glow-danger);animation:.42s advanced-aim-feedback}.advanced-aim-target:after{content:"";aspect-ratio:1;background:#fff;border-radius:50%;width:42%}.advanced-aim-target.decoy{background:#918a7e;border-style:dashed;box-shadow:0 0 0 8px #18181814}.advanced-aim-shooter{z-index:7;pointer-events:none;transform-origin:50% 80%;place-items:center;width:72px;height:72px;transition:transform .14s,filter .14s;display:grid;position:absolute;bottom:8px;left:50%;translate:-50%}.advanced-aim-shooter.firing{filter:drop-shadow(0 8px 14px #1b9aaa38);transform:translateY(-4px)scale(1.08)}.advanced-arrow-shot{z-index:6;background:var(--ink);pointer-events:none;transform-origin:50% 0;will-change:transform;border-radius:999px;width:6px;height:46px;position:absolute;top:0;left:0}.advanced-arrow-shot:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:inherit;width:18px;height:18px;position:absolute;top:-8px;left:50%;translate:-50%}.advanced-arrow-shot:after{content:"";color:#18181894;background:linear-gradient(135deg,#0000 45%,currentColor 46% 54%,#0000 55%),linear-gradient(45deg,#0000 45%,currentColor 46% 54%,#0000 55%);border-radius:2px;width:18px;height:12px;position:absolute;bottom:-6px;left:50%;translate:-50%}.advanced-arrow-shot.hit{background:var(--green);box-shadow:var(--glow-success)}.advanced-arrow-shot.miss,.advanced-arrow-shot.blocked{background:var(--red);box-shadow:var(--glow-danger)}@keyframes advanced-aim-feedback{0%{opacity:0;transform:scale(.992)}28%,to{opacity:1;transform:scale(1)}}
.braking-panel{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;align-content:center;place-items:center;gap:20px;min-height:0;padding:20px;display:grid;position:relative}.advanced-braking{grid-template-rows:1fr auto;overflow:hidden}.advanced-braking:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.advanced-braking.success:after{opacity:1;box-shadow:inset 0 0 0 4px #31b775b8, var(--glow-success);animation:.42s brake-panel-feedback}.advanced-braking.early:after,.advanced-braking.crashed:after{opacity:1;box-shadow:inset 0 0 0 4px #e65349b8, var(--glow-danger);animation:.42s brake-panel-feedback}.advanced-brake-track{gap:18px;width:min(100%,720px);display:grid}.advanced-brake-lane{background:linear-gradient(#0000 0 72%,#1818180a 72% 100%);border-bottom:4px solid #18181829;min-height:92px;position:relative;overflow:hidden}.advanced-runner{aspect-ratio:1;will-change:left, transform, filter;width:46px;transition:box-shadow .12s,filter .12s,transform .12s;display:block;position:absolute;bottom:0;overflow:visible;translate:-50%}.advanced-hazard{background:var(--red);width:38px;height:76px;box-shadow:var(--glow-danger);border-radius:7px 7px 2px 2px;position:absolute;bottom:0;translate:-50%}.advanced-hazard.fake{background:#918a7e;box-shadow:0 0 0 10px #18181814}.dino-panel.crashed .advanced-runner,.advanced-braking.crashed .advanced-runner{box-shadow:var(--glow-danger);filter:drop-shadow(0 0 .65rem #e6534994);transform:rotate(-7deg)translateY(2px)}.dino-panel.early .advanced-runner,.advanced-braking.early .advanced-runner{filter:drop-shadow(0 0 .55rem #18181838);animation:.42s ease-in-out 2 brake-early-flash;transform:translateY(2px)}.dino-panel.stopped .advanced-runner,.advanced-braking.success .advanced-runner{filter:drop-shadow(0 0 .55rem #2f9b688c)}.dino-panel.crashed .advanced-hazard,.advanced-braking.crashed .advanced-hazard{box-shadow:var(--glow-danger);animation:.34s ease-in-out 2 brake-danger-hit}@keyframes brake-panel-feedback{0%{opacity:0;transform:scale(.992)}30%,to{opacity:1;transform:scale(1)}}@keyframes brake-danger-hit{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(5px)}}@keyframes brake-early-flash{0%,to{opacity:1;box-shadow:0 0 #18181800}35%{opacity:.36;box-shadow:0 0 0 8px #1818181f}70%{opacity:.88;box-shadow:0 0 0 4px #18181814}}.advanced-hazard.simultaneous:after{content:"";border:2px solid #ffffffdb;border-radius:5px;position:absolute;inset:8px}.brake-dot{aspect-ratio:1;cursor:pointer;width:min(56vw,280px);box-shadow:var(--shadow-soft);border:0;border-radius:50%}.brake-dot.go{background:var(--green)}.brake-dot.stop{background:var(--red)}.dino-panel{grid-template-rows:1fr auto}.dino-track{background:linear-gradient(#0000 0 74%,#1818180a 74% 100%);border-bottom:4px solid #1818182e;width:min(100%,680px);min-height:230px;position:relative;overflow:hidden}.dino-runner{border-radius:var(--radius-sm);background:var(--ink);will-change:left, transform;width:54px;height:54px;transition:filter .12s,transform .12s;position:absolute;bottom:0;translate:-50%}.dino-runner:before{content:"";background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;right:10px}.dino-runner:after{content:none}.dino-threat{opacity:0;background:var(--red);width:48px;height:104px;box-shadow:var(--glow-danger);will-change:opacity, transform;border-radius:7px 7px 2px 2px;transition:opacity 80ms,transform 80ms;position:absolute;bottom:0;left:68%;transform:translateY(16px)scaleY(.88)}.dino-threat:before{content:"";background:repeating-linear-gradient(45deg,#ffffffdb 0 6px,#0000 6px 12px);position:absolute;inset:10px 8px}.dino-panel.danger .dino-threat,.dino-panel.crashed .dino-threat,.dino-panel.stopped .dino-threat{opacity:1;transform:translateY(0)}.dino-panel.crashed .dino-runner{filter:drop-shadow(0 0 .8rem #e65349cc);transform:rotate(-8deg)}.dino-panel.stopped .dino-runner{filter:drop-shadow(0 0 .55rem #2f9b688c)}
.result-screen{padding-block:8px;padding-bottom:max(18px, env(safe-area-inset-bottom));gap:12px;position:relative;overflow:visible}.result-card{padding:24px}.rank-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:132px;padding:26px 24px;display:grid;position:relative;overflow:visible}.rank-card.menu-open{z-index:30;contain:none}.rank-title{gap:6px;min-width:0;display:grid}.rank-title h1{white-space:nowrap;margin:0;font-size:clamp(28px,9.6vw,52px);line-height:1.02}.rank-avatar-menu-wrap{z-index:4;justify-self:end;place-items:center;width:58px;height:58px;margin-inline-end:2px;display:grid;position:relative}.rank-avatar-entry{z-index:2;width:58px;height:58px;box-shadow:none;appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;transition:translate .16s,scale .16s;display:inline-grid;position:relative;translate:-12px}.rank-avatar-entry.playing{box-shadow:none;translate:-12px -2px;scale:1.04}.rank-avatar-menu{--rank-avatar-menu-bg:#fffdf8f5;--rank-avatar-menu-border:#1818181c;--rank-avatar-action-size:42px;--rank-avatar-action-gap:8px;z-index:12;transform-origin:50% 0;width:min(248px,100vw - 24px);animation:.22s cubic-bezier(.16,.9,.24,1.08) both rankAvatarMenuBubbleIn;position:absolute;top:calc(100% + 10px);left:calc(50% - 12px);translate:-50%}.rank-avatar-menu-surface{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rank-avatar-menu-surface-path{fill:var(--rank-avatar-menu-bg);stroke:var(--rank-avatar-menu-border);stroke-width:1px;vector-effect:non-scaling-stroke}.rank-avatar-menu-surface-path.edge{display:none}.rank-avatar-bubble{z-index:1;grid-template-columns:repeat(4, var(--rank-avatar-action-size));grid-auto-rows:var(--rank-avatar-action-size);place-content:center;gap:var(--rank-avatar-action-gap);background:0 0;width:100%;padding:18px 24px 14px;display:grid;position:relative;overflow:visible}.rank-avatar-bubble::-webkit-scrollbar{display:none}.rank-avatar-menu-action{z-index:1;width:var(--rank-avatar-action-size);height:var(--rank-avatar-action-size);color:var(--ink);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:14px;place-items:center;transition:color .14s,scale .12s;display:inline-grid;position:relative}.rank-avatar-menu-action:hover{color:var(--cyan)}.rank-avatar-menu-action:disabled{cursor:default;opacity:.62}.rank-avatar-menu-action:active{scale:.96}.rank-avatar-menu-action.danger{color:#b42318;background:#fff0ee;box-shadow:inset 0 0 0 1px #b4231817}.rank-avatar-menu-action.danger:active{background:#ffe1dd}.radar-card-shell{position:relative}.radar-card{grid-template-columns:1fr;align-items:center;gap:18px;padding:14px;display:grid;position:relative}.radar-visual{place-items:center;display:grid}.radar-visual svg{width:min(100%,340px);height:auto;overflow:visible}.radar-ring{fill:none;stroke:#1818181f;stroke-width:1px}.radar-axis{stroke:#1818181f;stroke-width:1px}.radar-score{fill:#1b9aaa38;stroke:var(--cyan);stroke-linejoin:round;stroke-width:3px}.radar-label{fill:var(--muted);text-anchor:middle;dominant-baseline:middle;font-size:12px;font-weight:850}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.score-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;min-height:102px;padding:14px;display:grid}.score-item.with-advanced{grid-template-columns:minmax(0,1fr) 44px;align-items:center;column-gap:10px}.luck-score-item{grid-column:span 2;min-height:112px}.luck-score-item.locked{opacity:.82;align-content:center;min-height:94px}.luck-copy>span{align-items:center;gap:6px;display:flex}.luck-help{place-items:center;display:inline-grid;position:relative}.luck-help summary,.luck-rule-details summary{width:22px;height:22px;color:var(--ink);cursor:pointer;background:#fffdf8;border:1px solid #1818182e;border-radius:999px;place-items:center;font-size:13px;font-weight:950;line-height:1;list-style:none;display:inline-grid}.luck-help summary::-webkit-details-marker{display:none}.luck-rule-details summary::-webkit-details-marker{display:none}.luck-help p{z-index:5;border:1px solid var(--line);width:min(260px,72vw);color:var(--muted);background:#fffdf8;border-radius:8px;margin:0;padding:10px;font-size:12px;line-height:1.45;position:absolute;top:28px;left:0;box-shadow:0 14px 34px #1818181f}.score-copy{gap:4px;min-width:0;display:grid}.score-item span,.score-item small{color:var(--muted);font-size:13px;font-weight:850}.score-item strong{font-size:32px;line-height:1}.advanced-entry-button{isolation:isolate;border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#f6f2eb;border-radius:999px;place-items:center;font-size:18px;font-weight:950;display:inline-grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff6b}.advanced-entry-button:disabled{cursor:default;opacity:.42;transform:none}.advanced-unlock-pulse .advanced-entry-button{animation:1.2s cubic-bezier(.16,.9,.24,1.08) both advanced-entry-pop}.advanced-unlock-pulse .advanced-entry-button:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #c9891047;animation:1.8s ease-in-out infinite advanced-entry-halo;position:absolute;inset:-7px}.advanced-unlock-pulse .score-item:first-child .advanced-entry-button{animation-delay:0s}.advanced-unlock-pulse .score-item:nth-child(2) .advanced-entry-button{animation-delay:90ms}.advanced-unlock-pulse .score-item:nth-child(3) .advanced-entry-button{animation-delay:.18s}.advanced-unlock-pulse .score-item:nth-child(4) .advanced-entry-button{animation-delay:.27s}.advanced-unlock-pulse .score-item:nth-child(5) .advanced-entry-button{animation-delay:.36s}.advanced-unlock-pulse .score-item:nth-child(6) .advanced-entry-button{animation-delay:.45s}.advanced-unlock-pulse .score-item:nth-child(7) .advanced-entry-button{animation-delay:.54s}.advanced-unlock-pulse .score-item:nth-child(8) .advanced-entry-button{animation-delay:.63s}.advanced-unlock-pulse .score-item:nth-child(9) .advanced-entry-button{animation-delay:.72s}@keyframes advanced-entry-pop{0%{opacity:0;transform:scale(.62);box-shadow:0 0 #c9891000}58%{opacity:1;transform:scale(1.12);box-shadow:0 0 0 8px #c9891033}to{opacity:1;transform:scale(1)}}@keyframes advanced-entry-halo{0%,to{opacity:.36;transform:scale(.96)}50%{opacity:.88;transform:scale(1.08)}}@keyframes rankAvatarMenuBubbleIn{0%{opacity:0;transform:translateY(-8px)scale(.86)}62%{opacity:1;transform:translateY(1px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.rank-card{grid-template-columns:minmax(0,1fr);gap:12px;min-height:116px;padding:20px 16px}.rank-title{padding-inline-end:72px}.rank-title h1{font-size:clamp(20px,7.2vw,36px)}.rank-avatar-menu-wrap{width:54px;height:54px;margin-inline-end:0;position:absolute;top:calc(50% - 27px);right:12px}.rank-avatar-entry{width:54px;height:54px}.rank-avatar-menu{transform-origin:calc(100% - 39px) 0;top:calc(100% + 8px);left:auto;right:0;translate:0}.rank-avatar-menu-surface-path.center{display:none}.rank-avatar-menu-surface-path.edge{display:block}}@media (max-width:380px){.rank-title{padding-inline-end:68px}.rank-title h1{font-size:clamp(17px,6.4vw,30px)}.rank-avatar-menu-wrap{width:52px;height:52px;top:calc(50% - 26px);right:10px}.rank-avatar-entry{width:52px;height:52px}.rank-avatar-menu{--rank-avatar-action-size:40px;--rank-avatar-action-gap:6px;width:min(224px,100vw - 20px);top:calc(100% + 8px)}.rank-avatar-bubble{padding:17px 16px 12px}}
.advanced-screen,.advanced-play-screen,.luck-screen{width:min(100%,760px);margin:0 auto}.advanced-screen,.luck-screen{align-content:start;gap:14px;min-height:min(760px,100svh);padding-block:8px;display:grid}.advanced-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.advanced-round-header{grid-template-columns:minmax(0,1fr) auto;gap:8px}.advanced-header-title-block{min-width:0;position:relative;overflow:hidden}.advanced-round-header h1{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:22px;line-height:1;overflow:hidden}.advanced-title-measure{visibility:hidden;white-space:nowrap;pointer-events:none;font-size:22px;font-weight:950;line-height:1;position:absolute;inset:0 auto auto 0}.advanced-header-actions{flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}.advanced-header-actions .advanced-back-button{white-space:nowrap}.advanced-topbar span{color:var(--muted);font-size:13px;font-weight:900}.advanced-back-button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 14px;font-weight:900}.advanced-hero,.advanced-panel,.advanced-result-card{border:1px solid var(--line);background:var(--surface);border-radius:8px}.advanced-hero{gap:8px;padding:20px;display:grid;position:relative}.advanced-hero-with-rule{padding-right:64px}.advanced-hero-title-block{min-width:0;max-width:100%;position:relative;overflow:hidden}.luck-hero{padding-right:64px}.advanced-hero h1{white-space:nowrap;max-width:100%;margin:0;font-size:34px;line-height:1.05;overflow:hidden}.advanced-hero-title-measure{visibility:hidden;white-space:nowrap;pointer-events:none;font-size:34px;line-height:1.05;position:absolute;inset:0 auto auto 0}.advanced-rule-details{z-index:4;position:absolute;top:14px;right:14px}.advanced-rule-details summary{width:22px;height:22px;color:var(--ink);cursor:pointer;background:#fffdf8;border:1px solid #1818182e;border-radius:999px;place-items:center;font-size:13px;font-weight:950;line-height:1;list-style:none;display:inline-grid}.advanced-rule-details summary::-webkit-details-marker{display:none}.advanced-rule-details-content{z-index:5;border:1px solid var(--line);width:min(300px,76vw);color:var(--muted);background:#fffdf8;border-radius:8px;gap:6px;padding:10px;display:grid;position:absolute;top:30px;right:0;box-shadow:0 14px 34px #1818181f}.advanced-rule-details-content p{margin:0;font-size:12px;font-weight:850;line-height:1.45}.advanced-panel,.advanced-result-card{gap:16px;padding:18px;display:grid}.advanced-lobby-panel{gap:18px;overflow:hidden}.advanced-lobby-carousel{--advanced-lobby-anchor:0px;--advanced-lobby-level-size:150px;--advanced-lobby-level-center:75px;--advanced-lobby-step-px:156px;min-height:230px;position:relative;overflow:hidden}.advanced-lobby-track{left:50%;align-items:center;gap:calc(var(--advanced-lobby-step-px) - var(--advanced-lobby-level-size));width:max-content;min-height:230px;transform:translate3d(calc(0px - var(--advanced-lobby-level-center) - var(--advanced-lobby-anchor)), 0, 0);will-change:transform;transition:transform .32s cubic-bezier(.2,.82,.18,1);display:flex;position:absolute;inset-block:0}.advanced-lobby-slider{--advanced-lobby-slider-thumb-offset:0px;--advanced-lobby-slider-thumb-size:36px;touch-action:none;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none;align-items:center;height:40px;display:grid;position:relative}.advanced-lobby-slider-visual{z-index:2;top:50%;left:calc(var(--advanced-lobby-slider-thumb-size) / 2);right:calc(var(--advanced-lobby-slider-thumb-size) / 2);pointer-events:none;height:8px;position:absolute;transform:translateY(-50%)}.advanced-lobby-slider-thumb-label{width:var(--advanced-lobby-slider-thumb-size);height:var(--advanced-lobby-slider-thumb-size);color:var(--ink);font-variant-numeric:tabular-nums;transform:translate3d(var(--advanced-lobby-slider-thumb-offset), -50%, 0) translateX(-50%);will-change:transform;background:#fffaf1;border:1px solid #bfa17b;border-radius:10px;place-items:center;font-size:16px;font-weight:950;line-height:1;transition:transform 90ms cubic-bezier(.2,.82,.18,1),background-color .14s,border-color .14s;display:grid;position:absolute;top:50%;left:0;box-shadow:0 6px 14px #5f482a29,inset 0 0 0 2px #ffffff94}.advanced-lobby-slider.completed.advanced-tier-1 .advanced-lobby-slider-thumb-label{color:#4c765f;background:#edf7f1;border-color:#2f7f5947}.advanced-lobby-slider.completed.advanced-tier-2 .advanced-lobby-slider-thumb-label{color:#4b718a;background:#edf6fb;border-color:#2a78a847}.advanced-lobby-slider.completed.advanced-tier-3 .advanced-lobby-slider-thumb-label{color:#8b4e68;background:#faedf3;border-color:#b5487247}.advanced-lobby-slider.completed.advanced-gold .advanced-lobby-slider-thumb-label{color:#8b6416;background:#fff0bf;border-color:#c989105c}.advanced-lobby-range{z-index:1;appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:40px;margin:0;position:relative}.advanced-lobby-range::-webkit-slider-runnable-track{background:#efe4d2;border:1px solid #dccdb9;border-radius:999px;height:8px}.advanced-lobby-range::-webkit-slider-thumb{width:var(--advanced-lobby-slider-thumb-size);height:var(--advanced-lobby-slider-thumb-size);-webkit-appearance:none;background:0 0;border:0;border-radius:10px;margin-top:-15px}.advanced-lobby-range::-moz-range-track{background:#efe4d2;border:1px solid #dccdb9;border-radius:999px;height:8px}.advanced-lobby-range::-moz-range-thumb{width:var(--advanced-lobby-slider-thumb-size);height:var(--advanced-lobby-slider-thumb-size);background:0 0;border:0;border-radius:10px}.advanced-lobby-range:active::-webkit-slider-thumb{background:#f8edd9}.advanced-lobby-range:active::-moz-range-thumb{background:#f8edd9}.advanced-base-play-screen{grid-template-rows:auto minmax(0,1fr)}.advanced-lobby-level{width:var(--advanced-lobby-level-size);flex:0 0 var(--advanced-lobby-level-size);aspect-ratio:1;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#f6f2eb;border-radius:999px;align-content:center;place-items:center;gap:8px;padding:18px 10px;font-weight:950;transition:border-color .14s,box-shadow .14s,filter .14s,opacity .14s,transform .18s;display:grid;position:relative}.advanced-lobby-level.previous,.advanced-lobby-level.next{opacity:.72;transform:scale(.86)}.advanced-lobby-level.distant{opacity:.42;transform:scale(.76)}.advanced-lobby-level.selected{border-width:2px;transform:scale(1);box-shadow:0 16px 34px #18181824,inset 0 0 0 7px #ffffff94}.advanced-lobby-level.locked{cursor:default;opacity:.36;filter:grayscale(.75)}.advanced-lobby-level strong{white-space:nowrap;font-size:24px;line-height:1}.advanced-lobby-level.selected strong{font-size:32px}.advanced-lobby-level small{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:850}.advanced-lobby-badge{color:#fffaf1;background:#6daa45;border-radius:999px;place-items:center;min-width:34px;min-height:34px;padding:0;font-size:17px;line-height:1;display:grid;position:absolute;bottom:16px;right:16px}.advanced-lobby-level.completed .advanced-lobby-badge{background:#6daa45}.advanced-lobby-level:not(.locked):active,.advanced-entry-button:active{transform:scale(.96)}.advanced-entry-button.advanced-empty,.advanced-lobby-level.advanced-empty{color:var(--ink);background:#f6f2eb;border-color:#18181824}.advanced-entry-button.advanced-tier-1,.advanced-lobby-level.advanced-tier-1{color:#174832;background:#ddf1e6;border-color:#2f7f59}.advanced-entry-button.advanced-tier-2,.advanced-lobby-level.advanced-tier-2{color:#17445f;background:#dceefa;border-color:#2a78a8}.advanced-entry-button.advanced-tier-3,.advanced-lobby-level.advanced-tier-3{color:#6e1d3b;background:#f6dfe8;border-color:#b54872}.advanced-entry-button.advanced-gold,.advanced-lobby-level.advanced-gold{color:#3f2600;background:linear-gradient(145deg,#ffe49a,#d9a01d);border-color:#c98910;box-shadow:0 8px 18px #a9700e38,inset 0 0 0 2px #ffffff7a}.advanced-goal-card{border:1px solid var(--line);background:#fffaf194;border-radius:8px;gap:12px;padding:16px;display:grid}.advanced-goal-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.advanced-goal-heading h2{color:#0f5f6c;margin:0;font-size:22px;line-height:1.1}.advanced-goal-heading span{color:#8a4c12;white-space:nowrap;background:#fff4e0c2;border:1px solid #a36e2d47;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:900}.advanced-goal-card ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.advanced-goal-card li{border-top:1px dashed #1818181f;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-height:46px;font-size:17px;font-weight:820;line-height:1.25;display:grid}.advanced-goal-card li:first-child{border-top:0}.advanced-goal-box{border:2px solid;border-radius:8px;place-items:center;width:28px;height:28px;font-size:17px;font-weight:950;line-height:1;display:grid}.advanced-goal-item.pending .advanced-goal-box{color:#18181861}.advanced-goal-item.complete .advanced-goal-box{color:#2f7f59}.advanced-goal-item.incomplete .advanced-goal-box{color:#8f3b35}.advanced-lobby-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.advanced-lobby-actions .primary-button,.advanced-lobby-actions .secondary-button{width:100%}.advanced-result-card.passed{background:#f3fbf5;border-color:#236b5461}.advanced-result-card.failed{background:#fff8f2;border-color:#aa483747}.advanced-result-goals{gap:0;margin:0;padding:0;list-style:none;display:grid}.advanced-result-goal{min-height:46px;color:var(--ink);border-top:1px dashed #1818181f;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;font-size:17px;font-weight:820;line-height:1.25;display:grid}.advanced-result-goal:first-child{border-top:0}.advanced-result-goal-box{border:2px solid;border-radius:8px;place-items:center;width:28px;height:28px;font-size:17px;font-weight:950;line-height:1;display:grid}.advanced-result-goal.complete .advanced-result-goal-box{color:#2f7f59}.advanced-result-goal.incomplete .advanced-result-goal-box{color:#8f3b35}.advanced-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,380px);display:grid}.advanced-actions-1{grid-template-columns:minmax(0,1fr);width:min(100%,230px)}.advanced-actions .primary-button,.advanced-actions .secondary-button{width:100%}
.luck-draw-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-items:center;gap:14px;padding:18px 22px 24px;transition:background .18s,border-color .18s;display:grid;position:relative}.luck-draw-panel.advanced-tier-1:not(.spinning),.luck-draw-panel.advanced-tier-2:not(.spinning),.luck-draw-panel.advanced-tier-3:not(.spinning),.luck-draw-panel.advanced-gold:not(.spinning),.luck-draw-panel.spinning{border-color:var(--line);background:var(--surface)}.slot-machine{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,360px);display:grid}.slot-reel{border:1px solid var(--line);background:#f8f4ed;border-radius:8px;height:116px;transition:background .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff8f}.luck-draw-panel.advanced-tier-1:not(.spinning) .slot-reel{background:#ddf1e6;border-color:#2f7f59}.luck-draw-panel.advanced-tier-2:not(.spinning) .slot-reel{background:#dceefa;border-color:#2a78a8}.luck-draw-panel.advanced-tier-3:not(.spinning) .slot-reel{background:#f6dfe8;border-color:#b54872}.luck-draw-panel.advanced-gold:not(.spinning) .slot-reel{background:linear-gradient(145deg,#fff1b8,#e4ad2b);border-color:#c98910;box-shadow:0 10px 22px #a9700e2e,inset 0 0 0 2px #ffffff94}.slot-strip{height:1000%;transform:translateY(var(--slot-offset,0%));will-change:transform;grid-template-rows:repeat(10,10%);transition:transform .76s cubic-bezier(.12,.82,.18,1);display:grid}.slot-strip span{color:var(--ink);place-items:center;font-size:64px;font-weight:950;line-height:1;display:grid}.slot-reel.rolling .slot-strip{transition:none;animation:.3s linear infinite slot-roll}.luck-draw-panel.batch-spinning .slot-reel.rolling .slot-strip{animation-duration:.15s}.luck-draw-panel.batch-spinning .slot-strip{transition:transform .18s cubic-bezier(.2,.86,.24,1)}.slot-reel.rolling:nth-child(2) .slot-strip{animation-duration:.25s}.slot-reel.rolling:nth-child(3) .slot-strip{animation-duration:.22s}.luck-draw-panel.batch-spinning .slot-reel.rolling:nth-child(2) .slot-strip{animation-duration:.13s}.luck-draw-panel.batch-spinning .slot-reel.rolling:nth-child(3) .slot-strip{animation-duration:.115s}.luck-draw-panel.settled:not(.advanced-empty) .slot-reel{animation:.62s slot-color-pop}@keyframes slot-roll{0%{transform:translateY(0)}to{transform:translateY(-90%)}}@keyframes slot-color-pop{0%{filter:saturate(.72);transform:scale(.99)}55%{filter:saturate(1.18);transform:scale(1.015)}to{filter:saturate();transform:scale(1)}}.luck-stat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,380px);display:grid}.luck-stat-row>div{border:1px solid var(--line);background:#fffdf8;border-radius:8px;gap:4px;padding:12px;display:grid}.luck-stat-row span,.luck-rule-text{color:var(--muted);font-size:13px;font-weight:850}.luck-stat-row strong{color:var(--ink);font-size:24px;line-height:1}.luck-rule-text{text-align:center;min-height:22px;margin:0}.luck-draw-actions{grid-template-columns:minmax(0,1fr);justify-self:center;gap:10px;width:min(100%,260px);margin-top:8px;display:grid}.luck-draw-actions .luck-draw-button{width:100%;min-width:0}.luck-rule-details{z-index:4;position:absolute;top:14px;right:14px}.luck-rule-details p{z-index:5;border:1px solid var(--line);width:min(280px,72vw);color:var(--muted);background:#fffdf8;border-radius:8px;margin:0;padding:10px;font-size:12px;line-height:1.45;position:absolute;top:30px;right:0;box-shadow:0 14px 34px #1818181f}
.avatar-lab-screen{gap:18px;display:grid}.avatar-lab-stage{border:1px solid var(--line);background-color:#fffdf8;background-image:linear-gradient(90deg,#28827814 1px,#0000 1px),linear-gradient(0deg,#28827814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;justify-items:center;gap:12px;padding:24px 18px;display:grid}.avatar-lab-preview{place-items:center;width:152px;height:152px;display:grid;position:relative}.avatar-lab-stage p{color:var(--muted);margin:0;font-size:13px;font-weight:850}.avatar-lab-controls{gap:14px;display:grid}.avatar-lab-section{gap:10px;display:grid}.avatar-lab-section h2{color:var(--ink);margin:0;font-size:14px;line-height:1.2}.avatar-lab-skin-grid,.avatar-lab-button-grid{gap:8px;display:grid}.avatar-lab-skin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-lab-button-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.avatar-lab-skin,.avatar-lab-button-grid button{border:1px solid var(--line);min-width:0;color:var(--ink);touch-action:manipulation;background:#fffdf8;border-radius:8px;font-weight:900}.avatar-lab-skin{justify-items:center;gap:5px;min-height:74px;padding:9px 6px;display:grid}.avatar-lab-skin span,.avatar-lab-button-grid button{font-size:12px;line-height:1.15}.avatar-lab-button-grid button{min-height:42px;padding:8px 6px}.avatar-lab-skin.selected,.avatar-lab-button-grid button.selected{background:#e9f6ee;border-color:#2f7f599e;box-shadow:inset 0 0 0 1px #2f7f5924}@media (max-width:620px){.avatar-lab-skin-grid,.avatar-lab-button-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.prototype-game-wrap{place-self:center;width:min(100%,390px);margin-inline:auto;display:grid;position:relative}.play-screen .prototype-game-wrap{align-content:stretch;justify-items:stretch;width:100%;max-width:none;height:100%;min-height:0}.prototype-game-wrap>.mini-score{z-index:12;pointer-events:none}.prototype-stage{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:min(100%,360px);height:640px;box-shadow:var(--shadow-soft);contain:layout paint;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-self:center;position:relative;overflow:hidden}.prototype-stage:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.prototype-stage.screen-shake,.prototype-stage.failed{animation:.18s ease-out both mini-game-screen-shake}.prototype-end-overlay{z-index:30;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8f0;align-content:center;place-items:center;gap:10px;padding:22px;display:grid;position:absolute;inset:0}.prototype-end-overlay h2{margin:0;font-size:44px;line-height:1}.prototype-end-overlay small{max-width:280px;color:var(--muted);font-size:14px;font-weight:850;line-height:1.45}.prototype-end-overlay.passed h2{color:var(--green)}.prototype-end-overlay.failed h2{color:var(--red)}.play-screen .prototype-stage{place-self:stretch stretch;width:100%;max-width:none;height:100%;box-shadow:0 12px 30px #1818181a}.mini-game-fps-badge{z-index:35;border-radius:var(--radius-xs);color:#181818b8;pointer-events:none;background:#fffdf8d1;border:1px solid #18181829;padding:4px 6px;font-size:11px;font-weight:900;line-height:1;position:absolute;bottom:8px;right:8px}.mini-game-perf-panel{z-index:36;border-radius:var(--radius-xs);color:#181818c7;pointer-events:none;background:#fffdf8eb;border:1px solid #18181829;gap:3px;min-width:132px;padding:7px 8px;font-size:10px;font-weight:850;line-height:1.1;display:grid;position:absolute;bottom:8px;right:8px}.mini-game-perf-panel strong{color:var(--ink);font-size:11px}.prototype-feedback{z-index:22;color:#fff;min-height:38px;box-shadow:var(--glow-success);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;border:1px solid #ffffff94;border-radius:999px;place-items:center;padding:0 16px;font-size:22px;font-weight:950;animation:.62s both prototype-feedback-pop;display:grid;position:absolute;top:34%;left:50%;translate:-50% -50%}.prototype-feedback.good{background:var(--green)}.prototype-feedback.perfect{background:var(--gold);box-shadow:var(--glow-warning)}@keyframes prototype-feedback-pop{0%{opacity:0;transform:scale(.84)}18%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes mini-game-screen-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}
.doodle-stage{background:linear-gradient(180deg, #1b9aaa1a, #fffdf8e0), var(--surface)}.doodle-player-shell,.doodle-remote-player-shell,.doodle-world-layer,.flappy-player-shell,.doodle-platform,.doodle-hazard,.flappy-background,.flappy-start-platform,.flappy-gate,.flappy-collectible,.knife-wheel-wrap,.knife-launcher,.knife-shot-stack{backface-visibility:hidden;will-change:transform;position:absolute;top:0;left:0}.doodle-player-shell,.doodle-remote-player-shell,.flappy-player-shell{z-index:9;width:32px;height:32px}.doodle-world-layer{z-index:1;transform-origin:0 0}.doodle-remote-player-shell{z-index:8;opacity:.78;filter:drop-shadow(0 4px 10px #1818182e)}.flappy-player-shell{z-index:10}.doodle-player-shell.invincible,.flappy-player-shell.invincible,.square-jump-base-player-shell.respawn-warning,.fall-down-player-shell.respawn-warning{animation:.18s linear infinite mini-player-flash}@keyframes mini-player-flash{0%,to{opacity:1}50%{opacity:.34}}.prototype-player-box{background:var(--cyan);width:100%;height:100%;box-shadow:var(--glow-accent);transform-origin:50%;border:3px solid #1818182e;border-radius:10px;transition:transform .56s cubic-bezier(.16,.84,.22,1)}.doodle-player{background:var(--cyan);box-shadow:var(--glow-accent)}.doodle-platform{z-index:4;background:var(--green);height:12px;box-shadow:var(--glow-success);border:1px solid #18181829;border-radius:999px}.doodle-platform.moving{background:var(--blue);box-shadow:0 6px 14px #2f80ed2e}.doodle-platform.risk{background:var(--gold);height:14px;box-shadow:var(--glow-warning);border-color:#55370047}.doodle-platform.risk:after{content:"!";color:#4c3000;font-size:12px;font-weight:950;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -58%}.doodle-platform.finish{background:var(--gold);height:14px;box-shadow:var(--glow-warning);border-color:#55370052}.doodle-platform.finish:after{content:"⚑";color:#8a5a00;text-shadow:0 4px 10px #d39b2a42;font-size:20px;font-weight:950;line-height:1;position:absolute;bottom:10px;right:-4px}.doodle-platform.start{height:13px;box-shadow:var(--glow-success);background:#37a96f}.doodle-hazard{z-index:6;background:var(--red);box-shadow:var(--glow-danger);border-radius:4px}.doodle-hazard.moving{box-shadow:var(--glow-danger);background:#d9362e;border-radius:8px}.doodle-hazard.motion-static{border-radius:6px}.doodle-hazard.motion-vertical{border-radius:999px}.doodle-hazard.motion-patrolDiagonal{border-radius:3px 10px}.doodle-hazard.motion-orbitSmall{border-radius:50%}.doodle-hazard.motion-pulse{background:#c82924;border-radius:10px}.doodle-hazard.motion-slowCross{background:#e65349;border-radius:10px 3px}
.flappy-stage{background:linear-gradient(180deg, #2f80ed1a, #fffdf8e6), var(--surface);cursor:pointer}.flappy-stage.reverse{background:linear-gradient(180deg, #7b61ff17, #fffdf8e6), var(--surface)}.flappy-background{z-index:1;inset:0}.flappy-background span{opacity:.42;will-change:transform;position:absolute;top:0;left:0}.flappy-background span.dash{background:#2f80ed38;border-radius:999px;width:34px;height:4px}.flappy-background span.square{background:#1b9aaa2e;border-radius:4px;width:13px;height:13px}.flappy-player{background:var(--cyan);box-shadow:var(--glow-accent)}.flappy-remote-player-shell{z-index:9;opacity:.78;filter:drop-shadow(0 4px 10px #1818182e);backface-visibility:hidden;will-change:transform;width:32px;height:32px;position:absolute;top:0;left:0}.flappy-player.reversed{background:var(--violet)}.flappy-start-platform{z-index:4;background:var(--green);width:100px;height:12px;box-shadow:var(--glow-success);border:1px solid #18181824;border-radius:999px;transition:opacity .42s,scale .42s,transform .42s}.flappy-start-platform.started{opacity:0;scale:.86}.flappy-gate{z-index:5;background:var(--green);border:1px solid #1818181f;box-shadow:inset 0 0 0 2px #ffffff2e}.flappy-gate.top{border-radius:0 0 8px 8px}.flappy-gate.bottom{border-radius:8px 8px 0 0}.flappy-gate-layer.moving .flappy-gate{background:var(--blue)}.flappy-collectible{z-index:8;background:var(--gold);width:18px;height:18px;box-shadow:var(--glow-warning);border:3px solid #18181829;border-radius:50%}
.knife-stage{border:1px solid var(--line);background:linear-gradient(180deg, #d39b2a14, #fffdf8eb), var(--surface);cursor:pointer;padding:0;display:block}.knife-stage:after{content:"";z-index:24;border-radius:inherit;opacity:0;pointer-events:none;border:0 solid #0000;position:absolute;inset:0}.knife-stage.feedback-good:after{border-width:6px;border-color:#2f9b68b8;animation:.42s both knife-stage-feedback;box-shadow:inset 0 0 0 2px #2f9b682e,0 0 0 8px #2f9b6814}.knife-stage.feedback-bad:after{border-width:6px;border-color:#e65349c2;animation:.42s both knife-stage-feedback;box-shadow:inset 0 0 0 2px #e653492e,0 0 0 8px #e6534917}.knife-wheel-wrap{z-index:6;left:50%;top:var(--knife-wheel-top,82px);width:190px;height:190px;translate:-50%}.knife-wheel{backface-visibility:hidden;will-change:transform;width:100%;height:100%;position:relative}.knife-wheel-avatar{z-index:4;pointer-events:none;place-items:center;width:clamp(34px,24%,46px);height:clamp(34px,24%,46px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knife-wheel-svg{position:absolute;inset:0;overflow:visible}.knife-wheel-svg circle{fill:#f8f0df;stroke:#1818182e;stroke-width:3px}.knife-wheel-svg path{fill:#e653499e;stroke:#8c282247;stroke-width:1px}.knife-arrow{background:var(--ink);border-radius:999px;width:60px;height:8px;position:absolute;box-shadow:0 4px 8px #18181824}.knife-arrow:before{content:none}.knife-stuck{z-index:3;transform-origin:0;transition:none;animation:none;position:absolute;top:50%;left:50%}.knife-stuck.initial{background:#918a7e}.knife-stuck.failed{background:var(--red);box-shadow:var(--glow-danger)}.knife-launcher{z-index:8;top:auto;left:50%;bottom:var(--knife-launcher-bottom,92px);width:8px;height:62px;translate:-50%;rotate:none}.knife-launcher.flying{animation:95ms linear forwards prototype-knife-fire}.knife-stage.final-shot-ready .knife-launcher{box-shadow:var(--glow-warning)}.knife-shot-stack{z-index:7;gap:5px;display:flex;top:auto;bottom:18px;left:18px}.knife-shot-stack span{background:#181818b8;border-radius:999px;width:5px;height:30px}@keyframes prototype-knife-fire{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--knife-flight-distance,276px)))}}@keyframes knife-stage-feedback{0%{opacity:0}18%,72%{opacity:1}to{opacity:0}}
.square-jump-stage{background:linear-gradient(180deg, #2f9b6814, #fffdf8f0), var(--surface);transition:background .22s}.square-progress-background{z-index:0;pointer-events:none;opacity:.58;will-change:transform;background:linear-gradient(#0000 0 58%,#2f9b6814 58% 59%,#0000 59%),repeating-linear-gradient(90deg,#0000 0 72px,#18181814 72px 76px,#0000 76px 180px),repeating-linear-gradient(90deg,#0000 0 108px,#2f80ed1a 108px 112px,#0000 112px 180px);position:absolute;inset:-24px -240px 0}.square-jump-stage.gravity-light{background:radial-gradient(circle at 68% 18%, #1b9aaa2e, transparent 28%), linear-gradient(180deg, #1b9aaa29, #fffdf8f5), var(--surface)}.square-jump-stage.gravity-heavy{background:radial-gradient(circle at 38% 18%, #7b61ff24, transparent 30%), linear-gradient(180deg, #58437e33, #fffdf8eb), var(--surface)}.square-jump-stage.gravity-light:before,.square-jump-stage.gravity-heavy:before{content:"";z-index:1;pointer-events:none;opacity:.72;position:absolute;inset:0}.square-jump-stage.gravity-light:before{background:radial-gradient(circle,#1b9aaa52 0 3px,#0000 4px) 42px 410px/88px 96px,radial-gradient(circle,#2f80ed33 0 2px,#0000 3px) 18px 360px/104px 118px;animation:1.8s linear infinite square-light-particles}.square-jump-stage.gravity-heavy:before{background:radial-gradient(circle,#58437e42 0 3px,#0000 4px) 34px 100px/92px 96px,radial-gradient(circle,#e6534929 0 2px,#0000 3px) 74px 60px/112px 120px;animation:1.4s linear infinite square-heavy-particles}@keyframes square-light-particles{0%{background-position:42px 430px,18px 386px}to{background-position:42px 250px,18px 210px}}@keyframes square-heavy-particles{0%{background-position:34px 80px,74px 40px}to{background-position:34px 270px,74px 260px}}.square-jump-guide-line{border-top:1px dashed #18181824;width:100%;position:absolute;top:442px;left:0}.square-platform,.square-jump-player-shell,.fall-down-player-shell,.fall-platform,.fall-danger-line{backface-visibility:hidden;will-change:transform;position:absolute;top:0;left:0}.square-jump-base-platform,.square-jump-base-player-shell,.square-jump-base-debug-platform-line,.square-jump-base-debug-player-line{box-sizing:border-box;position:absolute}.square-jump-base-platform{z-index:5;overflow:visible}.square-jump-base-platform span{z-index:4;color:#181818b8;background:#ffffffc7;border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;font-weight:950;line-height:1;display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #1818181f}.square-jump-base-platform.current .square-jump-base-platform-top{box-shadow:var(--glow-accent)}.square-jump-base-platform.preview{opacity:.72}.square-jump-base-platform.exiting{z-index:4;opacity:.78}.square-jump-base-platform-top,.square-jump-base-platform-body{pointer-events:none;position:absolute;left:0}.square-jump-base-platform-top{z-index:3;background:var(--green);width:100%;height:20px;box-shadow:var(--glow-success);border:1px solid #18181829;border-radius:8px;top:0}.square-jump-base-platform-body{z-index:2;background:linear-gradient(#2f9b689e,#2f9b681f);border-inline:1px solid #18181814;width:84%;top:16px;bottom:-4px;left:8%}.square-jump-base-platform.gravity-light .square-jump-base-platform-top{box-shadow:var(--glow-accent);background:#8ee7da;border-color:#1b9aaa59}.square-jump-base-platform.gravity-light .square-jump-base-platform-body{background:repeating-linear-gradient(0deg,#fff3 0 6px,#0000 6px 14px),linear-gradient(#1b9aaa75,#1b9aaa14)}.square-jump-base-platform.gravity-heavy .square-jump-base-platform-top{background:#5c5668;border-color:#18181852;box-shadow:0 10px 22px #2b263433}.square-jump-base-platform.gravity-heavy .square-jump-base-platform-body{background:repeating-linear-gradient(90deg,#14121842 0 5px,#0000 5px 13px),linear-gradient(#4741529e,#4741521f)}.square-jump-base-platform.gravity-heavy span{color:#fff;background:#181818b8}.square-jump-base-platform.moving:before{content:"";z-index:1;background:repeating-linear-gradient(90deg,#2f80ed4d 0 9px,#0000 9px 15px);border-radius:999px;height:2px;position:absolute;top:9px;left:-16px;right:-16px}.square-jump-base-platform.moving .square-jump-base-platform-top{background:var(--blue);border-color:#2f80ed5c;box-shadow:0 8px 20px #2f80ed33}.square-jump-base-platform.moving .square-jump-base-platform-body{background:linear-gradient(#2f80ed94,#2f80ed1a)}.square-jump-base-platform.moving.gravity-light .square-jump-base-platform-top{box-shadow:var(--glow-accent);background:#8ee7da;border-color:#1b9aaa59}.square-jump-base-platform.moving.gravity-light .square-jump-base-platform-body{background:repeating-linear-gradient(0deg,#fff3 0 6px,#0000 6px 14px),linear-gradient(#1b9aaa75,#1b9aaa14)}.square-jump-base-platform.finish:after{content:"⚑";z-index:6;color:#8a5a00;text-shadow:0 5px 12px #d39b2a47;font-size:26px;font-weight:950;position:absolute;top:-30px;right:-8px}.square-jump-base-platform.finish .square-jump-base-platform-top{background:var(--gold);box-shadow:var(--glow-warning);border-color:#d39b2a85}.square-jump-base-platform.finish .square-jump-base-platform-body{background:linear-gradient(#d39b2a94,#d39b2a1a)}.square-jump-base-player-shell{z-index:12;will-change:transform;transition:none;animation:none;transform:none}.square-jump-base-player-shell.jumping,.square-jump-base-player-shell.landed{animation:none;transform:none}.square-jump-base-debug-platform-line{z-index:30;pointer-events:none;border-top:1px solid #2f9b68f2;height:1px}.square-jump-base-debug-player-line{z-index:31;pointer-events:none;border-top:1px solid #2f80edf2;height:1px}.square-platform{z-index:5;place-items:center;display:grid;overflow:visible}.square-platform span{z-index:4;color:#181818ad;font-size:12px;font-weight:950;line-height:1;position:relative}.square-platform-top,.square-platform-body{pointer-events:none;position:absolute;left:0}.square-platform-top{z-index:3;background:var(--green);width:100%;height:20px;box-shadow:var(--glow-success);border:1px solid #18181829;border-radius:8px;top:0}.square-platform-body{z-index:2;background:linear-gradient(#2f9b689e,#2f9b681f);border-inline:1px solid #18181814;width:84%;top:16px;bottom:-4px;left:8%}.square-platform.current .square-platform-top{box-shadow:var(--glow-accent)}.square-platform.preview{opacity:.48}.square-platform.moving .square-platform-top{background:var(--blue);box-shadow:0 8px 18px #2f80ed2e}.square-platform.moving .square-platform-body{background:linear-gradient(#2f80ed8f,#2f80ed1a)}.square-platform.timed:before{content:"";z-index:3;height:20px;width:var(--danger-width,0%);background:#e653498c;border-radius:8px;position:absolute;top:0;bottom:auto;left:0}.square-platform.gravity-light .square-platform-top{background:#b9ecdc}.square-platform.gravity-light .square-platform-body{background:linear-gradient(#1b9aaa6b,#1b9aaa14)}.square-platform.gravity-heavy .square-platform-top{background:#77706a}.square-platform.gravity-heavy span{color:#fff}.square-platform.gravity-heavy .square-platform-body{background:linear-gradient(#50484494,#5048441a)}.square-platform.finish .square-platform-top{box-shadow:var(--glow-warning)}.square-jump-player-shell,.fall-down-player-shell{z-index:12;width:32px;height:32px}.square-jump-player,.fall-down-player{background:var(--cyan);box-shadow:var(--glow-accent)}.square-jump-player-shell.landed,.fall-down-player-shell.landed{animation:.22s prototype-player-land}.square-tutorial-landing-preview{z-index:6;opacity:.66;pointer-events:none;background:#1b9aaa29;border:1px solid #1b9aaa7a;border-radius:999px;width:30px;height:10px;position:absolute;box-shadow:0 0 0 6px #1b9aaa14}@keyframes square-charge-warning{0%{filter:brightness()}to{filter:brightness(1.35)}}.square-start-hint,.fall-start-hint{top:calc(50% + 54px)}@keyframes prototype-player-land{0%{scale:1}50%{scale:1.12}to{scale:1}}
.fall-down-stage{background:linear-gradient(180deg, #e6534914, transparent 26%), linear-gradient(180deg, #2f9b680f, #fffdf8f0), var(--surface);cursor:pointer}.fall-danger-line{z-index:8;background:var(--red);width:100%;height:3px;box-shadow:var(--glow-danger)}.fall-platform{z-index:5;height:16px;overflow:visible}.fall-platform-track{z-index:0;border-top:1px dashed #2f80ed52;position:absolute;top:50%;left:-32px;right:-32px}.fall-platform-top{z-index:2;background:var(--green);box-shadow:var(--glow-success);border:1px solid #18181824;border-radius:8px;position:absolute;inset:0}.fall-platform.kind-moving .fall-platform-top{background:var(--blue)}.fall-platform.kind-fragile .fall-platform-top{background:#c7e1d1;border-style:dashed}.fall-platform.fragile-warning .fall-platform-top{animation:90ms linear infinite fall-fragile-warning}.fall-platform.kind-danger .fall-platform-top{background:var(--red);box-shadow:var(--glow-danger)}.fall-platform.kind-finish .fall-platform-top{background:var(--gold);box-shadow:var(--glow-warning)}.fall-platform.current .fall-platform-top{box-shadow:var(--glow-accent)}.fall-platform.danger{animation:.18s ease-in-out infinite fall-danger-platform-shake}@keyframes fall-fragile-warning{0%,to{transform:translate(0,0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes fall-danger-platform-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.fall-finish-flag{content:"⚑";z-index:4;color:#8a5a00;text-shadow:0 4px 10px #d39b2a42;font-size:21px;font-weight:950;line-height:1;position:absolute;bottom:13px;right:8px}.fall-finish-flag:before{content:"⚑"}.fall-down-player-shell{z-index:12}.fall-down-remote-player-shell{z-index:11;opacity:.78;filter:drop-shadow(0 4px 10px #1818182e);backface-visibility:hidden;will-change:transform;width:32px;height:32px;position:absolute;top:0;left:0}.fall-down-player{background:var(--cyan);box-shadow:var(--glow-accent)}

.restart-dialog-backdrop{z-index:40;background:#18181847;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.restart-dialog{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:12px;width:min(100%,420px);padding:22px;display:grid;box-shadow:0 24px 70px #18181833}.restart-dialog h2{margin:0;font-size:30px;line-height:1.05}.restart-dialog p:not(.eyebrow){color:var(--muted);font-size:15px;font-weight:760;line-height:1.5}.restart-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}.restart-dialog-actions .primary-button,.restart-dialog-actions .secondary-button{width:100%}.share-image-screen{gap:14px;padding-block:8px}.share-image-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-image-header>div{text-align:right;justify-items:end;gap:2px;max-width:min(100%,340px);display:grid}.share-image-header h1{margin-top:0;font-size:clamp(24px,4.2vw,32px);line-height:1.05}.share-image-stage{flex:none;place-items:center;min-height:0;padding:12px;display:grid;overflow:hidden}.share-image-preview{object-fit:contain;border-radius:12px;width:min(100%,430px);max-height:calc(100svh - 190px);box-shadow:0 18px 48px #18181829}.share-image-placeholder{min-height:280px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.share-image-placeholder strong{color:var(--ink);font-size:28px}.share-copy-toast{z-index:20;color:#fff;pointer-events:none;background:#181818e6;border-radius:999px;place-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:850;animation:1.8s forwards toast-fade;display:grid;position:fixed;top:50%;left:50%;translate:-50% -50%;box-shadow:0 16px 42px #18181838}@keyframes toast-fade{0%{opacity:0;transform:scale(.96)}15%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@media (max-width:768px){.prototype-stage{box-shadow:0 8px 18px #1818181a}.prototype-end-overlay{box-shadow:none}.doodle-player,.flappy-player,.doodle-platform,.doodle-platform.moving,.doodle-platform.start,.flappy-start-platform,.knife-arrow{box-shadow:0 4px 10px #1818181a}.doodle-platform.risk,.doodle-hazard,.doodle-hazard.moving,.flappy-collectible,.knife-stuck.failed,.knife-stage.final-shot-ready .knife-launcher{box-shadow:0 0 0 4px #18181814}.flappy-background span{opacity:.28}.knife-wheel-svg path{stroke-width:0}.prototype-stage.low-power .doodle-platform,.prototype-stage.low-power .doodle-hazard,.prototype-stage.low-power .flappy-gate,.prototype-stage.low-power .knife-arrow{box-shadow:none}}@media (max-width:760px){.app-shell{padding:12px}.home-screen,.intro-screen,.play-screen,.result-screen,.share-image-screen,.advanced-screen,.luck-screen{min-height:calc(100svh - 24px)}.home-screen,.intro-screen{gap:18px}.intro-card{gap:18px;min-height:calc(100svh - 64px)}.intro-rule-card{font-size:16px}.hero-copy.compact h1{font-size:42px}h1,.result-card h1{font-size:38px}.round-header{grid-template-columns:minmax(0,1fr) auto;gap:8px}.round-header h1{font-size:30px}.progress-pill{justify-self:start}.test-pad,.game-area,.braking-panel{min-height:62svh}.test-pad span{font-size:64px}.app-shell.app-shell-play{padding:0}.app-shell-play .play-screen{height:100dvh;min-height:100dvh}.app-shell-play .round-header h1{font-size:22px}.app-shell-play .round-measure-pill,.app-shell-play .advanced-back-button{min-height:32px;padding-inline:10px;font-size:12px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-card{grid-template-columns:1fr}.luck-score-item{grid-column:1/-1}}@media (max-width:430px){.primary-button,.secondary-button{width:100%}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.score-item{min-height:90px;padding:12px}.score-item strong{font-size:28px}.rank-card{min-height:118px;padding:22px 96px 22px 20px}.result-card h1{font-size:34px}.radar-visual svg{width:min(100%,300px)}.advanced-lobby-carousel{--advanced-lobby-level-size:112px;--advanced-lobby-level-center:56px;--advanced-lobby-step-px:118px;min-height:190px}.advanced-lobby-track{min-height:190px}.advanced-lobby-level{padding:14px 6px}.advanced-lobby-level strong{font-size:20px}.advanced-lobby-level.selected strong{font-size:26px}.advanced-lobby-badge{min-width:28px;min-height:28px;font-size:14px;bottom:10px;right:10px}.advanced-lobby-actions{gap:8px}.luck-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.luck-draw-actions{grid-template-columns:minmax(0,1fr)}.slot-reel{height:92px}.slot-strip span{font-size:52px}.dino-track{min-height:210px}}