@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-2{inset:.5rem}.-right-6{right:-1.5rem}.-top-6{top:-1.5rem}.left-4{left:1rem}.right-4{right:1rem}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-14{height:3.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-full{height:100%}.min-h-24{min-height:6rem}.min-h-28{min-height:7rem}.min-h-\[240px\]{min-height:240px}.min-h-screen{min-height:100vh}.w-14{width:3.5rem}.w-24{width:6rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-\[180px\]{max-width:180px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.cursor-default{cursor:default}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-rose-500\/75{border-color:#f43f5ebf}.border-slate-900{--tw-border-opacity:1;border-color:rgb(15 23 42/var(--tw-border-opacity,1))}.border-slate-950{--tw-border-opacity:1;border-color:rgb(2 6 23/var(--tw-border-opacity,1))}.border-white\/45{border-color:#ffffff73}.border-white\/55{border-color:#ffffff8c}.border-white\/60{border-color:#fff9}.border-white\/65{border-color:#ffffffa6}.bg-\[\#13293d\]{--tw-bg-opacity:1;background-color:rgb(19 41 61/var(--tw-bg-opacity,1))}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/40{background-color:#fff6}.bg-white\/45{background-color:#ffffff73}.bg-white\/55{background-color:#ffffff8c}.bg-white\/60{background-color:#fff9}.bg-white\/65{background-color:#ffffffa6}.bg-white\/70{background-color:#ffffffb3}.bg-white\/90{background-color:#ffffffe6}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(255\,255\,255\,0\.55\)\,transparent_30\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(255\,255\,255\,0\.18\)\,transparent_26\%\)\]{background-image:radial-gradient(circle at 0 0,#ffffff8c,#0000 30%),radial-gradient(circle at 100% 100%,#ffffff2e,#0000 26%)}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(255\,255\,255\,0\.65\)\,transparent_28\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(255\,204\,167\,0\.38\)\,transparent_24\%\)\]{background-image:radial-gradient(circle at 0 0,#ffffffa6,#0000 28%),radial-gradient(circle at 100% 100%,#ffcca761,#0000 24%)}.bg-\[radial-gradient\(circle_at_top_right\,rgba\(255\,255\,255\,0\.5\)\,transparent_32\%\)\,radial-gradient\(circle_at_bottom_left\,rgba\(255\,255\,255\,0\.32\)\,transparent_28\%\)\]{background-image:radial-gradient(circle at 100% 0,#ffffff80,#0000 32%),radial-gradient(circle at 0 100%,#ffffff52,#0000 28%)}.bg-\[radial-gradient\(circle_at_top_right\,rgba\(255\,255\,255\,0\.62\)\,transparent_32\%\)\,radial-gradient\(circle_at_bottom_left\,rgba\(255\,203\,144\,0\.24\)\,transparent_26\%\)\]{background-image:radial-gradient(circle at 100% 0,#ffffff9e,#0000 32%),radial-gradient(circle at 0 100%,#ffcb903d,#0000 26%)}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-1{padding-bottom:.25rem}.pl-11{padding-left:2.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:"M PLUS Rounded 1c",sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.32em\]{letter-spacing:.32em}.text-black\/45{color:#00000073}.text-black\/50{color:#00000080}.text-black\/55{color:#0000008c}.text-black\/65{color:#000000a6}.text-black\/70{color:#000000b3}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-glow{--tw-shadow:0 28px 80px #231f2029;--tw-shadow-colored:0 28px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.blur-2xl{--tw-blur:blur(40px);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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#172033;--muted:#627084;--line:#d8e0e7;--paper:#fff;--cream:#f7f4ec;--mint:#25a37a;--sky:#3b82f6;--sun:#f2b705;--berry:#d94b6a;--nav:#243447;font-family:Outfit,"M PLUS Rounded 1c",system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--cream);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:.78rem .9rem}textarea{resize:vertical;min-height:104px}input:focus,select:focus,textarea:focus{border-color:var(--sky);box-shadow:0 0 0 3px #3b82f629}label span,.field-label{color:var(--muted);margin-bottom:.45rem;font-size:.86rem;font-weight:700;display:block}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5ebf0;padding:.82rem .9rem}th{color:#405065;background:#f3f7f9;font-size:.82rem}td{color:#233247;font-size:.9rem}tbody tr.answer-row.wrong td{color:#5f4307;background:#fff2bd}tbody tr.answer-row.hint-used td{color:#163a67;background:#dbeafe}tbody tr.answer-row.wrong td:first-child,tbody tr.answer-row.hint-used td:first-child{border-left:6px solid}.loading-screen,.auth-screen{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.loading-panel,.auth-panel,.panel,.table-panel,.empty-state,.hero-game-panel,.question-panel,.player-card,.stat-tile{border:1px solid var(--line);background:#fffffff0;border-radius:8px;box-shadow:0 16px 40px #24344714}.loading-panel{text-align:center;max-width:480px;padding:2rem}.loading-panel h1,.auth-form h1,.page-header h1,.hero-game-panel h2,.question-panel h2{margin:0;font-family:"M PLUS Rounded 1c",Outfit,sans-serif;line-height:1.18}.auth-panel{grid-template-columns:.95fr 1.05fr;width:min(980px,100%);display:grid;overflow:hidden}.auth-panel.single{width:min(620px,100%);display:block}.auth-visual{color:#fff;background:#1f3b4d;align-content:center;gap:1.4rem;min-height:560px;padding:2rem;display:grid}.quest-board{background:#284c62;border:2px solid #ffffff57;border-radius:8px;gap:1rem;padding:2rem;display:grid}.quest-board span{color:#d4eef6;font-weight:700}.quest-board strong{font-size:clamp(4rem,14vw,7rem);line-height:.9}.letter-ribbon{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.letter-ribbon span,.letter-tile{aspect-ratio:1;border-radius:8px;place-items:center;font-weight:900;display:grid}.letter-ribbon span{color:#243447;background:#f7c948;font-size:1.3rem}.auth-form{gap:1rem;padding:clamp(1.25rem,4vw,2.4rem);display:grid}.auth-form h1{font-size:clamp(2rem,5vw,3.2rem)}.auth-form p{color:var(--muted);margin:0;line-height:1.7}.eyebrow{color:#2f7b6a;text-transform:uppercase;margin:0 0 .3rem;font-size:.78rem;font-weight:900}.primary-button,.secondary-button,.ghost-button,.link-button,.auth-actions a{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.55rem;min-height:44px;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{color:#fff;background:#1d6f5f;padding:.84rem 1.05rem}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.auth-actions a:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2434471f}.primary-button.large{width:100%;min-height:56px;font-size:1.05rem}.secondary-button{color:#243447;border-color:var(--line);background:#fff;padding:.78rem .95rem}.secondary-button.danger{color:#a52842;border-color:#f3b7c5}.ghost-button,.link-button{color:#405065;background:0 0;padding:.6rem .75rem}.link-button:disabled{cursor:not-allowed;opacity:.5}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.auth-actions,.button-row,.page-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.auth-actions a{color:#1d6f5f}.demo-logins{border-top:1px solid var(--line);flex-wrap:wrap;gap:.65rem;padding-top:1rem;display:flex}.demo-logins button{color:#1d6f5f;cursor:pointer;background:#edf7f4;border:1px solid #c8d8df;border-radius:8px;padding:.6rem .8rem;font-size:.88rem;font-weight:800}.secondary-link{color:#1d6f5f;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.checkbox-row,.switch-row{align-items:center;gap:.55rem;display:inline-flex}.checkbox-row input,.switch-row input{width:auto}.app-frame{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{background:var(--nav);color:#fff;flex-direction:column;gap:1.2rem;height:100vh;padding:1rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand-mark{align-items:center;gap:.75rem;padding:.4rem;display:flex}.brand-symbol{color:#243447;background:#f7c948;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand-mark strong,.brand-mark span,.session-panel strong,.session-panel span{display:block}.brand-mark strong{font-size:.98rem}.brand-mark span,.session-panel span{color:#b9cad5;font-size:.78rem}.nav-list{gap:.35rem;display:grid}.nav-link{color:#d8e6ed;border-radius:8px;align-items:center;gap:.65rem;padding:.72rem .8rem;font-weight:800;text-decoration:none;display:flex}.nav-link.is-active,.nav-link:hover{color:#fff;background:#345065}.sidebar-footer{gap:.75rem;margin-top:auto;display:grid}.session-panel{border:1px solid #ffffff21;border-radius:8px;align-items:center;gap:.65rem;padding:.8rem;display:flex}.sidebar-footer .ghost-button{color:#fff;border:1px solid #ffffff29}.app-main{min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f4eceb;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.4rem;display:flex;position:sticky;top:0}.topbar-stats,.topbar-player{color:#405065;align-items:center;gap:.8rem;font-weight:800;display:flex}.topbar-stats{position:relative}.topbar-stat{border-radius:8px;align-items:center;min-height:36px;padding:.35rem .45rem;display:inline-flex}.topbar-stat-button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000}.topbar-stat-button:hover,.topbar-stat-button:focus-visible,.topbar-stat-button[aria-expanded=true]{background:#fff;border-color:#bfd2df;outline:none}.challenger-progress-popover{z-index:50;color:#132238;background:#fff;border:1px solid #cbd8e6;border-radius:8px;gap:.9rem;width:min(760px,100vw - 2rem);max-height:min(72vh,620px);padding:1rem;display:grid;position:absolute;top:calc(100% + .7rem);left:0;overflow:hidden;box-shadow:0 24px 60px #1420312e}.challenger-progress-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.challenger-progress-head h2{margin:.15rem 0 .2rem;font-size:clamp(1.35rem,2.5vw,1.8rem)}.challenger-progress-head p{color:#5b6b80;margin:0}.challenger-progress-list{gap:.65rem;padding-right:.2rem;display:grid;overflow:auto}.challenger-progress-row{background:#f8fbfd;border:1px solid #dbe6ef;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.8rem;padding:.85rem;display:grid}.challenger-progress-row.is-current{background:#eef9f5;border-color:#1f7f69}.progress-rank{color:#805900;background:#fff7d6;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.progress-avatar{color:#132238;background:#ffd14a;border:2px solid #f7c948;border-radius:8px;place-items:center;width:52px;height:52px;font-size:1.35rem;font-weight:950;display:grid}.progress-info{gap:.45rem;min-width:0;display:grid}.progress-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.progress-title-row strong{font-size:1.05rem}.progress-title-row span{color:#137764;background:#dff7ec;border-radius:999px;padding:.18rem .5rem;font-size:.78rem;font-weight:900}.progress-info p{color:#405065;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:800;overflow:hidden}.progress-bar{background:#fff7d6;border:1px solid #f0c43d;border-radius:999px;height:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#1f9f77,#f7c948);height:100%;display:block}.progress-metrics{flex-wrap:wrap;gap:.4rem;display:flex}.progress-metrics span{color:#405065;background:#fff;border:1px solid #d8e3ec;border-radius:999px;padding:.18rem .52rem;font-size:.78rem;font-weight:850}.content-shell{gap:1.2rem;width:min(1180px,100% - 2rem);margin:0 auto;padding:1.35rem 0 2rem;display:grid}.content-shell.narrow{width:min(660px,100% - 2rem)}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-header h1{font-size:clamp(1.75rem,3vw,2.65rem)}.page-header p{max-width:720px;color:var(--muted);margin:.45rem 0 0;line-height:1.7}.panel,.table-panel,.empty-state,.question-panel{padding:1rem}.form-panel{gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;display:grid}.stat-tile{align-items:center;gap:.85rem;min-width:0;padding:1rem;display:flex}.stat-icon{border-radius:8px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.stat-mint .stat-icon{color:var(--mint);background:#dff6ed}.stat-sun .stat-icon{color:#956600;background:#fff2bd}.stat-berry .stat-icon{color:var(--berry);background:#ffe0e8}.stat-sky .stat-icon{color:var(--sky);background:#dcebff}.stat-tile span{color:var(--muted);font-size:.82rem;font-weight:800}.stat-tile strong{color:var(--ink);font-size:1.55rem;line-height:1.1;display:block}.coin-badge{color:#6f4a00;background:#fff2bd;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .65rem;font-weight:900;display:inline-flex}.coin-achievement-layout{grid-template-columns:minmax(360px,.95fr) minmax(360px,1.05fr);align-items:stretch;gap:1rem;display:grid}.copper-achievement-card,.knowledge-vault-panel{min-height:455px;display:grid;position:relative;overflow:hidden}.copper-achievement-card{text-align:center;background:radial-gradient(circle at 50% 38%,#fff2aab8,#0000 34%),radial-gradient(circle at 14% 18%,#fffc,#0000 24%),linear-gradient(135deg,#fff8df 0%,#f9edc8 48%,#f3dc9b 100%);border:2px solid #d7a74b;justify-items:center;gap:.56rem;padding:.82rem 1rem 1rem;box-shadow:0 18px 50px #5b380a2e,inset 0 0 0 7px #c78a002e}.copper-achievement-card:before,.copper-achievement-card:after{content:"";pointer-events:none;position:absolute}.copper-achievement-card:before{border:2px solid #6d48043d;border-radius:8px;inset:.55rem;box-shadow:inset 0 0 0 2px #ffffff75}.copper-achievement-card:after{opacity:.36;background:linear-gradient(90deg,#0000 0 46%,#ffffff7a 48%,#0000 52%),linear-gradient(0deg,#0000 0 48%,#a46b0829 49%,#0000 51%);border-radius:8px;inset:1rem}.copper-card-ornament span{z-index:1;background:radial-gradient(circle,#ffe7a2 0 24%,#0000 26% 100%);border:2px solid #8b5b0a52;border-radius:50%;width:34px;height:34px;position:absolute}.copper-card-ornament span:first-child{top:1.1rem;left:1.1rem}.copper-card-ornament span:nth-child(2){top:1.1rem;right:1.1rem}.copper-card-ornament span:nth-child(3){bottom:1.1rem;left:1.1rem}.copper-card-ornament span:nth-child(4){bottom:1.1rem;right:1.1rem}.copper-banner{z-index:2;color:#ffe8a3;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#0d4a4a,#073131);border:1px solid #ffdc8094;border-radius:999px 999px 14px 14px;width:min(420px,78%);margin-top:.3rem;padding:.62rem 1rem;font-size:.92rem;font-weight:950;position:relative;box-shadow:0 12px 22px #08313142}.copper-card-title{z-index:2;justify-items:center;gap:.25rem;display:grid;position:relative}.copper-card-title h2{color:#3d270b;letter-spacing:.04em;margin:0;font-size:clamp(1.85rem,3.5vw,2.7rem)}.copper-card-title p,.copper-card-note{color:#6d532b;margin:0;line-height:1.55}.copper-medallion-stage{z-index:2;place-items:center;width:min(360px,100%);min-height:124px;display:grid;position:relative}.copper-medallion{background:radial-gradient(circle at 38% 30%,#ffffff9e,#0000 22%),radial-gradient(circle,#d4933b 0 46%,#9a5722 72%,#6e3715 100%);border:6px solid #f7d680;border-radius:50%;place-items:center;width:106px;height:106px;animation:2.6s ease-in-out infinite copper-medallion-glow;display:grid;position:relative;box-shadow:0 18px 28px #5b380a3d,inset 0 0 0 8px #ffe59a6b}.medallion-bag{background:linear-gradient(#ffe0a5,#c87629);border:4px solid #8c4d1f;border-radius:40% 40% 18px 18px;place-items:center;width:54px;height:48px;display:grid;box-shadow:inset 0 8px #ffffff47}.medallion-bag span{background:#ffd75c;border:3px solid #6d3718;border-radius:4px;width:16px;height:16px}.laurel{opacity:.9;background:radial-gradient(at 50% 12%,#f7d680 0 13%,#0000 14%),radial-gradient(at 34% 28%,#d9a549 0 11%,#0000 12%),radial-gradient(at 64% 44%,#f7d680 0 11%,#0000 12%),radial-gradient(at 34% 62%,#d9a549 0 11%,#0000 12%),radial-gradient(at 62% 78%,#f7d680 0 11%,#0000 12%);border-radius:50%;width:58px;height:88px;position:absolute;top:22px}.laurel-left{left:48px;transform:rotate(-24deg)}.laurel-right{right:48px;transform:scaleX(-1)rotate(-24deg)}.honor-badge{color:#ffe8a3;background:radial-gradient(circle,#0c5552,#073232);border:4px solid #d3a04b;border-radius:50%;place-items:center;width:74px;height:74px;font-size:.68rem;font-weight:950;display:grid;position:absolute;bottom:2px;right:0;box-shadow:0 10px 22px #08313147}.copper-total-plaque{z-index:2;background:linear-gradient(#fff3c7,#f6d987);border:2px solid #84530b42;border-radius:8px;justify-items:center;min-width:min(260px,86%);padding:.42rem 1rem .58rem;display:grid;position:relative;box-shadow:0 12px 22px #5b380a24}.copper-total-plaque span{color:#0c5552;font-weight:950}.copper-total-plaque strong{color:#0a4a4a;font-family:"M PLUS Rounded 1c",Outfit,sans-serif;font-size:clamp(2.55rem,5.2vw,3.8rem);line-height:.98}.copper-total-plaque em{color:#4f3510;font-style:normal;font-weight:900}.copper-exchange-stats{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%;display:grid;position:relative}.copper-exchange-stats div{text-align:left;background:#ffffffb8;border:1px solid #84530b33;border-radius:8px;padding:.58rem .75rem}.copper-exchange-stats span,.copper-progress-title span{color:#6d532b;font-size:.82rem;font-weight:900;display:block}.copper-exchange-stats strong{color:#132238;margin-top:.15rem;font-size:1.55rem;line-height:1;display:block}.copper-progress-section{z-index:2;background:linear-gradient(#073737,#062c2c);border-radius:8px;gap:.48rem;width:100%;padding:.68rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffe59a47}.copper-progress-title{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.copper-progress-title span,.copper-progress-title strong{color:#ffe8a3}.copper-milestone-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.copper-milestone{color:#ffe8a3b8;justify-items:center;gap:.28rem;font-weight:900;display:grid}.copper-milestone span{background:#ffffff14;border:2px solid #ffe8a32e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.copper-milestone.achieved span{color:#5f350b;background:radial-gradient(circle,#ffe8a3,#b66b25);border-color:#f7d680;box-shadow:0 0 20px #f7d6807a}.exchange-progress{z-index:2;background:#fff7dcc7;border:1px solid #d7a74b;border-radius:999px;width:100%;height:18px;position:relative;overflow:hidden}.exchange-progress span{border-radius:inherit;background:linear-gradient(90deg,#0d7d66,#f7c948);height:100%;transition:width .25s;display:block}.exchange-button{z-index:2;justify-content:center;width:100%;position:relative}.copper-card-note{z-index:2;font-size:.92rem;position:relative}.knowledge-vault-panel{background:radial-gradient(circle at 50% 30%,#ffe684eb,#ffe6843d 32%,#0000 46%),linear-gradient(#b7ccff 0%,#e9f4ff 48%,#fff1c5 100%);min-height:455px;padding:1.1rem;display:block}.knowledge-vault-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 22% 18%,#fff9,#0000 12%),radial-gradient(circle at 72% 20%,#ffffffbd,#0000 16%),radial-gradient(at 50% 82%,#ffffff9e,#0000 34%);position:absolute;inset:0}.knowledge-book-scene{z-index:2;height:260px;min-height:0;position:absolute;top:76px;left:1rem;right:1rem}.storybook-pages{filter:drop-shadow(0 22px 28px #39496f33);height:205px;position:absolute;bottom:14px;left:13%;right:13%}.storybook-page{background:linear-gradient(110deg,#ffffffe6,#ffedb0d6),repeating-linear-gradient(0deg,#0000 0 18px,#8b5b0a1a 19px 20px);border:3px solid #d6a8499e;width:52%;height:100%;position:absolute;bottom:0}.storybook-page.left{transform-origin:100% 100%;border-radius:100% 18px 18px 10px;left:0;transform:skewY(-6deg)rotate(-4deg)}.storybook-page.right{transform-origin:0 100%;border-radius:18px 100% 10px 18px;right:0;transform:skewY(6deg)rotate(4deg)}.golden-house{background:linear-gradient(#ffd75c,#d9912c);border:4px solid #b66b25;border-radius:12px;width:102px;height:82px;animation:2.8s ease-in-out infinite golden-house-glow;position:absolute;bottom:34px;right:31%;box-shadow:0 0 34px #ffd75cc2}.golden-house:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#ffec9a,#d8892b);border-radius:8px;width:118px;height:52px;position:absolute;top:-39px;left:-8px}.golden-house span{background:#fff2bd;border-radius:999px 999px 3px 3px;width:16px;height:23px;position:absolute;bottom:12px;box-shadow:0 0 16px #fff2bd}.golden-house span:first-child{left:18px}.golden-house span:nth-child(2){background:#814113;border-radius:999px 999px 0 0;height:32px;left:44px}.golden-house span:nth-child(3){right:18px}.knowledge-book-stack{z-index:2;gap:.42rem;display:grid;position:absolute;bottom:18px}.knowledge-book-stack span{background:linear-gradient(90deg, #ffffff8f 0 16%, transparent 17%), var(--book-color,#3b82f6);border:2px solid #17203333;border-radius:5px;height:21px;animation:3.2s ease-in-out infinite book-pride;display:block;box-shadow:0 5px #17203314}.knowledge-book-stack.stack-left{left:2%}.knowledge-book-stack.stack-right{right:0}.knowledge-book-stack.stack-left span:first-child{--book-color:#2f68d8;width:94px}.knowledge-book-stack.stack-left span:nth-child(2){--book-color:#b55a2b;width:80px}.knowledge-book-stack.stack-left span:nth-child(3){--book-color:#0d7d66;width:108px}.knowledge-book-stack.stack-left span:nth-child(4){--book-color:#7c4bd8;width:88px}.knowledge-book-stack.stack-right span:first-child{--book-color:#0d7d66;width:92px}.knowledge-book-stack.stack-right span:nth-child(2){--book-color:#7c4bd8;width:116px}.knowledge-book-stack.stack-right span:nth-child(3){--book-color:#d7a74b;width:96px}.knowledge-book-stack.stack-right span:nth-child(4){--book-color:#2f68d8;width:124px}.knowledge-book-stack.stack-right span:nth-child(5){--book-color:#b55a2b;width:106px}.coin-vault{align-items:end;gap:.2rem;display:flex;position:absolute;bottom:4px;right:6%}.coin-vault span{background:#ffce46;border:3px solid #b77a00;border-radius:50%;width:38px;height:12px;display:block;box-shadow:inset 0 0 0 3px #fff2bd}.coin-vault span:nth-child(2){height:28px}.coin-vault span:nth-child(3){height:42px}.coin-rain,.knowledge-sparkles{pointer-events:none;position:absolute;inset:0}.coin-rain span{top:-48px;left:var(--drop-x);width:var(--drop-size);height:var(--drop-size);animation:3.4s linear infinite coin-drop;animation-delay:var(--drop-delay);background:#ffce46;border:3px solid #b77a00;border-radius:50%;position:absolute;box-shadow:inset 0 0 0 3px #fff2bd,0 0 16px #ffd75c9e}.knowledge-sparkles span{top:var(--spark-y);left:var(--spark-x);clip-path:polygon(50% 0,63% 34%,100% 50%,63% 66%,50% 100%,37% 66%,0 50%,37% 34%);filter:drop-shadow(0 0 9px #ffd75c);width:16px;height:16px;animation:1.9s ease-in-out infinite sparkle-pulse;animation-delay:var(--spark-delay);background:#ffd75c;position:absolute}.knowledge-caption{z-index:3;color:#fff7dc;background:#083131c7;border:1px solid #ffe8a370;border-radius:8px;gap:.28rem;padding:.75rem .9rem;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem}.knowledge-caption h2{color:#fff7dc;margin:0;font-size:clamp(1.55rem,3vw,2rem)}.knowledge-caption p{color:#fff7dcd1;margin:0;line-height:1.55}.exchange-modal-backdrop{z-index:90;background:#1720337a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.exchange-modal{gap:1rem;width:min(520px,100%);display:grid;box-shadow:0 24px 70px #17203352}.exchange-modal h2{margin:.2rem 0 0}@keyframes copper-medallion-glow{0%,to{filter:brightness();transform:translateY(0)scale(1)}50%{filter:brightness(1.12);transform:translateY(-4px)scale(1.02)}}@keyframes golden-house-glow{0%,to{filter:brightness()}50%{filter:brightness(1.16)}}@keyframes coin-drop{0%{opacity:0;transform:translateY(0)rotateY(0)scale(.75)}16%,86%{opacity:1}to{opacity:0;transform:translateY(455px)rotateY(1turn)scale(1)}}@keyframes sparkle-pulse{0%,to{opacity:.38;transform:scale(.72)rotate(0)}50%{opacity:1;transform:scale(1.08)rotate(18deg)}}@keyframes book-pride{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.status-pill{border-radius:8px;align-items:center;padding:.34rem .55rem;font-size:.78rem;font-weight:900;display:inline-flex}.difficulty-easy,.difficulty-basic{color:#166c50;background:#e0f8ea}.difficulty-advanced,.difficulty-fluent{color:#1c58a8;background:#deecff}.difficulty-concept,.difficulty-applied{color:#7a5600;background:#fff0c9}.difficulty-challenge{color:#a52842;background:#ffe0e8}.letter-track{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.letter-word-group{align-items:center;gap:.35rem;display:inline-flex}.letter-tile{color:#243447;background:#f5f8fa;border:2px dashed #c7d3dc;border-radius:8px;place-items:center;width:46px;min-width:46px;height:46px;font-size:1.15rem;font-weight:900;display:grid}.letter-tile.is-collected{background:#f7c948;border-style:solid;border-color:#e6b300}.letter-tile.is-clickable{cursor:pointer;touch-action:manipulation}.letter-tile.is-clickable:hover,.letter-tile.is-clickable:focus-visible{background:#ffd95c;border-color:#c78a00;outline:none;transform:translateY(-1px)}.toast{z-index:30;border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;width:min(420px,100% - 2rem);padding:.9rem;display:grid;position:fixed;bottom:1rem;right:1rem;box-shadow:0 18px 42px #2434472e}.toast strong{display:block}.toast p{color:var(--muted);margin:.25rem 0 0;line-height:1.5}.toast-success{border-color:#bdebd9}.toast-warning,.toast-error{border-color:#f3b7c5}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button.strong{color:#fff;background:#1d6f5f}.empty-state{place-items:start;gap:.8rem;padding:1.5rem;display:grid}.empty-state strong{font-size:1.2rem}.empty-state p{color:var(--muted);margin:0}.challenger-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.player-card{grid-template-columns:72px minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.player-avatar{color:#fff;background:#3b82f6;border-radius:8px;place-items:center;width:72px;height:72px;font-size:2rem;font-weight:900;display:grid}.player-card-body{min-width:0}.player-card h2{margin:0 0 .8rem;font-size:1.35rem}.player-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem;display:grid}.inline-edit{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-bottom:.8rem;display:grid}.hero-game-panel{grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);align-items:stretch;gap:1rem;padding:1.2rem;display:grid}.home-shell .home-mission-panel{order:2}.home-shell .adventure-map-panel{order:1}.home-shell .stats-grid{order:3}.hero-game-panel h2{margin-top:.8rem;font-size:clamp(1.7rem,3vw,2.4rem)}.hero-game-panel p{color:var(--muted)}.target-word-box{text-align:center;background:#fff7dc;border:1px solid #f3d36a;border-radius:8px;place-items:center;gap:.4rem;padding:1rem;display:grid}.target-word-box span{color:#7a5600;font-weight:900}.target-word-box strong{overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.8rem,4vw,3rem)}.adventure-map-panel{background:radial-gradient(circle at 18% 18%,#60a5fa33,#0000 28%),radial-gradient(circle at 82% 12%,#f7c94847,#0000 24%),linear-gradient(135deg,#f7fbff 0%,#fffaf0 54%,#f4fbf6 100%);border:1px solid #cbd8e6;border-radius:8px;gap:1rem;padding:1.1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #2434471a}.adventure-map-panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#1f7f6957 0 18px,#0000 18px 32px);height:3px;position:absolute;top:6.1rem;left:2.2rem;right:2.2rem}.adventure-map-hero{z-index:1;grid-template-columns:minmax(0,1fr) minmax(210px,.45fr) minmax(190px,.36fr);align-items:stretch;gap:.9rem;display:grid;position:relative}.map-title-block{align-content:center;gap:.35rem;min-width:0;display:grid}.map-title-block h2{margin:0;font-family:"M PLUS Rounded 1c",Outfit,sans-serif;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.15}.map-title-block p{max-width:62ch;color:var(--muted);margin:0;line-height:1.6}.map-current-zone,.map-progress-summary{background:#ffffffd6;border:1px solid #d7e4ee;border-radius:8px;padding:.9rem;box-shadow:0 10px 28px #24344714}.map-current-zone{align-items:center;gap:.75rem;display:flex}.map-current-icon{color:#ffd14a;background:#132238;border-radius:8px;flex:none;place-items:center;width:58px;height:58px;display:grid}.map-current-zone span,.map-progress-summary span{color:#5b6b80;font-size:.8rem;font-weight:900}.map-current-zone strong,.map-progress-summary strong{color:var(--ink);font-size:1.35rem;font-weight:950;line-height:1.2;display:block}.map-current-zone p{color:#405065;margin:.2rem 0 0;font-weight:800}.map-progress-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.map-progress-bar{background:#fff7d6;border:1px solid #f0c43d;border-radius:999px;grid-column:1/-1;height:12px;overflow:hidden}.map-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#1f9f77,#f7c948);height:100%;display:block}.adventure-map-route{z-index:1;grid-template-columns:repeat(5,minmax(180px,1fr));gap:.8rem;display:grid;position:relative}.map-zone-card{background:#ffffffe6;border:1px solid #d8e3ec;border-radius:8px;gap:.65rem;min-height:230px;padding:.85rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 12px 28px #24344714}.map-zone-card.is-current{border-color:#1f7f69;transform:translateY(-3px);box-shadow:0 16px 34px #1f7f6929}.map-zone-card.is-locked{opacity:.68;filter:saturate(.75)}.map-zone-node{border-radius:8px;justify-content:space-between;align-items:center;min-height:60px;padding:.65rem;display:flex}.map-zone-node span{width:30px;height:30px;color:var(--ink);background:#ffffffc7;border-radius:50%;place-items:center;font-weight:950;display:grid}.zone-forest .map-zone-node{color:#145b48;background:linear-gradient(135deg,#dff6ed,#76d0a4)}.zone-candy .map-zone-node{color:#7a1f45;background:linear-gradient(135deg,#fff2b8,#f78eb3)}.zone-space .map-zone-node{color:#17235f;background:linear-gradient(135deg,#e5e7ff,#6d72f6)}.zone-ocean .map-zone-node{color:#0d5366;background:linear-gradient(135deg,#d9f6ff,#40b7d8)}.zone-library .map-zone-node{color:#40245f;background:linear-gradient(135deg,#fff3d1,#8f5cf3)}.map-zone-content{gap:.65rem;display:grid}.map-zone-head{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.map-zone-head h3{margin:0;font-size:1.15rem;line-height:1.2}.map-zone-head p{color:#5b6b80;margin:.18rem 0 0;font-weight:850}.map-zone-status{color:#405065;white-space:nowrap;background:#fff;border:1px solid #d8e3ec;border-radius:999px;flex:none;align-items:center;gap:.28rem;padding:.2rem .45rem;font-size:.76rem;font-weight:900;display:inline-flex}.map-zone-card.is-current .map-zone-status{color:#145b48;background:#e8f8f2;border-color:#9fd6c7}.map-zone-card.is-completed .map-zone-status{color:#7a5600;background:#fff7d6;border-color:#f1cc4a}.map-zone-tags{flex-wrap:wrap;gap:.35rem;display:flex}.map-zone-tags span{color:#405065;background:#f8fbfd;border:1px solid #d8e3ec;border-radius:999px;padding:.18rem .45rem;font-size:.74rem;font-weight:850}.map-zone-story{color:#405065;min-height:3.2em;margin:0;font-weight:750;line-height:1.55}.map-zone-progress{background:#f5f8fa;border:1px solid #d8e3ec;border-radius:999px;height:10px;overflow:hidden}.map-zone-progress span{border-radius:inherit;background:linear-gradient(90deg,#1f9f77,#f7c948);height:100%;display:block}.home-mission-panel{gap:1rem;padding:1.2rem;display:grid}.home-mission-panel.claimed{background:#f6fffb;border-color:#b8d8ce}.home-mission-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.home-mission-head h2{margin:.25rem 0 .35rem;font-size:clamp(1.55rem,3vw,2.2rem)}.home-mission-head p{color:var(--muted);margin:0}.mission-reward-pill{color:#7a5600;background:#fff3bf;border:1px solid #f3d36a;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;min-width:72px;min-height:50px;font-size:1.25rem;font-weight:950;display:inline-flex}.home-mission-question{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:118px;padding:1rem}.home-mission-question.math{flex-wrap:wrap;align-items:center;gap:.38em;font-size:clamp(2.4rem,6vw,5rem);font-weight:900;display:flex}.home-mission-question.math span,.home-mission-question.math strong{line-height:1}.home-mission-live-answer{color:#94a3b8;background:#f8fafc;border:4px solid #cbd8e6;border-radius:8px;place-items:center;min-width:1.5em;min-height:1.1em;padding:.04em .22em;display:inline-grid}.home-mission-live-answer.has-value{color:#111827;background:#fff3bf;border-color:#f2bf3e}.home-mission-question.spelling{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.home-mission-letter{color:#111827;background:#ffd045;border:2px solid #f2bf3e;border-radius:8px;place-items:center;min-width:68px;min-height:72px;font-size:clamp(2.2rem,6vw,4rem);font-weight:950;display:inline-grid}.home-mission-letter.blank{color:#8a6500;background:#fff8df;border-style:dashed}.mission-meaning-row{color:#405065;align-items:center;gap:.55rem;font-weight:800;display:inline-flex}.home-mission-form-row{grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:end;gap:.8rem;display:grid}.home-mission-form-row label{color:#405065;gap:.4rem;font-weight:900;display:grid}.home-mission-input{color:#111827;background:#fff;border:2px solid #cbd8e6;border-radius:8px;min-height:64px;padding:.75rem 1rem;font-size:clamp(1.3rem,3vw,2rem);font-weight:900}.home-mission-input:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #60a5fa2e}.home-mission-submit{min-height:64px;font-size:1.05rem}.home-answer-pad{background:#f8fbfd;border:1px solid #d8e3ec;border-radius:8px;gap:.55rem;padding:.75rem;display:grid}.home-answer-pad.number{grid-template-columns:repeat(4,minmax(0,1fr))}.home-answer-pad.alphabet{background:linear-gradient(#fffdf5,#f8fbfd),linear-gradient(90deg,#f7c9482e,#0000);grid-template-columns:repeat(7,minmax(0,1fr))}.home-pad-key{color:#111827;cursor:pointer;touch-action:manipulation;background:#fff;border:2px solid #cbd8e6;border-radius:8px;place-items:center;min-height:54px;font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:950;line-height:1;transition:transform .16s,border-color .16s,background .16s;display:inline-grid}.home-pad-key:hover,.home-pad-key:focus-visible{border-color:#60a5fa;outline:none;transform:translateY(-1px)}.home-pad-key.operator,.home-pad-key.utility{color:#137764;background:#eef9f5;border-color:#a7d8cc}.home-pad-key.letter{color:#132238;background:#ffd14a;border-color:#e4b923;box-shadow:0 4px #d79a00}.home-pad-key.clear{color:#805900;background:#fff0bd;border-color:#f4c43f;grid-column:1/-1}.home-pad-key:disabled{cursor:not-allowed;opacity:.55;transform:none}.play-layout,.admin-coin-layout,.settings-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:1rem;display:grid}.question-panel{gap:1rem;display:grid}.question-meta,.split-row,.table-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.question-panel h2,.question-title{font-size:clamp(2rem,6vw,4.4rem)}.question-title{flex-wrap:wrap;align-items:center;gap:.2em;display:flex}.question-live-gap{margin-left:.2em;display:inline-flex}.question-live-answer{color:#9aa8b7;background:#fff;border:4px solid #d8e0e7;border-radius:8px;justify-content:center;align-items:center;min-width:clamp(96px,12vw,160px);min-height:1.18em;padding:0 .2em;font-weight:900;line-height:1;display:inline-flex}.question-live-answer.has-value{color:#172033;background:#fff2bd;border-color:#f0c533}.answer-display-row{grid-template-columns:minmax(0,1fr) minmax(128px,.28fr);align-items:end;gap:.75rem;display:grid}.answer-display-row label{gap:.35rem;display:grid}.answer-display-row span{color:#405065;font-size:1rem}.answer-display-input{color:#172033;letter-spacing:0;background:#fffdf4;border-width:2px;min-height:64px;font-size:clamp(1.4rem,4vw,2rem);font-weight:900}.answer-display-input::placeholder{color:#7b8999;font-size:clamp(1rem,2vw,1.25rem);font-weight:800}.answer-hint-button{color:#6f4a00;cursor:pointer;text-align:left;background:#fff2bd;border:2px solid #f3d36a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.15rem .45rem;min-height:64px;padding:.55rem .7rem;display:grid}.answer-hint-button svg{grid-row:span 2}.answer-hint-button span{color:#6f4a00;font-size:.9rem}.answer-hint-button strong{color:#172033;font-size:1.1rem}.answer-hint-button:disabled{cursor:not-allowed;opacity:.55}.hint-note{color:#6d7b8a;margin-top:-.45rem;font-size:.9rem;font-weight:800}.letter-celebration{z-index:80;cursor:pointer;background:#17203375;place-items:center;animation:1.9s both celebration-backdrop;display:grid;position:fixed;inset:0;overflow:hidden}.celebration-aura{aspect-ratio:1;filter:blur(.2px);background:radial-gradient(circle,#fff2bdeb 0 20%,#f7c94870 21% 44%,#0000 45%),conic-gradient(#25a37a5c,#f2b70575,#3b82f657,#25a37a5c);border-radius:50%;width:min(64vw,520px);animation:1.55s ease-out both celebration-aura;position:absolute}.celebration-card{z-index:2;color:#172033;background:#fff9e7;border:4px solid #ffce46;border-radius:8px;place-items:center;min-width:min(78vw,390px);padding:clamp(1.4rem,5vw,2.6rem);animation:1.7s cubic-bezier(.18,1.28,.3,1) both celebration-card-pop;display:grid;position:relative;box-shadow:0 32px 80px #17203352}.celebration-card span{color:#6f4a00;font-size:clamp(1rem,3vw,1.35rem);font-weight:900}.celebration-card strong{color:#172033;text-shadow:0 8px #ffce46,0 20px 36px #17203338;font-family:"M PLUS Rounded 1c",Outfit,sans-serif;font-size:clamp(7rem,26vw,15rem);line-height:.92;animation:1.42s ease-out both celebration-letter-bounce}.celebration-coin-icon{color:#8a5b00;filter:drop-shadow(0 8px #ffce46)drop-shadow(0 18px 24px #1720332e);margin:clamp(.6rem,2vw,1rem) 0 .3rem;animation:1.42s ease-out both celebration-letter-bounce}.celebration-card .celebration-coin-value{color:#6f4a00;text-shadow:0 6px #ffce46,0 16px 28px #1720332e;font-size:clamp(4.8rem,18vw,9rem);line-height:.9}.celebration-card p{color:#1d6f5f;margin:.35rem 0 0;font-size:clamp(1.05rem,3vw,1.55rem);font-weight:900}.celebration-confetti{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.celebration-confetti span{background:hsl(var(--hue), 88%, 58%);width:14px;height:22px;transform:rotate(var(--angle)) translateY(0) scale(0);animation:celebration-confetti-burst 1.45s cubic-bezier(.12, .78, .2, 1) var(--delay) both;border-radius:3px;position:absolute}@keyframes celebration-backdrop{0%{opacity:0}12%,82%{opacity:1}to{opacity:0}}@keyframes celebration-aura{0%{opacity:0;transform:scale(.2)rotate(0)}45%{opacity:1;transform:scale(1.02)rotate(24deg)}to{opacity:0;transform:scale(1.38)rotate(58deg)}}@keyframes celebration-card-pop{0%{opacity:0;transform:translateY(28px)scale(.72)}20%{opacity:1;transform:translateY(0)scale(1.05)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes celebration-letter-bounce{0%{transform:scale(.18)rotate(-10deg)}28%{transform:scale(1.18)rotate(3deg)}48%{transform:scale(.96)rotate(-1deg)}68%{transform:scale(1.04)rotate(0)}to{transform:scale(1)}}@keyframes celebration-confetti-burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.25)}18%{opacity:1}72%{opacity:1;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scale(1)}to{opacity:0;transform:rotate(calc(var(--angle) + 95deg)) translateY(calc(var(--distance) * -1.16)) scale(.75)}}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.choice-button{cursor:pointer;background:#fff;border:2px solid #cdd9e2;border-radius:8px;padding:1rem;font-size:1.25rem;font-weight:900}.choice-button:hover{border-color:var(--sky);background:#edf5ff}.calculator-keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.keypad-key,.keypad-submit{cursor:pointer;border:2px solid #cdd9e2;border-radius:8px;justify-content:center;align-items:center;min-height:60px;font-weight:900;line-height:1;transition:transform .12s,border-color .12s,background .12s;display:inline-flex}.keypad-key{color:#172033;background:#fff;font-size:clamp(1.4rem,4vw,2rem)}.keypad-key.operator{color:#1d6f5f;background:#edf7f4;border-color:#b8d8ce}.keypad-key.utility{color:#7a5600;background:#fff0c9;border-color:#f3d36a}.keypad-submit{color:#fff;background:#1d6f5f;border-color:#1d6f5f;grid-column:span 3;gap:.55rem;font-size:clamp(1.05rem,3vw,1.35rem)}.keypad-key:hover,.keypad-submit:hover{border-color:var(--sky);transform:translateY(-1px)}.keypad-submit:disabled{cursor:not-allowed;opacity:.55;transform:none}.feedback{border-radius:8px;padding:.9rem}.feedback p{margin:.2rem 0 0}.feedback.success{color:#166c50;background:#e0f8ea}.feedback.warning{color:#7a5600;background:#fff0c9}.feedback.info{color:#1d4f7a;background:#e8f3ff}.letter-learning-panel{background:#fff9e7;border:2px solid #f3d36a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:.9rem;padding:1rem;display:grid}.phrase-learning-panel{background:#f0fbf7;border-color:#b8d8ce;grid-template-columns:92px minmax(0,1fr);gap:.7rem;padding:.8rem}.earned-letter-badge{color:#172033;background:#ffce46;border-radius:8px;place-items:center;min-width:92px;padding:.8rem;display:grid}.earned-letter-badge span,.learning-word-block span,.speech-button span{font-size:.85rem;font-weight:900}.earned-letter-badge strong{font-size:clamp(2.4rem,7vw,4rem);line-height:1}.phrase-learning-panel .earned-letter-badge{min-width:76px;padding:.55rem}.phrase-learning-panel .earned-letter-badge strong{font-size:clamp(2rem,5vw,3.1rem)}.learning-word-block{min-width:0}.learning-word-block h3{overflow-wrap:anywhere;margin:.15rem 0;font-size:clamp(1.8rem,5vw,3.2rem)}.phrase-learning-panel .learning-word-block h3{font-size:clamp(1.6rem,3.7vw,2.55rem)}.learning-word-block p{color:#405065;margin:0;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:900}.phrase-word-chips{flex-wrap:wrap;gap:.45rem;margin-top:.4rem;display:flex}.phrase-word-chips span{color:#1d6f5f;background:#fff;border:2px solid #b8d8ce;border-radius:8px;padding:.35rem .6rem;font-size:clamp(1rem,2.4vw,1.25rem)}.speech-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.speech-practice-row{grid-template-columns:minmax(0,1fr) minmax(118px,.54fr);gap:.5rem;min-width:0;display:grid}.speech-button{color:#172033;cursor:pointer;text-align:left;background:#edf7f4;border:2px solid #b8d8ce;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.25rem .55rem;min-height:74px;padding:.7rem .85rem;display:grid}.speech-button.slow{color:#6f4a00;background:#fff7dc;border-color:#f3d36a}.speech-button.slow svg{color:#956600}.speech-button.slow strong{white-space:nowrap;font-size:clamp(1rem,2.2vw,1.25rem)}.phrase-learning-panel .speech-button{min-height:58px;padding:.55rem .7rem}.speech-button svg{color:#1d6f5f;grid-row:span 2}.speech-button strong{overflow-wrap:anywhere;min-width:0;font-size:clamp(1.15rem,3vw,1.55rem)}.phrase-learning-panel .speech-button strong{font-size:clamp(1rem,2.5vw,1.35rem)}.speech-button:hover{background:#dff6ed;border-color:#1d6f5f}.speech-button.slow:hover{background:#fff2bd;border-color:#b77a00}.learning-complete-row{color:#6f4a00;background:#fff2bd;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.45rem .7rem;padding:.65rem .75rem;font-weight:900;display:flex}.learning-complete-row span{color:#172033;background:#ffce46;border-radius:8px;margin-left:auto;padding:.3rem .55rem}.progress-panel{align-self:start;gap:1rem;display:grid}.progress-panel h3{overflow-wrap:anywhere;margin:.2rem 0 0;font-size:2rem}.progress-panel .letter-track{margin-top:0}.progress-panel .feedback{margin-top:.1rem}.progress-panel .letter-learning-panel{grid-template-columns:78px minmax(0,1fr);gap:.65rem;padding:.75rem}.progress-panel .earned-letter-badge{min-width:72px;padding:.55rem}.progress-panel .earned-letter-badge strong{font-size:clamp(2rem,4vw,3.1rem)}.progress-panel .learning-word-block h3{font-size:clamp(1.55rem,3vw,2.2rem)}.progress-panel .learning-word-block p{font-size:1rem}.progress-panel .speech-grid{grid-template-columns:1fr;gap:.5rem}.progress-panel .speech-button{min-height:56px;padding:.5rem .65rem}.progress-panel .speech-button strong{font-size:1.1rem}.reward-panel{color:#6f4a00;background:#fff2bd;border-radius:8px;gap:.25rem;margin-top:1rem;padding:1rem;display:grid}.letter-collection-row:hover td{background:#f7fbfd}.target-study-link{color:var(--ink);font-weight:900;text-decoration:none}.target-study-link:hover{color:#1d6f5f}.table-action-button{min-height:38px;padding:.45rem .7rem}.lesson-layout{grid-template-columns:minmax(0,.98fr) minmax(340px,1.02fr);align-items:start;gap:1rem;display:grid}.lesson-hero,.lesson-card,.lesson-reward-panel{gap:1rem;display:grid}.lesson-level{color:var(--muted);font-weight:900}.lesson-hero h2{overflow-wrap:anywhere;margin:0;font-size:clamp(3rem,9vw,6.4rem);line-height:.95}.lesson-hero p,.lesson-card p,.lesson-reward-panel p{color:var(--muted);margin:0;line-height:1.65}.lesson-spelling{gap:.65rem;display:grid}.lesson-spelling>span{color:var(--muted);font-weight:900}.lesson-spelling div{flex-wrap:wrap;gap:.5rem;display:flex}.lesson-spelling button{min-width:54px;min-height:54px;color:var(--ink);cursor:pointer;background:#fff7dc;border:2px solid #f3d36a;border-radius:8px;place-items:center;font-size:1.45rem;font-weight:900;display:grid}.lesson-spelling button:hover{background:#fff2bd}.practice-done{color:#1d6f5f;border-color:#25a37a}.lesson-card h3,.lesson-reward-panel h3{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.lesson-speech-list{gap:.65rem;display:grid}.lesson-sentences{grid-column:1/-1}.sentence-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(120px,.25fr) minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem;display:grid}.sentence-card span{color:var(--muted);font-weight:900}.sentence-card strong{overflow-wrap:anywhere;color:var(--ink);font-size:clamp(1.05rem,2.5vw,1.35rem)}.lesson-reward-panel{background:#fffaf0;border-color:#f3d36a;grid-column:1/-1}.review-cooldown-card{color:#6f4a00;background:#fff2bd;border:1px solid #f3d36a;border-radius:8px;gap:.25rem;padding:.75rem .85rem;display:grid}.review-cooldown-card strong{color:#172033;font-size:1.05rem}.review-cooldown-card span{font-weight:900}.review-cooldown-card.ready{color:#1d6f5f;background:#dff6ed;border-color:#a8ddc7}.practice-checklist{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.5rem;display:grid}.practice-checklist span{color:#405065;background:#fff;border:1px solid #d8e3ea;border-radius:8px;padding:.55rem .65rem;font-weight:900}.practice-checklist span.done{color:#1d6f5f;background:#dff6ed;border-color:#a8ddc7}.table-panel{overflow-x:auto}.table-pagination{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:.9rem 0 0;display:flex}.table-pagination span{color:var(--muted);font-weight:900}.table-pagination .secondary-button{min-width:104px}.table-title h2{margin:0 0 .9rem}.admin-card-list{gap:.7rem;display:grid}.admin-card-list.compact{gap:.55rem}.admin-edit-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:58px minmax(220px,1.3fr) minmax(120px,.6fr) minmax(110px,.4fr) auto auto;align-items:end;gap:.75rem;padding:.8rem;display:grid}.admin-card-list.compact .admin-edit-row{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(90px,.4fr) auto auto}.admin-card-list.compact .admin-edit-row.learning-edit-row{grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(90px,.45fr) auto auto}.row-index{color:#405065;align-self:center;font-weight:900}.filter-row{align-items:end;gap:1rem;display:flex}.filter-row label{width:min(240px,100%)}.search-box{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.select-list{gap:.5rem;max-height:480px;margin-top:1rem;display:grid;overflow:auto}.select-list button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:.65rem;padding:.75rem;display:flex}.select-list button.is-selected{border-color:var(--mint);background:#effaf5}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.settings-list{gap:.7rem;display:grid}.settings-list div{gap:.2rem;display:grid}.settings-list dt{color:var(--muted);font-weight:900}.settings-list dd{overflow-wrap:anywhere;margin:0}.rule-list{color:#405065;gap:.5rem;padding-left:1.2rem;line-height:1.6;display:grid}@media (width<=1180px){.app-frame{grid-template-columns:1fr}.app-sidebar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;height:auto;padding:.75rem;display:grid;position:static;overflow:visible}.brand-mark{min-width:190px;padding:0}.nav-list{scrollbar-width:thin;gap:.4rem;padding:.1rem 0;display:flex;overflow-x:auto}.nav-link{white-space:nowrap;flex:none;min-height:48px}.sidebar-footer{align-items:center;gap:.5rem;margin-top:0;display:flex}.session-panel{display:none}.sidebar-footer .ghost-button{min-height:44px}.content-shell{width:min(1120px,100% - 1.5rem)}.challenger-progress-popover{width:min(760px,100vw - 1.5rem)}.adventure-map-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.map-title-block{grid-column:1/-1}.adventure-map-route{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.play-layout,.admin-coin-layout,.coin-achievement-layout,.lesson-layout,.hero-game-panel,.sentence-card,.admin-edit-row,.admin-card-list.compact .admin-edit-row,.admin-card-list.compact .admin-edit-row.learning-edit-row,.speech-grid,.speech-practice-row{grid-template-columns:1fr}}@media (width<=720px){.adventure-map-panel{padding:.85rem}.adventure-map-panel:before{display:none}.adventure-map-hero,.adventure-map-route,.map-progress-summary,.home-mission-head,.home-mission-form-row{grid-template-columns:1fr}.home-answer-pad.alphabet,.home-answer-pad.number{grid-template-columns:repeat(4,minmax(0,1fr))}.home-mission-head{display:grid}.mission-reward-pill{justify-self:start}.topbar-stats{flex-wrap:wrap}.challenger-progress-popover{width:calc(100vw - 1rem);padding:.8rem}.challenger-progress-row{grid-template-columns:auto minmax(0,1fr)}.progress-rank{display:none}.progress-info p{white-space:normal}.app-sidebar{align-items:stretch;display:flex}.brand-mark{min-width:0}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.nav-link{min-width:0}.sidebar-footer{display:grid}.session-panel{display:flex}.auth-panel{grid-template-columns:1fr}.auth-visual{min-height:auto}.form-grid,.player-stats{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-keypad{gap:.55rem}.keypad-key,.keypad-submit{min-height:58px}.page-header{flex-direction:column;align-items:stretch}.player-card{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:shadow-glow:hover{--tw-shadow:0 28px 80px #231f2029;--tw-shadow-colored:0 28px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (width>=1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[0\.75fr_1\.25fr\]{grid-template-columns:.75fr 1.25fr}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1\.4fr_0\.9fr\]{grid-template-columns:1.4fr .9fr}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}}@media (width>=1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
