@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.contents{display:contents}.flex{display:flex}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--background:#f7fbff;--foreground:#10204a;--muted:#63708a;--line:#dce8f6;--blue:#1475df;--blue-deep:#075cc3;--sky:#c9ecff;--yellow:#ffb334;--green:#7ecf78;--red:#ef4056;--card:#ffffffeb;--shadow:0 20px 60px #2b5f9429}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;color:var(--foreground);font-family:var(--font-comfortaa), var(--font-noto-sans-jp), "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;background:radial-gradient(circle at 18% 10%,#fffffff2 0 8%,#0000 9%),linear-gradient(#c7efff 0%,#f7fbff 32%,#fffdf8 100%);margin:0;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-shell,.game-page,.site-header,.footer-shell{width:min(1180px,100% - 32px);margin:0 auto}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #ffffffb8;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:24px auto;padding:14px 18px;display:flex;box-shadow:0 12px 40px #2b5f941f}.brand{align-items:center;min-width:0;display:inline-flex}.brand-logo{width:min(260px,46vw);height:auto;display:block}.header-menu{margin-left:auto;display:none}.header-menu-button{display:none}.header-actions{color:#19315f;align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.header-actions a{border-radius:999px;padding:10px 14px}.header-actions a:hover{color:var(--blue-deep);background:#edf6ff}.hero-section{box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffd9;border-radius:24px;display:block;position:relative;overflow:hidden}.hero-image{width:100%;height:auto;display:block}.hero-copy{z-index:20;padding:clamp(32px,6vw,72px);position:relative}.section-kicker{color:var(--blue);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.83rem;font-weight:900}.hero-copy h1,.section-heading h2,.support-panel h2,.game-title-block h1{color:#0d3f8d;margin:0;line-height:1.08}.hero-copy h1{text-shadow:0 4px #ffffffe6;font-size:clamp(3rem,9vw,6rem)}.hero-lead{color:#122859;max-width:520px;margin:22px 0 0;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:800;line-height:1.8}.hero-actions,.ofuse-link-wrap{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.ofuse-link{box-sizing:border-box;color:#2882a7;letter-spacing:0;word-break:break-all;cursor:pointer;background-color:#fff;background-repeat:no-repeat;border:1px solid #2882a7;border-radius:8px;justify-content:center;align-items:center;width:260px;height:60px;padding:0 5px;font-size:.9375rem;font-weight:700;line-height:2;text-decoration:none;display:flex}.ofuse-link img{flex:none;width:28px;height:auto;margin-right:8px}.ofuse-link span{padding-top:6px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(#2489f4,#0968d2);box-shadow:0 4px 12px #0068d238}.secondary-button{border:1px solid var(--line);color:#0b58bc;background:#fff}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.hero-visual{z-index:20;align-self:stretch;min-height:420px;position:relative;overflow:hidden}.hero-visual img{object-fit:cover;object-position:center top;opacity:.92;width:100%;height:100%}.games-section,.footer-shell{margin-top:44px}.support-panel{margin-top:0}.section-heading{margin-bottom:20px}.section-heading h2,.support-panel h2{font-size:clamp(1.6rem,4vw,2.2rem)}.section-heading p,.support-panel p,.game-card p,.ready-panel p{color:var(--muted);line-height:1.8}.section-heading p:not(.section-kicker),.support-panel p:not(.section-kicker):not(.ofuse-link-wrap),.game-title-block p:not(.section-kicker){margin-top:8px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.game-card{border:1px solid var(--line);background:var(--card);border-radius:18px;overflow:hidden}.game-card-placeholder{visibility:hidden;min-height:1px}.game-thumb{aspect-ratio:1;background:#e8f7ff;display:block;overflow:hidden}.game-thumb img{object-fit:cover;width:100%;height:100%}.game-card-body{padding:20px}.game-label{margin:0 0 8px;font-size:.82rem;font-weight:900;color:var(--blue)!important}.game-card h3{margin:0;font-size:1.45rem}.game-card ul{flex-wrap:wrap;gap:8px;margin:18px 0 20px;padding:0;list-style:none;display:flex}.game-card li{color:#145cb2;background:#eef7ff;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:800}.game-button,.full-button{width:100%}.support-panel{background:linear-gradient(135deg,#fffdf8,#fff5d9);border:1px solid #fde7b4;border-radius:20px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px;padding:26px;display:grid;box-shadow:0 14px 36px #9269221a}.support-panel-compact{width:min(900px,100%);margin:28px auto 0}.support-qr{background:#fff;border-radius:16px;justify-self:end;width:min(200px,100%);overflow:hidden;box-shadow:0 10px 30px #3f53781f}.support-qr img{width:100%;display:block}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:22px 0 28px;font-size:.9rem;display:flex}.game-page{padding-bottom:40px}.game-play-shell{min-height:640px;box-shadow:var(--shadow);background:#ffffffd6;border:1px solid #bed2e9;border-radius:22px;grid-template-columns:minmax(280px,420px) minmax(0,1fr);display:grid;position:relative;overflow:hidden}.game-control-panel{border-right:1px solid var(--line);background:#ffffffe6;flex-direction:column;gap:18px;padding:clamp(22px,4vw,38px);display:flex}.game-title-block{text-align:center}.game-title-block h1{justify-content:center;align-items:baseline;gap:.04em;font-size:clamp(2rem,5vw,3rem);display:inline-flex}.game-title-block .title-word{color:#0d3f8d;font-size:.86em;font-weight:800}.game-title-block .title-number{color:var(--yellow);text-shadow:0 3px #fffffff2;font-size:1.28em;font-weight:1000}.game-title-block p{color:#243967;margin:10px 0 0;font-weight:800}.ready-panel,.answer-panel,.result-panel,.progress-card,.score-box{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 12px 30px #2b5f9414}.ready-panel,.answer-panel,.result-panel{flex-direction:column;gap:12px;padding:18px;display:flex}.progress-card{padding:14px 10px 12px}.progress-label{background:var(--blue);color:#fff;border-radius:999px;width:fit-content;margin:-2px auto 6px;padding:4px 18px;font-size:.82rem;font-weight:900;display:block}.progress-track{scrollbar-width:none;align-items:center;gap:10px;padding:11px 8px 8px;display:flex;overflow:auto visible}.progress-track::-webkit-scrollbar{display:none}.progress-dot{color:#537094;background:#f8fbff;border:1px solid #c9d8ec;border-radius:50%;flex:none;align-content:center;place-items:center;gap:2px;width:30px;height:30px;padding-top:2px;font-size:.8rem;font-weight:900;line-height:1;display:grid;position:relative}.progress-dot:after{content:"";border-top:2px dotted #b7cbe4;width:10px;position:absolute;top:44%;left:100%;transform:translateY(-50%)}.progress-dot:last-child:after{display:none}.progress-dot.done{border-color:var(--blue);background:var(--blue);color:#fff}.progress-dot.current{border-color:var(--blue);color:var(--blue);background:#fff;transform:scale(1.08);box-shadow:0 0 0 4px #1475df29}.progress-dot.current:before{content:"";border:2px solid #1475df38;border-radius:50%;position:absolute;inset:-7px}.score-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.score-box{text-align:center;padding:12px 14px;position:relative;overflow:hidden}.score-box span{color:#4f6590;font-size:.905rem;font-weight:900;display:block}.score-label{justify-content:center;align-items:center;gap:6px;line-height:1;position:relative;display:inline-flex!important}.score-label svg{width:1.16em;height:1.16em;color:var(--blue);transform:translateY(.04em)}.score-box.mistake .score-label svg{color:var(--red)}.score-box strong{color:#0e2461;font-family:var(--font-roboto-mono), monospace;font-variant-numeric:tabular-nums;margin-top:0;font-size:calc(1.45rem + 2px);display:block}.time-score{overflow:visible}.penalty-pop{z-index:3;color:var(--red);pointer-events:none;text-shadow:0 2px #fff;font-size:.95rem;font-style:normal;font-weight:1000;animation:.92s ease-out both penalty-float;position:absolute;top:42px;left:50%}.score-box.mistake strong{color:var(--red)}.answer-panel label{color:#334872;text-align:center;font-size:.9rem;font-weight:900}.answer-panel input{color:#152654;text-align:center;border:2px solid #4c9dff;border-radius:8px;outline:none;width:100%;height:58px;font-size:2rem;font-weight:900}.answer-panel input:focus{box-shadow:0 0 0 4px #4c9dff29}.answer-panel small{color:#6f7f9c;text-align:center;font-size:.78rem}.number-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.keypad-button{color:#123674;min-height:48px;font:inherit;touch-action:manipulation;background:linear-gradient(#fff,#eef7ff);border:1px solid #cfe0f4;border-radius:12px;place-items:center;padding-top:3px;font-size:1.45rem;font-weight:1000;line-height:1;display:grid;box-shadow:0 4px 12px #0068d238}.keypad-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #0068d226}.keypad-button:disabled{cursor:not-allowed;opacity:.45}.keypad-utility{color:#4f6590;background:#f7fbff;font-size:1.15rem}.keypad-answer-panel .secondary-button,.keypad-answer-panel .problem-reset-button{margin-top:54px}.answer-panel input[aria-disabled=true]{cursor:not-allowed;opacity:.62}.result-panel{text-align:center;align-items:center}.result-crown{color:var(--yellow);font-size:2rem}.result-panel h2{margin:0;font-size:1.8rem}.result-stats{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.result-stats span{color:#163873;background:#f2f7ff;border-radius:10px;padding:10px;font-weight:900}.problem-stream-panel{min-height:640px;position:relative;overflow:hidden}.problem-reset-button{margin-top:0}@media (min-width:821px){.keypad-answer-panel .problem-reset-button{z-index:24;width:auto;min-height:34px;margin-top:0;padding:0 14px;font-size:.82rem;position:absolute;top:20px;right:20px}}.problem-stream{position:absolute;inset:42px 8% 0}.problem-card{--offset:0;opacity:.24;width:min(480px,100%);min-height:96px;transform:translate(-50%, calc(-50% + var(--stack-shift,0px))) scale(var(--depth-scale,.94));background:#ffffffeb;border:1px solid #bcd3f1db;border-radius:14px;align-content:center;place-items:center;gap:2px;transition:transform .28s,opacity .28s,border-color .28s,background .28s,box-shadow .28s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 18px 38px #2b5f941a}.problem-card.current{z-index:20;opacity:1;min-height:128px;transform:translate(-50%, -50%) scale(var(--depth-scale,1.06));background:linear-gradient(#f7fbff,#eaf5ff);border:3px solid #58a2ff;box-shadow:0 24px 58px #2479e22e}.problem-card.future-depth-1{--stack-shift:104px}.problem-card.future-depth-2{--stack-shift:170px}.problem-card.future-depth-3{--stack-shift:222px}.problem-card.future-depth-4{--stack-shift:254px}.problem-card.past-depth-1{--stack-shift:-104px}.problem-card.past-depth-2{--stack-shift:-170px}.problem-card.past-depth-3{--stack-shift:-222px}.problem-card.past-depth-4{--stack-shift:-254px}.problem-card.past{z-index:8;opacity:.34}.problem-card.future{z-index:12;opacity:.54}.problem-card.next{z-index:16;opacity:.82;box-shadow:0 18px 42px #2b5f941f}.problem-card.future-depth-2{z-index:10;opacity:.46}.problem-card.future-depth-3{z-index:6;opacity:.24}.problem-card.future-depth-4{z-index:4;opacity:0}.problem-card.past-depth-1{z-index:14;opacity:.66}.problem-card.past-depth-2{z-index:10;opacity:.46}.problem-card.past-depth-3{z-index:6;opacity:.28}.problem-card.past-depth-4{z-index:4;opacity:0}.problem-card.far{filter:blur(.3px)}.problem-card span{color:#8a9ab8;font-size:.78rem;font-weight:900}.problem-card strong{color:#1d4185;letter-spacing:0;font-size:clamp(1.55rem,4vw,2.25rem)}.problem-mistake-message{z-index:4;width:max-content;max-width:calc(100% - 32px);color:var(--red);text-align:center;pointer-events:none;background:#fff0f2f5;border:1px solid #ef405633;border-radius:999px;margin:0;padding:7px 14px;font-size:.86rem;font-weight:1000;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #ef40561f}.problem-card.current strong{font-size:clamp(2.1rem,5vw,3rem)}.answer-mark{font-size:1.8rem;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.correct-mark{color:#26b861}.wrong-mark{color:var(--red)}@media (max-width:900px){.game-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.game-card-placeholder{display:none}}@media (max-width:820px){.site-shell,.game-page,.site-header,.footer-shell{width:min(100% - 20px,760px)}.site-header{z-index:100;border-radius:14px;margin:10px auto 18px;position:relative}.brand-logo{width:min(198px,64vw)}.header-menu{margin-left:auto;display:block}.header-menu-button{border:1px solid var(--line);color:#19315f;cursor:pointer;background:#fff;border-radius:12px;width:44px;height:44px;list-style:none;display:block;position:relative}.header-menu-button::-webkit-details-marker{display:none}.header-menu-button::marker{content:""}.header-menu-button span{background:currentColor;border-radius:999px;width:20px;height:2px;transition:opacity .18s,transform .18s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-menu-button span:first-child{transform:translate(-50%,calc(-50% - 6px))}.header-menu-button span:last-child{transform:translate(-50%,calc(6px - 50%))}.header-menu[open] .header-menu-button span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.header-menu[open] .header-menu-button span:nth-child(2){opacity:0;transform:translate(-50%,-50%)scaleX(0)}.header-menu[open] .header-menu-button span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.header-actions-desktop{display:none}.header-actions-mobile{z-index:120;border:1px solid var(--line);background:#fffffffa;border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;min-width:190px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #2b5f942e}.header-menu[open] .header-actions{display:flex}.header-actions a{border-radius:8px;padding:11px 12px}.hero-section{grid-template-columns:1fr;min-height:0}.hero-section:after{width:100%;height:26%}.hero-copy{text-align:center;padding:28px 22px 12px}.hero-copy h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{min-height:260px}.support-panel{grid-template-columns:1fr;padding:20px}.support-qr{justify-self:center}.game-play-shell{grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden}.game-control-panel{border-top:1px solid var(--line);border-right:0;order:2;min-width:0}.problem-stream-panel{min-height:500px}.game-play-shell.is-active{border-inline:0;border-radius:0;flex-direction:column;min-height:auto;display:flex;overflow:visible}.game-play-shell.is-active .game-control-panel{display:contents}.game-play-shell.is-active .game-title-block{background:#fffffff0;order:1;padding:22px 16px 12px}.game-play-shell.is-active .game-title-block .section-kicker{margin-bottom:8px}.game-play-shell.is-active .game-title-block h1{font-size:clamp(2.25rem,13vw,3.35rem)}.game-play-shell.is-active .game-title-block p{margin-top:8px}.game-play-shell.is-active .progress-card{order:2;margin:0 16px 12px;box-shadow:0 8px 24px #2b5f9414}.game-play-shell.is-active .score-row{order:3;margin:0 16px 12px}.game-play-shell.is-active .time-limit-note{order:4;margin:0 16px 10px}.game-play-shell.is-active .problem-stream-panel{border-block:1px solid var(--line);order:5;min-height:clamp(230px,36svh,320px)}.game-play-shell.is-active .problem-stream{inset:36px 4% 0}.game-play-shell.is-active .answer-panel,.game-play-shell.is-active .result-panel{z-index:8;border-inline:0;border-bottom:0;border-radius:18px 18px 0 0;order:6;margin:0;position:sticky;bottom:0;box-shadow:0 -10px 32px #2b5f9424}.game-play-shell.is-active .answer-panel{padding:16px 20px calc(16px + env(safe-area-inset-bottom))}}@media (max-width:520px){.games-section .game-thumb{aspect-ratio:4/3}.ofuse-link,.primary-button,.secondary-button{width:100%}.header-actions{gap:4px;font-size:.84rem}.header-actions a{padding:8px 10px}.score-row,.result-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.score-box{min-width:0;padding-inline:10px}.problem-stream-panel{min-height:min(320px,38svh)}.problem-card{width:min(100%,360px);min-height:74px;transform:translate(-50%, calc(-50% + var(--stack-shift,0px))) scale(var(--depth-scale,.88));top:50%}.problem-card.current{min-height:92px}.problem-card.current strong{font-size:clamp(1.8rem,11vw,2.55rem)}.game-page{width:100%}.game-play-shell{border-inline:0;border-radius:0;flex-direction:column;min-height:auto;display:flex;overflow:visible}.game-control-panel{display:contents}.game-title-block{background:#fffffff0;order:1;padding:22px 16px 12px}.game-title-block .section-kicker{margin-bottom:8px}.game-title-block h1{font-size:clamp(2.25rem,13vw,3.35rem)}.game-title-block p{margin-top:8px}.progress-card{order:2;margin:0 16px 12px;box-shadow:0 8px 24px #2b5f9414}.score-row{order:3;margin:0 16px 12px}.time-limit-note{order:4;margin:0 16px 10px}.problem-stream-panel{border-block:1px solid var(--line);order:5;min-height:clamp(230px,36svh,320px)}.problem-stream{inset:36px 4% 0}.answer-panel,.result-panel{z-index:8;border-inline:0;border-bottom:0;border-radius:18px 18px 0 0;order:6;margin:0;position:sticky;bottom:0;box-shadow:0 -10px 32px #2b5f9424}.answer-panel{padding:16px 20px calc(16px + env(safe-area-inset-bottom))}.answer-panel input{height:54px}.keypad-answer-panel{gap:10px}.number-keypad{gap:7px}.keypad-button{border-radius:10px;min-height:44px;font-size:1.25rem}.answer-panel .primary-button,.answer-panel .secondary-button{min-height:42px}.answer-panel:focus-within{gap:8px;padding-top:12px}.problem-card.future-depth-1{--stack-shift:78px}.problem-card.future-depth-2{--stack-shift:126px}.problem-card.future-depth-3{--stack-shift:164px}.problem-card.future-depth-4{--stack-shift:188px}.problem-card.past-depth-1{--stack-shift:-78px}.problem-card.past-depth-2{--stack-shift:-126px}.problem-card.past-depth-3{--stack-shift:-164px}.problem-card.past-depth-4{--stack-shift:-188px}}@media (max-width:520px) and (max-height:760px){.game-title-block{padding:16px 16px 8px}.game-title-block .section-kicker{margin-bottom:4px;font-size:.74rem}.game-title-block h1{font-size:clamp(2rem,11vw,2.8rem)}.game-title-block p{margin-top:4px;font-size:.92rem}.progress-card{margin-bottom:8px;padding:10px 8px 9px}.progress-label,.score-row{margin-bottom:8px}.score-box{padding-block:10px}.score-box strong{margin-top:2px;font-size:1.25rem}.problem-stream-panel{min-height:clamp(210px,32svh,280px)}.problem-card{min-height:64px;transform:translate(-50%, calc(-50% + var(--stack-shift,0px))) scale(var(--depth-scale,.88));top:50%}.problem-card.current{min-height:84px}.problem-card.future-depth-1{--stack-shift:70px}.problem-card.future-depth-2{--stack-shift:112px}.problem-card.future-depth-3{--stack-shift:146px}.problem-card.future-depth-4{--stack-shift:168px}.problem-card.past-depth-1{--stack-shift:-70px}.problem-card.past-depth-2{--stack-shift:-112px}.problem-card.past-depth-3{--stack-shift:-146px}.problem-card.past-depth-4{--stack-shift:-168px}.answer-panel{padding-block:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));gap:8px}.answer-panel input{height:50px}.answer-panel .primary-button,.answer-panel .secondary-button{min-height:40px}}@media (max-width:520px) and (max-height:620px){.game-title-block{padding-block:12px 6px}.game-title-block h1{font-size:clamp(1.8rem,9.5vw,2.35rem)}.game-title-block p{font-size:.84rem}.progress-card,.score-row{margin-inline:12px}.score-label{font-size:.72rem}.problem-stream-panel{min-height:clamp(230px,38svh,300px)}.problem-card.current{min-height:86px}.problem-card.current strong{font-size:clamp(1.75rem,10vw,2.35rem)}.answer-panel label{font-size:.84rem}.answer-panel input{height:46px;font-size:1.65rem}.keypad-answer-panel{gap:7px}.number-keypad{gap:6px}.keypad-button{min-height:38px;font-size:1.12rem}.answer-panel small{display:none}}@media (max-width:520px){.game-play-shell.is-ready{border-inline:0;border-radius:0;flex-direction:column;min-height:auto;display:flex;overflow:visible}.game-play-shell.is-ready .game-control-panel{display:contents}.game-play-shell.is-ready .game-title-block{background:#fffffff0;order:1;padding:28px 16px 24px}.game-play-shell.is-ready .problem-stream-panel{border-block:1px solid var(--line);order:2;min-height:clamp(230px,43svh,340px)}.game-play-shell.is-ready .ready-panel{order:3;margin:20px 20px 14px;box-shadow:0 12px 30px #2b5f9414}}.countdown-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#eef8ffb8;place-items:center;display:grid;position:absolute;inset:0}.countdown-badge{aspect-ratio:1;color:#fff;background:linear-gradient(#2f95ff,#075fd0);border:5px solid #ffffffeb;border-radius:50%;place-items:center;width:min(260px,72vw);height:min(260px,72vw);font-size:clamp(3.8rem,14vw,7rem);font-weight:900;line-height:1;animation:.76s both countdown-pop;display:grid;box-shadow:0 28px 80px #075fd047}.countdown-badge span{display:block;transform:translateY(-.02em)}.countdown-badge-start span{letter-spacing:0;font-size:.46em}.answer-panel.has-mistake{border-color:#ef405694;animation:.36s both mistake-shake}.answer-panel.has-mistake input{border-color:var(--red);background:#fff7f8}.mistake-message{text-align:center;background:#fff0f2;border-radius:10px;margin:-2px 0 0;padding:9px 10px;font-size:.9rem;font-weight:900;color:var(--red)!important}.problem-card.miss-flash{background:linear-gradient(#fff9fa,#fff0f3);border-color:#ef4056d1;animation:.52s both mistake-flash}.primary-button:disabled,.answer-panel input:disabled{cursor:not-allowed;opacity:.62}@keyframes penalty-float{0%{opacity:0;transform:translate(-50%,8px)scale(.9)}24%{opacity:1;transform:translate(-50%,-2px)scale(1.04)}to{opacity:0;transform:translate(-50%,-26px)scale(1)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(.72)}45%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes mistake-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes mistake-flash{0%,to{box-shadow:0 18px 38px #2b5f941a}28%{box-shadow:0 0 0 5px #ef405629,0 18px 38px #ef405638}62%{box-shadow:0 0 0 10px #ef405614,0 18px 38px #ef40562e}}.time-limit-note{color:#1b5db0;text-align:center;background:#f7fbff;border:1px solid #d8e8fb;border-radius:12px;padding:10px 12px;font-size:.9rem;font-weight:900}.timeout-message{background:#fff4d8;border-radius:12px;margin:0;padding:12px;font-weight:900;color:#9a6100!important}.problem-stream-panel.is-concealed .problem-stream{opacity:0;visibility:hidden}.problem-conceal-panel{color:#2b6fc5;text-align:center;background:linear-gradient(#ffffffeb,#eff8fff5),repeating-linear-gradient(135deg,#1475df14 0 12px,#0000 12px 24px);border:1px dashed #58a2ff57;border-radius:18px 18px 0 0;place-items:center;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:900;display:grid;position:absolute;inset:42px 8% 0}.recent-results{border:1px solid var(--line);box-shadow:none;background:#ffffffe6;border-radius:18px;margin-block:56px 28px;padding:clamp(18px,3vw,24px)}.recent-results-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.compact-heading{margin-bottom:14px}.compact-heading h2{font-size:clamp(1.3rem,3vw,1.7rem)}.recent-results-clear{color:#c9283d;cursor:pointer;background:#fff7f8;border:1px solid #ffd3d8;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}.recent-results-clear svg{width:1.1em;height:1.1em}.recent-result-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.recent-result-list li{color:#42577f;background:#fbfdff;border:1px solid #e1ebf7;border-radius:12px;grid-template-columns:34px minmax(95px,1fr) minmax(170px,auto);align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;font-weight:800;display:grid}.recent-result-list strong{color:#102b68;font-size:1rem}.recent-result-stats{color:#42577f;justify-content:flex-end;align-items:center;gap:14px;display:inline-flex}.result-rank{color:#0f67ce;background:#eaf5ff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.empty-results{color:var(--muted);background:#f7fbff;border-radius:12px;margin:0;padding:14px;font-weight:800}@media (max-width:520px){.recent-results{margin:28px 10px}.recent-results-header{gap:12px}.recent-results-clear{min-height:34px;padding-inline:10px;font-size:.78rem}.recent-result-list li{grid-template-columns:30px 1fr;gap:4px 10px;padding-block:9px}.recent-result-stats{grid-column:2;justify-content:flex-start;gap:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}