/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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{--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-outline-style:solid;--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}::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-outline-style:solid;--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;--spacing:.25rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.row-0{grid-row:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.m-8{margin:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.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,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[test\:types\]{test:types}.\[x\:string\]{x:string}}.chess-game .chess-board button.is-selected{background:#ffb2a7!important}.chess-lobby{color:#fff0eb;background:#30262a;border-radius:18px;gap:16px;max-width:600px;margin:30px auto;padding:24px;display:grid}.chess-lobby button,.chess-online-shell button:not([role=gridcell]){color:#fff;cursor:pointer;background:#a9293c;border:0;border-radius:8px;padding:12px 18px}.chess-lobby label{gap:8px;display:grid}.chess-lobby input{color:#222;background:#fff;border-radius:8px;padding:12px}.chess-lobby a{color:#ffb9b9}.chess-online-shell{grid-template-columns:minmax(280px,650px) minmax(220px,340px);gap:32px;max-width:1100px;margin:50px auto;padding:20px;display:grid}.chess-online-shell .chess-board{width:100%;margin:20px 0}.chess-online-shell small{color:#c7b7b7;margin:16px 0;display:block}.chess-room-code{overflow-wrap:anywhere;font-size:14px}.chess-mode-back{z-index:20;color:#fff;background:#a9293c;border:0;border-radius:8px;padding:10px 18px;position:fixed;top:20px;right:20px}.chess-lobby li{margin:12px 0}@media (max-width:800px){.chess-online-shell{grid-template-columns:1fr}}.study-ai-retry{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);min-height:44px;color:var(--primary-strong);cursor:pointer;margin:12px 0;padding:10px 16px;font-weight:600}.study-ai-retry:focus-visible{outline:2px solid var(--primary-strong);outline-offset:3px}.study-ai-retry:hover{background:var(--primary-soft)}.save-content-button{min-width:44px;min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:inline-grid}.save-content-button svg{width:20px;height:20px}.save-content-button:hover,.save-content-button[aria-pressed=true]{color:var(--primary-strong);background:var(--primary-soft)}.save-content-button:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.save-content-button:disabled{opacity:.55;cursor:wait}.saved-notice{z-index:100;border:1px solid var(--border);background:var(--surface);max-width:min(420px,100vw - 32px);color:var(--text);border-radius:12px;padding:16px;position:fixed;bottom:90px;right:16px;box-shadow:0 8px 32px #0003}.saved-notice button{min-height:44px;color:var(--primary-strong);margin-left:8px;text-decoration:underline}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f5f5;--surface:#fff;--surface-muted:#eee;--border:#d4d4d4;--text:#171717;--text-muted:#666;--primary:#1687f8;--primary-strong:#006bd9;--primary-soft:#e7f2ff;--on-primary:#fff;--control:#fff;--line-soft:#e5e5e5;--chart-start:#68b5ff;--chart-end:#0875dd;--success:#248a3d;--warning:#b25000;--danger:#d70015;--navy:#171717;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-control:12px;--radius-card:18px;--sidebar-width:88px;--header-height:80px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#000;--surface:#1c1c1e;--surface-muted:#2c2c2e;--border:#38383a;--text:#f5f5f7;--text-muted:#98989d;--primary:#0a84ff;--primary-strong:#409cff;--primary-soft:#0a3155;--on-primary:#fff;--control:#1c1c1e;--line-soft:#38383a;--chart-start:#64d2ff;--chart-end:#0a84ff;--success:#30d158;--warning:#ff9f0a;--danger:#ff453a;--navy:#f5f5f7}.pdf-reader{gap:18px;min-width:0;display:grid}.pdf-reader__header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 24px;display:grid}.pdf-reader__back{width:fit-content;color:var(--primary);grid-column:1/-1;align-items:center;gap:7px;font-weight:700;display:inline-flex}.pdf-reader__back svg,.pdf-reader__actions svg{width:17px;height:17px}.pdf-reader__heading{align-items:center;gap:14px;min-width:0;display:flex}.pdf-reader__heading h1{margin:3px 0 4px;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.15}.pdf-reader__heading p{color:var(--text-muted);margin:0}.pdf-reader__icon{height:52px;color:var(--primary);background:var(--primary-soft);border-radius:15px;flex:0 0 52px;place-items:center;display:grid}.pdf-reader__icon svg{width:27px;height:27px}.pdf-reader__actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.pdf-reader__actions a{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--primary);border-radius:11px;align-items:center;gap:7px;padding:0 14px;font-weight:700;display:inline-flex}.pdf-reader__actions a:last-child{color:#fff;background:var(--primary);border-color:var(--primary)}.pdf-reader__frame{border:1px solid var(--border);background:#e6e6e2;border-radius:16px;height:calc(100vh - 245px);min-height:720px;overflow:auto;box-shadow:0 10px 30px #00000014}.pdf-reader__embed{width:100%;height:100%;min-height:inherit;background:var(--surface-muted);border:0;display:block}.pdf-reader__pages{justify-items:center;gap:24px;padding:24px;display:grid}.pdf-reader__pages figure{width:min(100%,900px);margin:0}.pdf-reader__pages img{background:#fff;width:100%;height:auto;display:block;box-shadow:0 8px 28px #142d5524}.pdf-reader__pages figcaption{color:var(--text-muted);text-align:center;padding-top:8px;font-size:.78rem}.pdf-reader__source{color:var(--text-muted);font-size:.875rem;line-height:1.6}.pdf-reader__source p{margin:0}.pdf-reader__source a{color:var(--primary);font-weight:700}@media (max-width:760px){.pdf-reader__header{grid-template-columns:1fr;align-items:start}.pdf-reader__actions{justify-content:stretch}.pdf-reader__actions a{flex:1;justify-content:center}.pdf-reader__frame{border-radius:12px;height:70vh;min-height:560px}.pdf-reader__pages{gap:14px;padding:10px}}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--text);background:radial-gradient(circle at 72% -10%, var(--surface) 0, transparent 34%), var(--background);margin:0}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 72% -10%, color-mix(in srgb, var(--surface) 92%, transparent) 0, transparent 34%), var(--background)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}html,body,.sidebar,.topbar,.card,input,select,textarea,button{transition:color .2s,background-color .2s,border-color .2s}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline:3px solid color-mix(in srgb, var(--primary) 35%, transparent)}}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#fff;background:var(--navy);border-radius:10px;padding:10px 14px;transition:top .2s;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.app-shell{min-height:100vh}.sidebar{inset:var(--header-height) auto 0 0;z-index:20;width:var(--sidebar-width);border-right:1px solid var(--border);flex-direction:column;padding:18px 12px 24px;display:flex;position:fixed;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sidebar{border-right:1px solid color-mix(in srgb, var(--border) 72%, transparent)}}.sidebar{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.sidebar{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:width .22s,color .2s,background-color .2s,border-color .2s,box-shadow .22s}.sidebar:hover,.sidebar:focus-within{width:240px;box-shadow:none}.brand{color:var(--navy);letter-spacing:-1.2px;align-self:flex-start;padding:0 12px;font-size:26px;font-weight:600}.brand-mark{aspect-ratio:3;vertical-align:middle;width:142px;display:inline-block;position:relative;overflow:hidden}.brand-mark__image{width:100%;height:auto;display:block;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.brand-mark__image--dark{display:none}.brand-mark__icon{object-fit:cover;object-position:left center;width:44px;max-width:none;height:44px;display:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}:root[data-theme=dark] .brand-mark:not(.brand-mark--light)>.brand-mark__image--light{display:none}:root[data-theme=dark] .brand-mark:not(.brand-mark--light)>.brand-mark__image--dark{display:block}.brand-mark img{filter:none!important}.nav-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.nav-link{min-height:52px;color:var(--navy);white-space:nowrap;border-radius:14px;align-items:center;gap:16px;padding:0 20px;font-weight:500;transition:background .18s,color .18s,transform .18s;display:flex;overflow:hidden}.nav-link svg{stroke-width:1.8px;flex:0 0 24px;width:24px}.nav-link span{opacity:0;transition:opacity .16s,transform .2s;transform:translate(-6px)}.sidebar:hover .nav-link span,.sidebar:focus-within .nav-link span{opacity:1;transform:translate(0)}.nav-link:hover{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.nav-link:hover{background:color-mix(in srgb, var(--primary-soft) 56%, white)}}.nav-link:hover{color:var(--primary-strong)}.nav-link:active{transform:translateY(1px)}.nav-link[aria-current=page]{background:var(--primary-soft);color:var(--primary-strong)}.sidebar__note{background:linear-gradient(145deg,#f5f5f2,#fff);border:1px solid #d9d9d4;border-radius:14px;margin-top:auto;padding:14px 16px}.sidebar__note span{color:var(--primary-strong);font-size:13px;font-weight:600}.sidebar__note p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.app-frame{padding-left:var(--sidebar-width)}.topbar{z-index:30;min-height:var(--header-height);border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:12px 32px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{border-bottom:1px solid color-mix(in srgb, var(--border) 68%, transparent)}}.topbar{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--background) 88%, transparent)}}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar__brand{align-items:center;height:48px;display:inline-flex;position:absolute;left:32px}.topbar__brand .brand-mark{width:142px}.search-field{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:12px;width:min(590px,58%);min-height:46px;padding:0 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.search-field{background:color-mix(in srgb, var(--surface) 82%, transparent)}}.search-field{color:var(--text-muted)}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary)}@supports (color:color-mix(in lab, red, red)){.search-field:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent)}}.search-field svg{width:20px}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.topbar__actions{align-items:center;gap:14px;display:flex;position:absolute;right:32px}.icon-button,.avatar{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--navy);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative}.icon-button svg{width:20px}.notification-dot{background:#ff6b00;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:5px}.avatar{border-color:var(--border);background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.topbar-menu{z-index:40;border:1px solid var(--border);background:var(--surface);width:min(320px,100vw - 32px);color:var(--text);border-radius:16px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 55px #231b1329}.topbar-menu a,.topbar-menu button{width:100%;min-height:44px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0 14px;font-weight:600;display:flex}.topbar-menu a:hover,.topbar-menu button:hover{background:var(--primary-soft)}.topbar-menu svg{width:17px}.notification-menu header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notification-menu header span{color:var(--text-muted);font-size:11px}.notification-empty{text-align:center;justify-items:center;padding:24px 20px;display:grid}.notification-empty>svg{width:24px;color:var(--primary-strong)}.notification-empty strong{margin-top:9px;font-size:14px}.notification-empty p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.notification-menu>a{border-top:1px solid var(--line-soft);color:var(--primary-strong)}.profile-menu{width:230px}.profile-menu__identity{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:15px;display:flex}.profile-menu__identity>span{background:var(--primary-soft);width:38px;height:38px;color:var(--primary-strong);border-radius:50%;place-items:center;font-weight:700;display:grid}.profile-menu__identity div{min-width:0;display:grid}.profile-menu__identity strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu__identity small{color:var(--text-muted)}.profile-menu form{border-top:1px solid var(--line-soft)}.profile-menu form button{color:var(--danger)}.main-content{width:min(100%,1440px);margin:0 auto;padding:14px 32px 56px}.page-stack{gap:28px;display:grid}.page-heading h1{color:var(--navy);letter-spacing:-.7px;margin:0;font-size:clamp(28px,3vw,34px);font-weight:600;line-height:1.15}.page-heading p{color:var(--text-muted);margin:7px 0 0}.card{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.card{border:1px solid color-mix(in srgb, var(--border) 76%, transparent)}}.card{border-radius:var(--radius-card);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.card{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.card{box-shadow:0 8px 30px #142a5409}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{justify-content:space-between;align-items:center;min-height:126px;padding:22px 24px;display:flex}.stat-card p{color:var(--text-muted);margin:0 0 5px;font-size:14px}.stat-card strong{color:var(--navy);letter-spacing:-.5px;font-size:30px;font-weight:600}.stat-card>span{background:var(--primary-soft);width:52px;height:52px;color:var(--primary-strong);border-radius:50%;place-items:center;display:grid}.stat-card svg{width:24px}.home-grid,.foundation-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px;display:grid}.welcome-card{background:linear-gradient(130deg,#fff 0 60%,#eeeeea 100%);grid-template-columns:1fr 210px;align-items:center;min-height:230px;padding:28px;display:grid;overflow:hidden}.welcome-card h2,.goal-card h2,.foundation-card h2,.section-heading h2,.state-preview h2{color:var(--navy);margin:0;font-size:20px;font-weight:600}.welcome-card p,.foundation-card p{max-width:580px;color:var(--text-muted);margin:8px 0 18px}.inline-action{color:var(--primary-strong);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.inline-action svg{width:17px;transition:transform .18s}.inline-action:hover svg{transform:translate(3px)}.abstract-visual{width:180px;height:150px;position:relative}.abstract-visual span{background:linear-gradient(145deg,#5b5b57,#262624);border-radius:16px;position:absolute;transform:rotate(-10deg);box-shadow:0 18px 30px #00000024}.abstract-visual span:first-child{inset:20px 42px 40px 20px}.abstract-visual span:nth-child(2){opacity:.82;width:72px;height:72px;bottom:16px;right:6px;transform:rotate(14deg)}.abstract-visual span:nth-child(3){background:#b9b9b3;width:42px;height:42px;bottom:0;left:0;transform:rotate(18deg)}.goal-card{padding:28px}.goal-card__heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.goal-card__heading strong{color:var(--navy);font-size:32px;font-weight:600}.goal-card>p{color:var(--text-muted);font-size:14px}.progress__track{background:#dfe4ec;border-radius:999px;height:8px;overflow:hidden}.progress__track span{border-radius:inherit;background:var(--primary);height:100%;transition:width .3s;display:block}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.section-heading>span{color:var(--text-muted);font-size:13px}.route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.route-card{border:1px solid var(--border);align-content:center;min-height:108px;padding:20px 50px 20px 20px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.route-card{border:1px solid color-mix(in srgb, var(--border) 75%, transparent)}}.route-card{background:var(--surface);border-radius:15px;transition:transform .18s,border-color .18s,box-shadow .18s}.route-card:hover{border-color:#aaa9a3;transform:translateY(-2px);box-shadow:0 12px 24px #00000012}.route-card span{color:var(--navy);font-weight:600}.route-card small{color:var(--text-muted);margin-top:3px}.route-card svg{width:18px;color:var(--primary-strong);position:absolute;right:18px}.foundation-card{min-height:260px;padding:28px}.foundation-card--primary{background:linear-gradient(135deg,#fff,#f5f5f2);grid-template-columns:56px 1fr;gap:18px;display:grid}.foundation-card--primary .inline-action{grid-column:2;align-self:end}.feature-icon{background:var(--primary-soft);width:56px;height:56px;color:var(--primary-strong);border-radius:16px;place-items:center;display:grid}.check-list{gap:15px;margin:0;padding:15px 0 0;list-style:none;display:grid}.check-list li{color:var(--text-muted);align-items:center;gap:10px;display:flex}.check-list svg{width:19px;color:var(--success)}.state-preview{border-radius:var(--radius-card);background:#ffffff85;border:1px dashed #b8c7da;grid-template-columns:260px 1fr;align-items:center;gap:24px;padding:22px 28px;display:grid}.page-state{text-align:center;justify-items:center;padding:28px;display:grid}.page-state__icon{background:var(--primary-soft);width:50px;height:50px;color:var(--primary-strong);border-radius:50%;place-items:center;display:grid}.page-state h2{color:var(--navy);margin:12px 0 3px;font-size:18px;font-weight:600}.page-state p{color:var(--text-muted);margin:0 0 16px;font-size:14px}.app-skeleton{gap:22px;width:100%;animation:.18s ease-out skeleton-enter;display:grid}.app-skeleton__heading{gap:10px;padding:6px 2px 12px;display:grid}.app-skeleton__stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.app-skeleton__dashboard,.app-skeleton__progress,.app-skeleton__study,.app-skeleton__settings{grid-template-columns:1.35fr .85fr;gap:18px;display:grid}.app-skeleton__cards,.app-skeleton__catalog{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.app-skeleton__reader-toolbar{grid-template-columns:minmax(220px,1fr) 120px 120px;gap:10px;display:grid}.app-skeleton__history,.app-skeleton__settings-form{gap:12px;display:grid}.skeleton-block{border:1px solid var(--border);display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.skeleton-block{border:1px solid color-mix(in srgb, var(--border) 54%, transparent)}}.skeleton-block{background:#e7e7e3;border-radius:14px}.skeleton-block:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.25s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-block--title{border:0;border-radius:9px;width:min(440px,72%);height:38px}.skeleton-block--copy{border:0;border-radius:7px;width:min(560px,88%);height:17px}.skeleton-block--stat{min-height:118px}.skeleton-block--panel{min-height:270px}.skeleton-block--card{min-height:168px}.skeleton-block--filters{width:100%;min-height:58px}.skeleton-block--content-card{min-height:230px}.skeleton-block--chart,.skeleton-block--summary{min-height:330px}.skeleton-block--reader-title,.skeleton-block--action{min-height:44px}.skeleton-block--document{border-radius:6px;justify-self:center;width:min(100%,920px);min-height:680px}.skeleton-block--study-main,.skeleton-block--study-side{min-height:430px}.skeleton-block--row{min-height:86px}.skeleton-block--settings-nav{min-height:250px}.skeleton-block--form-section{min-height:210px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@keyframes skeleton-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.skeleton-block:after{animation:none}}.button{border-radius:var(--radius-control);justify-content:center;align-items:center;min-height:44px;padding:0 17px;font-weight:600;display:inline-flex}.button--primary{color:#fff;background:var(--primary)}.button--secondary{border:1px solid var(--border);color:var(--navy);background:#fff}.standalone-state{place-items:center;min-height:100vh;display:grid}.mobile-nav{display:none}.dashboard-heading{justify-content:space-between;align-items:end;gap:24px;max-width:none;display:flex}.study-cta{background:var(--primary);color:#fff;border-radius:12px;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:600;display:inline-flex}.study-cta svg{width:19px}.dashboard-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);gap:16px;display:grid}.continue-panel,.activity-panel{padding:22px 24px}.panel-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.panel-heading h2,.daily-challenge h2,.quick-study h2{color:var(--navy);margin:0;font-size:20px;font-weight:600}.panel-heading>a{color:var(--primary-strong);font-size:13px;font-weight:600}.continue-list{display:grid}.continue-item{border-top:1px solid #e6e9ee;grid-template-columns:58px 1fr 24px;align-items:center;gap:16px;min-height:96px;padding:14px 0;display:grid}.continue-item:first-child{border-top:0}.learning-icon{background:var(--primary-soft);width:58px;height:58px;color:var(--primary-strong);border-radius:14px;place-items:center;display:grid}.learning-icon svg{width:25px}.continue-item__copy{gap:4px;min-width:0;display:grid}.continue-item__copy strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.continue-item__copy small{color:var(--text-muted)}.continue-item__copy .progress{width:min(100%,380px);margin-top:3px}.continue-item>svg{width:18px;color:var(--primary-strong)}.activity-panel ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.activity-panel li{grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:63px;display:grid}.activity-panel li>span{background:var(--primary-soft);width:42px;height:42px;color:var(--primary-strong);border-radius:50%;place-items:center;display:grid}.activity-panel li svg{width:20px}.activity-panel li div{display:grid}.activity-panel li strong{color:var(--navy);font-size:14px;font-weight:500}.activity-panel li small{color:var(--text-muted)}.section-heading>a{color:var(--primary-strong);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.section-heading>a svg{width:16px}.recommendation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.study-catalog__personal-note{color:var(--text-muted);margin:0;font-size:13px}.recommendation-feedback{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.recommendation-feedback p{margin:0}.recommendation-feedback button{border:1px solid var(--border);background:var(--surface);color:var(--navy);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;display:inline-flex}.recommendation-feedback button:disabled{cursor:wait;opacity:.6}.recommendation-feedback svg{width:13px;height:13px}.recommendation-card{border:1px solid var(--border);grid-template-columns:120px 1fr;gap:18px;min-height:180px;padding:16px;display:grid}@supports (color:color-mix(in lab, red, red)){.recommendation-card{border:1px solid color-mix(in srgb, var(--border) 75%, transparent)}}.recommendation-card{background:var(--surface);border-radius:16px}.recommendation-card__art{background:linear-gradient(145deg,#eeeeea,#dcdcd7);border-radius:13px;place-items:center;min-height:148px;display:grid;position:relative;overflow:hidden}.recommendation-card__art:before,.recommendation-card__art:after{border:2px solid var(--primary);width:64px;height:64px;position:absolute}@supports (color:color-mix(in lab, red, red)){.recommendation-card__art:before,.recommendation-card__art:after{border:2px solid color-mix(in srgb, var(--primary) 44%, transparent)}}.recommendation-card__art:before,.recommendation-card__art:after{content:"";border-radius:18px;transform:rotate(25deg)}.recommendation-card__art:after{background:var(--primary);width:40px;height:40px;transform:translate(28px,38px)rotate(45deg)}@supports (color:color-mix(in lab, red, red)){.recommendation-card__art:after{background:color-mix(in srgb, var(--primary) 16%, transparent)}}.recommendation-card__art span{z-index:1;background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:600;display:grid}.recommendation-card .art-2{background:linear-gradient(145deg,#f0f0ed,#deded9)}.recommendation-card .art-3{background:linear-gradient(145deg,#ecece8,#d8d8d3)}.recommendation-card>div:last-child{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.content-type{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.recommendation-card h3{color:var(--navy);margin:8px 0 4px;font-size:16px;font-weight:600;line-height:1.3}.recommendation-card p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.recommendation-card a{color:var(--primary-strong);align-items:center;gap:5px;margin-top:auto;font-size:13px;font-weight:600;display:inline-flex}.recommendation-card a svg{width:15px}.dashboard-bottom-grid{grid-template-columns:1.35fr .65fr;gap:16px;display:grid}.daily-challenge{grid-template-columns:1fr 240px;align-items:center;gap:32px;padding:26px;display:grid}.daily-challenge p,.quick-study p{color:var(--text-muted);margin:6px 0 0;font-size:14px}.daily-challenge__progress strong{color:var(--navy);margin-bottom:8px;font-size:28px;font-weight:600;display:block}.daily-challenge__progress a{color:var(--primary-strong);align-items:center;gap:5px;margin-top:12px;font-size:13px;font-weight:600;display:inline-flex}.daily-challenge__progress a svg{width:15px}.quick-study{grid-template-columns:52px 1fr;align-items:center;gap:14px;padding:24px;display:grid}.quick-study>span{background:var(--primary-soft);width:52px;height:52px;color:var(--primary-strong);border-radius:15px;place-items:center;display:grid}.quick-study>a{color:var(--primary-strong);grid-column:2;font-size:13px;font-weight:600}.catalog-stack{gap:20px;display:grid}.catalog-search{gap:10px;display:flex}.catalog-search label{border:1px solid var(--border);background:var(--control);min-height:48px;color:var(--text-muted);border-radius:13px;flex:1;align-items:center;gap:12px;padding:0 16px;display:flex}.catalog-search label:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary)}@supports (color:color-mix(in lab, red, red)){.catalog-search label:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent)}}.catalog-search svg{width:20px}.catalog-search input{background:0 0;border:0;outline:0;width:100%}.catalog-search button,.catalog-empty>a{background:var(--primary);min-width:92px;color:var(--on-primary);cursor:pointer;border:0;border-radius:12px;font-weight:700}.topic-filter{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:15px;padding:18px;display:grid}.topic-filter__heading{align-items:center;gap:11px;display:flex}.topic-filter__heading>svg{width:20px;color:var(--primary-strong)}.topic-filter__heading h2{color:var(--navy);margin:0;font-size:15px}.topic-filter__heading p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.topic-filter__buttons{flex-wrap:wrap;gap:8px;display:flex}.topic-filter__buttons button{border:1px solid var(--border);background:var(--control);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 14px;font-weight:600}.topic-filter__buttons button:hover{border-color:var(--primary);background:var(--primary-soft)}.topic-filter__buttons button.is-active{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.catalog-results-heading select{border:1px solid var(--border);background:var(--control);min-height:42px;color:var(--text);border-radius:10px;padding:0 36px 0 12px}.reset-filter{min-height:42px;color:var(--primary-strong);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.reset-filter svg{width:16px}.catalog-results-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.catalog-results-heading h2{color:var(--navy);margin:0;font-size:20px;font-weight:600}.catalog-results-heading p{color:var(--text-muted);margin:3px 0 0;font-size:14px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px;display:grid}.catalog-loader{min-height:72px;color:var(--text-muted);justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.catalog-loader p{margin:0}.catalog-loader button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--navy);cursor:pointer;border-radius:999px;padding:0 16px;font-weight:600}.catalog-loader button:hover{border-color:var(--primary);background:var(--primary-soft)}.catalog-loader button:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.catalog-loader button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 35%, transparent)}}.catalog-loader button:focus-visible{outline-offset:3px}.content-card{background:0 0;flex-direction:column;min-width:0;display:flex}.content-card__visual{aspect-ratio:16/9;background:linear-gradient(145deg, var(--surface-muted), var(--border));border-radius:14px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.content-card__visual{background:linear-gradient(145deg, var(--surface-muted), color-mix(in srgb, var(--border) 76%, var(--surface)))}}.content-card__visual{color:var(--primary-strong);transition:filter .18s,transform .18s}.content-card__visual:hover{filter:brightness(.94);transform:translateY(-1px)}.content-card__visual:after{border:1px solid var(--primary);width:150px;height:150px;position:absolute}@supports (color:color-mix(in lab, red, red)){.content-card__visual:after{border:1px solid color-mix(in srgb, var(--primary) 25%, transparent)}}.content-card__visual:after{content:"";border-radius:40px;transform:translate(90px,35px)rotate(30deg)}.content-card__visual svg{width:42px;height:42px}.content-card__visual span{background:var(--surface);border-radius:999px;padding:4px 8px;position:absolute;bottom:12px;left:16px}@supports (color:color-mix(in lab, red, red)){.content-card__visual span{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.content-card__visual span{color:var(--navy);font-size:11px;font-weight:600}.content-card__body{flex-direction:column;flex:1;gap:9px;padding:12px 4px 0;display:flex}.content-card__topline{justify-content:space-between;align-items:center;display:flex}.bookmark-button{width:36px;height:36px;color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.bookmark-button:hover{background:var(--primary-soft);color:var(--primary-strong)}.bookmark-button input{opacity:0;width:1px;height:1px;position:absolute}.bookmark-button:has(input:focus-visible){outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.bookmark-button:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--primary) 35%, transparent)}}.bookmark-button:has(input:focus-visible){outline-offset:3px}.bookmark-button:has(input:checked){color:var(--primary-strong);background:var(--primary-soft)}.bookmark-button:has(input:checked) svg{fill:currentColor}.bookmark-button svg{width:19px}.content-card__field{color:var(--text-muted);margin:0 0 4px;font-size:12px}.content-card h2{color:var(--navy);margin:0;font-size:18px;font-weight:600;line-height:1.3}.content-card__summary{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:14px;display:-webkit-box;overflow:hidden}.content-card__meta{flex-wrap:wrap;gap:7px;display:flex}.content-card__meta span{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.content-card__meta svg{width:13px}.content-card__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:5px;display:flex}.content-card__footer>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.content-card__footer a{color:var(--primary-strong);flex:none;font-size:13px;font-weight:600}.content-card__details{grid-template-columns:38px minmax(0,1fr) 30px;gap:11px;padding:11px 3px 0;display:grid}.content-card__avatar{background:var(--primary);width:38px;height:38px;color:var(--on-primary);border-radius:50%;place-items:center;font-weight:800;display:grid}.content-card__details h2{margin:0 0 5px;font-size:18px;line-height:1.28}.content-card__details h2 a{color:inherit;text-decoration:none}.content-card__source{color:var(--text-muted);margin:0 0 5px;font-size:12px}.content-card__details .content-card__field{margin:0 0 7px}.content-card__details .content-card__meta{gap:5px 10px}.content-card__details .content-card__meta span{border:0;border-radius:0;padding:0}.content-card__save{justify-content:flex-end;display:flex}.history-detail__back{width:fit-content;color:var(--text-muted);align-items:center;gap:7px;font-weight:700;text-decoration:none;display:inline-flex}.history-detail__back svg{width:18px}.history-result-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.history-result-summary>div{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:8px;padding:20px;display:grid}.history-result-summary small{color:var(--text-muted)}.history-result-summary strong{color:var(--navy);font-size:25px}.history-answer-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.history-answer-list article{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:22px}.history-answer-list header{color:var(--text-muted);align-items:center;gap:8px;font-weight:700;display:flex}.history-answer-list header svg{width:20px;color:var(--primary)}.history-answer-list h2{color:var(--navy);margin:14px 0;font-size:18px}.history-answer-list p{color:var(--text-muted);margin:8px 0 0}.history-answer-list__explanation{background:var(--surface-muted);border-radius:11px;padding:13px}.history-detail__actions{flex-wrap:wrap;gap:10px;display:flex}.history-detail__actions a{border:1px solid var(--border);min-height:42px;color:var(--navy);border-radius:11px;align-items:center;padding:0 15px;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:600px){.history-result-summary{grid-template-columns:1fr}}.catalog-empty{text-align:center;border:1px dashed #b8c7da;border-radius:18px;align-content:center;place-items:center;min-height:300px;padding:32px;display:grid}.catalog-empty>svg{width:42px;height:42px;color:var(--primary)}.catalog-empty h2{color:var(--navy);margin:14px 0 4px;font-size:20px}.catalog-empty p{color:var(--text-muted);margin:0 0 18px}.catalog-empty>a{align-items:center;min-height:44px;padding:0 16px;display:inline-flex}.creator-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.creator-heading>span{border:1px solid var(--border);min-height:40px;color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.creator-heading>span svg{width:17px}.creator-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:18px;display:grid}.creator-form,.creator-submissions{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:24px}.creator-form__heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.creator-form__heading>span{background:var(--primary-soft);width:46px;height:46px;color:var(--primary-strong);border-radius:13px;place-items:center;display:grid}.creator-form__heading svg{width:22px}.creator-form h2,.creator-submissions h2{color:var(--navy);margin:0;font-size:20px}.creator-form__heading p{color:var(--text-muted);margin:3px 0 0;font-size:13px}.creator-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.creator-form__wide{grid-column:1/-1}.creator-form label:not(.creator-rights){color:var(--text);gap:7px;font-size:13px;font-weight:600;display:grid}.creator-form input:not([type=checkbox]),.creator-form select,.creator-form textarea{border:1px solid var(--border);background:var(--control);width:100%;color:var(--text);font:inherit;border-radius:11px}.creator-form input:not([type=checkbox]),.creator-form select{min-height:44px;padding:0 12px}.creator-form textarea{resize:vertical;padding:11px 12px}:is(.creator-form input:focus-visible,.creator-form select:focus-visible,.creator-form textarea:focus-visible){outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){:is(.creator-form input:focus-visible,.creator-form select:focus-visible,.creator-form textarea:focus-visible){outline:3px solid color-mix(in srgb, var(--primary) 30%, transparent)}}:is(.creator-form input:focus-visible,.creator-form select:focus-visible,.creator-form textarea:focus-visible){outline-offset:2px}.creator-file{border:1px dashed var(--border);background:var(--surface-muted);cursor:pointer;border-radius:13px;grid-template-columns:30px 1fr;align-items:center;padding:15px}.creator-file>svg{width:24px}.creator-file>span{display:grid}.creator-file small{color:var(--text-muted);font-weight:400}.creator-file input{grid-column:1/-1;background:var(--surface)!important}.creator-rights{color:var(--text-muted);align-items:start;gap:10px;margin:18px 0;font-size:13px;line-height:1.5;display:flex}.creator-rights input{flex:none;margin-top:4px}.creator-rights svg{width:19px;color:var(--primary-strong);flex:none}.creator-form>.button{cursor:pointer;border:0;min-height:44px}.creator-form>.button:disabled{cursor:wait;opacity:.65}.creator-submissions ol{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.creator-submissions li{border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:14px;display:grid}.creator-submissions li>div{gap:2px;display:grid}.creator-submissions li strong{color:var(--navy);font-size:14px}.creator-submissions time,.creator-submissions li p{color:var(--text-muted);font-size:12px}.creator-submissions li p{grid-column:1/-1;margin:4px 0 0}.submission-status{background:var(--surface-muted);height:fit-content;color:var(--text);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.submission-status--approved{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.submission-status--approved{background:color-mix(in srgb, var(--success) 14%, var(--surface))}}.submission-status--approved{color:var(--success)}.submission-status--rejected{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.submission-status--rejected{background:color-mix(in srgb, var(--danger) 12%, var(--surface))}}.submission-status--rejected{color:var(--danger)}.creator-empty,.creator-gate{text-align:center;justify-items:center;display:grid}.creator-empty{color:var(--text-muted);gap:8px;padding:42px 16px}.creator-empty svg{width:28px}.creator-empty p{margin:0}.creator-gate{align-content:center;min-height:calc(100vh - 180px);padding:32px}.creator-gate>svg{background:var(--primary-soft);width:52px;height:52px;color:var(--primary-strong);border-radius:15px;padding:13px}.creator-gate h1{color:var(--navy);margin:16px 0 5px;font-size:26px}.creator-gate p{max-width:520px;color:var(--text-muted);margin:0}.moderation-list{gap:16px;display:grid}.moderation-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:22px}.moderation-card>header{justify-content:space-between;align-items:start;gap:18px;display:flex}.moderation-card h2{color:var(--navy);margin:8px 0 3px;font-size:20px}.moderation-card time,.moderation-card>p{color:var(--text-muted);font-size:13px}.moderation-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.moderation-card dl>div{background:var(--surface-muted);border-radius:11px;padding:12px}.moderation-card dt{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.moderation-card dd{color:var(--text);overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.moderation-card>label{color:var(--text);gap:7px;font-size:13px;font-weight:600;display:grid}.moderation-card textarea{border:1px solid var(--border);background:var(--control);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:11px;padding:11px 12px}.moderation-card footer{gap:10px;margin-top:14px;display:flex}.moderation-card .button{cursor:pointer;align-items:center;gap:7px;min-height:42px;display:inline-flex}.moderation-card .button svg{width:17px}.button--danger{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.button--danger{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border))}}.button--danger{color:var(--danger);background:0 0}.publication-form{grid-template-columns:minmax(180px,2fr) 1fr 1fr auto;align-items:end;gap:10px;margin-top:18px;display:grid}.publication-form label{color:var(--text);gap:6px;font-size:12px;font-weight:600;display:grid}.publication-form input{border:1px solid var(--border);background:var(--control);min-height:42px;color:var(--text);font:inherit;border-radius:10px;padding:0 11px}.creator-admin-panel{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:22px}.creator-user-search{border:1px solid var(--border);background:var(--control);border-radius:11px;align-items:center;gap:9px;padding:0 12px;display:flex}.creator-user-search svg{width:18px;color:var(--text-muted)}.creator-user-search input{width:100%;min-height:44px;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.creator-user-list{gap:10px;margin-top:18px;display:grid}.creator-user-list article{border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px;display:grid}.creator-user-list article>div:first-child{gap:2px;min-width:0;display:grid}.creator-user-list strong{color:var(--navy)}.creator-user-list article>div:first-child span,.creator-user-list small{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px}.creator-user-actions{flex-wrap:wrap;justify-content:end;gap:7px;display:flex}.creator-user-actions button{border:1px solid var(--border);background:var(--surface-muted);min-height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.creator-user-actions button:disabled{cursor:wait;opacity:.6}.creator-user-actions svg{width:15px}.creator-user-empty{text-align:center;color:var(--text-muted);padding:28px}.isi-empty{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 160px);padding:32px;display:grid}.isi-empty>span{background:var(--primary-soft);width:72px;height:72px;color:var(--primary-strong);border-radius:22px;place-items:center;display:grid}.isi-empty>span svg{width:32px;height:32px}.isi-empty h1{color:var(--navy);margin:18px 0 6px;font-size:28px;font-weight:600}.isi-empty>p{color:var(--text-muted);margin:0 0 20px}.reader-layout,.question-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;min-width:0;max-width:100%;display:grid}.chapter-sidebar,.question-navigator{border:1px solid var(--border);min-width:0;max-width:100%;padding:20px;position:sticky;top:94px}@supports (color:color-mix(in lab, red, red)){.chapter-sidebar,.question-navigator{border:1px solid color-mix(in srgb, var(--border) 76%, transparent)}}.chapter-sidebar,.question-navigator{background:var(--surface);border-radius:17px}.chapter-sidebar__heading{color:var(--navy);align-items:center;gap:10px;margin-bottom:14px;display:flex}.chapter-sidebar__heading>svg{width:20px}.chapter-sidebar__heading div{display:grid}.chapter-sidebar__heading span{font-weight:600}.chapter-sidebar__heading strong{color:var(--text-muted);font-size:12px;font-weight:500}.chapter-sidebar .progress{margin-bottom:16px}.chapter-sidebar ol,.question-navigator ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.chapter-sidebar nav{border-top:1px solid #e7e9ed;padding-top:14px}.chapter-sidebar button{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:9px;display:grid}.chapter-sidebar button:hover,.chapter-sidebar button.is-active{background:var(--primary-soft);color:var(--primary-strong)}.chapter-sidebar button>span:first-child{border:1px solid var(--border);background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.chapter-sidebar button>span:last-child{display:grid}.chapter-sidebar button strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chapter-sidebar button small{font-size:11px}.chapter-sidebar button svg{width:15px}.lesson-panel,.question-panel,.result-panel{border:1px solid var(--border);min-width:0;max-width:100%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lesson-panel,.question-panel,.result-panel{border:1px solid color-mix(in srgb, var(--border) 76%, transparent)}}.lesson-panel,.question-panel,.result-panel{background:var(--surface);border-radius:18px}.lesson-header,.question-header{background:linear-gradient(135deg,#fff,#f4f8ff);border-bottom:1px solid #e7e9ed;justify-content:space-between;align-items:start;gap:20px;padding:26px 30px;display:flex}.lesson-header a,.question-header a{color:var(--primary-strong);align-items:center;gap:6px;margin-bottom:15px;font-size:13px;font-weight:600;display:inline-flex}.lesson-header a svg,.question-header a svg{width:16px}.lesson-header p,.question-header p{color:var(--primary-strong);margin:0 0 3px;font-size:13px;font-weight:600}.lesson-header h1,.question-header h1{color:var(--navy);margin:0;font-size:27px;font-weight:600;line-height:1.2}.lesson-meta{color:var(--text-muted);gap:14px;margin-top:10px;font-size:12px;display:flex}.lesson-meta span{align-items:center;gap:5px;display:inline-flex}.lesson-meta svg{width:14px}.lesson-progress-label,.question-header>span{background:var(--primary-soft);min-width:62px;height:62px;color:var(--primary-strong);border-radius:50%;place-items:center;font-weight:600;display:grid}.question-header>span{border-radius:999px;width:auto;min-width:86px;height:38px;padding:0 13px;font-size:13px}.lesson-content{max-width:780px;min-height:430px;padding:42px 48px}.chapter-label{color:var(--primary-strong);font-size:13px;font-weight:600}.lesson-content h2{color:var(--navy);margin:4px 0 22px;font-size:27px;font-weight:600}.lesson-content>p{color:#34343a;margin:0 0 20px;font-size:17px;line-height:1.8}.key-point{border-left:4px solid var(--primary);background:var(--primary-soft);border-radius:0 13px 13px 0;margin-top:30px;padding:20px 22px}.key-point strong{color:var(--primary-strong)}.key-point p{color:#39445a;margin:5px 0 0}.lesson-footer,.question-footer,.result-actions{border-top:1px solid #e7e9ed;justify-content:space-between;align-items:center;gap:12px;padding:20px 28px;display:flex}.lesson-footer .button,.question-footer .button,.result-actions .button{cursor:pointer;border:0;gap:7px}.button:disabled{opacity:.45;cursor:not-allowed}.button svg{width:17px}.complete-section{border:1px solid var(--border);min-height:44px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.complete-section.is-complete{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.complete-section.is-complete{border-color:color-mix(in srgb, var(--success) 35%, white)}}.complete-section.is-complete{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.complete-section.is-complete{background:color-mix(in srgb, var(--success) 8%, white)}}.complete-section.is-complete{color:var(--success)}.complete-section svg{width:18px}.question-navigator>div:first-child h2{color:var(--navy);margin:0;font-size:18px;font-weight:600}.question-navigator>div:first-child>span{color:var(--text-muted);font-size:12px}.question-navigator ol{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.question-navigator li button{aspect-ratio:1;border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid;position:relative}.question-navigator li button.is-answered{background:var(--primary-soft);color:var(--primary-strong);border-color:#9fc8f8}.question-navigator li button.is-active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.question-navigator li button.is-active{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}}.question-navigator li button>svg{width:13px;fill:var(--warning);color:var(--warning);position:absolute;top:-4px;right:-4px}.navigator-legend{border-top:1px solid #e7e9ed;gap:7px;margin-top:18px;padding-top:14px;display:grid}.navigator-legend span{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.navigator-legend svg{width:14px}.question-body{min-height:480px;padding:36px 42px}.question-body__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.question-body__top>span{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}.question-body__top button{min-height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.question-body__top button.is-flagged{color:var(--warning);background:#fff4e8}.question-body__top button svg{width:17px}.question-body h2{max-width:760px;color:var(--navy);margin:26px 0 30px;font-size:24px;font-weight:600;line-height:1.45}.question-body fieldset{border:0;gap:11px;padding:0;display:grid}.question-body legend{color:var(--text-muted);margin-bottom:12px;font-size:13px}.question-body fieldset label{border:1px solid var(--border);cursor:pointer;border-radius:13px;grid-template-columns:34px 1fr;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:grid}.question-body fieldset label:hover,.question-body fieldset label.is-selected{border-color:var(--primary);background:var(--primary-soft)}.question-body fieldset input{opacity:0;position:absolute}.question-body fieldset label>span{border:1px solid var(--border);width:32px;height:32px;color:var(--navy);background:#fff;border-radius:50%;place-items:center;font-size:13px;display:grid}.question-body fieldset label.is-selected>span{border-color:var(--primary);background:var(--primary);color:#fff}.question-body fieldset label:has(input:focus-visible){outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.question-body fieldset label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--primary) 30%, transparent)}}.question-body fieldset label:has(input:focus-visible){outline-offset:2px}.question-body fieldset strong{font-weight:500}.inline-error{color:var(--danger);align-items:center;gap:7px;margin:18px 0 0;display:flex}.inline-error svg{width:18px}.confirm-dialog{border:0;border-radius:18px;width:min(440px,100% - 32px);padding:0;box-shadow:0 30px 80px #05112a38}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1b3e6b}.confirm-dialog form{text-align:center;justify-items:center;padding:30px;display:grid}.confirm-dialog form>span{width:54px;height:54px;color:var(--warning);background:#fff4e8;border-radius:50%;place-items:center;display:grid}.confirm-dialog h2{color:var(--navy);margin:16px 0 5px;font-size:21px}.confirm-dialog p{color:var(--text-muted);margin:0 0 22px}.confirm-dialog form>div{gap:10px;width:100%;display:flex}.confirm-dialog form>div .button{cursor:pointer;border:0;flex:1}.result-panel{max-width:980px;margin:0 auto}.result-hero{text-align:center;background:linear-gradient(145deg,#f8fbff,#edf5ff);justify-items:center;padding:40px;display:grid}.result-hero>span{width:60px;height:60px;color:var(--primary-strong);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 24px #14468c1a}.result-hero>span svg{width:27px}.result-hero p{color:var(--primary-strong);margin:14px 0 0;font-weight:600}.result-hero h1{color:var(--navy);margin:2px 0 -4px;font-size:64px;font-weight:600;line-height:1}.result-hero strong{color:var(--navy)}.result-hero small{color:var(--text-muted);margin-top:4px}.review-list{padding:30px}.review-item{border-top:1px solid #e7e9ed;grid-template-columns:36px 1fr;gap:12px;padding:22px 0;display:grid}.review-item:first-of-type{border-top:0}.review-item>span{padding-top:2px}.review-item>span svg{width:23px}.review-item>span.is-correct{color:var(--success)}.review-item>span.is-wrong{color:var(--danger)}.review-item p{margin:0}.review-item>div>p{color:var(--text-muted);font-size:12px}.review-item h3{color:var(--navy);margin:2px 0 5px;font-size:16px;font-weight:600}.review-item small{color:var(--text-muted)}.explanation{background:#f6f7f9;border-radius:11px;margin-top:12px;padding:14px}.explanation strong{color:var(--navy);font-size:13px}.explanation p{color:#4b4b51;margin-top:3px;font-size:14px}.is-spinning{animation:1.1s linear infinite spin}.continue-empty{border:1px dashed var(--border);background:var(--surface-muted);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:190px;padding:28px;display:grid}.continue-empty>span{background:var(--primary-soft);width:52px;height:52px;color:var(--primary-strong);border-radius:14px;place-items:center;display:grid}.continue-empty>span svg{width:24px;height:24px}.continue-empty strong{color:var(--navy);font-size:16px}.continue-empty p{max-width:430px;color:var(--text-muted);margin:5px 0 0;font-size:14px;line-height:1.55}.continue-empty>a{color:var(--primary-strong);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.continue-empty>a svg{width:16px}.study-submit-error{color:#b42318;background:#fff1f2;border:1px solid #fecaca;border-radius:11px;align-items:center;gap:8px;margin:0 22px 14px;padding:12px 18px;font-size:14px;display:flex}.study-submit-error svg{flex:none;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1050px){:root{--sidebar-width:76px}.sidebar{padding-inline:8px}.sidebar:hover,.sidebar:focus-within{width:224px}.nav-link{padding-inline:18px}.topbar__brand .brand-mark{width:118px}.stats-grid{grid-template-columns:repeat(2,1fr)}.home-grid,.foundation-grid,.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.recommendation-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{flex-wrap:wrap}.reader-layout,.question-layout{grid-template-columns:210px minmax(0,1fr)}.lesson-content{padding:34px}.filter-panel__title{width:100%}.goal-card{min-height:190px}}@media (max-width:720px){body{padding-bottom:78px}.sidebar{display:none}.app-frame{padding-left:0}.topbar{justify-content:flex-start;min-height:70px;padding:10px 16px}.topbar__brand{display:none}.search-field{width:calc(100% - 108px);min-height:44px;padding:0 14px}.search-field input::placeholder{color:#0000}.topbar__actions{gap:8px;right:16px}.topbar__actions .icon-button,.topbar__actions .avatar{width:40px;height:40px}.main-content{padding:10px 16px 32px}.page-stack{gap:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:104px;padding:16px}.stat-card>span{display:none}.stat-card strong{font-size:26px}.welcome-card{grid-template-columns:1fr;min-height:0;padding:22px}.abstract-visual{display:none}.route-grid{grid-template-columns:1fr 1fr;gap:10px}.route-card{min-height:94px;padding:16px 38px 16px 16px}.section-heading>span{display:none}.foundation-card{min-height:0;padding:22px}.foundation-card--primary{grid-template-columns:1fr}.foundation-card--primary .inline-action{grid-column:1}.state-preview{grid-template-columns:1fr;padding:22px}.dashboard-heading{align-items:flex-start}.dashboard-heading .study-cta{padding:0 13px}.dashboard-heading .study-cta svg{display:none}.recommendation-grid,.content-grid{grid-template-columns:1fr}.recommendation-card{grid-template-columns:104px 1fr}.recommendation-card__art{min-height:154px}.daily-challenge{grid-template-columns:1fr;gap:20px}.filter-panel{grid-template-columns:1fr 1fr;align-items:end;display:grid}.filter-panel__title{grid-column:1/-1}.reset-filter{justify-content:flex-start}.catalog-results-heading{align-items:center}.catalog-results-heading p{display:none}.reader-layout,.question-layout{grid-template-columns:1fr}.chapter-sidebar,.question-navigator{position:static}.chapter-sidebar nav{max-width:100%;overflow-x:auto}.chapter-sidebar ol{min-width:max-content;display:flex}.chapter-sidebar li{width:190px}.question-navigator ol{grid-template-columns:repeat(6,minmax(44px,1fr))}.question-navigator li button{aspect-ratio:auto;min-height:44px}.lesson-header,.question-header{padding:22px}.lesson-header h1,.question-header h1{font-size:23px}.lesson-progress-label{min-width:52px;height:52px}.lesson-content,.question-body{min-height:0;padding:28px 22px}.lesson-content h2,.question-body h2{font-size:22px}.lesson-content>p{font-size:16px}.lesson-footer,.question-footer{padding:16px}.complete-section{padding:0 10px;font-size:13px}.lesson-footer .button,.question-footer .button{padding:0 12px;font-size:13px}.lesson-footer .button svg,.question-footer .button svg{display:none}.review-list{padding:22px}.result-actions{flex-wrap:wrap}.mobile-nav{z-index:30;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;display:block;position:fixed;inset:auto 0 0}.mobile-nav ul{padding:6px 8px calc(6px + env(safe-area-inset-bottom));scrollbar-width:none;gap:2px;margin:0;list-style:none;display:flex;overflow-x:auto}.mobile-nav li{flex:1 1 0;min-width:44px}.mobile-nav a{min-height:54px;color:var(--text-muted);border-radius:10px;place-items:center;gap:2px;font-size:10px;display:grid}.mobile-nav a[aria-current=page]{color:var(--primary-strong);background:var(--primary-soft)}.mobile-nav svg{width:20px;height:20px}.continue-empty{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:0;padding:22px 18px}.continue-empty>a{grid-column:auto;justify-content:center}}:root:not([data-theme=dark]){--background:#f5f5f7;--surface:#fff;--surface-muted:#f5f5f7;--border:#d2d2d7;--text:#1d1d1f;--text-muted:#6e6e73;--primary:#0071e3;--primary-strong:#06c;--primary-soft:#e8f2ff;--control:#fff;--line-soft:#e5e5e7;--chart-start:#64b5ff;--chart-end:#0071e3;--navy:#1d1d1f;--radius-control:999px;--radius-card:28px;--sidebar-width:240px;--header-height:80px}:root:not([data-theme=dark]) body{background:var(--background);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}:root:not([data-theme=dark]) .sidebar{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffe0;border-color:#0000001a;padding:24px 16px}:root:not([data-theme=dark]) .topbar{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#f5f5f7d1;border-bottom:0;padding-inline:40px}:root:not([data-theme=dark]) .topbar__actions{right:40px}:root:not([data-theme=dark]) .main-content{width:min(100%,1280px);padding:42px 40px 88px}:root:not([data-theme=dark]) .page-stack{gap:48px}:root:not([data-theme=dark]) .page-heading{max-width:900px}:root:not([data-theme=dark]) .page-heading h1{letter-spacing:-.055em;font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1.02}:root:not([data-theme=dark]) .page-heading p{max-width:720px;margin-top:16px;font-size:19px;line-height:1.5}:root:not([data-theme=dark]) .nav-list{gap:4px;padding-top:28px}:root:not([data-theme=dark]) .nav-link{border-radius:16px;min-height:48px;padding-inline:16px}:root:not([data-theme=dark]) .nav-link:hover{color:var(--text);background:#0000000d}:root:not([data-theme=dark]) .nav-link[aria-current=page]{color:#06c;background:#e8f2ff}:root:not([data-theme=dark]) .card,:root:not([data-theme=dark]) .topic-filter,:root:not([data-theme=dark]) .creator-form,:root:not([data-theme=dark]) .creator-submissions,:root:not([data-theme=dark]) .history-timeline article,:root:not([data-theme=dark]) .history-filters,:root:not([data-theme=dark]) .moderation-card,:root:not([data-theme=dark]) .creator-admin-panel{border-radius:var(--radius-card);border-color:#00000017;box-shadow:0 8px 30px #0000000a}:root:not([data-theme=dark]) .button,:root:not([data-theme=dark]) .study-cta,:root:not([data-theme=dark]) .catalog-search button,:root:not([data-theme=dark]) .catalog-empty>a,:root:not([data-theme=dark]) .settings-savebar button,:root:not([data-theme=dark]) .settings-heading>form button,:root:not([data-theme=dark]) .history-item__actions a,:root:not([data-theme=dark]) .pdf-reader__actions a,:root:not([data-theme=dark]) .study-result__actions a,:root:not([data-theme=dark]) .merged-page-nav a,:root:not([data-theme=dark]) button:not(.icon-button):not(.avatar):not(.bookmark-button):not(.save-content-button){border-radius:999px}:root:not([data-theme=dark]) .button--primary,:root:not([data-theme=dark]) .study-cta,:root:not([data-theme=dark]) .catalog-search button,:root:not([data-theme=dark]) .settings-savebar button,:root:not([data-theme=dark]) .history-item__actions a:first-child{box-shadow:none}:root:not([data-theme=dark]) .search-field,:root:not([data-theme=dark]) .catalog-search label,:root:not([data-theme=dark]) input,:root:not([data-theme=dark]) select,:root:not([data-theme=dark]) textarea{border-color:var(--border)}:root:not([data-theme=dark]) .search-field{background:#ffffffd6;border-color:#0000001f;min-height:48px;box-shadow:inset 0 1px #ffffffbf}:root:not([data-theme=dark]) .icon-button,:root:not([data-theme=dark]) .avatar{background:#ffffffe0;border-color:#0000001a;box-shadow:0 3px 12px #0000000d}:root:not([data-theme=dark]) .avatar{color:var(--primary-strong);background:var(--primary-soft)}:root:not([data-theme=dark]) .content-card__visual,:root:not([data-theme=dark]) .study-pack-card__thumbnail{border-radius:28px}:root:not([data-theme=dark]) .stats-grid,:root:not([data-theme=dark]) .dashboard-main-grid,:root:not([data-theme=dark]) .dashboard-bottom-grid,:root:not([data-theme=dark]) .progress-main-grid,:root:not([data-theme=dark]) .mastery-grid{gap:24px}:root:not([data-theme=dark]) .stat-card{min-height:138px;padding:24px}:root:not([data-theme=dark]) .catalog-grid,:root:not([data-theme=dark]) .study-pack-grid{gap:40px 24px}:root:not([data-theme=dark]) .content-card__body,:root:not([data-theme=dark]) .content-card__details,:root:not([data-theme=dark]) .study-pack-card__details{padding-top:16px}:root:not([data-theme=dark]) .section-heading h2,:root:not([data-theme=dark]) .progress-priority>.section-heading h2{letter-spacing:-.035em;font-size:clamp(28px,3vw,40px)}:root:not([data-theme=dark]) .topbar-menu{border-radius:24px;box-shadow:0 18px 55px #00000024}:root:not([data-theme=dark]) .landing-page{--primary:#0071e3;--primary-strong:#06c;--primary-soft:#e8f2ff;--text:#1d1d1f;--navy:#1d1d1f;--text-muted:#6e6e73}@media (max-width:720px){:root:not([data-theme=dark]) .topbar{padding-inline:16px}:root:not([data-theme=dark]) .topbar__actions{right:16px}:root:not([data-theme=dark]) .main-content{padding:30px 20px 104px}:root:not([data-theme=dark]) .page-stack{gap:28px}:root:not([data-theme=dark]) .page-heading h1{font-size:clamp(38px,12vw,52px)}}.landing-page,.auth-page{color:#171717;background:#f6f6f4}.landing-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#171717;--text:#171717;--text-muted:#62666b;--primary:#1687f8;--primary-strong:#006bd9;--primary-soft:#e7f2ff;min-height:100vh;padding:0 clamp(20px,6vw,96px) 64px}.landing-nav{border-bottom:1px solid #deded9;justify-content:space-between;align-items:center;max-width:1240px;min-height:84px;margin:0 auto;display:flex}.landing-nav .brand-mark{width:154px}.landing-login{background:#fff;border:1px solid #c9c9c4;border-radius:999px;padding:9px 17px;font-weight:650}.landing-hero{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:clamp(36px,5vw,76px);max-width:1240px;min-height:620px;margin:0 auto;padding:72px 0;display:grid}.landing-hero h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(48px,6.2vw,86px);line-height:.98}.landing-lead{color:#666662;max-width:650px;margin:28px 0 0;font-size:clamp(17px,1.7vw,21px);line-height:1.6}.landing-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;display:flex}.landing-primary{color:#fff;background:var(--primary);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 21px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #1687f838}.landing-primary svg{width:18px}.landing-text-link{color:#555552;text-underline-offset:5px;font-weight:650;text-decoration:underline}.landing-visual{min-width:0;margin:0;position:relative}.landing-visual img{object-fit:contain;width:100%;height:auto;display:block}.landing-about{border-top:1px solid #deded9;max-width:1240px;margin:30px auto 0;padding:90px 0}.landing-about>h2,.landing-cta h2{letter-spacing:-.04em;max-width:680px;margin:0;font-size:clamp(34px,4vw,54px);line-height:1.05}.landing-benefits{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}.landing-benefits article{background:#fff;border:1px solid #d9d9d4;border-radius:20px;padding:28px}.landing-benefits svg{width:24px;color:var(--primary-strong)}.landing-benefits h3{margin:34px 0 8px;font-size:19px}.landing-benefits p{color:#6c6c68;margin:0}.landing-cta{background:#e7f2ff;border-radius:28px;justify-content:space-between;align-items:end;gap:30px;max-width:1240px;margin:28px auto 0;padding:56px;display:flex}.landing-footer{color:#666662;border-top:1px solid #deded9;justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:54px auto 0;padding-top:24px;font-size:13px;display:flex}.landing-footer nav{flex-wrap:wrap;gap:20px;display:flex}.landing-footer a,.legal-card a,.report-card a:not(.landing-primary){text-underline-offset:4px;text-decoration:underline}.legal-page{color:#171717;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#171717;background:#f5f5f5;min-height:100vh;padding:0 clamp(18px,5vw,72px) 64px}.legal-header{border-bottom:1px solid #d4d4d4;justify-content:space-between;align-items:center;max-width:920px;min-height:78px;margin:0 auto;display:flex}.legal-header>a:last-child{background:#fff;border:1px solid #c7c7c7;border-radius:999px;padding:9px 16px;font-weight:650}.legal-card,.report-card{background:#fff;border:1px solid #d4d4d4;border-radius:24px;max-width:820px;margin:48px auto 0;padding:clamp(28px,5vw,58px);box-shadow:0 18px 60px #00000012}.legal-card h1,.report-card h1{letter-spacing:-.045em;margin:0 0 20px;font-size:clamp(36px,6vw,58px);line-height:1.02}.legal-card h2{margin:34px 0 10px;font-size:20px}.legal-card p,.legal-card li,.report-card>p{color:#5f5f5f;line-height:1.75}.legal-card ul{gap:7px;padding-left:22px;display:grid}.legal-card footer{border-top:1px solid #d4d4d4;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:44px;padding-top:24px;font-weight:650;display:flex}.consent-banner{z-index:1000;right:18px;bottom:max(18px, env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121418f5;border:1px solid #ffffff2e;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;max-width:920px;margin:auto;padding:18px 20px;display:flex;position:fixed;left:18px;box-shadow:0 20px 70px #0000007a}.consent-banner strong{margin-bottom:5px;display:block}.consent-banner p{color:#ffffffb3;max-width:620px;margin:0 0 5px;font-size:13px;line-height:1.45}.consent-banner a{color:#64d2ff;text-underline-offset:3px;font-size:12px;text-decoration:underline}.consent-banner__actions{flex:none;gap:8px;display:flex}.consent-banner button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:11px;min-height:40px;padding:0 14px;font-weight:750}.consent-banner button:last-child{background:#0a84ff;border-color:#0a84ff}@media (max-width:680px){.consent-banner{flex-direction:column;align-items:stretch;gap:13px}.consent-banner__actions{grid-template-columns:1fr 1fr;display:grid}.consent-banner button{padding:0 10px;font-size:12px}}.report-card{text-align:center}.report-card>p{max-width:620px;margin:0 auto 26px}.report-icon{color:#fff;background:var(--primary);border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 22px;display:grid}.report-icon svg{width:27px}.report-warning{color:#3f3f3f;text-align:left;background:#eee;border-radius:13px;gap:5px;padding:16px;display:grid}.report-warning span{font-size:13px;line-height:1.5}.report-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:28px 0 18px;display:flex}.report-actions>a:not(.landing-primary){align-items:center;gap:7px;display:inline-flex}.report-actions svg{width:18px}.report-card>small{color:#666}.auth-page{place-items:center;min-height:100vh;padding:32px 18px;display:grid}.auth-card{background:#fff;border:1px solid #d8d8d3;border-radius:20px;width:min(100%,420px);padding:32px;box-shadow:0 18px 50px #0000000f}.auth-brand{z-index:2;letter-spacing:-1px;align-items:center;min-height:44px;padding:0 4px;font-size:25px;display:inline-flex;position:fixed;top:24px;left:28px}.auth-brand:hover{opacity:.72}.auth-heading{text-align:center;margin-bottom:24px}.auth-heading h1{letter-spacing:-.035em;margin:0;font-size:28px}.auth-heading p{color:#73736f;margin:7px 0 0}.auth-card form{gap:15px;display:grid}.auth-card label{color:#30302e;gap:7px;font-size:13px;font-weight:650;display:grid}.auth-card input{background:#fff;border:1px solid #cfcfca;border-radius:10px;outline:0;width:100%;min-height:48px;padding:0 13px}.auth-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1687f81f}.auth-card button{cursor:pointer}.auth-google,.auth-submit{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:700;display:flex}.auth-google{color:#252523;background:#fff;border:1px solid #cfcfca}.auth-google:hover{background:#f5f5f2}.auth-google svg{width:19px;height:19px}.auth-submit{border:1px solid var(--primary);color:#fff;background:var(--primary)}.auth-submit:hover{background:var(--primary-strong)}.auth-google:disabled,.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-divider{color:#8a8a85;align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e2de;flex:1;height:1px}.auth-message,.auth-setup{border-radius:9px;margin:0;padding:11px 12px;font-size:12px}.auth-message--error{color:var(--danger);background:#fff0f0}.auth-message--success{color:var(--success);background:#edf7ef}.auth-card form>.auth-secondary-action{min-height:auto;color:var(--primary-strong);background:0 0;border:0;padding:4px;font-size:13px;font-weight:650}.auth-card form>.auth-secondary-action:hover{text-decoration:underline}.auth-setup{color:#555552;background:#f0f0ed}.auth-switch{color:#73736f;text-align:center;margin:22px 0 0;font-size:14px}.auth-switch button{color:var(--primary-strong);background:0 0;border:0;padding:0;font-weight:750}@media (max-width:800px){.landing-nav{min-height:70px}.landing-hero{grid-template-columns:1fr;gap:48px;min-height:auto;padding:64px 0}.landing-hero h1{font-size:clamp(44px,13vw,64px)}.landing-visual{justify-self:center;width:min(100%,680px)}.landing-benefits{grid-template-columns:1fr}.landing-about{padding:70px 0}.landing-cta{flex-direction:column;align-items:flex-start;padding:34px 26px}.landing-footer{flex-direction:column;align-items:flex-start}.legal-card,.report-card{border-radius:18px;margin-top:28px}.auth-card{padding:28px 22px}.app-skeleton__stats{grid-template-columns:1fr 1fr}.app-skeleton__dashboard,.app-skeleton__progress,.app-skeleton__study,.app-skeleton__settings,.app-skeleton__cards,.app-skeleton__catalog{grid-template-columns:1fr}.app-skeleton__reader-toolbar{grid-template-columns:1fr 1fr}.skeleton-block--reader-title{grid-column:1/-1}.skeleton-block--stat{min-height:96px}.skeleton-block--panel{min-height:210px}.skeleton-block--document{min-height:540px}}.settings-heading{justify-content:space-between;align-items:end;gap:20px;max-width:none;display:flex}.settings-heading>form button{border:1px solid var(--border);min-height:42px;color:var(--danger);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.settings-heading>form svg{width:16px}.settings-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:18px;display:grid}.settings-index{border:1px solid var(--border);background:#fff;border-radius:15px;gap:5px;padding:10px;display:grid;position:sticky;top:96px}.settings-index a{min-height:42px;color:var(--text-muted);border-radius:9px;align-items:center;gap:9px;padding:0 10px;font-size:13px;display:flex}:is(.settings-index a:hover,.settings-index a:focus-visible){background:var(--primary-soft);color:var(--primary-strong)}.settings-index svg{width:17px}.settings-sections{gap:14px;display:grid}.settings-sections>section{border:1px solid var(--border);background:#fff;border-radius:17px;padding:24px;scroll-margin-top:100px}.settings-section__heading{align-items:start;gap:12px;margin-bottom:20px;display:flex}.settings-section__heading>span{background:var(--primary-soft);height:42px;color:var(--primary-strong);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.settings-section__heading svg{width:20px}.settings-section__heading h2{color:var(--navy);margin:0;font-size:18px}.settings-section__heading p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.settings-form-grid{grid-template-columns:1.3fr .8fr 1fr;gap:12px;display:grid}.settings-form-grid--two{grid-template-columns:1fr 1fr}.settings-form-grid label,.settings-select{color:var(--text-muted);gap:5px;font-size:12px;display:grid}.settings-form-grid input,.settings-form-grid select,.settings-select select{border:1px solid var(--border);min-width:0;min-height:44px;color:var(--navy);background:#fff;border-radius:10px;padding:0 11px}.settings-choice{border:0;grid-template-columns:repeat(3,1fr);gap:9px;padding:0;display:grid}.settings-choice label{border:1px solid var(--border);cursor:pointer;border-radius:11px;min-width:0}.settings-choice label.is-selected{border-color:var(--primary);background:var(--primary-soft)}.settings-choice input{opacity:0;position:absolute}.settings-choice label:has(input:focus-visible){outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.settings-choice label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--primary) 30%, transparent)}}.settings-choice label>span{min-height:48px;color:var(--navy);align-items:center;gap:7px;padding:0 12px;font-size:13px;display:flex}.settings-choice svg{width:17px;color:var(--primary-strong)}.settings-toggle{justify-content:space-between;align-items:center;gap:20px;display:flex}.settings-toggle>span{display:grid}.settings-toggle strong{color:var(--navy);font-size:14px}.settings-toggle small{color:var(--text-muted)}.settings-toggle input{width:46px;height:25px;accent-color:var(--primary)}.settings-policy-links{flex-wrap:wrap;gap:9px;display:flex}.settings-policy-links a{border:1px solid var(--border);min-height:40px;color:var(--navy);border-radius:999px;align-items:center;padding:0 13px;font-size:13px;font-weight:650;display:inline-flex}:is(.settings-policy-links a:hover,.settings-policy-links a:focus-visible){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.settings-select{max-width:360px}.theme-options{border:0;grid-template-columns:repeat(2,minmax(0,240px));gap:12px;padding:0;display:grid}.theme-options legend{color:var(--text-muted);margin-bottom:8px;font-size:12px}.theme-options label{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:13px;grid-template-columns:1fr 62px;align-items:center;gap:12px;min-height:92px;padding:14px;display:grid;position:relative}.theme-options label.is-selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.theme-options label.is-selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 11%, transparent)}}.theme-options input{opacity:0;position:absolute}.theme-options label:has(input:focus-visible){outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.theme-options label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--primary) 35%, transparent)}}.theme-options label:has(input:focus-visible){outline-offset:2px}.theme-options label>span{display:grid}.theme-options strong{color:var(--navy);font-size:14px}.theme-options small{color:var(--text-muted);font-size:11px}.theme-preview{border:1px solid var(--border);background:#fff;border-radius:9px;width:62px;height:48px;display:block;position:relative;overflow:hidden}.theme-preview:before{content:"";background:#e5e5e5;width:17px;position:absolute;inset:0 auto 0 0}.theme-preview:after{content:"";background:#525252;border-radius:4px;height:7px;position:absolute;inset:9px 8px auto 25px;box-shadow:0 13px #d4d4d4,0 26px #d4d4d4}.theme-preview--dark{background:#171717;border-color:#525252}.theme-preview--dark:before{background:#262626}.theme-preview--dark:after{background:#f5f5f5;box-shadow:0 13px #525252,0 26px #525252}.settings-savebar{z-index:8;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 16px;display:flex;position:sticky;bottom:12px;box-shadow:0 12px 35px #142d501f}.settings-savebar>div{display:grid}.settings-savebar small{color:var(--text-muted)}.settings-message{margin:0;font-size:13px}.settings-message--success{color:var(--success)}.settings-message--error{color:var(--danger)}.settings-savebar button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:0 15px;font-weight:600;display:inline-flex}.settings-savebar button:disabled{opacity:.5}.settings-savebar svg{width:17px}@media (max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-index{display:flex;position:static;overflow-x:auto}.settings-index a{flex:none}.settings-form-grid{grid-template-columns:1fr 1fr}.settings-form-grid label:first-child{grid-column:1/-1}}@media (max-width:720px){.settings-heading{align-items:start}.settings-sections>section{padding:18px}.settings-form-grid,.settings-form-grid--two,.settings-choice{grid-template-columns:1fr}.settings-form-grid label:first-child{grid-column:auto}.settings-savebar{bottom:74px}.settings-savebar small{display:none}.theme-options{grid-template-columns:1fr}.auth-brand{top:14px;left:18px}}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar{background:var(--background)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar{background:color-mix(in srgb, var(--background) 88%, transparent)}}:root[data-theme=dark] .sidebar__note,:root[data-theme=dark] .welcome-card,:root[data-theme=dark] .foundation-card--primary,:root[data-theme=dark] .study-info,:root[data-theme=dark] .study-question-card>header{background:linear-gradient(145deg, var(--surface), var(--surface-muted))}:root[data-theme=dark] .settings-index,:root[data-theme=dark] .settings-sections>section,:root[data-theme=dark] .settings-form-grid input,:root[data-theme=dark] .settings-form-grid select,:root[data-theme=dark] .settings-select select,:root[data-theme=dark] .settings-savebar,:root[data-theme=dark] .route-card,:root[data-theme=dark] .button--secondary,:root[data-theme=dark] .study-form-grid select,:root[data-theme=dark] .study-info__note,:root[data-theme=dark] .study-navigator li button,:root[data-theme=dark] .study-question-card fieldset label>span,:root[data-theme=dark] .study-question-card>footer button,:root[data-theme=dark] .study-modal>div,:root[data-theme=dark] .study-modal button{background:var(--surface);color:var(--text)}:root[data-theme=dark] .settings-savebar{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .settings-savebar{background:color-mix(in srgb, var(--surface) 94%, transparent)}}:root[data-theme=dark] .settings-savebar{box-shadow:0 12px 35px #00000047}:root[data-theme=dark] .card{box-shadow:0 8px 30px #00000029}:root[data-theme=dark] .notification-dot{border-color:var(--surface)}:root[data-theme=dark] .skeleton-block{background:var(--surface-muted)}:root[data-theme=dark] .skeleton-block:after{background:linear-gradient(90deg,#0000,#ffffff17,#0000)}:root[data-theme=dark] img{filter:brightness(.88)}:root[data-theme=dark] .study-result{background:var(--surface);color:var(--text)}:root[data-theme=dark] .study-result__hero{background:linear-gradient(145deg, var(--surface-muted), var(--surface))}:root[data-theme=dark] .study-result__hero>span{background:var(--surface-muted);color:var(--success)}:root[data-theme=dark] .study-result__hero h1,:root[data-theme=dark] .study-feedback h2,:root[data-theme=dark] .study-review>h2,:root[data-theme=dark] .study-review strong{color:var(--text)}:root[data-theme=dark] .study-result__hero>p:last-child,:root[data-theme=dark] .study-feedback p,:root[data-theme=dark] .study-review p,:root[data-theme=dark] .study-review small{color:var(--text-muted)}:root[data-theme=dark] .study-feedback article{background:var(--surface-muted)}:root[data-theme=dark] .study-ai-feedback{border-color:var(--border);background:var(--surface-muted)}:root[data-theme=dark] .study-ai-feedback h2{color:var(--text)}:root[data-theme=dark] .study-ai-feedback small{color:var(--text-muted)}:root[data-theme=dark] .study-review article,:root[data-theme=dark] .study-result__actions{border-color:var(--border)}:root[data-theme=dark] .study-result__actions a{color:var(--text);background:var(--surface-muted)}:root[data-theme=dark] .study-result__actions a:first-child{background:var(--primary);color:var(--on-primary)}.welcome-card,.foundation-card--primary,.lesson-header,.question-header,.result-hero,.study-question-card>header,.study-result__hero,.study-ai-feedback,.streak-panel{background:linear-gradient(145deg, var(--surface), var(--surface-muted))}.streak-panel>span,.recommendation-panel>span{background:var(--primary-soft);color:var(--primary-strong)}.progress__track,.mastery-track{background:var(--surface-muted)}.study-config-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);align-items:start;gap:18px;display:grid}.study-config-card,.study-info{border:1px solid var(--border);background:var(--surface);border-radius:18px}.study-config-card{padding:26px}.study-config-card__heading{align-items:center;gap:13px;margin-bottom:24px;display:flex}.study-config-card__heading>span{background:var(--primary-soft);width:48px;height:48px;color:var(--primary-strong);border-radius:14px;place-items:center;display:grid}.study-config-card__heading h2,.study-info h2{color:var(--navy);margin:2px 0 0;font-size:21px}.study-form-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.study-form-grid label{color:var(--text-muted);gap:5px;font-size:12px;display:grid}.study-form-grid select{border:1px solid var(--border);min-width:0;min-height:46px;color:var(--navy);background:#fff;border-radius:11px;padding:0 12px}.study-config-card fieldset{border:0;margin:24px 0;padding:0}.study-config-card legend{color:var(--navy);margin-bottom:10px;font-size:13px;font-weight:600}.duration-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.duration-options label{border:1px solid var(--border);cursor:pointer;border-radius:13px;align-content:center;place-items:center;min-height:112px;padding:14px;display:grid}.duration-options label.is-selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.duration-options label.is-selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}}.duration-options input{opacity:0;position:absolute}.duration-options label:has(input:focus-visible){outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.duration-options label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--primary) 35%, transparent)}}.duration-options label:has(input:focus-visible){outline-offset:2px}.duration-options svg{width:21px;color:var(--primary-strong)}.duration-options strong{color:var(--navy)}.duration-options small{color:var(--text-muted)}.study-start{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:600;display:inline-flex}.study-start svg{width:17px}.study-info{background:linear-gradient(145deg, var(--surface), var(--primary-soft));padding:28px}.study-info h2{margin-bottom:22px}.study-info ul{gap:18px;margin:0;padding:0;list-style:none;display:grid}.study-info li{color:var(--text-muted);grid-template-columns:32px 1fr;align-items:start;gap:10px;font-size:13px;display:grid}.study-info li svg{width:19px;color:var(--primary-strong)}.study-info__note{background:var(--control);color:var(--text-muted);border-radius:11px;margin:24px 0 0;padding:14px;font-size:12px}.study-catalog{gap:24px;display:grid}.study-catalog__controls{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:minmax(260px,1fr) auto auto;align-items:end;gap:14px;padding:18px;display:grid}.study-catalog__search{border:1px solid var(--border);background:var(--control);min-height:46px;color:var(--text-muted);border-radius:13px;align-items:center;gap:10px;padding:0 14px;display:flex}.study-catalog__search:focus-within{border-color:var(--primary);outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.study-catalog__search:focus-within{outline:3px solid color-mix(in srgb, var(--primary) 20%, transparent)}}.study-catalog__search svg{flex:none;width:19px}.study-catalog__search input{width:100%;color:var(--navy);font:inherit;background:0 0;border:0;outline:0}.study-source-filter{border:1px solid var(--border);background:var(--control);border-radius:13px;gap:5px;padding:4px;display:flex}.study-source-filter button,.study-duration-filter label{min-height:38px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:600}.study-source-filter button{padding:0 14px}.study-source-filter button.is-active,.study-duration-filter label.is-active{background:var(--surface);color:var(--navy);box-shadow:var(--shadow-soft)}.study-duration-filter{border:1px solid var(--border);background:var(--control);border-radius:13px;gap:5px;margin:0;padding:4px;display:flex}.study-duration-filter legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.study-duration-filter label{place-items:center;padding:0 12px;display:grid}.study-duration-filter input{opacity:0;pointer-events:none;position:absolute}.study-catalog__summary h2{color:var(--navy);margin:0;font-size:22px}.study-catalog__summary p{color:var(--text-muted);margin:4px 0 0}.merged-page-nav{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.merged-page-nav a{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 14px;font-weight:700;text-decoration:none}.merged-page-nav a:hover{border-color:var(--primary);color:var(--primary-strong)}.unified-catalog{gap:28px;display:grid}.unified-catalog__controls{justify-content:center;align-items:center;gap:12px;display:flex}.unified-catalog__search{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 16px;display:flex}.unified-catalog__search svg{width:19px;color:var(--text-muted)}.unified-catalog__search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.unified-catalog__tabs{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:4px;padding:4px;display:flex}.unified-catalog__tabs button{min-height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px}.unified-catalog__tabs button.is-active{background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.content-page .unified-catalog__tabs button,.content-page .study-duration-filter label{min-height:32px;padding-inline:11px;font-size:13px}.content-page .unified-catalog__tabs,.content-page .study-duration-filter{border-radius:999px;gap:2px;padding:3px}.content-page .unified-catalog__tabs{z-index:2;transition:transform 1.25s cubic-bezier(.16,1,.3,1);position:relative}.content-page .unified-catalog__controls--with-duration .unified-catalog__tabs{transform:translate(-126px)}.content-page .unified-catalog__controls--without-duration .unified-catalog__tabs{transform:translate(0)}.content-page .study-duration-filter--animated{z-index:1;transform-origin:0;transition:opacity 1s,transform 1.15s cubic-bezier(.16,1,.3,1),clip-path 1.15s cubic-bezier(.16,1,.3,1),visibility linear;position:absolute;left:calc(50% - 18px)}.content-page .study-duration-filter--animated.is-visible{visibility:visible;opacity:1;clip-path:inset(0);pointer-events:auto;transform:translate(0)scale(1)}.content-page .study-duration-filter--animated.is-hidden{visibility:hidden;opacity:0;clip-path:inset(0 0 0 100%);pointer-events:none;transition-delay:0s,0s,0s,1.15s;transform:translate(-88%)scale(.92)}.content-page .unified-catalog__controls.is-static .unified-catalog__tabs,.content-page .unified-catalog__controls.is-static .study-duration-filter--animated{transition:none}.unified-catalog__item{min-width:0;position:relative}.catalog-kind{z-index:3;color:#fff;letter-spacing:.02em;background:#3c4043;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.catalog-kind--study{background:var(--primary)}.unified-catalog__grid{align-items:start}.creator-invitation-card{grid-area:1/-2/auto/-1}.creator-invitation-card .creator-invitation-card__thumbnail{color:#123b83;background:radial-gradient(circle at 90% 20%,#97c1ff55,#0000 55%),linear-gradient(135deg,#edf4ff,#d8e7ff)}.creator-invitation-card__message{letter-spacing:-.04em;font-size:clamp(16px,1.5vw,24px);font-weight:800;line-height:1.25;position:absolute;top:34%;left:7%}.creator-invitation-card__art{color:#145ee8;position:absolute;top:30%;right:6%;transform:rotate(-9deg)}.creator-invitation-card__art>svg:first-child{stroke-width:1.5px;width:58px;height:58px}.creator-invitation-card__art>svg:last-child{background:#fff;border-radius:8px;width:27px;height:27px;padding:4px;position:absolute;bottom:-5px;right:-5px}.creator-invitation-card__cta{align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:11%;left:7%}.creator-invitation-card__cta svg{width:14px;height:14px}.creator-invitation-card__action{width:30px;height:30px;color:var(--text-muted);align-self:start;place-items:center;display:grid}.creator-invitation-card__action svg{width:19px;height:19px}.progress-priority{gap:18px;display:grid}@media (max-width:980px){.unified-catalog__controls{grid-template-columns:1fr;align-items:stretch}.unified-catalog__tabs{width:fit-content}}@media (max-width:560px){.unified-catalog__tabs{width:100%}.unified-catalog__tabs button{flex:1;padding-inline:8px}}.sidebar nav{min-width:0}.nav-link{letter-spacing:-.01em}.page-heading h1,.section-heading h2,.panel-heading h2,.catalog-results-heading h2{text-wrap:balance}.page-heading p,.section-heading p{text-wrap:pretty}.section-heading{margin-bottom:20px}.section-heading p{max-width:680px;color:var(--text-muted);margin:6px 0 0;line-height:1.55}.panel-heading h2{letter-spacing:-.02em}.card,.topic-filter,.history-filters,.history-timeline article{overflow:clip}.content-card__visual,.study-pack-card__thumbnail{transition:transform .25s,filter .25s,box-shadow .25s}.content-card__visual:hover,.study-pack-card__thumbnail:hover{filter:none;transform:translateY(-2px);box-shadow:0 18px 38px #00000017}.content-card h2,.study-pack-card h3{letter-spacing:-.018em}.content-card__source,.content-card__field,.content-card__meta,.study-pack-card__details p,.study-pack-card__meta{line-height:1.45}.catalog-kind{box-shadow:0 2px 10px #0000001f}.app-shell:has(.content-page) .topbar{align-items:flex-start;min-height:130px}.content-page .unified-catalog__controls{z-index:31;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;width:min(540px,100vw - 300px);min-height:42px;padding:0;position:fixed;top:74px;left:50%;transform:translate(-50%)}.unified-catalog__search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary)}@supports (color:color-mix(in lab, red, red)){.unified-catalog__search:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent)}}.unified-catalog__tabs button,.study-duration-filter label{transition:color .18s,background-color .18s,transform .18s}.unified-catalog__tabs button:active,.study-duration-filter label:active{transform:scale(.98)}.progress-priority>.section-heading{margin-bottom:4px}:root:not([data-theme=dark]) .card,:root:not([data-theme=dark]) .topic-filter,:root:not([data-theme=dark]) .history-filters,:root:not([data-theme=dark]) .history-timeline article{background:#ffffffeb;border-color:#00000014}:root:not([data-theme=dark]) .unified-catalog__controls{box-shadow:none;border-color:#0000}@media (max-width:980px){.content-page .unified-catalog__controls{width:min(560px,100vw - 210px)}}@media (max-width:720px){.page-heading p{font-size:16px!important}.section-heading{align-items:flex-start}.section-heading h2{font-size:28px!important}.unified-catalog{gap:24px}.content-card__visual:hover,.study-pack-card__thumbnail:hover{box-shadow:none;transform:none}.app-shell:has(.content-page) .topbar{min-height:118px}.content-page .unified-catalog__controls{scrollbar-width:none;justify-content:flex-start;gap:6px;width:calc(100vw - 24px);min-height:40px;top:66px;overflow-x:auto}.content-page .unified-catalog__controls::-webkit-scrollbar{display:none}.content-page .unified-catalog__tabs,.content-page .study-duration-filter{flex:none}.content-page .unified-catalog__controls--with-duration .unified-catalog__tabs{transform:translate(-108px)}.content-page .study-duration-filter--animated{left:calc(50% - 10px)}}@media (prefers-reduced-motion:reduce){.content-page .unified-catalog__tabs,.content-page .study-duration-filter--animated{transition:none}}.collection-tabs{background:#8492ab0d;border-radius:14px;gap:8px;width:fit-content;padding:4px;display:flex}.collection-tabs a{color:inherit;border-radius:11px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none}.collection-tabs a[aria-current=page]{color:#fff;background:#1762ed}@media (min-width:721px){.sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-right-color:#0000;padding:18px 12px 24px}.sidebar:hover,.sidebar:focus-within{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-right-color:#0000}.sidebar .nav-list{gap:12px;padding-top:0}.sidebar .nav-link{border-radius:14px;min-height:52px;padding-inline:20px}.sidebar .nav-link[aria-current=page]{color:var(--text);background:0 0;font-weight:650}.sidebar .nav-link[aria-current=page] svg{stroke-width:2.35px}.topbar{border-bottom:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.topbar{border-bottom:1px solid color-mix(in srgb, var(--border) 68%, transparent)}}:root:not([data-theme=dark]) .sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-right-color:#0000;padding:18px 12px 24px}:root:not([data-theme=dark]) .sidebar:hover,:root:not([data-theme=dark]) .sidebar:focus-within{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-right-color:#0000}:root:not([data-theme=dark]) .sidebar .nav-link[aria-current=page]{color:var(--text);background:0 0}:root:not([data-theme=dark]) .topbar{border-bottom-color:#00000014}}@media (min-width:721px) and (max-width:1050px){.sidebar{padding-inline:8px}.sidebar .nav-link{padding-inline:18px}}:root[data-theme=dark] body{background:#000}:root[data-theme=dark] .topbar{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#000000d1;border-bottom-color:#545458a6}:root[data-theme=dark] .search-field,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .avatar{background:#1c1c1e;border-color:#38383a}:root[data-theme=dark] .avatar{color:#409cff}:root[data-theme=dark] .card,:root[data-theme=dark] .topic-filter,:root[data-theme=dark] .history-filters,:root[data-theme=dark] .history-timeline article,:root[data-theme=dark] .content-card,:root[data-theme=dark] .study-pack-card{background:#1c1c1e;border-color:#38383a;box-shadow:0 12px 32px #00000052}:root[data-theme=dark] .unified-catalog__controls{background:0 0;border-color:#0000}:root[data-theme=dark] .nav-link:hover{color:#f5f5f7;background:#2c2c2e}:root[data-theme=dark] .nav-link[aria-current=page]{color:#f5f5f7;background:0 0}:root[data-theme=dark] .topbar-menu{background:#1c1c1e;border-color:#38383a;box-shadow:0 20px 60px #0000008c}:root[data-theme=dark] .topbar-menu a:hover,:root[data-theme=dark] .topbar-menu button:hover{background:#2c2c2e}:root[data-theme=dark] .notification-dot{background:#ff9f0a;border-color:#1c1c1e}:root[data-theme=dark] .content-card,:root[data-theme=dark] .study-pack-card{box-shadow:none;background:0 0;border-color:#0000}:root{--radius-control:999px;--radius-card:28px;--header-height:80px}@media (min-width:721px){:root{--sidebar-width:240px}}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}.topbar{padding-inline:40px}.topbar__actions{right:40px}.main-content{width:min(100%,1280px);padding:42px 40px 88px}.page-stack{gap:48px}.page-heading{max-width:900px}.page-heading h1{letter-spacing:-.055em;font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1.02}.page-heading p{max-width:720px;margin-top:16px;font-size:19px;line-height:1.5}.card,.topic-filter,.creator-form,.creator-submissions,.history-timeline article,.history-filters,.moderation-card,.creator-admin-panel{border-radius:var(--radius-card)}.button,.study-cta,.catalog-search button,.catalog-empty>a,.settings-savebar button,.settings-heading>form button,.history-item__actions a,.pdf-reader__actions a,.study-result__actions a,.merged-page-nav a,button:not(.icon-button):not(.avatar):not(.bookmark-button):not(.save-content-button){border-radius:999px}.search-field{min-height:48px}.content-card__visual,.study-pack-card__thumbnail{border-radius:28px}.stats-grid,.dashboard-main-grid,.dashboard-bottom-grid,.progress-main-grid,.mastery-grid{gap:24px}.stat-card{min-height:138px;padding:24px}.catalog-grid,.study-pack-grid{gap:40px 24px}.content-card__body,.content-card__details,.study-pack-card__details{padding-top:16px}.section-heading h2,.progress-priority>.section-heading h2{letter-spacing:-.035em;font-size:clamp(28px,3vw,40px)}.topbar-menu{border-radius:24px}@media (max-width:720px){.topbar{padding-inline:16px}.topbar__actions{right:16px}.main-content{padding:30px 20px 104px}.page-stack{gap:28px}.page-heading h1{font-size:clamp(38px,12vw,52px)}}.merged-section{scroll-margin-top:92px}.merged-section+.merged-section{border-top:1px solid var(--border);padding-top:42px}.study-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 16px;margin:0;padding:0;list-style:none;display:grid}.study-pack-card{background:0 0;flex-direction:column;min-width:0;display:flex}.study-pack-card__thumbnail{aspect-ratio:16/9;border:1px solid var(--border);background:radial-gradient(circle at 78% 20%, var(--primary), transparent 34%), linear-gradient(145deg, var(--control), var(--surface-muted));border-radius:14px;place-items:center;width:100%;margin-bottom:18px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.study-pack-card__thumbnail{background:radial-gradient(circle at 78% 20%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 34%), linear-gradient(145deg, var(--control), var(--surface-muted))}}.study-pack-card__thumbnail{color:var(--primary-strong);text-decoration:none;transition:filter .18s,transform .18s}.study-pack-card__thumbnail:hover{filter:brightness(.94);transform:translateY(-1px)}.study-pack-card__thumbnail>img{object-fit:cover;transition:transform .24s}.study-pack-card__thumbnail:hover>img{transform:scale(1.025)}.study-pack-card__thumbnail--creator{background:radial-gradient(circle at 78% 20%, var(--text), transparent 34%), linear-gradient(145deg, var(--surface-muted), var(--control))}@supports (color:color-mix(in lab, red, red)){.study-pack-card__thumbnail--creator{background:radial-gradient(circle at 78% 20%, color-mix(in srgb, var(--text) 12%, transparent), transparent 34%), linear-gradient(145deg, var(--surface-muted), var(--control))}}.study-pack-card__thumbnail>svg{width:22px;position:absolute;top:16px;left:16px}.study-pack-card__thumbnail>strong{font-size:clamp(2.75rem,5vw,4rem);line-height:1}.study-pack-card__thumbnail>small{background:var(--surface);color:var(--text-muted);border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:700;position:absolute;bottom:10px;right:12px}.study-pack-source{background:var(--control);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:5px 9px;font-size:11px;font-weight:700}.study-pack-source--creator{background:var(--primary-soft);color:var(--primary-strong)}.study-pack-card__details{grid-template-columns:38px minmax(0,1fr) 30px;gap:11px;padding:11px 3px 0;display:grid}.study-pack-card__avatar{background:var(--primary);width:38px;height:38px;color:var(--on-primary);border-radius:50%;place-items:center;font-weight:800;display:grid}.osnaka-profile-mark{border:1px solid var(--border);flex:none;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.osnaka-profile-mark{border:1px solid color-mix(in srgb, var(--border) 72%, transparent)}}.osnaka-profile-mark{background-color:#fff;background-image:url(/brand/osnaka-creator-profile.png);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 2px 8px #0000001a}.puspresnas-profile-mark{border:1px solid var(--border);flex:none;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.puspresnas-profile-mark{border:1px solid color-mix(in srgb, var(--border) 72%, transparent)}}.puspresnas-profile-mark{background-color:#fff;background-image:url(/brand/puspresnas-profile.png);background-position:50%;background-repeat:no-repeat;background-size:145%;box-shadow:0 2px 8px #0000001a}.study-pack-card h3{color:var(--navy);margin:0 0 5px;font-size:18px;line-height:1.28}.study-pack-card h3 a{color:inherit;text-decoration:none}.study-pack-card__details p{color:var(--text-muted);margin:0 0 7px;font-size:12px}.study-pack-card__meta{flex-wrap:wrap;gap:5px 10px;margin:0;display:flex}.study-pack-card__meta span{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.study-pack-card__meta svg{width:14px}.study-pack-card__action{width:30px;height:30px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.study-pack-card__action:hover{background:var(--surface-muted);color:var(--navy)}.study-pack-card__action svg{width:17px}.study-catalog__empty{border:1px dashed var(--border);background:var(--surface);text-align:center;border-radius:18px;align-content:center;place-items:center;min-height:280px;padding:32px;display:grid}.study-catalog__empty svg{width:38px;height:38px;color:var(--text-muted)}.study-catalog__empty h2{color:var(--navy);margin:14px 0 4px}.study-catalog__empty p{color:var(--text-muted);margin:0 0 18px}.study-catalog__empty button{border:1px solid var(--border);background:var(--control);min-height:42px;color:var(--navy);cursor:pointer;border-radius:10px;padding:0 16px;font-weight:700}.study-session-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:16px;display:grid}.study-navigator{border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:18px;position:sticky;top:94px}.study-navigator>a{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.study-navigator>a svg{width:15px}.study-timer{background:var(--primary-soft);color:var(--primary-strong);border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:13px;display:flex}.study-timer.is-warning{color:var(--warning);background:#fff0df}.study-timer>svg{width:22px}.study-timer span{display:grid}.study-timer small{font-size:10px}.study-timer strong{font-size:22px;line-height:1.1}.timer-warning{color:var(--warning);align-items:center;gap:5px;margin:8px 0 0;font-size:11px;display:flex}.timer-warning svg{width:13px}.study-navigator ol{grid-template-columns:repeat(4,1fr);gap:7px;margin:0;padding:18px 0;list-style:none;display:grid}.study-navigator li button{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:9px;place-items:center;display:grid}.study-navigator li button.is-answered{background:var(--primary-soft);color:var(--primary-strong);border-color:#9bc7f5}.study-navigator li button.is-current{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.study-navigator li button.is-current{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}}.autosave-label{color:var(--text-muted);align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.autosave-label svg{width:13px}.study-question-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;min-width:0;overflow:hidden}.study-question-card>header{background:linear-gradient(135deg,#fff,#f5f9ff);border-bottom:1px solid #e9ebef;justify-content:space-between;gap:14px;padding:20px 26px;display:flex}.study-question-card>header p{color:var(--primary-strong);margin:0;font-weight:600}.study-question-card>header span{color:var(--text-muted);font-size:12px}.study-question-card>section{padding:32px}.study-question-card h1{max-width:800px;color:var(--navy);margin:0 0 26px;font-size:24px;line-height:1.45}.study-question-card fieldset{border:0;gap:9px;padding:0;display:grid}.study-question-card legend{color:var(--text-muted);margin-bottom:8px;font-size:12px}.study-question-card fieldset label{border:1px solid var(--border);cursor:pointer;border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:11px;min-height:56px;padding:9px 13px;display:grid}.study-question-card fieldset label.is-selected{border-color:var(--primary);background:var(--primary-soft)}.study-question-card fieldset input{opacity:0;position:absolute}.study-question-card fieldset label:has(input:focus-visible){outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.study-question-card fieldset label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--primary) 30%, transparent)}}.study-question-card fieldset label>span{border:1px solid var(--border);width:32px;height:32px;color:var(--navy);background:#fff;border-radius:50%;place-items:center;display:grid}.study-question-card fieldset label.is-selected>span{border-color:var(--primary);background:var(--primary);color:#fff}.study-question-card fieldset strong{font-weight:500}.reasoning-field{gap:7px;margin-top:24px;display:grid}.reasoning-field>span{color:var(--navy);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.reasoning-field>span svg{width:16px;color:var(--warning)}.reasoning-field>span small{color:var(--text-muted);font-weight:400}.reasoning-field textarea{resize:vertical;border:1px solid var(--border);min-height:110px;font:inherit;border-radius:11px;padding:12px}.reasoning-field>small{color:var(--text-muted);justify-self:end}.study-question-card>footer{border-top:1px solid #e9ebef;justify-content:space-between;gap:10px;padding:18px 26px;display:flex}.study-question-card>footer button{border:1px solid var(--border);min-height:42px;color:var(--primary-strong);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.study-question-card>footer button:last-child{border-color:var(--primary);background:var(--primary);color:#fff}.study-question-card>footer button:disabled{opacity:.4;cursor:not-allowed}.study-question-card>footer svg{width:16px}.study-modal{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1b3e73;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.study-modal>div{text-align:center;background:#fff;border-radius:18px;justify-items:center;width:min(440px,100%);padding:28px;display:grid;box-shadow:0 24px 80px #0d1b3e40}.study-modal>div>svg{width:38px;color:var(--warning)}.study-modal h2{color:var(--navy);margin:12px 0 4px}.study-modal p{color:var(--text-muted);margin:0 0 20px}.study-modal span{gap:9px;width:100%;display:flex}.study-modal button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;flex:1;min-height:43px}.study-modal button:last-child{border-color:var(--primary);background:var(--primary);color:#fff}.study-loading{text-align:center;align-content:center;place-items:center;min-height:60vh;display:grid}.study-loading>svg{width:38px;color:var(--primary)}.study-loading h1{color:var(--navy);margin:14px 0 2px}.study-loading p{color:var(--text-muted);margin:0}.study-result{border:1px solid var(--border);background:#fff;border-radius:18px;max-width:920px;margin:0 auto;overflow:hidden}.study-result__hero{background:linear-gradient(145deg, #f8fbff, var(--primary-soft));text-align:center;justify-items:center;padding:38px;display:grid}.study-result__hero>span{width:52px;height:52px;color:var(--success);background:#fff;border-radius:50%;place-items:center;display:grid}.study-result__hero h1{color:var(--navy);margin:3px 0;font-size:58px;line-height:1}.study-result__hero>p:last-child{color:var(--text-muted);margin:10px 0 0}.study-feedback{grid-template-columns:1fr 1fr;gap:12px;padding:22px;display:grid}.study-ai-feedback{background:linear-gradient(145deg,#f5f9ff,#fff);border:1px solid #dbe8fa;border-radius:14px;margin:0 22px 22px;padding:20px}.study-ai-feedback h2{color:var(--navy);margin:5px 0 8px;font-size:18px}.study-ai-feedback ol{padding-left:22px}.study-ai-feedback small{color:var(--text-muted);margin-top:14px;display:block}.study-feedback article{background:#f6f8fb;border-radius:13px;padding:17px}.study-feedback h2,.study-review>h2{color:var(--navy);margin:0 0 5px;font-size:16px}.study-feedback p{color:var(--text-muted);margin:0;font-size:13px}.study-review{padding:0 22px 22px}.study-review article{border-top:1px solid #e9ebef;grid-template-columns:28px 1fr;gap:10px;padding:16px 0;display:grid}.study-review article>span svg{width:21px}.study-review .is-correct{color:var(--success)}.study-review .is-wrong{color:var(--danger)}.study-review strong{color:var(--navy)}.study-review p{color:#34343a;margin:2px 0 7px}.study-review small{color:var(--text-muted)}.study-result__actions{border-top:1px solid #e9ebef;gap:10px;padding:20px 22px;display:flex}.study-result__actions a{border:1px solid var(--border);min-height:42px;color:var(--primary-strong);border-radius:10px;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.study-result__actions a:first-child{border-color:var(--primary);background:var(--primary);color:#fff}@media (max-width:900px){.study-config-layout{grid-template-columns:1fr}.study-catalog__controls{grid-template-columns:1fr;align-items:stretch}.study-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-session-layout{grid-template-columns:190px minmax(0,1fr)}}@media (max-width:720px){.study-config-card{padding:20px}.study-form-grid{grid-template-columns:1fr}.duration-options{gap:7px}.duration-options label{min-height:98px;padding:8px}.study-session-layout{grid-template-columns:1fr}.study-navigator{grid-template-columns:1fr auto;gap:9px;padding:13px;display:grid;position:static}.study-navigator>a{align-self:center}.study-timer{margin:0}.timer-warning,.study-navigator ol,.autosave-label{grid-column:1/-1}.study-navigator ol{padding:4px 0;display:flex;overflow-x:auto}.study-navigator li{flex:0 0 42px}.study-question-card>header,.study-question-card>footer{padding:16px}.study-question-card>section{padding:22px 16px}.study-question-card h1{font-size:20px}.study-feedback,.study-pack-grid{grid-template-columns:1fr}.study-source-filter,.study-duration-filter{width:100%}.study-source-filter button,.study-duration-filter label{flex:1}}@media (max-width:380px){.mobile-nav a span{display:none}.mobile-nav a{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.creator-authoring{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.creator-authoring+.creator-submissions{margin-top:18px}.creator-submissions li small{color:var(--text-muted);font-size:11px}.moderation-group{gap:12px;display:grid}.moderation-group>h2{color:var(--navy);margin:0;font-size:20px}.admin-report-link{width:fit-content;color:var(--primary-strong);font-weight:700}.pilot-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pilot-metrics article,.pilot-rates article{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:20px}.pilot-metrics svg{width:20px;color:var(--primary-strong)}.pilot-metrics span,.pilot-rates span{color:var(--text-muted);margin-top:12px;font-size:13px;display:block}.pilot-metrics strong,.pilot-rates strong{color:var(--navy);margin-top:4px;font-size:32px;display:block}.pilot-rates{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pilot-rates p,.pilot-privacy{color:var(--text-muted)}.pilot-privacy{margin:0;font-size:13px}.question-preview-options{grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none;display:grid}.question-preview-options li{border:1px solid var(--border);color:var(--text-muted);border-radius:10px;padding:10px 12px}.question-preview-options li.is-correct{border-color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.question-preview-options li.is-correct{background:color-mix(in srgb, var(--success) 9%, var(--surface))}}.question-preview-options li.is-correct{color:var(--text)}@media (max-width:980px){.creator-authoring{grid-template-columns:1fr}}@media (max-width:560px){.question-preview-options{grid-template-columns:1fr}}.progress-stack,.history-stack{gap:20px;display:grid}.range-tabs{border:1px solid var(--border);background:var(--surface);border-radius:13px;gap:4px;width:fit-content;padding:4px;display:flex}.range-tabs button{min-height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 15px}.range-tabs button.is-active{background:var(--primary-soft);color:var(--primary-strong);font-weight:600}.progress-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.progress-stat{align-items:center;gap:13px;min-width:0;padding:18px;display:flex}.progress-stat>span{background:var(--primary-soft);height:44px;color:var(--primary-strong);border-radius:13px;flex:0 0 44px;place-items:center;display:grid}.progress-stat svg{width:21px}.progress-stat p{color:var(--text-muted);margin:0;font-size:12px}.progress-stat strong{color:var(--navy);font-size:26px;font-weight:600}.progress-main-grid{grid-template-columns:minmax(0,2fr) minmax(250px,.75fr);gap:16px;display:grid}.score-chart{min-width:0;padding:22px}.score-chart .panel-heading>span{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.score-chart .panel-heading svg{width:15px}.bar-chart{align-items:end;gap:clamp(8px,2.5vw,28px);min-height:230px;padding-top:26px;display:flex}.bar-chart__item{flex:1;justify-items:center;gap:5px;min-width:0;display:grid}.bar-chart__item>div{background:var(--surface-muted);border-radius:9px 9px 4px 4px;align-items:end;width:min(42px,72%);height:155px;display:flex;overflow:hidden}.bar-chart__item i{border-radius:inherit;background:linear-gradient(180deg, var(--chart-start), var(--chart-end));width:100%;min-height:4px;display:block}.bar-chart__value{color:var(--navy);font-size:12px;font-weight:600}.bar-chart small{color:var(--text-muted)}.streak-panel{background:linear-gradient(145deg, var(--surface), var(--warning));align-content:center;justify-items:start;padding:26px;display:grid}@supports (color:color-mix(in lab, red, red)){.streak-panel{background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--warning) 10%, var(--surface)))}}.streak-panel>span,.recommendation-panel>span{color:#db6900;background:#fff0d9;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.streak-panel>span svg{width:24px}.streak-panel>strong{color:var(--navy);margin-top:18px;font-size:42px;line-height:1.05}.streak-panel h2{color:var(--navy);margin:2px 0 6px;font-size:18px}.streak-panel>p:last-child{color:var(--text-muted);margin:0;font-size:13px}.mastery-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,.7fr);gap:16px;display:grid}.mastery-panel{padding:22px}.mastery-panel ul{gap:17px;margin:20px 0 0;padding:0;list-style:none;display:grid}.mastery-panel li>a{justify-content:space-between;align-items:center;gap:16px;display:flex}.mastery-panel li strong,.mastery-panel li small{display:block}.mastery-panel li strong{color:var(--navy);font-size:14px}.mastery-panel li small{color:var(--text-muted);font-size:11px}.mastery-panel li>a>span{color:var(--navy);font-weight:600}.mastery-track{background:#e8edf3;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.mastery-track i{border-radius:inherit;background:var(--primary);height:100%;display:block}.mastery-panel li>p{color:var(--warning);align-items:center;gap:5px;margin:5px 0 0;font-size:11px;display:flex}.mastery-panel li>p svg{width:13px}.recommendation-panel{background:linear-gradient(145deg, var(--surface), var(--primary-soft));align-content:center;padding:28px;display:grid}.recommendation-panel>span{background:var(--control);color:var(--primary-strong)}.recommendation-panel h2{color:var(--navy);margin:18px 0 8px;font-size:21px}.recommendation-panel p{color:var(--text-muted);margin:0 0 20px}.recommendation-panel a{width:fit-content;color:var(--primary-strong);font-weight:600}.history-filters{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;padding:14px;display:grid}.history-filters label{color:var(--text-muted);gap:4px;font-size:11px;display:grid}.history-filters select{border:1px solid var(--border);background:var(--control);min-width:0;min-height:42px;color:var(--navy);border-radius:10px;padding:0 10px}.history-count{align-items:baseline;gap:7px;display:flex}.history-count strong{color:var(--navy)}.history-count span{color:var(--text-muted);font-size:13px}.history-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.history-timeline>li{grid-template-columns:52px minmax(0,1fr);gap:14px;padding-bottom:16px;display:grid;position:relative}.history-timeline>li:not(:last-child):before{z-index:0;background:var(--border);content:"";width:2px;position:absolute;top:48px;bottom:-4px;left:25px}.history-icon{z-index:1;border:5px solid var(--background);background:var(--primary-soft);width:52px;height:52px;color:var(--primary-strong);border-radius:50%;place-items:center;display:grid}.history-icon--expired,.history-icon--abandoned{color:var(--text-muted);background:#f1f1f3}.history-icon svg{width:20px}.history-timeline article{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;padding:20px}.history-item__top{justify-content:space-between;gap:16px;display:flex}.history-item__top h2{color:var(--navy);margin:6px 0 2px;font-size:18px}.history-item__top p,.history-item__top time{color:var(--text-muted);margin:0;font-size:12px}.status-pill{color:var(--text-muted);background:#eef1f4;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.status-pill--completed{color:var(--success);background:#e8f7ec}.status-pill--active{background:var(--primary-soft);color:var(--primary-strong)}.status-pill--expired{color:var(--warning);background:#fff1e4}.history-item__meta{border-top:1px solid var(--line-soft);color:var(--text-muted);gap:14px;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.history-item__meta span{align-items:center;gap:5px;display:inline-flex}.history-item__meta svg{width:14px}.history-item__meta strong{color:var(--navy)}.history-item__actions{gap:10px;margin-top:14px;display:flex}.history-item__actions a{border:1px solid var(--border);min-height:38px;color:var(--primary-strong);border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.history-item__actions a:first-child{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.history-item__actions svg{width:14px}.history-empty{text-align:center;align-content:center;place-items:center;min-height:280px;display:grid}.history-empty>svg{width:38px;color:var(--primary)}.history-empty h2{color:var(--navy);margin:12px 0 3px}.history-empty p{color:var(--text-muted);margin:0 0 16px}.history-empty a{color:var(--primary-strong);font-weight:600}@media (max-width:1050px){.progress-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-main-grid,.mastery-grid{grid-template-columns:1fr}.history-filters{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.range-tabs{width:100%}.range-tabs button{flex:1;padding:0 8px}.progress-stat{padding:14px}.progress-stat>span{display:none}.score-chart{padding:18px 14px}.score-chart .panel-heading>span{display:none}.bar-chart{gap:5px;min-height:205px}.bar-chart__item>div{width:65%;height:135px}.history-filters{grid-template-columns:1fr 1fr}.history-filters label:last-child{grid-column:1/-1}.history-timeline>li{grid-template-columns:38px minmax(0,1fr);gap:9px}.history-icon{border-width:3px;width:38px;height:38px}.history-timeline>li:not(:last-child):before{top:36px;left:18px}.history-timeline article{padding:16px}.history-item__top{display:grid}.creator-heading{align-items:start;display:grid}.creator-layout,.creator-form__grid{grid-template-columns:1fr}.creator-form__wide{grid-column:auto}.creator-form,.creator-submissions{padding:18px}.moderation-card{padding:17px}.pilot-metrics,.pilot-rates{grid-template-columns:1fr}.moderation-card>header{display:grid}.moderation-card dl{grid-template-columns:1fr}.moderation-card footer{grid-template-columns:1fr 1fr;display:grid}.publication-form{grid-template-columns:1fr 1fr}.publication-form label:first-child,.publication-form .button{grid-column:1/-1}.creator-admin-panel{padding:16px}.creator-user-list article{grid-template-columns:1fr auto}.creator-user-actions{grid-column:1/-1;justify-content:start}}@media (min-width:721px){.app-shell:has(.content-page) .main-content{transform:none}.content-page{left:calc((var(--sidebar-width) / -2) + 20px);position:relative}.sidebar .nav-list{gap:4px;padding-top:28px}.sidebar .nav-link{border-radius:16px;gap:16px;min-height:48px;padding-inline:16px}}:root[data-theme=dark] .topbar{box-shadow:none;border-bottom:0}.settings-heading>form button{color:#fff;background:#1d1d1f;border-color:#1d1d1f;font-weight:600}.settings-heading>form button:hover{background:#000;border-color:#000}:root[data-theme=dark] .settings-heading>form button{color:#000;background:#f5f5f7;border-color:#f5f5f7}:root[data-theme=dark] .settings-heading>form button:hover{background:#fff;border-color:#fff}.guest-auth-link{border:1px solid var(--border);min-height:40px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.guest-auth-link--primary{border-color:var(--text);background:var(--text);color:var(--background)}.guest-auth-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;place-items:center;padding:20px;animation:.22s ease-out both guest-backdrop-in;display:grid;position:fixed;inset:0}.guest-auth-dialog{border:1px solid var(--border);background:var(--surface);width:min(100%,440px);color:var(--text);text-align:center;border-radius:28px;padding:34px;animation:.28s cubic-bezier(.2,.8,.2,1) both guest-dialog-in;position:relative;box-shadow:0 24px 80px #00000047}dialog.guest-auth-modal{box-sizing:border-box;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);margin:auto;position:fixed;inset:0;overflow:auto}dialog.guest-auth-modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a}.guest-auth-close{background:var(--control);width:36px;height:36px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.guest-auth-close svg{width:17px}.guest-auth-eyebrow{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.guest-auth-dialog h2{color:var(--navy);letter-spacing:-.04em;margin:12px 0 8px;font-size:30px}.guest-auth-dialog p{color:var(--text-muted);margin:0;line-height:1.6}.guest-auth-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.guest-auth-actions a{border:1px solid var(--text);min-height:46px;color:var(--text);border-radius:999px;place-items:center;font-weight:700;display:grid}.guest-auth-actions a:last-child{background:var(--text);color:var(--background)}.guest-auth-later{color:var(--text-muted);cursor:pointer;background:0 0;border:0;margin-top:14px;padding:7px 12px}@keyframes guest-backdrop-in{0%{opacity:0}}@keyframes guest-dialog-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@media (max-width:720px){.app-shell:has(.content-page) .main-content{transform:none}.content-page{left:auto}.topbar__actions--guest{right:16px}.guest-auth-link{min-height:38px;padding-inline:13px}.guest-auth-dialog{border-radius:22px;padding:30px 22px 24px}}.game-hub{width:min(100%,1180px);margin:0 auto;padding:8px 0 50px}:is(body:has(.game-hub) .sidebar,body:has(.game-hub) .mobile-nav){display:none}body:has(.game-hub) .app-frame{margin-left:0!important}body:has(.game-hub) .main-content{width:100%;max-width:none;padding-top:88px}body:has(.game-hub){background:#000}.app-shell:has(.game-hub){--background:#000;--surface:#1c1c1e;--surface-muted:#2c2c2e;--border:#38383a;--text:#f5f5f7;--navy:#f5f5f7;--text-muted:#98989d;background:#000;min-height:100svh}:is(.app-shell:has(.game-hub) .app-frame,.app-shell:has(.game-hub) .main-content){background:#000}.app-shell:has(.game-hub) .topbar{background:#000000db;border-bottom-color:#0000}:is(.app-shell:has(.game-hub) .search-field,.app-shell:has(.game-hub) .icon-button,.app-shell:has(.game-hub) .avatar){color:#f5f5f7;box-shadow:none;background:#1c1c1e;border-color:#38383a}.app-shell:has(.game-hub) .search-field input{color:#f5f5f7}.app-shell:has(.game-hub) .brand-mark__image--light{display:none}.app-shell:has(.game-hub) .brand-mark__image--dark{display:block}.game-shelf{gap:22px;display:grid}.game-shelf__heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.game-shelf__heading h2{color:var(--navy);margin:0;font-size:24px}.game-shelf__heading p{color:var(--text-muted);margin:5px 0 0}.game-shelf__heading>svg{width:30px;color:var(--primary)}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 18px;display:grid}.game-featured{color:#fff;border-radius:22px;text-decoration:none;display:block;overflow:hidden}.game-featured__art{isolation:isolate;background:radial-gradient(circle at 82% 28%,#64d2ffb3,#0000 22%),linear-gradient(120deg,#10131b 10%,#14395f 62%,#0878d8);align-items:end;min-height:250px;padding:34px;display:grid;position:relative;overflow:hidden}.game-featured__art:before{z-index:-1;content:"";background:linear-gradient(90deg,#000000a3,#0000 68%);position:absolute;inset:0}.game-featured__art>svg{z-index:1;color:#ffffffbf;width:92px;height:92px;position:absolute;top:42px;right:66px}.game-featured__art>span{z-index:1;gap:5px;display:grid;position:relative}.game-featured__art small{color:#64d2ff;letter-spacing:.12em;font-weight:800}.game-featured__art strong{letter-spacing:-.045em;font-size:clamp(32px,5vw,58px)}.game-featured__art em{color:#ffffffb8;font-style:normal}.game-card{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;gap:13px;padding:0;text-decoration:none;display:grid}.game-card__thumbnail{aspect-ratio:16/9;color:#fff;isolation:isolate;border-radius:22px;align-content:end;gap:5px;padding:24px;display:grid;position:relative;overflow:hidden}.game-card__thumbnail:before{z-index:-1;content:"";background:linear-gradient(#0000 22%,#000000ad);position:absolute;inset:0}.game-card__thumbnail>svg{width:34px;height:34px;position:absolute;top:22px;right:22px}.game-card__thumbnail strong{letter-spacing:-.03em;font-size:25px}.game-card__thumbnail small{color:#ffffffc7}.game-card__thumbnail--math{background:linear-gradient(135deg,#06c,#5ac8fa 62%,#64d2ff)}.game-card__thumbnail--logic{background:linear-gradient(135deg,#5856d6,#af52de)}.game-card__thumbnail--science{background:linear-gradient(135deg,#00875a,#34c759)}.game-card__thumbnail--blocks{background:linear-gradient(135deg,#ff375f,#ff9f0a)}.game-card__thumbnail--snake{background:linear-gradient(135deg,#087f5b,#30d158)}.game-card__thumbnail--space{background:linear-gradient(135deg,#1b1f45,#5856d6 60%,#bf5af2)}.game-card__thumbnail--pong{background:linear-gradient(135deg,#3a3a3c,#8e8e93)}.game-card__thumbnail--breakout{background:linear-gradient(135deg,#bf5af2,#ff375f 58%,#ff9f0a)}.game-card__thumbnail--dodge{background:linear-gradient(135deg,#0b1025,#334a7d 58%,#ff9f0a)}.game-card__info{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:11px;display:grid}.game-card__info>i{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.game-card__info svg{width:20px}.game-card__info>span{gap:4px;display:grid}.game-card__info strong{color:var(--navy);font-size:17px}.game-card__info small{color:var(--text-muted)}.game-card--locked{cursor:default;opacity:.72}.game-play-page{width:min(100%,900px);margin:0 auto}.game-back{min-height:42px;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:650;display:inline-flex}.game-back svg{width:18px}.math-game{border:1px solid var(--border);background:var(--surface);border-radius:30px;margin-top:18px;overflow:hidden;box-shadow:0 18px 50px #00000014}.math-game>header,.math-game>footer{justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;display:flex}.math-game>header{border-bottom:1px solid var(--border)}.math-game>header>div:first-child{gap:3px;display:grid}.math-game>header span,.math-game>footer span{color:var(--text-muted);font-size:13px}.math-game__score,.math-game>footer span,.math-game>footer button{align-items:center;gap:7px;display:inline-flex}.math-game__score{color:var(--navy);font-weight:750}.math-game__score svg,.math-game>footer svg{width:18px;color:var(--primary)}.math-game__stage{text-align:center;background:radial-gradient(circle at 50% 15%, var(--primary-soft), transparent 45%);align-content:center;place-items:center;gap:22px;min-height:430px;padding:46px 30px;display:grid}.math-game__stage>small{color:var(--text-muted)}.math-game__stage h1{color:var(--navy);letter-spacing:-.06em;margin:0;font-size:clamp(52px,9vw,92px)}.math-game__choices{grid-template-columns:repeat(2,1fr);gap:12px;width:min(100%,560px);display:grid}.math-game__choices button{border:1px solid var(--border);background:var(--surface);min-height:68px;color:var(--navy);cursor:pointer;border-radius:18px;font-size:22px;font-weight:700}.math-game__choices button:hover{border-color:var(--primary);background:var(--primary-soft)}.math-game__choices button.is-correct{background:#34c759;border-color:#34c759}@supports (color:color-mix(in lab, red, red)){.math-game__choices button.is-correct{background:color-mix(in srgb, #34c759 17%, var(--surface))}}.math-game__choices button.is-wrong{background:#ff453a;border-color:#ff453a}@supports (color:color-mix(in lab, red, red)){.math-game__choices button.is-wrong{background:color-mix(in srgb, #ff453a 15%, var(--surface))}}.math-game__feedback{align-items:center;gap:18px;min-height:46px;display:flex}.math-game__feedback strong{color:var(--navy)}.math-game__feedback button,.math-game>footer button{background:var(--text);min-height:40px;color:var(--background);cursor:pointer;border:0;border-radius:999px;padding:0 15px;font-weight:700}.math-game>footer{border-top:1px solid var(--border)}.math-game>footer button{color:var(--text);background:0 0}.standalone-game{color:#fff;background:radial-gradient(circle at 18% 12%,#007aff42,#0000 34%),radial-gradient(circle at 88% 88%,#af52de33,#0000 36%),#090b12;min-height:100svh;padding:clamp(70px,9vw,112px) 24px 48px}.standalone-game__exit{z-index:4;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:750;display:inline-flex;position:fixed;top:22px;right:24px}.standalone-game__exit:hover{background:#ffffff2e}.standalone-game__exit svg{width:18px}.standalone-game__panel{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#141722e0;border:1px solid #ffffff24;border-radius:34px;width:min(100%,960px);margin:0 auto;overflow:hidden;box-shadow:0 32px 90px #0000006b}.standalone-game__panel>header,.standalone-game__panel>footer{justify-content:space-between;align-items:center;gap:18px;padding:22px 28px;display:flex}.standalone-game__panel>header{border-bottom:1px solid #ffffff1f}.standalone-game__panel>header>div:first-child{gap:4px;display:grid}.standalone-game__panel>header span{color:#64d2ff;letter-spacing:.14em;font-size:12px;font-weight:800}.standalone-game__panel>header strong{font-size:24px}.standalone-game__panel .math-game__score{color:#fff}.standalone-game__stage{text-align:center;background:radial-gradient(circle at 50% 18%,#0a84ff42,#0000 48%);align-content:center;place-items:center;gap:20px;min-height:520px;padding:52px 32px;display:grid}.standalone-game__round{color:#64d2ff;background:#ffffff1a;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:750}.standalone-game__stage>small{color:#ffffff9e}.standalone-game__stage h1{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(58px,10vw,104px)}.standalone-game .math-game__choices button{color:#fff;background:#ffffff14;border-color:#ffffff24}.standalone-game .math-game__choices button:hover{background:#0a84ff2e;border-color:#0a84ff}.standalone-game .math-game__feedback strong{color:#fff}.standalone-game .math-game__feedback button{color:#fff;background:#0a84ff}.standalone-game__panel>footer{color:#ffffffa3;border-top:1px solid #ffffff1f}.standalone-game__panel>footer span,.standalone-game__panel>footer button{align-items:center;gap:8px;display:inline-flex}.standalone-game__panel>footer svg{color:#64d2ff;width:18px}.standalone-game__panel>footer button{color:#fff;cursor:pointer;background:0 0;border:0;font-weight:700}.arcade__stage{background:#05070c;place-items:center;gap:18px;padding:24px;display:grid}.arcade__stage canvas{width:min(100%,560px);height:auto;image-rendering:pixelated;background:#070a12;border:1px solid #ffffff1f;border-radius:18px}.arcade__controls{grid-template-columns:repeat(4,54px);gap:10px;display:grid}.arcade__controls button{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#ffffff17;border:1px solid #ffffff24;border-radius:14px;width:54px;height:46px;font-size:20px;font-weight:800;transition:transform .12s,background .12s}.arcade__controls button:active{background:#0a84ff73;transform:scale(.92)}.arcade__controls button:hover{background:#ffffff24;border-color:#64d2ff7a}:is(.arcade__controls button:focus-visible,.standalone-game__panel button:focus-visible){outline-offset:3px;outline:3px solid #64d2ff7a}.standalone-game__panel>header{background:#ffffff08}.standalone-game__panel>footer button{border-radius:13px;min-height:42px;padding:8px 12px;transition:background .16s,transform .16s}.standalone-game__panel>footer button:hover{background:#ffffff14;transform:translateY(-1px)}.arcade__stage canvas{box-shadow:0 20px 55px #00000057}.game-card__thumbnail--maze{background:radial-gradient(circle at 78% 20%,#64d2ff7a,#0000 25%),linear-gradient(135deg,#07101f,#124f72 60%,#0a84ff)}.maze-shooter__panel{width:min(100%,1100px)}.maze-shooter__stage canvas{image-rendering:auto;width:min(100%,860px)}.maze-shooter__stats{flex-wrap:wrap;gap:8px;display:flex}.maze-shooter__stats b{background:#ffffff17;border-radius:999px;padding:7px 11px;font-size:13px}.maze-shooter__controls{justify-content:space-between;align-items:center;gap:18px;width:min(100%,860px);max-width:860px;padding-inline:clamp(18px,7vw,76px);display:flex}.maze-shooter__controls .maze-joystick{cursor:grab;touch-action:none;background:radial-gradient(circle,#ffffff21 0 30%,#ffffff0d 31% 100%);border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;position:relative;box-shadow:inset 0 0 28px #0000005c}.maze-joystick:before,.maze-joystick:after{content:"";pointer-events:none;background:#ffffff1f;position:absolute}.maze-joystick:before{width:1px;height:88%}.maze-joystick:after{width:88%;height:1px}.maze-joystick>span{z-index:1;pointer-events:none;background:linear-gradient(145deg,#2c87d8,#0a5fae);border:1px solid #ffffff3d;border-radius:50%;width:52px;height:52px;transition:transform 45ms linear;box-shadow:0 8px 20px #00000073}.maze-shooter__controls button{color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff17;border:1px solid #ffffff26;border-radius:14px;min-width:52px;height:48px;font-size:21px;font-weight:800}.maze-shooter__controls button:active{background:#0a84ff;transform:scale(.94)}.maze-shooter__controls .maze-shooter__fire{background:linear-gradient(145deg,#ff5d52,#c51f18);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:94px;height:94px;font-size:12px;display:inline-flex;box-shadow:0 10px 28px #ff453a38}.maze-shooter__fire svg{width:18px}.cg-hub{gap:30px;width:100%;max-width:none;padding:18px 18px 90px;display:grid;overflow:clip visible}.cg-hub section{gap:14px;min-width:0;display:grid}.cg-hub h2{color:#f5f5f7;letter-spacing:-.02em;margin:0;font-size:23px}.cg-hub h2 span{vertical-align:-3px;padding-left:7px;font-size:34px;font-weight:400}.cg-continue,.cg-row{scrollbar-width:none;grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;gap:9px;display:grid;overflow-x:auto}.cg-continue{grid-auto-columns:92px}.cg-continue::-webkit-scrollbar{display:none}.cg-row::-webkit-scrollbar{display:none}.cg-tile{color:#fff;gap:9px;min-width:0;text-decoration:none;display:grid}.cg-tile__art{aspect-ratio:16/9;color:#fff;isolation:isolate;border-radius:13px;align-content:end;gap:3px;padding:16px;transition:transform .18s,filter .18s;display:grid;position:relative;overflow:hidden}.cg-tile__art:after{z-index:-1;content:"";background:linear-gradient(#0000 25%,#000000b8);position:absolute;inset:0}.cg-tile:hover .cg-tile__art{filter:brightness(1.12);transform:translateY(-3px)}.cg-tile__art svg{width:34px;height:34px;position:absolute;top:14px;right:14px}.cg-tile__art strong{font-size:20px}.cg-tile__art small{color:#ffffffc2}.cg-tile>b{padding:0 3px;font-size:14px}.cg-tile--compact .cg-tile__art{aspect-ratio:1;border-radius:14px;padding:8px}.cg-tile--compact .cg-tile__art svg{width:34px;height:34px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.cg-tile--compact strong,.cg-tile--compact small{display:none}.cg-picks{grid-template-rows:repeat(2,138px);grid-template-columns:2fr repeat(2,1fr);gap:9px;display:grid}.cg-picks .cg-tile__art{aspect-ratio:auto;height:100%}.cg-picks .cg-tile>b{display:none}.cg-picks .cg-tile--wide{grid-row:1/3}.cg-picks .cg-tile--wide .cg-tile__art strong{font-size:34px}@media (max-width:800px){.cg-picks{grid-template-rows:repeat(2,120px);grid-template-columns:1.5fr 1fr}.cg-picks>a:nth-child(n+4){display:none}.cg-row{grid-auto-columns:210px}}.maze-play-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;width:min(100%,1420px);margin:0 auto;display:grid}.maze-play-next{background:#11131c;border-radius:24px;gap:12px;padding:16px;display:grid}.maze-play-next>span{color:#fff;letter-spacing:.1em;font-size:12px;font-weight:800}.maze-play-next a{color:#fff;border-radius:16px;align-content:end;gap:4px;min-height:145px;padding:16px;text-decoration:none;transition:transform .18s;display:grid}.maze-play-next a:hover{transform:translateY(-3px)}.maze-play-next small{color:#ffffffb3}@media (max-width:1050px){.maze-play-layout{grid-template-columns:1fr}.maze-play-next{grid-template-columns:repeat(3,1fr)}.maze-play-next>span{grid-column:1/-1}.maze-play-next a{min-height:110px}}@media (max-width:650px){.maze-play-next{grid-template-columns:1fr 1fr}.maze-play-next a:last-child{display:none}}.cg-hub .game-card__thumbnail--maze,.maze-play-next .game-card__thumbnail--maze{background:#123c5b}.cg-hub .game-card__thumbnail--math,.maze-play-next .game-card__thumbnail--math{background:#0878c9}.cg-hub .game-card__thumbnail--blocks,.maze-play-next .game-card__thumbnail--blocks{background:#d9485f}.cg-hub .game-card__thumbnail--snake,.maze-play-next .game-card__thumbnail--snake{background:#147a53}.cg-hub .game-card__thumbnail--space,.maze-play-next .game-card__thumbnail--space{background:#35346f}.cg-hub .game-card__thumbnail--pong,.maze-play-next .game-card__thumbnail--pong{background:#55555a}.cg-hub .game-card__thumbnail--breakout,.maze-play-next .game-card__thumbnail--breakout{background:#9c3c86}.cg-hub .game-card__thumbnail--dodge,.maze-play-next .game-card__thumbnail--dodge{background:#243556}.cg-hub .game-card__thumbnail--shooter{background:#9f263b}.cg-hub .game-card__thumbnail--asteroid{background:#3c3a78}.cg-hub .game-card__thumbnail--runner{background:#175d89}.cg-hub .game-card__thumbnail--target{background:#a44720}.cg-hub .game-card__thumbnail--dash{background:#8a317c}.cg-hub .game-card__thumbnail--catch{background:#9a7413}.cg-hub .game-card__thumbnail--racer{background:#254565}.cg-hub .game-card__thumbnail--orbit{background:#315993}.cg-hub .game-card__thumbnail--bubble{background:#16727c}.cg-hub .game-card__thumbnail--memory{background:#63469c}.cg-hub .game-card__thumbnail--laser{background:#8e2849}.cg-hub .game-card__thumbnail--billiards{background:#0d6b48}.cg-hub .game-card__thumbnail--chess{background:#7a4e2d}.chess-game{color:#f7efe2;background:radial-gradient(circle at 50% 28%,#302218 0,#17110d 52%,#080706 100%);min-height:100dvh}.chess-game__panel{align-content:center;gap:20px;width:min(94vw,860px);min-height:100dvh;margin:auto;padding:28px 24px;display:grid}.chess-game__panel header,.chess-game__panel footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.chess-game__panel header div{gap:3px;display:grid}.chess-game__panel header span{color:#d8aa6b;letter-spacing:.12em;font-size:11px;font-weight:800}.chess-game__panel header strong{font-size:clamp(24px,4vw,40px)}.chess-game__panel header p{color:#a1a1a6;margin:0;font-weight:700}.chess-board{aspect-ratio:1;background:#5a321b;border:18px solid #5a321b;border-radius:12px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(78vh,720px,100%);margin:auto;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #b77a3c,inset 0 0 22px #160b05,0 30px 80px #0000009e}#main-content .chess-board>button{aspect-ratio:1;cursor:pointer;isolation:isolate;border:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden;border-radius:0!important}.chess-board button:before{z-index:-1;content:"";background:repeating-linear-gradient(6deg,#0000 0 7px,#ffffff08 8px,#0000000a 10px),linear-gradient(100deg,#ffffff0f,#0000 38%,#0000001f);position:absolute;inset:0}.chess-board button.is-light{background:linear-gradient(135deg,#e8ca91,#cda86b 52%,#e1bd7d)}.chess-board button.is-dark{background:linear-gradient(135deg,#75401f,#4c2715 52%,#6a371d)}.chess-board button span{font-family:Segoe UI Symbol,Arial Unicode MS,sans-serif;font-size:clamp(28px,6.4vw,60px);line-height:1;transform:translateY(-2%)}.chess-board button.piece-white span{color:#f4dfb8;-webkit-text-stroke:1px #6b452a;filter:drop-shadow(0 5px 2px #2411077a)drop-shadow(0 1px #fff8df)}.chess-board button.piece-black span{color:#24150e;-webkit-text-stroke:1px #b07b4c;filter:drop-shadow(0 5px 2px #0000008c)drop-shadow(0 1px #5d3b25)}.chess-board button.is-selected{box-shadow:inset 0 0 0 5px #f3c45e,inset 0 0 26px #ffcf5b8c}.chess-board button.is-possible:after{aspect-ratio:1;content:"";background:#0a84ffb3;border-radius:50%;width:24%;position:absolute}.chess-board button.is-possible:has(span:not(:empty)):after{background:0 0;width:80%;box-shadow:inset 0 0 0 5px #ff453acc}.chess-game__panel footer{color:#a1a1a6;font-size:13px}.chess-game__panel footer button{color:#111;background:#f5f5f7;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:inline-flex}.chess-game__panel footer svg{width:16px}.chess-game{background:radial-gradient(circle at 20% 15%,#81b64c26,#0000 34%),linear-gradient(145deg,#171916,#262924 55%,#121310);padding:32px}.chess-exit{z-index:5;color:#f4f4f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#181a16d1;border:1px solid #ffffff1a;top:24px;left:24px}.chess-shell{grid-template-columns:minmax(420px,720px) minmax(260px,340px);align-items:center;gap:clamp(24px,4vw,56px);width:min(1120px,100%);min-height:calc(100dvh - 64px);margin:auto;display:grid}.chess-stage{gap:10px;display:grid}.chess-player{color:#f5f5f2;align-items:center;gap:11px;min-height:48px;display:flex}.chess-player div{display:grid}.chess-player strong{font-size:14px}.chess-player small{color:#9da096;font-size:12px}.chess-player i{color:#81b64c;letter-spacing:3px;margin-left:auto}.chess-avatar{aspect-ratio:1;background:linear-gradient(145deg,#68705f,#3f443a);border-radius:10px;place-items:center;width:42px;font-weight:900;display:grid}.chess-avatar--you{color:#fff;background:linear-gradient(145deg,#ef8a91,#b52e41)}.chess-game .chess-board{background:#769656;border:0;border-radius:6px;width:min(70vh,700px,100%);margin:0;box-shadow:0 22px 65px #00000073}.chess-game .chess-board button:before{display:none}.chess-game .chess-board button.is-light{background:#fff5ed}.chess-game .chess-board button.is-dark{background:#c62d3e}.chess-game .chess-board button.is-last{background:#ed9a93}.chess-game .chess-board button.is-selected{box-shadow:none;background:#ffb2a7}.chess-game .chess-board button.is-check{background:radial-gradient(circle,#ff6b62 0 35%,#c13d36 72%)}.chess-game .chess-board button span{z-index:1;font-size:clamp(32px,7vh,66px)}.chess-game .chess-board button.piece-white span{color:#f7f7f7;-webkit-text-stroke:1.5px #4b4b49;filter:drop-shadow(0 3px 1px #00000052)}.chess-game .chess-board button.piece-black span{color:#333330;-webkit-text-stroke:1px #111;filter:drop-shadow(0 3px 1px #0000004d)}.chess-game .chess-board button.is-possible:after{z-index:2;background:#1919163d;width:26%}.chess-game .chess-board button.is-possible:has(span:not(:empty)):after{background:0 0;width:88%;box-shadow:inset 0 0 0 6px #1919163d}.chess-rank,.chess-file{z-index:3;color:#769656;font-size:10px;font-weight:900;position:absolute}.is-dark .chess-rank,.is-dark .chess-file{color:#eeeed2}.chess-rank{top:3px;left:4px}.chess-file{bottom:2px;right:4px}.chess-sidebar{background:#262522;border:1px solid #ffffff14;border-radius:18px;grid-template-rows:auto auto 1fr auto auto;min-height:560px;display:grid;overflow:hidden;box-shadow:0 24px 60px #00000052}.chess-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:20px;display:flex}.chess-brand svg{color:#81b64c;width:20px}.chess-brand span{letter-spacing:.08em;color:#81b64c;font-weight:900}.chess-brand strong{font-size:20px}.chess-status{background:#302e2b;gap:4px;padding:20px;display:grid}.chess-status span{font-size:20px;font-weight:850}.chess-status small,.chess-rule-note{color:#a7a6a2}.chess-status.is-alert span{color:#ff8b83}.chess-history{min-height:220px;max-height:330px;padding:10px 0;overflow:auto}.chess-history p{color:#8d8c88;padding:18px 20px;font-size:13px}.chess-history div{grid-template-columns:36px 1fr 1fr;padding:7px 20px;display:grid}.chess-history div:nth-child(2n){background:#ffffff08}.chess-history b{color:#85847f;font-size:12px}.chess-history span{font-weight:700}.chess-new-game{color:#17200f;background:#81b64c;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:16px 20px 8px;padding:13px 18px;font-weight:900;display:flex}.chess-new-game svg{width:17px}.chess-rule-note{margin:0;padding:8px 20px 20px;font-size:11px;line-height:1.5}:is(html:has(.maze-shooter),body:has(.maze-shooter)){background:#030405;overflow:hidden}.maze-shooter.standalone-game{z-index:50;background:#030405;min-height:0;padding:0;display:block;position:fixed;inset:0}.maze-shooter .maze-shooter__panel{width:100%;height:100%;min-height:0;box-shadow:none;background:#030405;border:0;border-radius:0}.maze-shooter .maze-shooter__stage{background:#030405;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.maze-shooter .maze-shooter__stage canvas{object-fit:cover;image-rendering:auto;border:0;border-radius:0;width:100%;height:100%;max-height:none;display:block}.maze-exit{z-index:20;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0406089e;border:1px solid #ffffff29;gap:7px;left:24px;top:24px!important;right:auto!important}.maze-pause{z-index:12;aspect-ratio:1;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040608a3;border:1px solid #ffffff3d;border-radius:12px;place-items:center;width:58px;display:grid;position:absolute;top:24px;right:24px}.maze-pause svg{width:26px}.maze-meta{z-index:10;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030507a8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:14px;padding:10px 18px;font-size:12px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.maze-meta b{color:#ff453a;letter-spacing:.11em}.maze-meta span{color:#d8d8d8}.maze-meta .is-danger{color:#ff453a}.maze-shooter .maze-shooter__controls{z-index:11;pointer-events:none;justify-content:space-between;align-items:flex-end;width:auto;max-width:none;padding:0;display:flex;position:absolute;bottom:34px;left:36px;right:36px}.maze-shooter .maze-joystick,.maze-shooter .maze-actions button{pointer-events:auto}.maze-shooter .maze-joystick{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 0 10px #0000001a;background:#0a0c0e40!important;border:2px solid #ffffff70!important;border-radius:50%!important;width:150px!important;height:150px!important;position:relative!important}.maze-shooter .maze-joystick>span{background:#e6e8eb66;border:1px solid #ffffff8c;width:62px;height:62px;box-shadow:0 4px 20px #00000059}.maze-actions{grid-template-columns:62px 62px 126px;align-items:end;gap:14px;display:grid}.maze-shooter .maze-actions button{aspect-ratio:1;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0c5c;border:2px solid #ffffff73;border-radius:50%;place-items:center;display:grid}.maze-shooter .maze-actions .maze-shooter__fire{background:#080a0c52;width:126px;height:126px;box-shadow:inset 0 0 0 8px #0000001f}.maze-shooter .maze-actions .maze-shooter__fire svg{width:50px;height:50px}.maze-actions .maze-reload svg,.maze-actions .maze-sprint svg{width:28px}.maze-shooter .maze-actions button:active{background:#ff453a8c;transform:scale(.94)}.maze-paused{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background:#0000009e;place-content:center;gap:12px;display:grid;position:absolute;inset:0}.maze-paused strong{letter-spacing:.16em;margin-bottom:12px;font-size:38px}.maze-paused button{color:#111;background:#f5f5f7;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:210px;padding:13px 20px;font-weight:850;display:flex}.maze-paused button+button{color:#fff;background:#ffffff1a}.maze-paused svg{width:18px}@media (max-width:850px){.chess-game{padding:76px 12px 24px}.chess-shell{grid-template-columns:1fr;align-content:start;gap:18px}.chess-game .chess-board{width:min(92vw,68vh);margin:auto}.chess-sidebar{min-height:320px}.chess-history{min-height:100px;max-height:180px}.maze-exit{left:12px;top:12px!important}.maze-exit span{display:none}.maze-pause{width:48px;top:12px;right:12px}.maze-meta{padding:8px 12px;top:12px}.maze-meta b{display:none}.maze-shooter .maze-shooter__controls{bottom:18px;left:18px;right:18px}.maze-shooter .maze-joystick{width:118px!important;height:118px!important}.maze-actions{grid-template-columns:48px 48px 94px;gap:9px}.maze-shooter .maze-actions .maze-shooter__fire{width:94px;height:94px}}:is(html:has(.neon-strike),body:has(.neon-strike)){background:#050708;overflow:hidden}.neon-strike{z-index:80;color:#fff;-webkit-user-select:none;user-select:none;background:#050708;position:fixed;inset:0;overflow:hidden}.neon-strike__viewport,.neon-strike__viewport canvas{width:100%;height:100%;display:block}.neon-strike__viewport canvas{cursor:crosshair}.neon-strike__exit,.neon-strike__pause{z-index:12;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050709ad;border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:absolute;top:24px}.neon-strike__exit{border-radius:12px;gap:8px;padding:12px 16px;font-weight:800;left:24px}.neon-strike__exit svg{width:18px}.neon-strike__pause{aspect-ratio:1;border-radius:12px;width:54px;right:24px}.neon-strike__pause svg{width:25px}.neon-strike__mission{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050709a8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:11px 18px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.neon-strike__mission svg{color:#ff453a;width:18px}.neon-strike__mission span{letter-spacing:.1em;font-weight:900}.neon-strike__mission b{color:#a8aaad;font-size:12px}.neon-strike__hud{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050709b3;border:1px solid #ffffff2e;border-radius:12px;min-width:168px;display:grid;position:absolute;top:92px;right:24px;overflow:hidden}.neon-strike__hud>div{align-items:center;gap:10px;padding:11px 16px;display:flex}.neon-strike__hud>div+div{border-top:1px solid #ffffff1f}.neon-strike__hud svg{width:24px}.neon-strike__hud b{font:900 30px/1 ui-monospace,monospace}.neon-strike__hud span{color:#92969b;font-weight:800}.neon-strike__hud i{color:#ff453a;font:900 30px/1 system-ui}.neon-strike__hud .danger b{color:#ff453a}.neon-strike__score{z-index:10;background:linear-gradient(90deg,#040608b3,#0000);border-left:3px solid #ff453a;padding:10px 15px;font:900 24px/1 ui-monospace,monospace;display:grid;position:absolute;top:94px;left:24px}.neon-strike__score small{color:#92969b;letter-spacing:.16em;margin-top:5px;font:800 9px/1 system-ui}.enemy-base__map{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03080cc2;border:1px solid #5ad2ff47;border-radius:12px;width:190px;padding:10px;position:absolute;top:156px;left:24px;box-shadow:0 12px 35px #00000059}.enemy-base__map header,.enemy-base__map footer{justify-content:space-between;align-items:center;display:flex}.enemy-base__map header{padding:2px 2px 8px}.enemy-base__map header b{color:#5ad7ff;letter-spacing:.13em;font-size:11px}.enemy-base__map header span{color:#7e8990;letter-spacing:.12em;font-size:8px;font-weight:900}.enemy-base__map-grid{aspect-ratio:1;background:linear-gradient(90deg,#0000 48%,#4191ae29 49% 51%,#0000 52%),linear-gradient(#0000 48%,#4191ae29 49% 51%,#0000 52%),repeating-linear-gradient(90deg,#457d911a 0 1px,#0000 1px 25%),repeating-linear-gradient(#457d911a 0 1px,#0000 1px 25%),#071016;border:1px solid #5ad2ff3d;position:relative;overflow:hidden}.enemy-base__map-grid:before,.enemy-base__map-grid:after{content:"";background:#142a34;position:absolute}.enemy-base__map-grid:before{width:14%;top:20%;bottom:20%;right:17%}.enemy-base__map-grid:after{height:13%;top:42%;left:0;right:0}.enemy-base__map-grid i{z-index:2;aspect-ratio:1;border-radius:50%;width:7px;position:absolute;translate:-50% -50%}.enemy-base__map-grid .player{background:#61dcff;width:10px;box-shadow:0 0 8px #38cfff}.enemy-base__map-grid .enemy{background:#ff453a;box-shadow:0 0 6px #ff2d22}.enemy-base__map-grid .lift{background:#453d09;border:2px solid #ffd60a;width:9px;box-shadow:0 0 7px #ffd60a}.enemy-base__map footer{justify-content:center;gap:6px;padding-top:8px}.enemy-base__map footer span{color:#59656c;background:#131b20;border-radius:999px;padding:3px 12px;font-size:9px;font-weight:900}.enemy-base__map footer .active{color:#78e3ff;background:#174e60}.neon-strike__crosshair{z-index:8;pointer-events:none;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.neon-strike__crosshair i{background:#ffffffe6;position:absolute;box-shadow:0 0 5px #fff}.neon-strike__crosshair i:first-child,.neon-strike__crosshair i:nth-child(2){width:11px;height:2px;top:20px}.neon-strike__crosshair i:first-child{left:0}.neon-strike__crosshair i:nth-child(2){right:0}.neon-strike__crosshair i:nth-child(3),.neon-strike__crosshair i:nth-child(4){width:2px;height:11px;left:20px}.neon-strike__crosshair i:nth-child(3){top:0}.neon-strike__crosshair i:nth-child(4){bottom:0}.neon-strike__controls{z-index:11;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:34px;left:34px;right:34px}.neon-strike__controls button,.neon-strike__joystick{pointer-events:auto}.neon-strike__joystick{aspect-ratio:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05070938;border:2px solid #ffffff57;border-radius:50%;width:150px;position:relative;box-shadow:inset 0 0 0 10px #0000001f}.neon-strike__joystick>span{aspect-ratio:1;background:#e6e8eb61;border:1px solid #ffffff80;border-radius:50%;width:62px;position:absolute;top:50%;left:50%;translate:-50% -50%}.neon-strike__actions{grid-template-columns:58px 58px 122px;align-items:end;gap:12px;display:grid}.neon-strike__actions button{aspect-ratio:1;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05070961;border:2px solid #ffffff61;border-radius:50%;place-items:center;display:grid}.neon-strike__actions button:active{background:#ff453a8c;scale:.93}.neon-strike__actions .fire{width:122px}.neon-strike__actions .fire svg{width:48px;height:48px}.neon-strike__actions.enemy-base__actions{grid-template-columns:54px 54px 54px 118px}.enemy-base__actions button:nth-child(2){color:#66dcff;border-color:#5ad2ff8c}.neon-strike__reload{z-index:10;color:#fff;letter-spacing:.12em;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex;position:absolute;bottom:175px;right:40px}.neon-strike__reload svg{width:15px;animation:1s linear infinite spin}.neon-strike__hint{z-index:9;color:#ffffff8a;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.neon-strike__hint svg{width:13px}.neon-strike__overlay{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#000000a6;place-content:center;gap:12px;display:grid;position:absolute;inset:0}.neon-strike__overlay>span{color:#ff453a;letter-spacing:.24em;font-size:12px;font-weight:900}.neon-strike__overlay>strong{letter-spacing:.06em;margin-bottom:16px;font-size:clamp(34px,5vw,68px)}.neon-strike__overlay button{color:#111;background:#f5f5f7;border:1px solid #ffffff2e;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-width:220px;padding:13px 20px;font-weight:900;display:flex}.neon-strike__overlay button+button{color:#fff;background:#ffffff1a}@media (max-width:700px){.neon-strike__exit{width:46px;height:46px;padding:0;top:12px;left:12px}.neon-strike__exit span{display:none}.neon-strike__pause{width:46px;top:12px;right:12px}.neon-strike__mission{padding:9px 12px;top:12px}.neon-strike__mission b{display:none}.neon-strike__hud{min-width:138px;top:68px;right:12px}.neon-strike__hud>div{padding:8px 12px}.neon-strike__hud b{font-size:23px}.neon-strike__score{display:none}.enemy-base__map{width:128px;padding:7px;top:68px;left:12px}.enemy-base__map header span{display:none}.neon-strike__controls{bottom:18px;left:12px;right:12px}.neon-strike__joystick{width:108px}.neon-strike__actions.enemy-base__actions{grid-template-columns:42px 42px 42px 82px;gap:6px}.neon-strike__actions .fire{width:82px}.neon-strike__actions .fire svg{width:32px}.neon-strike__hint{display:none}.neon-strike__reload{bottom:108px;right:18px}}:is(html:has(.google-snake),body:has(.google-snake)){background:#800723;min-height:100%}.google-snake{color:#fff;background:linear-gradient(145deg,#800723,#bf2a4d);align-content:start;justify-items:center;min-height:100dvh;padding:0 18px 24px;display:grid}.google-snake>header{grid-template-columns:1fr auto 1fr;align-items:center;width:min(100%,920px);height:70px;display:grid}.google-snake>header>button{color:#fff;background:0 0;border:0;align-items:center;gap:7px;font-weight:800;display:flex}.google-snake>header>button:last-child{justify-self:end}.google-snake>header svg{width:22px}.google-snake>header>div{align-items:center;gap:9px;font-size:19px;display:flex}.google-snake>header>div svg:first-child{color:#ff5547;fill:#ff5547}.google-snake>header>div svg:nth-of-type(2){color:#ffd60a;fill:#ffd60a;margin-left:16px}.google-snake__board{touch-action:none;background:#48ab57;border:14px solid #800723;border-radius:22px;width:min(100%,880px);position:relative;overflow:hidden;box-shadow:0 18px 45px #3700127a,inset 0 0 0 2px #ffffff2e}.google-snake__board canvas{image-rendering:auto;width:100%;height:auto;display:block}.google-snake__overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#800723b3;align-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.google-snake__overlay strong{text-transform:uppercase;font-size:clamp(36px,7vw,72px)}.google-snake__overlay span{font-weight:700}.google-snake__overlay button{color:#800723;background:#37ff55;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:13px 22px;font-weight:900;display:flex}.google-snake__overlay button svg{width:18px}.google-snake__pad{grid-template-columns:repeat(5,54px);gap:8px;margin-top:16px;display:grid}.google-snake__pad button{aspect-ratio:1;color:#fff;background:#800723;border:1px solid #ffffff38;border-radius:16px;place-items:center;font-size:22px;font-weight:900;display:grid;box-shadow:0 7px 18px #37001252}.google-snake__pad .pause{color:#800723;background:#37ff55}.google-snake>p{color:#ffffffbd;margin:12px 0 0;font-size:12px}@media (max-width:600px){.google-snake{padding:0 6px 14px}.google-snake>header{height:58px}.google-snake>header>button:first-child{font-size:0}.google-snake>header>div{gap:5px;font-size:15px}.google-snake>header>div svg:nth-of-type(2){margin-left:7px}.google-snake__board{border-width:6px}.google-snake__pad{grid-template-columns:repeat(5,48px)}}:is(html:has(.google-snake),body:has(.google-snake)){background:#194d2d;overflow:hidden}.google-snake{color:#fff;background:radial-gradient(circle at 50% 45%,#579b38,#183f28);place-items:center;min-height:100dvh;padding:0;display:grid}.google-snake__board{touch-action:none;background:#82c936;border:7px solid #286739;border-radius:42px;width:min(100vw,184.6dvh);max-width:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 7px #97dc50b8,0 20px 70px #08281673}.google-snake__board canvas{width:100%;height:auto;display:block}.google-snake__scores{z-index:5;grid-template-columns:174px 174px;gap:5px;display:grid;position:absolute;top:12px;left:14px}.google-snake__scores>div{background:linear-gradient(145deg,#184623eb,#2b5b28de);border:3px solid #b9e8848c;border-radius:22px;align-content:center;min-height:86px;padding:13px 22px;display:grid;box-shadow:0 7px 16px #23582052}.google-snake__scores small{color:#d0dfc5;letter-spacing:.04em;align-items:center;gap:6px;font-size:15px;font-weight:900;display:flex}.google-snake__scores small svg{color:#ffd631;fill:#ffd631;width:19px}.google-snake__scores strong{font:900 37px/1 ui-monospace,monospace}.google-snake__top-actions{z-index:5;gap:8px;display:flex;position:absolute;top:14px;right:14px}.google-snake__top-actions button,.google-snake__back{color:#fff;background:#194424e6;border:3px solid #b9e88480;place-items:center;display:grid;box-shadow:0 7px 15px #204b1d59}.google-snake__top-actions button{aspect-ratio:1;border-radius:18px;width:68px}.google-snake__top-actions button svg{width:30px;height:30px}.google-snake__back{z-index:6;aspect-ratio:1;opacity:.62;border-width:2px;border-radius:50%;width:42px;position:absolute;top:100px;right:18px}.google-snake__back svg{width:20px}.google-snake__pad{z-index:5;grid-template-rows:repeat(3,54px);grid-template-columns:repeat(3,64px);gap:5px;width:214px;height:174px;margin:0;display:grid;position:absolute;bottom:22px;left:24px}.google-snake__pad button{color:#fff;background:#194424e0;border:3px solid #b9e8847a;border-radius:16px;place-items:center;width:64px;height:54px;font-size:24px;display:grid;box-shadow:0 6px 13px #1c461c57}.google-snake__pad button:first-child{grid-area:1/2}.google-snake__pad button:nth-child(2){grid-area:2/1}.google-snake__pad button:nth-child(3){grid-area:2/3}.google-snake__pad button:nth-child(4){grid-area:3/2}.google-snake__pad button:active{background:#397b3b;transform:scale(.94)}.google-snake__overlay{z-index:20;background:#1c5226a8;border-radius:34px}.google-snake__overlay button{color:#285f34;background:#fff}@media (max-width:700px){.google-snake__board{border-width:4px;border-radius:20px;width:100vw}.google-snake__scores{grid-template-columns:104px 104px;gap:3px;top:7px;left:7px}.google-snake__scores>div{border-width:2px;border-radius:13px;min-height:55px;padding:7px 12px}.google-snake__scores small{font-size:10px}.google-snake__scores strong{font-size:24px}.google-snake__top-actions{top:7px;right:7px}.google-snake__top-actions button{border-width:2px;border-radius:12px;width:48px}.google-snake__top-actions button:first-child{display:none}.google-snake__back{width:34px;top:62px;right:8px}.google-snake__pad{grid-template-rows:repeat(3,38px);grid-template-columns:repeat(3,44px);gap:4px;width:146px;height:124px;bottom:9px;left:10px}.google-snake__pad button{border-width:2px;border-radius:10px;width:44px;height:38px;font-size:16px}}.cg-tile__art:after{background:#00000047}.arcade-plus .standalone-game__panel{width:min(100%,1080px)}.arcade-plus .arcade__stage canvas{border-radius:22px;width:min(100%,820px);box-shadow:0 24px 70px #0000006b}.arcade-plus .arcade__controls{grid-template-columns:repeat(5,54px)}.arcade-plus .arcade__action{background:#ff453a38;border-color:#ff453a94}.arcade-plus .maze-shooter__stats svg{width:16px;height:16px}.billiards .standalone-game__panel{width:min(100%,1120px)}.billiards .arcade__stage canvas{image-rendering:auto;cursor:crosshair;width:min(100%,960px)}.billiards__status{color:#f5f5f7;text-align:center;min-height:24px;margin:0;font-weight:700}.billiards__score{align-items:center;gap:12px;display:flex}.billiards__score>span{text-align:center;gap:5px;min-width:170px;display:grid}.billiards__score small{color:#ffffff8c;letter-spacing:.04em;font-size:9px;font-style:normal}.billiards__score i{color:#ffffff59;font-size:11px;font-style:normal;font-weight:800}.billiards__score em{color:#64d2ff;background:#0a84ff2e;border-radius:999px;padding:8px 11px;font-size:11px;font-style:normal;font-weight:800}.billiards__targets{justify-content:center;align-items:center;gap:3px;min-height:24px;display:flex}.billiards__targets>small{align-self:center}.billiards__targets i{background:var(--ball-color);color:#111;border:1px solid #0000008c;border-radius:50%;place-items:center;width:21px;height:21px;font-size:7px;font-style:normal;font-weight:850;transition:opacity .22s,transform .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 5px #00000059}.billiards__targets i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute}.billiards__targets i.is-stripe{background:linear-gradient(180deg, #f7f4e9 0 29%, var(--ball-color) 29% 71%, #f7f4e9 71%)}.billiards__targets i{text-indent:0}.billiards__targets i:before{z-index:1;content:attr(data-number);position:relative}.billiards__targets i.is-pocketed{opacity:.2;transform:scale(.82)}.billiards{background:repeating-linear-gradient(90deg,#ffffff05 0 2px,#0000 2px 92px),linear-gradient(135deg,#272727,#111 58%,#080808);padding:22px 18px}.billiards .standalone-game__panel{background:#171717;border:1px solid #ffffff1a;border-radius:14px;overflow:hidden;box-shadow:0 28px 90px #000000a6}.billiards .billiards__hud{background:linear-gradient(#262626,#171717);border:0;place-items:center;min-height:82px;padding:23px 72px 9px;display:grid;position:relative}.billiards__hud .billiards__status{color:#f2e600;min-height:16px;font-size:12px;line-height:16px;position:absolute;top:4px;left:70px;right:70px}.billiards__score{justify-content:center;width:min(100%,760px)}.billiards__score>span{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:260px;display:grid;position:relative}.billiards__score small{color:#fff;font-size:12px;font-weight:850}.billiards__score b{color:#fff;font-size:11px;font-weight:850}.billiards__score em{padding:5px 9px;position:absolute;bottom:8px;right:16px}.billiards__targets{gap:2px;min-height:20px}.billiards__targets i{width:18px;height:18px}.billiards .arcade__stage{background:#171717;place-items:center;min-height:0;padding:0 30px 12px;display:grid;position:relative}.billiards .arcade__stage canvas{border:1px solid #ffffff1f;border-radius:7px;width:min(100%,960px);box-shadow:0 16px 34px #0000008c}.billiards__rail{z-index:2;pointer-events:none;background:linear-gradient(#f5f5f5 0 14%,#f1bb32 14% 78%,#3b3b3b 78%);border:2px solid #060606;border-radius:9px;width:11px;position:absolute;top:18%;bottom:18%;box-shadow:inset 0 0 0 2px #ffffff59,0 3px 9px #000}.billiards__rail--left{left:8px}.billiards__rail--right{right:8px;transform:rotate(180deg)}.billiards__power{z-index:3;color:#fff;background:#0a0d0eeb;border:1px solid #ffffff21;border-radius:12px;justify-items:center;width:48px;padding:9px 5px;display:grid;position:absolute;top:11%;bottom:11%;left:4px;box-shadow:0 6px 18px #00000073}.billiards__power b{letter-spacing:.04em;font-size:9px}.billiards__power input{accent-color:#ffc83d;cursor:ns-resize;direction:rtl;width:118px;height:22px;margin:4px 0;transform:rotate(-90deg)}.billiards__power progress{accent-color:#ffc83d;border:1px solid #ffffff40;border-radius:8px;width:118px;height:16px;margin:7px 0;overflow:hidden;transform:rotate(-90deg)}.billiards__power progress::-webkit-progress-bar{background:#303235}.billiards__power progress::-webkit-progress-value{background:#ffc83d;border-radius:7px}.billiards__power output{font-size:11px;font-weight:800}.billiards .standalone-game__panel>footer{background:#121212;min-height:54px;padding:9px 18px}.cg-all-games{border-top:1px solid #ffffff1a;padding-top:10px}.cg-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.cg-section-heading h2{margin-bottom:4px}.cg-section-heading p{color:#ffffff85;margin:0;font-size:14px}.cg-all-games__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px 12px;display:grid;overflow:visible}.cg-all-games__grid .cg-tile{min-width:0}.cg-all-games__grid .cg-tile__art{width:100%}.game-card__thumbnail--football{background:#16883e}.game-card__thumbnail--golf{background:#2d8a4a}.game-card__thumbnail--football:before{content:"";border:3px solid #ffffff9e;border-radius:8px;position:absolute;inset:16% 8%}.random-football .standalone-game__panel{width:min(100%,1120px)}.random-football__stage{background:#080b12;justify-items:center;gap:18px;padding:24px;display:grid;position:relative}.random-football__stage canvas{touch-action:none;border:1px solid #ffffff2e;border-radius:18px;width:100%;height:auto;display:block;box-shadow:0 18px 50px #0000006b}.random-football__action{color:#fff;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#087cff;border:0;border-radius:18px;min-width:220px;min-height:58px;padding:0 24px;font-weight:900;box-shadow:0 8px #00499b}.random-football__action:active{transform:translateY(5px);box-shadow:0 3px #00499b}.random-football__winner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070fc2;border-radius:18px;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:24px 24px 100px}.random-football__winner strong{font-size:clamp(34px,7vw,72px)}.random-football__winner button{color:#111;cursor:pointer;background:#fff;border:0;border-radius:14px;min-height:48px;padding:0 24px;font-weight:800}.golf-game .standalone-game__panel{width:min(100%,1120px)}.golf-game__stage{background:#07100b;flex:auto;align-content:center;place-items:center;gap:9px;min-height:0;padding:18px;display:grid;overflow:hidden}.golf-game__stage canvas{object-fit:contain;touch-action:none;background:#173f2a;border:1px solid #b7deb147;border-radius:18px;width:100%;height:auto;max-height:calc(100dvh - 210px);display:block;box-shadow:inset 0 0 32px #0000002e,0 22px 70px #0000008c}.golf-game__stage p{color:#ffffffb8;text-align:center;margin:0;font-size:13px;font-weight:700}.golf-game__score{color:#fff;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.golf-game__score svg{color:#6ee787;width:17px}@media (max-width:1100px){.cg-all-games__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:760px){.cg-all-games__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}}.maze-shooter{background:#07080c;padding:66px 16px 22px}.maze-play-layout{grid-template-columns:minmax(0,1fr) 220px;gap:14px;width:min(100%,1680px)}.maze-shooter__panel{border-radius:20px;width:100%}.maze-shooter__stage{background:#05070c;padding:12px}.maze-shooter__stage canvas{object-fit:contain;border-radius:12px;width:min(100%,1180px);max-height:calc(100svh - 285px)}.maze-play-next{border-radius:18px;padding:12px}.maze-play-next a{min-height:126px}.maze-shooter__controls .maze-joystick{background:#171b24}.maze-joystick>span{background:#176db8}.maze-shooter__controls .maze-shooter__fire{background:#d9362e}@media (max-width:1050px){.maze-play-layout{grid-template-columns:1fr}.maze-shooter__stage canvas{max-height:none}.maze-play-next{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.game-grid{grid-template-columns:1fr}.game-card__thumbnail{border-radius:18px}.game-featured__art{min-height:210px;padding:24px}.game-featured__art>svg{width:60px;height:60px;top:30px;right:28px}.math-game__stage{min-height:380px;padding:34px 18px}.math-game__choices button{min-height:58px}.math-game>header,.math-game>footer{padding:16px}.math-game>footer span{display:none}.standalone-game{padding:76px 14px 24px}.standalone-game__exit{top:14px;right:14px}.standalone-game__panel{border-radius:24px}.standalone-game__panel>header,.standalone-game__panel>footer{padding:17px}.standalone-game__stage{min-height:460px;padding:36px 18px}.standalone-game__panel>footer span{display:none}}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{overscroll-behavior-x:none;min-width:0;overflow-x:hidden}button,a,input,select,textarea{touch-action:manipulation}img,video,iframe,canvas{max-width:100%}@media (max-width:1024px){.main-content{width:100%;max-width:none}.page-header{min-width:0}.page-header h1{overflow-wrap:anywhere}.card,.content-card,.settings-card{min-width:0}.standalone-game{padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right))}.standalone-game__panel{max-width:100%}.arcade__stage canvas,.arcade-plus .arcade__stage canvas,.billiards .arcade__stage canvas{object-fit:contain;max-height:min(68svh,720px)}.random-football__stage canvas{object-fit:contain;max-height:min(67svh,640px)}.chess-board{width:min(100%,74svh)}}@media (max-width:720px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}:is(body:has(.game-hub),body:has(.standalone-game)){padding-bottom:0}.topbar{padding-top:max(10px, env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.topbar__actions,:root:not([data-theme=dark]) .topbar__actions{right:max(16px, env(safe-area-inset-right))}.main-content{padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left))}.mobile-nav ul{padding-right:max(8px, env(safe-area-inset-right));padding-bottom:calc(6px + env(safe-area-inset-bottom));padding-left:max(8px, env(safe-area-inset-left))}.topbar-menu{top:calc(64px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));width:auto;max-height:calc(100svh - 90px - env(safe-area-inset-top));position:fixed;overflow-y:auto}body:has(.game-hub) .main-content{padding-top:76px}.game-hub{padding-bottom:max(30px, env(safe-area-inset-bottom))}.cg-hub section{min-width:0}.cg-continue,.cg-row{overscroll-behavior-inline:contain;margin-inline:-14px;padding-inline:14px;scroll-padding-inline:14px}.cg-picks{grid-template-columns:1fr 1fr}.cg-picks .cg-tile--wide{grid-area:auto/1/auto/-1;min-height:180px}.cg-all-games__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-tile__art{padding:12px}.cg-tile__art strong{font-size:16px}.standalone-game{min-height:100dvh;padding-top:calc(68px + env(safe-area-inset-top));padding-bottom:max(14px, env(safe-area-inset-bottom));align-content:center;display:grid}.standalone-game__exit{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));min-height:44px}.standalone-game__panel>header{gap:10px}.standalone-game__panel>header strong{font-size:19px}.standalone-game__panel>header span{font-size:10px}.standalone-game__stage,.arcade__stage,.random-football__stage{padding:14px}.arcade__stage canvas,.arcade-plus .arcade__stage canvas,.billiards .arcade__stage canvas,.random-football__stage canvas{border-radius:13px;max-height:58svh}.arcade__controls{justify-content:center;width:100%}.arcade__controls button{flex:0 0 58px;width:58px;height:58px}.random-football__action{width:min(100%,320px);min-height:58px}.random-football__winner{inset:14px 14px 88px}.maze-shooter{padding-top:calc(62px + env(safe-area-inset-top));padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right))}.maze-shooter__stage{padding:6px}.maze-shooter__controls{padding-bottom:env(safe-area-inset-bottom)}.chess-game__panel{max-width:calc(100vw - 20px)}.chess-board{width:min(100%,82svh)}}@media (max-width:420px){.cg-all-games__grid{gap:16px 8px}.cg-tile__art small{display:none}.cg-tile>b{font-size:12px}.standalone-game__panel{border-radius:18px}.standalone-game__panel>header,.standalone-game__panel>footer{padding:12px 14px}.math-game__score{font-size:13px}.arcade__controls button{flex-basis:52px;width:52px;height:52px}}@media (orientation:landscape) and (max-height:700px) and (pointer:coarse){body:has(.standalone-game){overflow:hidden}.standalone-game{min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(64px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));align-content:start}.standalone-game__exit{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:8;min-height:40px;padding-inline:13px}.standalone-game__panel{width:min(100%,1040px);max-height:calc(100dvh - max(16px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-radius:16px}.standalone-game__panel>header{min-height:48px;padding:7px 68px 7px 14px}.standalone-game__panel>footer,.standalone-game__panel>header span{display:none}.standalone-game__stage,.arcade__stage,.random-football__stage{gap:6px;min-height:0;padding:6px}.arcade__stage canvas,.arcade-plus .arcade__stage canvas,.billiards .arcade__stage canvas,.random-football__stage canvas{width:auto;max-width:100%;height:calc(100dvh - 116px);max-height:none}.random-football__stage{grid-template-columns:minmax(0,1fr) auto}.random-football__stage canvas{grid-area:1/1;justify-self:stretch;width:100%}.random-football__action{border-radius:50%;grid-area:1/2;width:92px;min-width:92px;min-height:92px;padding:10px;font-size:11px}.random-football__winner{inset:6px 104px 6px 6px}.arcade__controls{opacity:.88;position:absolute;bottom:10px;right:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cg-tile__art,.random-football__action{transition:none}}@media (pointer:coarse) and (max-width:1366px){:is(html:has(.standalone-game),body:has(.standalone-game)){overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body:has(.standalone-game){padding:0;position:fixed;inset:0}.standalone-game{width:100%;height:100dvh;min-height:0;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-content:stretch;display:grid;position:fixed;inset:0;overflow:hidden}.standalone-game__exit{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:20;min-height:40px;padding-inline:13px}.standalone-game__panel{border-radius:18px;flex-direction:column;align-self:stretch;width:min(100%,1120px);height:100%;min-height:0;margin:0 auto;display:flex}.standalone-game__panel>header{flex:none;min-height:52px;padding:8px 78px 8px 14px}.standalone-game__panel>footer{display:none}.standalone-game__stage,.arcade__stage,.random-football__stage,.golf-game__stage,.maze-shooter__stage{flex:auto;min-width:0;min-height:0;overflow:hidden}.arcade__stage,.random-football__stage{align-content:center;gap:8px;padding:8px}.golf-game__stage{gap:5px;padding:8px}.arcade__stage canvas,.arcade-plus .arcade__stage canvas,.billiards .arcade__stage canvas,.random-football__stage canvas,.golf-game__stage canvas,.maze-shooter__stage canvas{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain}.random-football__stage canvas{max-height:calc(100dvh - 142px - 66px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.golf-game__stage canvas{max-height:calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.random-football__action{flex:none;min-height:54px}.random-football__winner{inset:8px 8px 70px}.maze-shooter{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.maze-play-layout{width:100%;height:100%;display:block}.maze-play-next{display:none}.maze-shooter__panel{flex-direction:column;height:100%;min-height:0;display:flex}.maze-shooter__stage{flex:auto;place-items:center;padding:5px;display:grid}.maze-shooter__stage canvas{max-height:calc(100dvh - 126px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.maze-shooter__controls{z-index:7;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));pointer-events:none;width:auto;max-width:none;padding-inline:clamp(12px,5vw,64px);position:absolute}.maze-shooter__controls button,.maze-shooter__controls .maze-joystick{pointer-events:auto}.chess-game{place-items:center;display:grid}.chess-game__panel{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:6px;width:100%;height:100%;min-height:0;padding:4px;display:grid}.chess-game__panel header{min-height:46px;padding-right:76px}.chess-game__panel footer{display:none}.chess-board{width:min(calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc(100dvh - 66px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 720px);border-width:9px;max-height:100%}}@media (pointer:coarse) and (orientation:landscape) and (max-width:1366px){.standalone-game__panel>header{z-index:6;top:max(8px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;border:0;border-radius:12px;min-height:40px;padding:5px 12px;position:absolute}.standalone-game__panel>header>div:first-child span{display:none}.standalone-game__panel>header strong{font-size:16px}.standalone-game__panel>header .math-game__score{margin-left:14px}.arcade__stage canvas,.arcade-plus .arcade__stage canvas,.billiards .arcade__stage canvas,.random-football__stage canvas,.golf-game__stage canvas{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.random-football__stage{grid-template-columns:minmax(0,1fr) auto}.random-football__stage canvas{grid-area:1/1;justify-self:stretch;width:100%}.random-football__action{border-radius:50%;grid-area:1/2;width:88px;min-width:88px;height:88px;min-height:88px;padding:8px;font-size:10px}.random-football__winner{inset:8px 98px 8px 8px}.chess-game__panel{grid-template-rows:minmax(0,1fr)}.chess-game__panel header{z-index:4;top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));background:#00000094;border-radius:12px;padding:7px 12px;position:absolute}.chess-board{width:min(calc(100vw - 120px), calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}:is(html:has(.billiards),body:has(.billiards)){overscroll-behavior:none;width:100%;height:100%;overflow:hidden}.billiards-menu{color:#fff;background:radial-gradient(circle at 50% 32%,#164b38 0,#081810 46%,#030705 100%);place-items:center;display:grid}.billiards-menu>section{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050e0ac7;border:1px solid #ffffff29;border-radius:32px;width:min(760px,100vw - 36px);padding:44px;box-shadow:0 28px 90px #00000080}.billiards-menu>section>p{color:#63e6a5;letter-spacing:.22em;margin:0;font-weight:800}.billiards-menu h1{margin:10px 0 32px;font-size:clamp(32px,5vw,58px)}.billiards-menu section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.billiards-menu section>div>button,.billiards-room-actions form{color:#fff;background:#ffffff12;border:1px solid #ffffff29;border-radius:24px;min-height:190px;padding:26px}.billiards-menu section>div>button{cursor:pointer;place-items:center;gap:8px;display:grid}.billiards-menu section>div>button:hover{background:#63e6a51f;border-color:#63e6a5;transform:translateY(-3px)}.billiards-menu section svg{width:34px;height:34px}.billiards-menu section b{font-size:20px}.billiards-menu section span{color:#ffffffa6}.billiards-room-actions form{align-content:center;gap:12px;display:grid}.billiards-room-actions input{color:#fff;text-align:center;letter-spacing:.14em;background:#00000047;border:1px solid #ffffff2e;border-radius:14px;width:100%;padding:15px;font:800 20px/1 system-ui}.billiards-room-actions form button{color:#101310;cursor:pointer;background:#f7f7f5;border:0;border-radius:14px;padding:14px;font-weight:800}.billiards-room-actions form button:disabled{opacity:.4;cursor:not-allowed}.billiards__room-code{color:#fff;cursor:pointer;background:#00000047;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-weight:800;display:flex;position:absolute;top:16px;right:18px}.billiards__room-code svg{width:14px;height:14px}@media (max-width:680px){.billiards-menu>section{padding:30px 20px}.billiards-menu section>div{grid-template-columns:1fr}.billiards-menu section>div>button,.billiards-room-actions form{min-height:145px}}body:has(.billiards){padding:0;position:fixed;inset:0}.billiards.standalone-game{width:100%;height:100dvh;min-height:0;padding:0;display:block;position:fixed;inset:0;overflow:hidden}.billiards .standalone-game__panel{border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:none;height:100%;min-height:0;margin:0;display:grid}.billiards .billiards__hud{z-index:4;width:100%;min-height:76px;padding:max(22px, env(safe-area-inset-top)) 92px 7px;border-radius:0;position:relative;inset:auto}.billiards .arcade__stage{width:100%;height:100%;min-height:0;padding:0 34px max(6px, env(safe-area-inset-bottom));place-items:center;display:grid;overflow:hidden}.billiards .arcade__stage canvas{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 76px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain}.billiards .standalone-game__panel>footer{display:none}.billiards .standalone-game__exit{z-index:10;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right))}@media (max-width:760px){.billiards .billiards__hud{min-height:66px;padding:max(20px, env(safe-area-inset-top)) 58px 5px 8px}.billiards__hud .billiards__status{top:max(2px, env(safe-area-inset-top));text-overflow:ellipsis;white-space:nowrap;font-size:9px;left:8px;right:74px;overflow:hidden}.billiards__score{gap:5px}.billiards__score>span{grid-template-columns:auto 1fr;gap:4px;min-width:0}.billiards__score>span b,.billiards__score>i{display:none}.billiards__score small{font-size:8px}.billiards__targets i{width:14px;height:14px;font-size:6px}.billiards__targets i:after{width:7px;height:7px}.billiards__score em{padding:3px 6px;font-size:8px;bottom:4px;right:5px}.billiards .arcade__stage{padding-left:25px;padding-right:25px}.billiards__power{transform-origin:0;width:36px;left:1px;transform:scale(.82)}.billiards__rail--right{right:3px}}:is(html:has(.golf-game),body:has(.golf-game)){overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body:has(.golf-game){padding:0;position:fixed;inset:0}.golf-game.standalone-game{background:#29a03c;place-items:center;width:100%;height:100dvh;min-height:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.golf-game .standalone-game__panel{width:100%;max-width:none;height:100%;min-height:0;box-shadow:none;background:#29a03c;border:0;border-radius:0;margin:0;display:block}.golf-game .standalone-game__panel>header,.golf-game .standalone-game__panel>footer,.golf-game__stage>p{display:none}.golf-game__stage{background:#29a03c;place-items:center;width:100%;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.golf-game__stage canvas{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:100dvh;box-shadow:none;touch-action:none;background:#29a03c;border:0;border-radius:0;display:block}.golf-game .standalone-game__exit{z-index:10;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#77a9c1;background:#fff;border:5px solid #050505;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid}.golf-game .standalone-game__exit svg{width:25px;height:25px}.territory-front{background:#050b12}.territory-front .standalone-game__panel{width:min(100%,1200px)}.territory-front__hud{flex-wrap:wrap;gap:10px;display:flex}.territory-front__hud b{color:#ddecf8;background:#142536;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;display:inline-flex}.territory-front__hud svg{color:#55a9ff;width:15px;height:15px}.territory-front__stage{background:#050b12;flex:auto;place-items:center;min-height:0;padding:14px;display:grid;position:relative;overflow:hidden}.territory-front__stage canvas{touch-action:none;border:1px solid #294154;border-radius:18px;width:100%;height:auto;max-height:calc(100dvh - 200px);display:block;box-shadow:0 24px 70px #0009}.territory-front__tip{color:#e9f5ff;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06101cdd;border:1px solid #fff2;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.territory-front__ratio{z-index:3;color:#dcefff;background:#030a12e8;border:2px solid #294154;gap:8px;width:190px;padding:11px 14px;font:800 11px ui-monospace,Consolas,monospace;display:grid;position:absolute;top:28px;left:28px;box-shadow:5px 5px #0008}.territory-front__ratio span{justify-content:space-between;display:flex}.territory-front__ratio b{color:#54b4ff}.territory-front__ratio input{accent-color:#2494ff;cursor:pointer;width:100%}@media (max-width:720px){.territory-front__hud b{padding:5px 7px;font-size:9px}.territory-front__stage{padding:5px}.territory-front__tip{text-overflow:ellipsis;max-width:88%;bottom:12px;overflow:hidden}.territory-front__stage canvas{border-radius:12px;max-height:calc(100dvh - 84px)}}@media (pointer:coarse) and (orientation:landscape) and (max-width:1366px){.territory-front__stage canvas{max-height:calc(100dvh - 14px)}.territory-front__tip{bottom:18px}}.geo-game .standalone-game__panel{width:min(100%,1440px);height:min(94dvh,900px)}.geo-game__layout{background:#050b12;flex:auto;grid-template-columns:minmax(0,1fr) 330px;min-height:0;display:grid}.geo-game__map{background:#07131f;align-content:center;place-items:center;min-width:0;min-height:0;padding:14px;display:grid;position:relative;overflow:hidden}.geo-game__map canvas{width:100%;height:auto;max-height:calc(100dvh - 235px);image-rendering:pixelated;touch-action:none;border:1px solid #294154;border-radius:12px;display:block}.geo-game__map>p{color:#b7cada;text-align:center;min-height:18px;margin:8px 0 0;font-size:12px;font-weight:700}.geo-game__panel{color:#eef8ff;background:#0a111a;border-left:1px solid #263847;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.geo-game__panel span{color:#7390a8;letter-spacing:.1em;font:900 10px ui-monospace,Consolas,monospace}.geo-game__nation,.geo-game__policies,.geo-game__target{background:#101d29;border:1px solid #24394b;border-radius:12px;gap:9px;padding:13px;display:grid}.geo-game__nation>strong,.geo-game__target>strong{font-size:18px}.geo-game__nation>div{grid-template-columns:1fr auto;gap:6px;font-size:12px;display:grid}.geo-game__nation b{color:#879cae}.geo-game__nation em{color:#fff;font-style:normal;font-weight:900}.geo-game__policies label{grid-template-columns:1fr auto;align-items:center;gap:3px 8px;display:grid}.geo-game__policies i{font-size:11px;font-style:normal;font-weight:700}.geo-game__policies b{color:#51afff;font:900 10px ui-monospace,monospace}.geo-game__policies input{accent-color:#2494ff;grid-column:1/-1;width:100%}.geo-game__target small{color:#9db0c0;font-size:10px;line-height:1.5}.geo-game__target>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.geo-game__target button,.geo-game__turn button{color:#fff;cursor:pointer;background:#172a3a;border:1px solid #334d61;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:36px;font-size:10px;font-weight:900;display:flex}.geo-game__target button svg,.geo-game__turn button svg{width:13px;height:13px}.geo-game__target button.danger{background:#7c2430;border-color:#87303a;grid-column:1/-1}.geo-game__turn{grid-template-columns:1fr 1.2fr;gap:7px;margin-top:auto;display:grid}.geo-game__turn button:last-child{background:#0874c4;border-color:#1f78b8}.geo-game__victory{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060de8;border-radius:12px;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:18px}.geo-game__victory strong{color:#fff;font:900 clamp(28px,6vw,64px) ui-monospace,monospace}.geo-game__victory button{color:#111;background:#fff;border:0;border-radius:8px;padding:12px 22px;font-weight:900}@media (max-width:900px){.geo-game .standalone-game__panel{height:100%}.geo-game__layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.geo-game__map{padding:5px}.geo-game__map canvas{max-height:42dvh}.geo-game__map>p{font-size:9px}.geo-game__panel{border-top:1px solid #263847;border-left:0;grid-template-columns:1fr 1fr;max-height:48dvh;display:grid}.geo-game__nation,.geo-game__policies,.geo-game__target{padding:8px}.geo-game__policies{grid-row:span 2}.geo-game__turn{margin-top:0}.geo-game__nation>strong,.geo-game__target>strong{font-size:13px}}.game-card__thumbnail--territory{background:linear-gradient(145deg,#ff7448,#2a397a)}.racing-game{background:#070b16}.racing-game .standalone-game__panel{width:min(100%,1180px)}.racing-game__hud{align-items:center;gap:10px;display:flex}.racing-game__hud b,.racing-game__hud strong{background:#182235;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;display:flex}.racing-game__hud svg{width:14px;height:14px}.racing-game__hud strong{color:#62c8ff}.racing-game__stage{background:#050812;flex:1;place-items:center;min-height:0;padding:12px;display:grid;position:relative;overflow:hidden}.racing-game__stage canvas{object-fit:contain;touch-action:none;border-radius:14px;width:100%;height:auto;max-height:calc(100dvh - 205px);display:block}.racing-game__stage:before{content:"";z-index:3;pointer-events:none;background:#03060bcc url(/assets/silverstone-circuit.png) 50%/94% no-repeat;border:1px solid #fff4;border-radius:10px;width:190px;height:140px;position:absolute;bottom:18px;left:18px;box-shadow:0 8px 28px #000a}.racing-game__stage:after{content:"● YOU    • 5 RIVALS";z-index:4;color:#fff;letter-spacing:.04em;pointer-events:none;font:900 9px ui-monospace,Consolas,monospace;position:absolute;bottom:24px;left:48px}.racing-game__stage:before,.racing-game__stage:after{display:none}.racing-game__hud b:nth-child(2){background:#0d3858;border:2px solid #61c9ff;font-size:13px}.racing-game__hud b:nth-child(2):before{content:"POSITION";color:#8ed8ff;letter-spacing:.05em;font-size:9px}.racing-game__controls{pointer-events:none;grid-template-columns:78px 78px 1fr 68px 68px;gap:10px;display:grid;position:absolute;bottom:24px;left:24px;right:24px}.racing-game__controls button{color:#fff;pointer-events:auto;touch-action:none;background:#0b1427cc;border:2px solid #fff4;border-radius:16px;height:58px;font-weight:900}.racing-game__controls button:first-child{grid-column:4}.racing-game__controls .brake{background:#d53a4bdd;grid-area:1/1}.racing-game__controls .gas{background:#168bffdd;grid-area:1/2}.racing-game__controls button:nth-child(4){grid-column:5}.racing-game footer span{font-size:0}.racing-game footer span:after{content:"Balapan dua lap melawan lima mobil AI di satu sirkuit penuh.";font-size:13px}.racing-game--webgl .racing-game__stage{background:#09111a;min-height:520px;padding:0}.racing-game--webgl .racing-game__stage canvas{object-fit:cover;border-radius:0;width:100%;height:100%;max-height:none}.race-overlay{z-index:4;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 1px 2px #000;pointer-events:none;background:#08111db8;border-radius:5px;display:grid;position:absolute}.race-overlay--standings{gap:3px;width:142px;padding:9px 12px;top:22px;left:24px}.race-overlay--standings strong{text-align:center;font-size:14px}.race-overlay--standings>b{text-align:center;border-bottom:2px solid #fff;padding-bottom:4px;font-size:17px}.race-overlay--standings span{align-items:center;gap:7px;font:800 12px ui-monospace,monospace;display:flex}.race-overlay--standings i{width:6px;height:13px}.race-overlay--time{grid-template-columns:1fr auto;width:180px;top:22px;right:24px;overflow:hidden}.race-overlay--time strong,.race-overlay--time b{border-top:3px solid #ef3447;padding:8px 11px;font-size:15px}.race-overlay--time b{text-align:right}.race-overlay--time span{background:#ffffff16;grid-column:1/-1;padding:7px 11px;font-weight:800}.race-minimap{z-index:4;pointer-events:none;background:#07101cbd;border-radius:4px;width:180px;height:135px;padding:8px;position:absolute;bottom:94px;left:18px}.race-minimap svg{width:100%;height:100%;overflow:visible}.race-minimap polyline{fill:none;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.race-minimap circle{stroke:#07101c;stroke-width:1.8px}.race-dashboard{z-index:4;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);color:#fff;text-align:center;pointer-events:none;background:#111923d9;grid-template-columns:70px 90px 90px;align-items:end;width:290px;padding:12px 14px 8px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.race-dashboard small{font-weight:900}.race-dashboard strong{grid-area:1/2/3;font-size:48px;line-height:1}.race-dashboard b{font-size:20px}.race-dashboard em{color:#a9b7c4;font-size:9px;font-style:normal;display:block}.race-finish{z-index:8;color:#fff;background:#030812d9;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.race-finish strong{font-size:54px}.race-finish span{color:#65caff;font-size:22px;font-weight:900}.race-finish button{color:#fff;background:#168bff;border:0;border-radius:9px;gap:7px;padding:11px 18px;font-weight:900;display:flex}.race-finish svg{width:16px}@media (max-width:720px){.racing-game--webgl .racing-game__stage{min-height:calc(100dvh - 72px)}.race-overlay--standings{width:112px;padding:6px 8px;top:8px;left:8px}.race-overlay--standings span{font-size:9px}.race-overlay--time{width:135px;top:8px;right:8px}.race-overlay--time strong,.race-overlay--time b{padding:5px;font-size:11px}.race-minimap{width:115px;height:87px;bottom:72px;left:8px}.race-dashboard{display:none}}.tetris-game .standalone-game__panel{width:min(100%,760px)}.tetris-game__stats{align-items:center;gap:8px;display:flex}.tetris-game__stats b,.tetris-game__stats span{background:#182235;border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:11px;display:flex}.tetris-game__stats svg{width:14px;height:14px}.tetris-game__stage{background:#050812;flex:1;place-items:center;gap:10px;min-height:0;padding:10px;display:grid}.tetris-game__stage canvas{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 250px);image-rendering:pixelated;border:1px solid #243147;border-radius:12px}.tetris-game__controls{grid-template-columns:repeat(4,54px);gap:8px;display:grid}.tetris-game__controls button{color:#fff;background:#152033;border:1px solid #fff3;border-radius:10px;height:46px;font-size:19px;font-weight:900}.tetris-game__controls .drop{background:#7f48dd;grid-column:1/-1;font-size:11px}@media (max-width:720px){.racing-game__stage{padding:4px}.racing-game__stage canvas{max-height:calc(100dvh - 70px)}.racing-game__stage:before{width:130px;height:90px;inset:8px 8px auto auto}.racing-game__stage:after{font-size:7px;inset:77px 18px auto auto}.racing-game__controls{grid-template-columns:68px 68px 1fr 56px 56px;gap:6px;bottom:10px;left:10px;right:10px}.racing-game__controls button{height:52px}.tetris-game__stage canvas{max-height:calc(100dvh - 190px)}.tetris-game__stage{grid-template-columns:minmax(0,1fr) auto;padding:4px}.tetris-game__controls{grid-template-columns:repeat(2,48px)}.tetris-game__controls .drop{grid-column:1/-1}}@media (max-width:1366px){body:has(.racing-game){width:100%;height:100%;padding:0;position:fixed;inset:0;overflow:hidden}.racing-game.standalone-game{width:100%;height:100dvh;min-height:0;padding:max(4px, env(safe-area-inset-top)) max(4px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));align-items:stretch;display:flex;position:fixed;inset:0;overflow:hidden}.racing-game .standalone-game__panel{border-radius:12px;flex-direction:column;width:100%;height:100%;min-height:0;max-height:100dvh;margin:0 auto;display:flex}.racing-game .standalone-game__panel>header{flex:none}.racing-game .standalone-game__panel>footer{display:none}.racing-game--webgl .racing-game__stage{flex:1 1 0;height:auto;min-height:0;padding:0}.racing-game--webgl .racing-game__stage canvas{object-fit:cover;width:100%;height:100%;max-height:100%}.racing-game__controls{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left))}}@media (max-width:720px){.racing-game .standalone-game__panel>header{min-height:48px;padding:6px 68px 6px 10px}.racing-game .standalone-game__panel>header>div:first-child{display:none}.racing-game__hud{gap:4px}.racing-game__hud b,.racing-game__hud strong{padding:4px 6px;font-size:9px}.racing-game__controls{grid-template-columns:minmax(52px,68px) minmax(52px,68px) 1fr 52px 52px;gap:5px}.racing-game__controls button{height:clamp(46px,8dvh,54px);padding:0 6px;font-size:11px}.race-minimap{bottom:calc(66px + env(safe-area-inset-bottom));left:max(6px, env(safe-area-inset-left));width:105px;height:78px;padding:5px}body:has(.racing-game) .consent-banner{border-radius:12px;gap:7px;max-width:370px;padding:9px 10px;inset:58px 6px auto}body:has(.racing-game) .consent-banner strong{margin-bottom:2px;font-size:12px}body:has(.racing-game) .consent-banner p{margin-bottom:2px;font-size:10px;line-height:1.25}body:has(.racing-game) .consent-banner a{font-size:10px}body:has(.racing-game) .consent-banner__actions{gap:5px}body:has(.racing-game) .consent-banner button{min-height:34px;font-size:10px}}.game-card__thumbnail--krl{background:linear-gradient(145deg,#e5333d 0 42%,#d5dde0 42% 67%,#f1b82d 67% 73%,#213644 73%)}.game-card__thumbnail--voxel{background:linear-gradient(135deg,#0000 65%,#4f7f32 65%),linear-gradient(#7bc8f0 0 46%,#5ca441 46% 68%,#795338 68%)}.game-card__thumbnail--voxel svg{filter:drop-shadow(3px 4px #2f5522)}.voxel-game{background:#79c5ee;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.voxel-game__stage,.voxel-game__stage canvas{width:100%;height:100%;display:block}.voxel-game__stage canvas{touch-action:none}.voxel-game button{color:#fff;touch-action:none;background:#1d2c28d9;border:2px solid #ffffffa8;font-weight:900;box-shadow:0 5px #0b1512aa}.voxel-game__exit,.voxel-game__reset{z-index:5;border-radius:7px;align-items:center;gap:7px;padding:9px 13px;display:flex;position:absolute;top:16px}.voxel-game__exit{left:16px}.voxel-game__reset{right:16px}.voxel-game__exit svg,.voxel-game__reset svg{width:17px}.voxel-game__title{z-index:4;color:#fff;text-align:center;background:#17251fd9;border:2px solid #ffffffa8;border-radius:7px;gap:2px;padding:8px 15px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.voxel-game__title b{letter-spacing:.08em;font-size:13px}.voxel-game__title span{color:#c9dfcf;font-size:9px;font-weight:700}.voxel-game__crosshair{z-index:3;color:#fff;text-shadow:1px 2px #000;pointer-events:none;font:900 34px/1 monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voxel-game__hotbar{z-index:5;background:#111a16c9;gap:4px;padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.voxel-game__hotbar button{border-radius:2px;width:52px;height:52px;padding:5px;position:relative}.voxel-game__hotbar button.is-active{border-color:#ffe65c;transform:translateY(-5px)}.voxel-game__hotbar i{width:100%;height:100%;display:block;box-shadow:inset -6px -6px #0002,inset 5px 5px #fff2}.voxel-game__hotbar small{text-shadow:1px 1px #000;position:absolute;bottom:1px;right:3px}.voxel-game__move,.voxel-game__actions{z-index:5;gap:6px;display:grid;position:absolute;bottom:18px}.voxel-game__move{grid-template-columns:repeat(3,54px);grid-template-areas:".up.""left down right";left:18px}.voxel-game__move button{border-radius:8px;width:54px;height:54px;font-size:22px}.voxel-game__move button:first-child{grid-area:left}.voxel-game__move button:nth-child(2){grid-area:up}.voxel-game__move button:nth-child(3){grid-area:down}.voxel-game__move button:nth-child(4){grid-area:right}.voxel-game__actions{grid-template-columns:repeat(3,auto);align-items:end;right:18px}.voxel-game__actions button{border-radius:8px;place-items:center;min-width:74px;height:58px;padding:5px 8px;font-size:9px;display:grid}.voxel-game__actions svg{width:18px}@media (max-width:760px){.voxel-game__title{max-width:46vw;padding:6px 8px;top:8px}.voxel-game__title span{display:none}.voxel-game__exit,.voxel-game__reset{padding:7px 8px;font-size:0;top:8px}.voxel-game__exit{left:8px}.voxel-game__reset{right:8px}.voxel-game__move{grid-template-columns:repeat(3,44px);bottom:12px;left:8px}.voxel-game__move button{width:44px;height:44px}.voxel-game__actions{gap:3px;bottom:12px;right:8px}.voxel-game__actions button{width:49px;min-width:49px;height:46px;padding:2px;font-size:7px}.voxel-game__hotbar{bottom:112px}.voxel-game__hotbar button{width:38px;height:38px;padding:3px}}.krl-runner{background:#071018;padding:0}.krl-runner .standalone-game__panel{border:0;border-radius:0;width:100%;max-width:none;height:100dvh;position:relative}.krl-runner .standalone-game__panel>header{z-index:7;background:0 0;border:0;width:auto;min-height:0;padding:0;position:absolute;top:18px;right:18px}.krl-runner .standalone-game__panel>header>div:first-child,.krl-runner .standalone-game__panel>footer,.krl-runner>.standalone-game__exit{display:none}.krl-runner__hud{align-items:center;gap:9px;display:flex}.krl-runner__hud b,.krl-runner__hud strong{color:#fff;background:#132335d9;border:2px solid #ffffffb8;border-radius:15px;align-items:center;gap:5px;padding:7px 11px;font-size:12px;display:flex}.krl-runner__hud strong{color:#69d5ff;font-size:15px}.krl-runner__hud svg{color:#ffd844;width:15px;height:15px}.krl-runner__stage{background:#87c8e6;flex:auto;height:100%;min-height:0;position:relative;overflow:hidden}.krl-runner__stage canvas{touch-action:none;width:100%;height:100%;display:block}.krl-runner__controls{pointer-events:none;grid-template-columns:64px 86px 86px 1fr 64px;gap:8px;display:grid;position:absolute;bottom:18px;left:20px;right:20px}.krl-runner__controls button{color:#fff;pointer-events:auto;touch-action:none;background:#0c1b2cda;border:2px solid #fff5;border-radius:17px;height:56px;font-size:12px;font-weight:950;box-shadow:0 7px 20px #0018}.krl-runner__controls button:nth-child(2){background:#168de6}.krl-runner__controls button:nth-child(3){background:#e4493f}.krl-runner__controls button:nth-child(4){grid-column:5}.krl-runner__over{z-index:8;color:#fff;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04111de6;place-content:center;justify-items:center;gap:9px;display:grid;position:absolute;inset:0}.krl-runner__over span{color:#64d5ff;letter-spacing:.16em;font-size:11px;font-weight:950}.krl-runner__over strong{font-size:clamp(32px,6vw,62px)}.krl-runner__over small{color:#a9bbca;font-weight:800}.krl-runner__over button{color:#fff;background:#e4313f;border:0;border-radius:12px;align-items:center;gap:7px;margin-top:8px;padding:12px 20px;font-weight:900;display:flex}.krl-runner__over svg{width:17px}.krl-runner__power{color:#ffe05d!important}.krl-runner__pause{z-index:7;color:#fff;background:#122234d9;border:3px solid #fff;border-radius:18px;place-items:center;width:66px;height:66px;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 8px 24px #0019}.krl-runner__pause svg{fill:currentColor;width:32px;height:32px}.krl-runner__surface-panel{z-index:5;color:#fff;justify-items:end;gap:7px;display:grid;position:absolute;top:92px;right:18px}.krl-runner__surface-panel>span{letter-spacing:.08em;background:#081523dd;border:1px solid #fff6;border-radius:10px;padding:7px 12px;font-size:11px;font-weight:950;box-shadow:0 8px 22px #0018}.krl-runner__surface-panel>div{gap:6px;display:grid}.krl-runner__surface-panel button{color:#fff;text-align:left;background:#b92732e8;border:1px solid #fff5;border-radius:8px 0 0 8px;min-width:126px;padding:12px 15px;box-shadow:0 7px 18px #0018}.krl-runner__surface-panel button b,.krl-runner__surface-panel button small{display:block}.krl-runner__surface-panel button b{font-size:20px}.krl-runner__surface-panel button small{color:#ffd84a;margin-top:2px;font-size:8px;font-weight:900}.krl-runner__surface-panel button.is-active{background:#e12837f2;border-color:#fff;transform:translate(-8px)}.krl-runner__surface-panel button.is-active small{color:#fff}@media (max-width:1366px){body:has(.krl-runner){position:fixed;inset:0;overflow:hidden}.krl-runner.standalone-game{width:100%;height:100dvh;min-height:0;padding:0;position:fixed;inset:0}.krl-runner .standalone-game__panel{width:100%;height:100%;min-height:0}.krl-runner .standalone-game__panel>footer{display:none}}@media (max-width:720px){.krl-runner .standalone-game__panel>header{min-height:0;padding:0;top:7px;right:7px}.krl-runner .standalone-game__panel>header>div:first-child{display:none}.krl-runner__hud{gap:4px}.krl-runner__hud b,.krl-runner__hud strong{padding:4px 6px;font-size:9px}.krl-runner__surface-panel{gap:4px;top:54px;right:7px}.krl-runner__surface-panel>span{padding:5px 8px;font-size:8px}.krl-runner__surface-panel>div{gap:3px;display:flex}.krl-runner__surface-panel button{text-align:center;border-radius:7px;min-width:49px;padding:5px 4px}.krl-runner__surface-panel button b{font-size:9px}.krl-runner__surface-panel button small{font-size:7px}.krl-runner__surface-panel button.is-active{transform:translateY(3px)}.krl-runner__pause{border-width:2px;border-radius:12px;width:46px;height:46px;top:7px;left:7px}.krl-runner__pause svg{width:23px;height:23px}.krl-runner__controls{right:8px;bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:48px 68px 68px 1fr 48px;gap:5px;left:8px}.krl-runner__controls button{height:48px;padding:0 4px;font-size:9px}}.racing-game--webgl.standalone-game{width:100%;height:100dvh;min-height:0;padding:0;position:fixed;inset:0}.race-track-select{z-index:20;color:#1d1d1f;background:radial-gradient(circle at 50% -20%,#fff 0,#f7f9fc 42%,#edf1f6 100%);min-height:100dvh;padding:clamp(20px,3vw,42px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;position:fixed;inset:0;overflow:auto}.race-track-select:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 35%,#74c8ff24,#0000 26%),radial-gradient(circle at 86% 70%,#9adbbf22,#0000 28%);position:fixed;inset:0}.race-track-select>section{width:min(1000px,100%);margin:auto;position:relative}.race-track-select__exit{color:#3a3a3c;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#ffffff8f;border:1px solid #ffffffd9;border-radius:999px;align-items:center;gap:7px;margin-bottom:clamp(18px,2vw,28px);padding:9px 14px;display:flex;box-shadow:inset 0 1px #fff,0 5px 20px #2436500c}.race-track-select__exit svg{width:16px}.race-track-select header span,.race-track-select__action small{color:#0071e3;letter-spacing:.14em;font-size:11px;font-weight:700}.race-track-select h1{letter-spacing:-.055em;margin:7px 0;font-size:clamp(40px,5vw,64px);line-height:1}.race-track-select header p{color:#6e6e73;margin:0 0 22px;font-size:clamp(15px,2vw,18px)}.race-track-carousel{grid-template-columns:56px minmax(0,680px) 56px;justify-content:center;align-items:center;gap:clamp(8px,2vw,22px);display:grid}.race-track-arrow{color:#1d1d1f;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#ffffffa3;border:1px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .2s,background .2s;display:grid;box-shadow:inset 0 1px #fff,0 8px 30px #25385314}.race-track-arrow:hover{background:#fff;transform:scale(1.05)}.race-track-arrow:active{transform:scale(.96)}.race-track-arrow svg{width:22px}.race-track-showcase{-webkit-backdrop-filter:blur(28px)saturate(155%);backdrop-filter:blur(28px)saturate(155%);background:linear-gradient(145deg,#ffffffd9,#ffffff75);border:1px solid #fff;border-radius:clamp(30px,4vw,46px);grid-template-rows:auto minmax(230px,1fr) auto auto;min-height:clamp(390px,57vh,560px);padding:clamp(20px,3vw,34px);display:grid;overflow:hidden;box-shadow:inset 0 1px 1px #fff,0 30px 80px #25385318,0 2px 8px #2538530d}.race-track-showcase__top{color:#86868b;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:16px;font-size:10px;font-weight:700;display:flex}.race-track-showcase__top em{letter-spacing:.04em;font-style:normal}.race-track-showcase>svg{width:100%;height:100%;min-height:230px;padding:10px;animation:.36s cubic-bezier(.2,.8,.2,1) race-track-enter;overflow:visible}.race-track-showcase polyline{fill:none;stroke:#1d1d1f;stroke-width:5.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 8px 9px #1d1d1f1c)}.race-track-showcase__copy{text-align:center}.race-track-showcase h2{letter-spacing:-.04em;margin:0;font-size:clamp(25px,3.5vw,38px)}.race-track-showcase__copy p{color:#6e6e73;margin:5px 0 0;font-size:14px}.race-track-dots{justify-content:center;gap:7px;padding-top:18px;display:flex}.race-track-dots i{background:#c7c7cc;border-radius:99px;width:6px;height:6px;transition:width .22s,background .22s}.race-track-dots i.is-active{background:#0071e3;width:20px}.race-track-select__action{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#ffffffa3;border:1px solid #fff;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;width:min(680px,100% - 150px);margin:18px auto 0;padding:13px 14px 13px 20px;display:flex;box-shadow:inset 0 1px #fff,0 10px 36px #25385310}.race-track-select__action>div{gap:3px;display:grid}.race-track-select__action strong{letter-spacing:-.02em;font-size:17px}.race-track-select__action>button{color:#fff;background:#0071e3;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:0 21px;font-weight:700;transition:transform .2s,background .2s;display:flex;box-shadow:0 7px 22px #0071e343}.race-track-select__action>button:hover{background:#0077ed;transform:translateY(-1px)}.race-track-select__action>button:active{transform:scale(.97)}.race-track-select__action svg{width:17px}@keyframes race-track-enter{0%{opacity:.15;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.race-track-showcase>svg{animation:none}}@media (max-width:680px){.race-track-select{padding:16px}.race-track-select__exit{margin-bottom:16px}.race-track-select h1{font-size:40px}.race-track-select header p{margin-bottom:16px}.race-track-carousel{grid-template-columns:42px minmax(0,1fr) 42px;gap:6px}.race-track-arrow{width:42px;height:42px}.race-track-showcase{border-radius:30px;min-height:390px;padding:19px}.race-track-showcase>svg{min-height:220px;padding:4px}.race-track-select__action{text-align:center;flex-direction:column;align-items:stretch;width:100%;padding:16px}.race-track-select__action>button{justify-content:center}}.race-track-select{color:#f5f5f7;background:radial-gradient(circle at 50% -10%,#28313b 0,#12161b 40%,#050608 100%)}.race-track-select:before{opacity:.5;background:linear-gradient(135deg,#ffffff06,#0000 42%),radial-gradient(circle at 80% 70%,#0071e31a,#0000 30%)}.race-track-select>section{width:min(1280px,100%)}.race-track-select__exit{color:#f5f5f7;background:#20242abf;border-color:#ffffff24;box-shadow:inset 0 1px #fff2,0 8px 25px #0004}.race-track-select header{text-align:left}.race-track-select header span,.race-track-select__action small{color:#64d2ff}.race-track-select h1{font-size:clamp(38px,5vw,62px)}.race-track-select header p{color:#a1a1a6}.race-track-deck{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-color:#8e8e93 #25282d;scrollbar-width:thin;background:#050607;border:1px solid #ffffff1a;border-radius:14px;width:100%;display:flex;overflow-x:auto;box-shadow:0 25px 70px #0008}.race-track-card{scroll-snap-align:start;color:#f5f5f7;text-align:left;background:linear-gradient(#494949 0 34%,#242424e8 34% 100%);border:0;border-right:1px solid #000;flex:0 0 clamp(220px,25%,310px);min-width:220px;padding:0;transition:filter .18s,background .18s}.race-track-card:last-child{border-right:0}.race-track-card:hover{filter:brightness(1.12)}.race-track-card.is-selected{background:linear-gradient(#50545a 0 34%,#282d33 34% 100%);box-shadow:inset 0 0 0 3px #64d2ff}.race-track-card>strong{color:#fff;font-variant:small-caps;letter-spacing:.05em;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px #000;border-bottom:7px solid #f5f5f7;height:35px;padding:4px 10px;font-size:20px;line-height:24px;display:block;overflow:hidden}.race-track-card__preview{background:linear-gradient(145deg,#4b4f4b,#383a38);place-items:center;height:132px;padding:6px 10px;display:grid}.race-track-card__preview svg{width:100%;height:100%;overflow:visible}.race-track-card__preview polyline{fill:none;stroke:#eef7e3;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 6px #a6be69)}.race-track-card dl{margin:0;padding:8px 0 0}.race-track-card dl div{justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:5px 10px;display:flex}.race-track-card dt,.race-track-card dd{font-variant:small-caps;letter-spacing:.04em;margin:0;font-size:15px;font-weight:600}.race-track-card dd{text-align:right}.race-track-card .is-record{text-align:center;border-top:7px solid #f5f5f7;flex-direction:column;justify-content:center;gap:4px;min-height:61px;padding:5px 8px}.race-track-card .is-record dd{font-size:18px}.race-track-select__action{color:#f5f5f7;background:#1c2026d9;border-color:#ffffff26;width:min(760px,100%);box-shadow:inset 0 1px #ffffff24,0 12px 40px #0006}.race-track-select__action>button{background:#0a84ff}@media (max-width:680px){.race-track-select header{text-align:center}.race-track-deck{border-radius:10px}.race-track-card{flex-basis:82vw}.race-track-card__preview{height:150px}.race-track-select__action{margin-top:14px}}.race-track-select{background:linear-gradient(90deg,#03070cde 0%,#071018a6 58%,#10080b12 100%),linear-gradient(#0000 57%,#030509d9 100%),url(/assets/racing/indonesia-city-circuit-sunset-v1.png) 50%/cover fixed;padding:clamp(20px,2.3vw,42px) clamp(24px,4vw,72px) 18px}.race-track-select:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0104094a 0 38%,#0000 72%),linear-gradient(#0000 76%,#020407a3);position:fixed;inset:0}.race-track-select>section{flex-direction:column;width:100%;max-width:none;min-height:calc(100dvh - 60px);display:flex}.race-select-nav{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:clamp(28px,4vh,48px);display:flex}.race-select-brand{color:#fff;text-align:left;text-shadow:0 4px 18px #000;background:0 0;border:0;align-items:center;gap:16px;display:flex;transform:skew(-8deg)}.race-select-brand>i{clip-path:polygon(20% 0,48% 0,38% 43%,67% 43%,77% 0,100% 0,78% 100%,50% 100%,60% 57%,31% 57%,20% 100%,0 100%);filter:drop-shadow(0 4px 3px #0008);background-color:#0000;background-image:linear-gradient(135deg,#fff 0 42%,#0000 43%),linear-gradient(135deg,#ff3038 0 42%,#0000 43%);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:50% 100%,50% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:116px;height:62px;display:block}.race-select-brand div{display:grid}.race-select-brand b{letter-spacing:.02em;font-size:clamp(32px,3.6vw,54px);font-style:italic;font-weight:950;line-height:.8}.race-select-brand span{letter-spacing:.19em;margin-top:9px;font-size:clamp(14px,1.6vw,24px);font-style:italic;font-weight:850}.race-select-brand em{color:#f12632;font-style:italic}.race-select-tools{gap:20px;display:flex}.race-select-tools button{color:#f5f5f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1219a8;border:1px solid #ffffff40;border-radius:13px;place-items:center;width:76px;height:68px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0007}.race-select-tools svg{width:27px;height:27px}.race-track-select header{z-index:1;text-align:left;width:min(1310px,80vw);position:relative}.race-track-select header span{color:#ff3340;letter-spacing:.22em;font-size:17px;font-weight:850}.race-track-select h1{letter-spacing:-.025em;text-shadow:0 4px 20px #000;margin:7px 0 2px;font-size:clamp(46px,4.5vw,72px);font-weight:950}.race-track-select header p{color:#e1e3e6;text-shadow:0 2px 8px #000;margin:0 0 23px;font-size:17px}.race-track-deck{z-index:1;width:min(1310px,78vw);box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid;position:relative;overflow:visible}.race-track-select .race-track-card{color:#fff;text-align:left;background:linear-gradient(0deg,#080b0ee8 0 29%,transparent 62%),linear-gradient(90deg,#080b0e5c,transparent),var(--track-card-image) center/cover;border:2px solid #5f6873;min-width:0;min-height:215px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 14px 28px #0009;border-radius:25px!important}.race-track-card:hover{filter:none;transform:translateY(-2px)}.race-track-card.is-selected{background:linear-gradient(0deg,#080b0ee8 0 29%,transparent 62%),linear-gradient(90deg,#080b0e5c,transparent),var(--track-card-image) center/cover;border-color:#ff3944;box-shadow:0 0 0 1px #ff3944,0 12px 30px #000b,inset 0 0 20px #ff26331b}.race-track-card__number{z-index:2;color:#fff;text-shadow:0 2px 4px #0008;background:linear-gradient(110deg,#ff3340 0 75%,#0000 76%);border-radius:3px;padding:2px 12px 3px;font-size:18px;font-style:italic;font-weight:950;position:absolute;top:20px;left:17px;transform:skew(-7deg)}.race-track-card:not(.is-selected) .race-track-card__number{background:linear-gradient(110deg,#65717b 0 75%,#0000 76%)}.race-track-card__preview{background:0 0;width:45%;height:120px;padding:0;position:absolute;top:7px;right:70px}.race-track-card__preview svg{width:100%;height:100%}.race-track-card__preview polyline{stroke:#edf3f6;stroke-width:5px;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 3px 4px #000b)}.race-track-card__copy{z-index:2;text-shadow:0 2px 6px #000;gap:3px;display:grid;position:absolute;bottom:54px;left:22px;right:84px}.race-track-card__copy strong{font-size:clamp(19px,1.7vw,27px);font-weight:900}.race-track-card__copy span{color:#e5e7ea;align-items:center;gap:7px;font-size:15px;display:flex}.race-track-card__copy svg{color:#ff4650;fill:#ff4650;width:17px}.race-track-card__meta{z-index:2;background:#06090bc9;border-top:1px solid #ffffff20;grid-template-columns:1fr 1.25fr 1fr;align-items:center;min-height:45px;padding:0 68px 0 22px;display:grid;position:absolute;inset:auto 0 0}.race-track-card__meta span{white-space:nowrap;align-items:center;gap:9px;font-size:14px;display:flex}.race-track-card__meta svg{width:18px}.race-track-card__meta span:last-child svg{color:#ff3340;fill:#ff3340}.race-track-card__go{z-index:3;background:#080d12df;border:1px solid #a5acb3;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;bottom:10px;right:15px;box-shadow:0 4px 14px #0008}.race-track-card__go svg{width:27px}.race-track-select__action{z-index:2;color:#fff;background:#070a0ed9;border:1px solid #333b45;border-radius:18px;grid-template-columns:minmax(250px,1fr) minmax(320px,1.1fr) auto;align-items:center;gap:24px;width:100%;min-height:80px;margin:auto 0 0;padding:11px 18px 11px 28px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff13,0 8px 30px #0008}.race-track-select__action>div:first-child{align-items:center;gap:18px;display:flex}.race-track-select__action>div:first-child>svg{color:#ffc43d;fill:#ffc43d;width:38px;height:38px}.race-track-select__action>div:first-child span{gap:2px;display:grid}.race-track-select__action small{color:#9ca3ac;font-size:11px}.race-track-select__action strong{font-size:27px}.race-track-selected-meta{background:#080c11;border:1px solid #202a34;border-radius:14px;grid-template-columns:repeat(3,1fr);align-items:center;height:46px;padding:0 24px;display:grid!important}.race-track-selected-meta span{justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.race-track-selected-meta svg{width:18px}.race-track-selected-meta span:last-child svg{color:#ff3340;fill:#ff3340}.race-track-select__action>button{color:#fff;background:linear-gradient(135deg,#ff2d39,#93151c);border:2px solid #ff5a62;border-radius:16px;justify-content:center;min-width:330px;height:65px;font-size:23px;font-weight:900;box-shadow:inset 0 0 0 6px #ff2e3820,0 0 0 5px #6e1117,0 0 24px #ff202959}.race-track-select__action>button:hover{background:linear-gradient(135deg,#ff4650,#b51e25)}.race-track-select__action>button svg{width:27px;height:27px}@media (max-width:1000px){.race-track-select{padding:20px}.race-select-nav{margin-bottom:24px}.race-select-brand>i{width:78px}.race-select-tools button{width:52px;height:50px}.race-track-select header,.race-track-deck{width:100%}.race-track-deck{gap:12px}.race-track-card{min-height:205px}.race-track-select__action{grid-template-columns:1fr auto}.race-track-selected-meta{display:none!important}.race-track-select__action>button{min-width:260px}}@media (max-width:680px){.race-track-select{padding:14px}.race-select-brand>i{width:52px;height:42px}.race-select-brand b{font-size:24px}.race-select-brand span{font-size:10px}.race-select-tools{gap:7px}.race-select-tools button{width:42px;height:42px}.race-select-tools button:nth-child(2){display:none}.race-track-select header{text-align:left}.race-track-select h1{font-size:39px}.race-track-deck{grid-template-columns:1fr;max-height:none}.race-track-card{min-height:205px}.race-track-select__action{grid-template-columns:1fr;padding:12px;position:sticky;bottom:0}.race-track-select__action>div:first-child{display:none}.race-track-select__action>button{width:100%;min-width:0;height:56px}}.racing-game--webgl .standalone-game__panel{border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100%;display:flex}.racing-game--webgl .standalone-game__panel>header,.racing-game--webgl .standalone-game__panel>footer,.racing-game--webgl>.standalone-game__exit{display:none}.racing-game--webgl .racing-game__stage{aspect-ratio:auto;flex:1;height:100%;min-height:0}.racing-game--webgl .racing-game__controls{inset:auto max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-columns:var(--pedal) var(--pedal) 1fr var(--pedal) var(--pedal);pointer-events:none;gap:clamp(10px,2vw,28px);display:grid;position:absolute}.racing-game--webgl{--pedal:clamp(62px,9vw,140px)}.racing-game--webgl .racing-game__controls button{width:var(--pedal);height:var(--pedal);pointer-events:auto;touch-action:none;background:#101724d9;border:5px solid #657083;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px;font-size:clamp(11px,1.4vw,22px);display:flex;box-shadow:inset 0 0 0 5px #ffffff15,0 3px 8px #0007}.racing-game--webgl .racing-game__controls button:first-child{grid-area:1/4}.racing-game--webgl .racing-game__controls button:last-child{grid-area:1/5}.racing-game--webgl .racing-game__controls .brake{background:#b50929e8;border-color:#e5657b;grid-area:1/1}.racing-game--webgl .racing-game__controls .gas{background:#0063e9ef;border-color:#66a5ff;grid-area:1/2}.racing-game--webgl .racing-game__controls svg{width:38%;height:38%}.racing-game--webgl .race-minimap{left:18px;bottom:calc(var(--pedal) + 34px);border-radius:12px;width:clamp(120px,17vw,260px);height:clamp(90px,12vw,180px)}.racing-game--webgl .race-dashboard{bottom:max(12px,env(safe-area-inset-bottom));clip-path:none;background:#080e1ad9;border-top:8px solid #2bc4ff;border-right:6px solid #dd2445;border-radius:50% 50% 0 0/100% 100% 0 0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:clamp(160px,30vw,470px);height:clamp(80px,9vw,140px);padding:28px 32px 8px;box-shadow:0 -4px #75818a}.racing-game--webgl .race-dashboard small{grid-area:1/1;font-size:clamp(10px,1.2vw,18px)}.racing-game--webgl .race-dashboard strong{grid-area:2/1;font-size:clamp(26px,3.5vw,52px)}.racing-game--webgl .race-dashboard b{border-left:1px solid #fff;grid-area:1/2/3;font-size:clamp(25px,3.5vw,52px);line-height:1}.racing-game--webgl .race-dashboard em{margin-top:4px;font-size:clamp(9px,1vw,16px)}.race-tools{z-index:6;gap:12px;display:grid;position:absolute;top:150px;right:18px}.race-tools button{color:#fff;background:#151e2ed9;border:2px solid #88909c;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.race-settings{z-index:8;color:#fff;background:#111b2fee;border-radius:12px;gap:12px;max-width:240px;padding:20px;display:grid;position:absolute;top:150px;right:80px}.race-settings button{background:#284567;border-radius:8px;padding:10px}@media (max-width:600px),(max-height:500px){.racing-game--webgl{--pedal:58px}.racing-game--webgl .racing-game__controls{gap:8px;left:10px;right:10px}.racing-game--webgl .race-dashboard{width:150px;height:72px;padding:16px 20px 4px;bottom:85px}.racing-game--webgl .race-minimap{width:104px;height:78px;bottom:90px;left:10px}.race-tools{gap:6px;top:100px;right:10px}.race-tools button{width:34px;height:34px}.race-tools svg{width:18px}.race-settings{top:100px;right:52px}}.voxel-game__mob-message{z-index:5;color:#fff;text-align:center;pointer-events:none;background:#102016cf;border-radius:8px;max-width:min(560px,85vw);padding:9px 14px;font-size:13px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.voxel-game__interact{z-index:6;color:#fff;touch-action:manipulation;background:#285c37e8;border:2px solid #dbedc9;border-radius:8px;padding:14px 18px;font-weight:800;position:absolute;top:130px;right:18px}.racing-game--webgl{--race-glass:linear-gradient(135deg,#ffffff32,#ffffff08 42%,#b8dbff18),#13212d45;--race-rim:inset 0 1px 1px #ffffffe0,inset 1px 0 1px #ffffff65,inset 0 -1px 1px #d5eaff75,0 8px 24px #00132230}.racing-game--webgl :is(.racing-game__controls button,.race-tools button,.race-settings,.race-settings button,.race-overlay,.race-minimap,.race-dashboard,.race-finish__card,.race-finish button){background:var(--race-glass);box-shadow:var(--race-rim);color:#fff;-webkit-backdrop-filter:blur(12px)saturate(145%);backdrop-filter:blur(12px)saturate(145%);text-shadow:0 1px 4px #0009;border:1px solid #fff5}.racing-game--webgl :is(.racing-game__controls button,.race-tools button,.race-settings button,.race-finish button){isolation:isolate;border-radius:999px;transition:background .18s,box-shadow .18s,scale .18s;position:relative;overflow:hidden}.racing-game--webgl :is(.racing-game__controls button,.race-tools button,.race-settings button,.race-finish button):before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(145deg,#ffffff40,#0000 35% 70%,#cceaff24);position:absolute;inset:1px}.racing-game--webgl .racing-game__controls .brake{background:linear-gradient(145deg,#ffa4b13d,#8b244033),#25323a30;border-color:#ffc0cb88}.racing-game--webgl .racing-game__controls .gas{background:linear-gradient(145deg,#ade5ff42,#247fc433),#25323a30;border-color:#bdeaff88}.racing-game--webgl :is(.racing-game__controls button,.race-tools button,.race-settings button,.race-finish button):active{background-color:#ffffff45;scale:.94;box-shadow:inset 0 2px 8px #ffffff70,0 2px 10px #00132230}.racing-game--webgl button:focus-visible{outline-offset:4px;outline:3px solid #d3f5ff}@media (hover:hover){.racing-game--webgl :is(.racing-game__controls button,.race-tools button,.race-settings button,.race-finish button):hover{background-color:#ffffff30}}.racing-game--webgl .race-overlay{border-radius:22px;overflow:hidden}.racing-game--webgl .race-overlay--time{border-top:1px solid #ffffffa8}.racing-game--webgl .race-overlay--time span{background:#ffffff12}.racing-game--webgl .race-minimap{border-radius:24px}.racing-game--webgl .race-dashboard{border-radius:32px;padding-top:18px}.racing-game--webgl .race-dashboard em{color:#f2f8ff}.racing-game--webgl .race-settings{background-color:#17283780;border-radius:26px;gap:12px;width:260px;max-width:calc(100vw - 80px);padding:22px}.racing-game--webgl .race-settings strong{letter-spacing:-.4px;font-size:20px}.racing-game--webgl .race-settings span{color:#e1edf5;font-size:12px;line-height:1.6}.racing-game--webgl .race-settings button{min-height:44px}.racing-game--webgl .race-finish{background:#07132138}.racing-game--webgl .race-finish__card{background-color:#13233188;border-radius:36px;justify-items:center;gap:22px;padding:40px;display:grid}.racing-game--webgl .race-finish button{padding:14px 26px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.racing-game--webgl :is(.race-overlay,.race-settings,.race-dashboard,.race-finish__card,.racing-game__controls button,.race-tools button){background-color:#253747d9}}@media (prefers-reduced-motion:reduce){.racing-game--webgl button{transition:none}}@media (max-width:600px),(max-height:500px){.racing-game--webgl :is(.race-overlay,.race-minimap,.race-dashboard){border-radius:16px}.racing-game--webgl .race-dashboard{padding-top:10px}.racing-game--webgl .race-settings{max-height:calc(100dvh - 115px);padding:14px;overflow-y:auto}}.app-shell:has(.arcade-glass-hub){--text:#1d1d1f;--navy:#1d1d1f;--text-muted:#6e6e73;--surface:#fff;--surface-muted:#f5f5f7;color:#1d1d1f;background:#f5f5f7}body:has(.arcade-glass-hub){background:#f5f5f7}.app-shell:has(.arcade-glass-hub) :is(.app-frame,.main-content){background:#f5f5f7}.app-shell:has(.arcade-glass-hub) .topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#1d1d1f;background:#fafafacc;border-bottom:1px solid #0000000d}.app-shell:has(.arcade-glass-hub) :is(.search-field,.icon-button,.avatar){color:#1d1d1f;background:linear-gradient(135deg,#fffd,#fff5);border:1px solid #fff;box-shadow:inset 0 1px #fff,0 3px 14px #1524390a}.app-shell:has(.arcade-glass-hub) .search-field input{color:#1d1d1f}.app-shell:has(.arcade-glass-hub) .brand-mark__image--light{display:block}.app-shell:has(.arcade-glass-hub) .brand-mark__image--dark{display:none}.arcade-glass-hub.cg-hub{color:#1d1d1f;width:min(1180px,100%);padding:0 12px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:block}.arcade-local-nav{border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.arcade-local-nav strong{letter-spacing:-.7px;font-size:20px}.arcade-local-nav strong span{color:#6e6e73;margin-left:8px;font-weight:400}.arcade-glass-hub .arcade-glass{color:#17416b;-webkit-backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(135deg,#ffffffc4,#ffffff45),#e1e9f333;border:1px solid #ffffffd9;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:11px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #fff9,0 5px 18px #14284912}.arcade-glass-hub .arcade-glass:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff,0 8px 24px #14284920}.arcade-glass-hub a:focus-visible{outline-offset:5px;outline:3px solid #0071e3}.arcade-intro{text-align:center;background:radial-gradient(at 50% 65%,#dceaff8a,#0000 65%);padding:90px 16px 100px}.arcade-intro>p:first-child{color:#6e6e73;letter-spacing:2.5px;margin:0 0 22px;font-size:11px;font-weight:700}.arcade-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(44px,6vw,80px);font-weight:650;line-height:1.05}.arcade-intro h1 span{color:#6e6e73}.arcade-intro>p{color:#6e6e73;max-width:510px;margin:24px auto 30px;font-size:19px;line-height:1.5}.arcade-intro>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.arcade-glass-hub .arcade-primary{color:#fff;background:linear-gradient(135deg,#8ec6ff75,#0071e3b0),#0065c9;border-color:#badaff;box-shadow:inset 0 1px 2px #fff9,0 6px 20px #0071e322}.arcade-text-link{color:#06c;font-size:14px;text-decoration:none}.arcade-glass-hub section{margin:0 0 70px;scroll-margin-top:100px}.arcade-section-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:26px;display:flex}.arcade-glass-hub h2{color:#1d1d1f;letter-spacing:-1.2px;margin:0;font-size:clamp(26px,3vw,36px);font-weight:650}.arcade-section-title>span,.arcade-glass-hub .cg-section-heading p{color:#6e6e73;font-size:15px}.arcade-featured-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.arcade-glass-hub .cg-tile{color:#1d1d1f;background:#fff;border-radius:28px;gap:0;min-width:0;text-decoration:none;transition:transform .25s;overflow:hidden;box-shadow:0 8px 30px #00000006}.arcade-glass-hub .cg-tile:hover{transform:translateY(-4px)}.arcade-glass-hub .cg-tile__art{aspect-ratio:1.6;border-radius:0;min-height:180px;padding:24px}.arcade-glass-hub .cg-tile__art strong,.arcade-glass-hub .cg-tile__art small{display:none}.arcade-glass-hub .cg-tile__art>svg{opacity:.9;stroke-width:1.2px;filter:drop-shadow(0 10px 14px #0003);width:76px;height:76px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.arcade-featured-grid .cg-tile__art{min-height:310px}.arcade-featured-grid .cg-tile__art>svg{width:120px;height:120px}.arcade-glass-hub .arcade-card-caption{justify-content:space-between;align-items:center;gap:10px;padding:22px;display:flex}.arcade-card-caption>span:first-child{min-width:0}.arcade-card-caption b{letter-spacing:-.5px;font-size:18px;display:block}.arcade-card-caption small{color:#6e6e73;margin-top:5px;font-size:12px;line-height:1.5;display:block}.arcade-glass-hub .arcade-play{flex-shrink:0;padding:10px 16px}.arcade-glass-hub .cg-all-games__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.arcade-footer{color:#86868b;text-align:center;border-top:1px solid #0001;padding:26px 0;font-size:12px}@media (max-width:850px){.arcade-glass-hub .cg-all-games__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-card-caption{flex-wrap:wrap}}@media (max-width:540px){.arcade-local-nav strong{font-size:16px}.arcade-local-nav .arcade-glass{padding:8px 12px;font-size:11px}.arcade-intro{padding:60px 0}.arcade-intro>p{font-size:16px}.arcade-featured-grid,.arcade-glass-hub .cg-all-games__grid{grid-template-columns:1fr;gap:20px}.arcade-featured-grid .cg-tile__art{min-height:240px}.arcade-glass-hub section{margin-bottom:48px}}@media (prefers-reduced-motion:reduce){.arcade-glass-hub .cg-tile,.arcade-glass-hub .arcade-glass{transition:none}}body:has(.tv-game-hub){color:#f5f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#09090b}.app-shell:has(.tv-game-hub){color:#f5f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#09090b}.app-shell:has(.tv-game-hub) :is(.main-content,.app-frame){color:#f5f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#09090b}.app-shell:has(.tv-game-hub){--text:#f5f5f7;--navy:#f5f5f7;--text-muted:#aaaab2;--surface:#19191d;--surface-muted:#222228}.app-shell:has(.tv-game-hub) .topbar{color:#fff;background:#111116b8;border-color:#ffffff0d}.app-shell:has(.tv-game-hub) :is(.search-field,.icon-button,.avatar){color:#f5f5f7;background:#ffffff0d;border-color:#ffffff1c}.app-shell:has(.tv-game-hub) .search-field input{color:#f5f5f7}.app-shell:has(.tv-game-hub) .brand-mark__image--light{display:none}.app-shell:has(.tv-game-hub) .brand-mark__image--dark{display:block}body:has(.tv-game-hub) .app-frame{margin:0;padding:0}body:has(.tv-game-hub) .main-content{width:100%;max-width:none;margin:0;padding:0}.tv-game-hub.arcade-glass-hub{color:#fff;width:100%;max-width:none;margin:0 auto 0 -50vw;padding:0 0 40px;position:relative;left:50%;overflow-x:clip;width:100vw!important;max-width:100vw!important}:is(.app-shell:has(.tv-game-hub) .app-frame,.app-shell:has(.tv-game-hub) .main-content){min-width:0;width:100%!important;max-width:none!important}.tv-game-hub .arcade-local-nav{z-index:2;-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#202126ad;border:1px solid #ffffff24;border-radius:999px;gap:4px;width:fit-content;max-width:100%;margin:20px auto -84px;padding:6px;position:relative;box-shadow:inset 0 1px #ffffff26,0 12px 35px #0004}.tv-game-hub .arcade-local-nav a{color:#ededf0;border-radius:999px;align-items:center;min-height:44px;padding:12px 20px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.tv-game-hub .arcade-local-nav a:hover{background:#ffffff16}.tv-game-hub .arcade-local-nav .tv-nav-selected{color:#161619;background:#f0f0f2;box-shadow:0 3px 14px #0003}.tv-game-hub .arcade-intro{text-align:left;text-align:center;background:linear-gradient(#0000 55%,#09090b 100%),linear-gradient(90deg,#080a10eb 0%,#10162194 45%,#080a1020 100%),url(/assets/racing/realistic-two-hills-panorama-v4.png) 50%/cover;border-radius:0;justify-content:center;align-items:center;width:100%;max-width:none;min-height:610px;padding:120px 5% 105px;display:flex}.tv-game-hub .arcade-intro>.tv-hero-copy{width:100%;max-width:680px;margin:0 auto;display:block}.tv-game-hub .tv-hero-copy>div{justify-content:center}.tv-game-hub .arcade-intro h1{color:#fff;letter-spacing:-4px;text-shadow:0 4px 25px #0004;font-size:clamp(48px,6.5vw,90px);line-height:.98}.tv-hero-copy>p{color:#d6d6db;max-width:460px;margin:24px auto;font-size:17px;line-height:1.6}.tv-hero-copy>div{flex-wrap:wrap;gap:12px;display:flex}.tv-game-hub .arcade-glass{color:#fff;background:linear-gradient(140deg,#ffffff30,#ffffff0d),#24283060;border-color:#ffffff45;box-shadow:inset 0 1px 1px #ffffff85,0 5px 18px #0003}.tv-game-hub .arcade-primary{color:#171719;background:linear-gradient(145deg,#fffffff2,#ffffffc9);border-color:#fff9}.tv-game-hub section{width:100%;max-width:1440px;margin:0 auto 46px;padding:0 clamp(20px,4vw,64px)}.tv-game-hub .arcade-featured{margin-top:-30px;position:relative}.tv-game-hub h2{color:#f5f5f7;letter-spacing:-.6px;font-size:26px}.tv-game-hub .arcade-section-title>span,.tv-game-hub .cg-section-heading p{color:#aaaab2}.tv-game-hub .arcade-featured-grid{scroll-snap-type:x proximity;scrollbar-color:#555 #17171a;grid-template-columns:none;grid-auto-columns:280px;grid-auto-flow:column;gap:18px;padding:10px 5px 20px;display:grid;overflow-x:auto}.tv-game-hub .cg-tile{color:#fff;scroll-snap-align:start;background:#19191d;border:1px solid #ffffff0b;border-radius:16px;box-shadow:0 12px 30px #0003}:is(.tv-game-hub .cg-tile:hover,.tv-game-hub .cg-tile:focus-visible){outline-offset:2px;outline:2px solid #fff9;transform:scale(1.025)}.tv-game-hub .arcade-featured-grid .cg-tile__art{aspect-ratio:16/9;min-height:157px}.tv-game-hub .arcade-featured-grid .cg-tile__art>svg{width:68px;height:68px}.tv-game-hub .arcade-card-caption{gap:8px;padding:16px}.tv-game-hub .arcade-card-caption b{font-size:16px}.tv-game-hub .arcade-card-caption small{color:#a8a8b1;font-size:11px}.tv-game-hub .arcade-play{padding:8px 12px;font-size:12px}.tv-game-hub .arcade-footer{color:#777781;border-color:#ffffff12;margin:0 5%}@media (max-width:600px){.tv-game-hub .arcade-local-nav{margin-top:12px}.tv-game-hub .arcade-local-nav a{padding:10px 11px;font-size:11px}.tv-game-hub .arcade-intro{min-height:540px;padding:120px 6% 70px}.tv-game-hub .arcade-intro h1{letter-spacing:-2px}.tv-game-hub .arcade-section-title>span{display:none}.tv-game-hub .arcade-featured-grid{grid-auto-columns:245px}.tv-game-hub .cg-all-games__grid{grid-template-columns:1fr}}.wg-game{color:#f5f7ff;background:#080d19;min-height:100dvh;padding:24px;font-family:system-ui,sans-serif}.wg-game>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.wg-game a{color:inherit}.wg-game button{color:#152008;cursor:pointer;background:#b2f54c;border:1px solid #ffffff30;border-radius:16px;padding:14px 22px;font-weight:700}.wg-game button:disabled{opacity:.4;cursor:not-allowed}.wg-welcome{text-align:center;max-width:760px;margin:12vh auto}.wg-welcome h1{font-size:clamp(36px,6vw,72px);line-height:1.05}.wg-welcome p{color:#aab6cc;margin:24px auto;line-height:1.7}.wg-layout{grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:24px;display:grid}.wg-photo{background:#121c2e;border-radius:24px;justify-content:center;align-items:center;min-height:560px;display:flex;position:relative;overflow:hidden}.wg-photo>img{object-fit:contain;width:100%;height:100%;max-height:80vh}.wg-credit{background:#000c;padding:12px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.wg-layout aside{background:#131d2d;border:1px solid #ffffff20;border-radius:24px;min-width:0;padding:20px}.wg-layout aside>p{color:#b4bfd2;font-size:14px;line-height:1.5}.wg-map-controls{gap:5px;margin:16px 0 8px;display:flex}.wg-map-controls button{border-radius:10px;padding:10px 13px}.wg-map-wrap{background:#aad3df;border-radius:12px;width:100%;overflow:auto}.wg-map{cursor:crosshair;width:512px;height:360px;position:relative;overflow:hidden}.wg-map img{-webkit-user-select:none;user-select:none;max-width:none}.wg-attribution{margin-top:6px;font-size:11px;display:block}.game-card__thumbnail--geography{background:radial-gradient(circle at 65% 30%,#4aba90,#246b98 45%,#153957)}@media (max-width:900px){.wg-layout{grid-template-columns:1fr}.wg-photo{min-height:280px}.wg-photo>img{max-height:50vh}.wg-game{padding:14px}.wg-layout aside{width:100%;max-width:560px;margin:auto}}.ofc{color:#fff;background:radial-gradient(at top,#193449,#080e19 65%);min-height:100dvh;padding:18px;font-family:system-ui,sans-serif}.ofc>header{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;display:flex}.ofc a{color:#dce7ef;text-decoration:none}.ofc header b{letter-spacing:2px;font-size:23px}.ofc em{color:#bcff56;font-style:normal}.ofc button{color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff15;border:1px solid #ffffff30;border-radius:24px;padding:12px 20px;font-weight:800}.ofc-score{justify-content:center;align-items:center;gap:22px;margin:16px auto;font-weight:800;display:flex}.ofc-score strong{color:#132a22;background:#f6fff0;border-radius:8px;padding:4px 22px;font-size:30px}.ofc-score time{color:#bcff56;font-variant-numeric:tabular-nums}.ofc-field{max-width:1100px;margin:auto;position:relative}.ofc canvas{object-fit:contain;border-radius:16px;width:100%;max-height:64dvh;display:block;box-shadow:0 20px 70px #0008}.ofc-controls{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;max-width:1060px;margin:12px auto;display:flex}.ofc-stick{touch-action:none;background:#ffffff12;border:2px solid #ffffff45;border-radius:50%;flex-shrink:0;place-items:center;width:116px;height:116px;display:grid}.ofc-stick span{pointer-events:none;background:linear-gradient(135deg,#fff8,#fff2);border:1px solid #fff8;border-radius:50%;width:48px;height:48px;box-shadow:0 8px 15px #0004}.ofc-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ofc-actions button{min-height:60px}.ofc-actions small{opacity:.5;display:block}.ofc-actions .ofc-shoot{color:#172411;background:#bcff56;min-width:100px;min-height:86px}.ofc-actions .ofc-sprint{touch-action:none;background:#238cbf88}.ofc footer{text-align:center;color:#91a6b5;margin-top:12px;font-size:12px;line-height:1.8}.ofc-overlay{background:#08111ee8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.ofc-overlay h1{color:#bcff56;margin:0}.ofc-overlay p{margin:4px;font-size:30px}@media (max-width:600px){.ofc{padding:10px}.ofc-score{gap:12px;font-size:12px}.ofc-score strong{padding:4px 14px;font-size:24px}.ofc-actions{gap:6px}.ofc-actions button{min-height:52px;padding:10px;font-size:11px}.ofc-actions .ofc-shoot{min-width:76px;min-height:70px}.ofc-stick{width:92px;height:92px}.ofc header b{font-size:18px}.ofc-controls{margin-top:18px}}@media (max-height:500px) and (orientation:landscape){.ofc canvas{max-height:55dvh}.ofc-controls{margin:4px auto}.ofc-stick{width:70px;height:70px}.ofc-actions button{min-height:44px}.ofc-actions .ofc-shoot{min-height:52px}.ofc-score{margin:5px}.ofc footer{display:none}}.tv-game-hub .cinematic-game-card{aspect-ratio:1.65;isolation:isolate;background:#11151c;border-radius:18px;display:block;position:relative;overflow:hidden}.tv-game-hub .cinematic-game-card .cg-tile__art{aspect-ratio:auto;border-radius:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.tv-game-hub .cinematic-game-card .cg-tile__art img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.tv-game-hub .cinematic-game-card:hover .cg-tile__art img{transform:scale(1.045)}.tv-game-hub .cinematic-game-card .cg-tile__art>svg{top:50%}.tv-game-hub .arcade-featured-grid{grid-auto-columns:300px}@media (max-width:540px){.tv-game-hub .arcade-featured-grid{grid-auto-columns:270px}}@media (prefers-reduced-motion:reduce){.tv-game-hub .cinematic-game-card .cg-tile__art img{transition:none}}.global-feedback-button{z-index:10000;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(140%);letter-spacing:.01em;background:linear-gradient(145deg,#30343be8,#111318e8);border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:9px 14px;font:650 12px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;position:fixed;box-shadow:inset 0 1px #ffffff30,0 8px 24px #0005;color:#fff!important}.global-feedback-button svg{stroke-width:2px;width:17px;height:17px}.global-feedback-button:hover{background:linear-gradient(145deg,#424751ee,#181b21ee);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff45,0 12px 30px #0006}.global-feedback-button:active{transform:scale(.96)}.global-feedback-button:focus-visible{outline-offset:3px;outline:3px solid #58a9ff}@media (max-width:600px){.global-feedback-button{justify-content:center;width:42px;height:42px;min-height:42px;padding:0}.global-feedback-button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.global-feedback-button{transition:none}}.feedback-widget{z-index:10000;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed}.feedback-widget .global-feedback-button{position:static}.feedback-widget__panel{color:#f7f7f8;-webkit-backdrop-filter:blur(24px)saturate(145%);background:linear-gradient(145deg,#24272eea,#111318f2);border:1px solid #ffffff2f;border-radius:22px;gap:11px;width:min(360px,100vw - 28px);padding:18px;animation:.2s ease-out feedback-panel-in;display:grid;position:absolute;bottom:56px;left:0;box-shadow:inset 0 1px #ffffff28,0 18px 55px #0008}.feedback-widget__panel header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.feedback-widget__panel header div{gap:4px;display:grid}.feedback-widget__panel header strong{letter-spacing:-.02em;font-size:16px}.feedback-widget__panel header small{color:#b7bbc3;font-size:11px;line-height:1.4}.feedback-widget__panel header button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.feedback-widget__panel header svg{width:15px}.feedback-widget__panel label{color:#e4e6ea;font-size:12px;font-weight:650}.feedback-widget__panel textarea{resize:vertical;color:#fff;background:#06080ca3;border:1px solid #ffffff2b;border-radius:14px;outline:none;width:100%;min-height:108px;padding:12px 13px;font:400 13px/1.55 inherit}.feedback-widget__panel textarea:focus{border-color:#69adff;box-shadow:0 0 0 3px #2485ff30}.feedback-widget__panel textarea::placeholder{color:#7f858e}.feedback-widget__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-widget__footer>span{color:#8e949e;font-size:10px}.feedback-widget__footer button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2990ff,#0765c8);border:1px solid #81bdff;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 15px;font-size:12px;font-weight:700;display:inline-flex}.feedback-widget__footer button:disabled{opacity:.55;cursor:not-allowed}.feedback-widget__footer svg{width:15px;height:15px}.feedback-widget__status{margin:0;font-size:11px;line-height:1.4}.feedback-widget__status.is-success{color:#8ee8b0}.feedback-widget__status.is-error{color:#ff9eaa}.feedback-widget .is-spinning{animation:.8s linear infinite feedback-spin}.feedback-admin__list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.feedback-admin__list li{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;gap:12px;padding:20px;display:grid}.feedback-admin__list header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.feedback-admin__list header span{overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;display:flex}.feedback-admin__list header svg{flex:none;width:15px}.feedback-admin__list p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.65}.feedback-admin__list small{color:var(--text-muted);font-size:11px}.content-card__visual>img,.study-pack-card__thumbnail>img{object-fit:cover}@keyframes feedback-panel-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes feedback-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.feedback-widget__panel{bottom:52px}.feedback-widget .global-feedback-button{width:42px;height:42px}.feedback-admin__list header{flex-direction:column;align-items:flex-start}.feedback-admin__list li{padding:16px}}@media (prefers-reduced-motion:reduce){.feedback-widget__panel,.feedback-widget .is-spinning{animation:none}}.ofc.ofc-broadcast{background:#15221a;height:100dvh;min-height:0;padding:0;position:fixed;inset:0;overflow:hidden}.ofc-broadcast .ofc-field{max-width:none;margin:0;position:absolute;inset:0}.ofc-broadcast .ofc-field>canvas{width:100%;height:100%;max-height:none;box-shadow:none;object-fit:fill;border-radius:0}.ofc-broadcast>header{z-index:4;right:max(16px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));gap:12px;font-size:12px;position:absolute}.ofc-broadcast header b{text-shadow:0 2px 4px #000;font-size:16px}.ofc-broadcast header button,.ofc-broadcast header a{background:#102019b8;border:1px solid #fff4;border-radius:999px;padding:10px 14px}.ofc-broadcast .ofc-score{z-index:4;top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));background:#10191ee6;border-left:4px solid #32eee1;border-radius:4px;gap:10px;margin:0;padding:8px 12px;font-size:12px;position:absolute}.ofc-broadcast .ofc-score strong{border-radius:2px;padding:4px 12px;font-size:22px}.ofc-broadcast .ofc-score time{font-size:13px}.ofc-broadcast .ofc-controls{z-index:4;bottom:max(24px,env(safe-area-inset-bottom));pointer-events:none;max-width:none;margin:0;position:absolute;left:4%;right:3%}.ofc-broadcast .ofc-stick{pointer-events:auto;background:#18352355;border:1px solid #b7f7d34d;width:132px;height:132px;box-shadow:inset 0 0 24px #20371f30}.ofc-broadcast .ofc-stick span{background:#ecf6ce9c;border-color:#e0ffbc80;width:62px;height:62px;box-shadow:0 0 14px #d5ffd630}.ofc-broadcast .ofc-actions{pointer-events:auto;grid-template-rows:76px 94px;grid-template-columns:80px 100px;gap:10px;display:grid;position:relative}.ofc-broadcast .ofc-actions button{outline-offset:3px;background:#16352cc9;border:2px solid #c9dcac;border-radius:50%;outline:2px solid #9dcdb488;min-width:0;min-height:0;padding:6px;font-size:12px;box-shadow:inset 0 0 18px #fff1}.ofc-broadcast .ofc-actions button:first-child{opacity:.8;width:58px;height:58px;font-size:10px;position:absolute;bottom:0;left:-80px}.ofc-broadcast .ofc-actions .ofc-through{border-color:#e4ca85;grid-area:1/1}.ofc-broadcast .ofc-actions button:nth-child(3){border-color:#8bbfee;grid-area:2/1}.ofc-broadcast .ofc-actions .ofc-shoot{color:#fff;border-color:#edba81;grid-area:1/2}.ofc-broadcast .ofc-actions .ofc-sprint{border-color:#b0f0aa;grid-area:2/2}.ofc-broadcast .ofc-minimap{z-index:3;width:180px;height:106px;max-height:none;box-shadow:none;opacity:.8;border:1px solid #ffffff35;border-radius:0;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.ofc-broadcast footer{white-space:nowrap;color:#fff9;pointer-events:none;margin:0;font-size:9px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.ofc-broadcast .ofc-overlay{z-index:8;border-radius:0}.ofc-broadcast:has(.ofc-overlay) .ofc-controls{display:none}@media (max-width:700px){.ofc-broadcast header b{display:none}.ofc-broadcast .ofc-score{gap:5px;padding:5px;font-size:10px}.ofc-broadcast .ofc-score strong{padding:4px 7px;font-size:18px}.ofc-broadcast .ofc-stick{width:94px;height:94px}.ofc-broadcast .ofc-actions{grid-template-rows:58px 72px;grid-template-columns:60px 76px;gap:9px}.ofc-broadcast .ofc-actions button{font-size:10px}.ofc-broadcast .ofc-actions button:first-child{width:43px;height:43px;left:-58px}.ofc-broadcast .ofc-minimap{width:115px;height:68px;bottom:180px}.ofc-broadcast footer{display:none}}@media (max-height:500px){.ofc-broadcast .ofc-stick{width:94px;height:94px}.ofc-broadcast .ofc-actions{grid-template-rows:54px 68px;grid-template-columns:58px 74px}.ofc-broadcast .ofc-minimap{width:125px;height:74px;bottom:12px}.ofc-broadcast .ofc-controls{bottom:15px}}.ofc.ofc-broadcast .ofc-actions>button{border-radius:50%;align-self:stretch;width:100%;height:100%}.ofc.ofc-broadcast .ofc-actions>button:first-child{width:58px;height:58px}@media (max-width:700px){.ofc.ofc-broadcast .ofc-actions>button:first-child{width:43px;height:43px}}.ofc.ofc-broadcast .ofc-actions>button,.ofc.ofc-broadcast .ofc-actions>button:first-child{opacity:1;align-self:stretch;width:100%;height:100%;font-size:12px;position:static}.ofc.ofc-broadcast .ofc-actions>.ofc-through{border-color:#e4ca85;grid-area:1/1;transform:translateY(18px)}.ofc.ofc-broadcast .ofc-actions>.ofc-shoot{border-color:#edba81;grid-area:1/2}.ofc.ofc-broadcast .ofc-actions>.ofc-pass{border-color:#8bbfee;grid-area:2/1}.ofc.ofc-broadcast .ofc-actions>.ofc-sprint{border-color:#b0f0aa;grid-area:2/2}.ofc-goal{z-index:7;text-align:center;pointer-events:none;background:linear-gradient(135deg,#102b23ed,#081519ef);border:1px solid #acffd880;border-radius:16px;gap:8px;min-width:280px;padding:24px 55px;display:grid;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 12px 60px #0006}.ofc-goal strong{color:#c2ff55;font-size:clamp(44px,8vw,90px);font-style:italic;line-height:1}.ofc-goal span{letter-spacing:4px;font-weight:800}.ofc-goal b{font-size:28px}@media (max-width:700px){.ofc.ofc-broadcast .ofc-actions>button,.ofc.ofc-broadcast .ofc-actions>button:first-child{font-size:10px}.ofc-goal{min-width:220px;padding:18px 36px}}.ofc.ofc-broadcast .ofc-controls,.ofc.ofc-broadcast .ofc-controls button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ofc-club-menu{background:radial-gradient(at top,#1c3e43,#080e19 70%);min-height:100dvh;padding:clamp(20px,4vw,55px)}.ofc-club-menu>section{text-align:center;max-width:920px;margin:6vh auto}.ofc-club-menu h1{letter-spacing:-2px;margin:16px 0;font-size:clamp(36px,6vw,64px)}.ofc-club-menu section>p{color:#bbcbd2}.ofc-club-list{grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0;display:grid}.ofc .ofc-club-list button{background:#ffffff08;border:2px solid #ffffff20;border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:30px 16px;transition:background .2s,border-color .2s;display:flex}.ofc .ofc-club-list button.is-selected{background:#bcff5612;border-color:#bcff56}.ofc-club-badge{clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);letter-spacing:2px;place-items:center;width:85px;height:98px;font-size:24px;display:grid;box-shadow:inset 0 0 0 6px #ffffff30}.ofc-club-list small{color:#b8c8d2}.ofc-club-list button>span:last-child{color:#d7edc5;font-size:12px}.ofc .ofc-kickoff{color:#16240e;background:#bcff56;padding:17px 36px}.ofc-club-note{color:#7f96a2;margin:22px auto;font-size:11px;display:block}.ofc-match-preview{font-size:18px;font-weight:700}.ofc-match-preview span{opacity:.5;padding:0 12px}@media (max-width:550px){.ofc-club-list{gap:9px}.ofc .ofc-club-list button{gap:12px;padding:20px 6px}.ofc-club-list strong{font-size:16px}.ofc-club-badge{width:62px;height:76px;font-size:18px}.ofc-club-menu>section{margin:4vh auto}.ofc-match-preview{font-size:15px}}.ofc-room{flex-direction:column;align-items:center;gap:16px;max-width:480px;margin:20px auto;display:flex}.ofc-room>strong{letter-spacing:3px;-webkit-user-select:all;user-select:all;color:#bcff56;font-family:monospace;font-size:clamp(20px,5vw,32px)}.ofc-room label{gap:10px;width:100%;font-size:13px;display:grid}.ofc-room input{color:#fff;text-align:center;background:#ffffff0b;border:1px solid #fff4;border-radius:12px;width:100%;padding:16px;font:18px monospace}.ofc-network-notice{z-index:8;color:#ffdb7a;text-align:center;background:#101a29e8;border:1px solid #ffdb7a66;border-radius:12px;max-width:90%;padding:14px 20px;position:absolute;top:90px;left:50%;transform:translate(-50%)}.ofc-club-list button:disabled{opacity:.6;cursor:default}.ofc-club-logo{object-fit:contain;filter:drop-shadow(0 3px 5px #0006);width:80px;height:80px}.ofc-club-menu .ofc-club-list{scrollbar-color:#657880 #172331;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-height:52dvh;padding:8px;overflow-y:auto}.ofc .ofc-club-list button{gap:9px;padding:18px 10px}.ofc-club-list strong{font-size:18px}.ofc-club-list small{font-size:11px;line-height:1.5}.ofc-score>span{align-items:center;gap:8px;display:flex}.ofc-score img{object-fit:contain}@media (max-width:550px){.ofc-club-menu .ofc-club-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ofc-score img{width:20px;height:20px}.ofc-club-logo{width:64px;height:64px}}.app-shell,.app-shell :where(*){border-color:#0000!important}.catalog-kind,.catalog-kind--study{box-shadow:none;color:var(--text-muted);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.unified-catalog__item>.catalog-kind--content{display:none}.study-pack-card__thumbnail>.catalog-kind{color:var(--text-muted);font-size:11px;font-weight:700}.app-shell .study-pack-card__thumbnail>.catalog-kind{width:auto;height:auto;min-height:0;box-shadow:none;color:var(--text-muted);background:0 0;border-radius:0;padding:0;font-size:11px;font-weight:700;display:inline;position:absolute;inset:12px auto auto 12px}.content-card__meta,.study-pack-card__meta{display:none}.study-pack-card__details p{margin-bottom:0}.unified-catalog__controls{transition:opacity .2s}.unified-catalog.is-scrolled .unified-catalog__controls{opacity:0;pointer-events:none}.unified-catalog.is-scrolled .unified-catalog__controls:has(:focus-visible){opacity:1;pointer-events:auto}.app-shell .study-pack-card__details,.app-shell .content-card__details{margin-top:0;padding-top:6px}.app-shell .study-pack-card{gap:0}.app-shell .study-pack-card__thumbnail{margin-bottom:0}.app-shell .content-card__visual--puspresnas{box-shadow:none;background:0 0;border:0}.app-shell .content-card__visual--puspresnas:before,.app-shell .content-card__visual--puspresnas:after{display:none}.app-shell .content-card__visual--puspresnas>img{object-fit:cover;object-position:center}.study-pack-source,.study-pack-source--creator{color:inherit;font-size:inherit;font-weight:inherit;text-transform:none;letter-spacing:normal;background:0 0;border-radius:0;padding:0}.cc-app{color:#ece8e3;box-sizing:border-box;background:#302e2b;min-height:100dvh;padding:34px 30px 34px 94px;font-family:Arial,Helvetica,sans-serif}.cc-rail{z-index:20;background:#262421;flex-direction:column;align-items:center;gap:20px;width:64px;padding:26px 0;display:flex;position:fixed;inset:0 auto 0 0}.cc-rail button{color:#a9a6a1;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:42px;height:42px;display:grid}.cc-rail button:hover{color:#fff;background:#ffffff10}.cc-rail svg{width:24px;height:24px}.cc-rail-mark{color:#d44b56;margin:2px 0 18px;font-size:41px}.cc-layout{grid-template-columns:minmax(0,710px) minmax(300px,460px);align-items:stretch;gap:36px;max-width:1220px;margin:0 auto;display:grid}.cc-stage{min-width:0}.cc-player{align-items:center;gap:12px;min-height:66px;padding:0 0 12px;display:flex}.cc-player--you{padding:12px 0 0}.cc-avatar{color:#e4dcd3;background:#524a45;border-radius:4px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:23px;font-weight:700;display:grid}.cc-player--you .cc-avatar{color:#fff3ed;background:#8d2d38}.cc-player>div{flex:1;min-width:0}.cc-player strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.cc-player small{color:#a8a49f;margin-top:4px;font-size:11px;display:block}.cc-turn{color:#898680;background:#262421;border-radius:4px;justify-content:center;align-items:center;min-width:94px;min-height:42px;font-size:13px;display:flex}.cc-turn.is-playing{color:#292624;background:#dad6d0;font-weight:700}.cc-captures{height:13px;margin-top:3px;display:flex}.cc-captures .chess-piece-art{width:14px;height:15px;margin-left:-3px}.cc-board-wrap{position:relative}.cc-app .cc-board{aspect-ratio:1;width:100%;max-width:none;box-shadow:none;border:0;border-radius:4px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.cc-app .cc-board button{aspect-ratio:1;cursor:pointer;border:0;border-radius:0;place-items:center;width:100%;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.cc-app .cc-board button:disabled{opacity:1;cursor:default}.cc-app .cc-board button.is-light{background:#f7eee0!important}.cc-app .cc-board button.is-dark{background:#b84a53!important}.cc-app .cc-board button.is-last.is-light{background:#f3c1ac!important}.cc-app .cc-board button.is-last.is-dark{background:#d78076!important}.cc-app .cc-board button.is-selected{background:#efa38a!important}.cc-app .cc-board button.is-check{background:#fa6755!important}.cc-app .cc-board button:hover:not(:disabled){box-shadow:inset 0 0 0 3px #ffffff32}.cc-app .cc-board .chess-piece-art{z-index:2;filter:drop-shadow(0 2px 1px #0003);pointer-events:none;width:91%;height:91%;position:relative}.cc-app .cc-board button.is-possible:after{content:"";z-index:3;pointer-events:none;background:#44201e48;border:0;border-radius:50%;width:25%;height:25%;position:absolute}.cc-app .cc-board button.is-possible:has(svg):after{box-sizing:border-box;background:0 0;border:6px solid #44201e48;width:92%;height:92%}.cc-app .chess-rank,.cc-app .chess-file{z-index:4;color:#ab414d;font:700 clamp(9px,1vw,14px)/1 Arial;position:absolute}.cc-app .chess-rank{top:5px;left:5px}.cc-app .chess-file{bottom:4px;right:5px}.cc-app .is-dark .chess-rank,.cc-app .is-dark .chess-file{color:#f7eee0}.cc-board-footer{color:#918d87;justify-content:space-between;align-items:center;margin-top:14px;font-size:11px;display:flex}.cc-board-footer span{align-items:center;gap:6px;display:flex}.cc-board-footer button{color:#b1ada7;cursor:pointer;background:0 0;border:0}.cc-panel{background:#262421;border-radius:5px;flex-direction:column;min-width:0;max-height:850px;display:flex;overflow:hidden}.cc-brand{border-bottom:1px solid #ffffff08;align-items:baseline;gap:8px;padding:24px 26px 18px;display:flex}.cc-brand>span{letter-spacing:2px;color:#918c85;font-size:10px;font-weight:700}.cc-brand strong{letter-spacing:-1.2px;font-size:27px}.cc-brand strong span{color:#e6616e}.cc-brand small{color:#a69990;letter-spacing:1px;margin-left:auto;font-size:9px}.cc-tabs{background:#211f1c;flex-shrink:0;display:flex}.cc-tabs button{color:#96918a;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex-direction:column;flex:1;align-items:center;gap:7px;padding:17px 6px;font-size:12px;display:flex}.cc-tabs button[aria-selected=true]{color:#eee6df;background:#302d29;border-bottom-color:#d24b58}.cc-tabs svg{width:20px;height:20px}.cc-match-status{background:#332f2b;border-radius:7px;align-items:center;gap:11px;margin:20px 18px 16px;padding:22px 24px;display:flex}.cc-match-status strong{font-size:15px;display:block}.cc-match-status small{color:#aaa198;margin-top:5px;font-size:11px;line-height:1.5;display:block}.cc-status-dot{background:#c95a65;border-radius:50%;flex:0 0 9px;width:9px;height:9px}.cc-status-dot.is-searching{animation:1.3s ease-in-out infinite cc-pulse}.cc-moves-heading{color:#817b74;letter-spacing:1px;grid-template-columns:65px 1fr 1fr;padding:12px 22px;font-size:10px;display:grid}.cc-move-list{scrollbar-color:#5a514b #262421;flex:1;min-height:180px;max-height:400px;overflow-y:auto}.cc-move-list>div:not(.cc-empty){grid-template-columns:65px 1fr 1fr;padding:13px 22px;font-size:14px;display:grid}.cc-move-list>div:nth-child(2n){background:#ffffff05}.cc-move-list span{color:#8d867e}.cc-move-list b{color:#cfc6bf;font-weight:600}.cc-empty{text-align:center;color:#837c75;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:20px;display:flex}.cc-empty svg{opacity:.6;width:38px;height:38px;margin-bottom:20px}.cc-empty strong{color:#a9a097;font-size:14px}.cc-empty p{font-size:12px;line-height:1.6}.cc-last-move{color:#8b837b;background:#211f1c;justify-content:space-between;padding:15px 20px;font-size:11px;display:flex}.cc-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding:20px 18px;display:flex}.cc-actions button,.cc-search-overlay button{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:46px;font-weight:700;display:flex}.cc-actions button:disabled{opacity:.55;cursor:wait}.cc-primary{color:#fff4f0;background:#b83e4d;flex:1;padding:12px 18px;box-shadow:0 3px #7e2431}.cc-resign{color:#bbb1a7;background:#3b3630;padding:12px 16px}.cc-actions>small{text-align:center;color:#81796f;flex-basis:100%;margin-top:9px;font-size:10px;line-height:1.8}.cc-guide,.cc-rankings{color:#bdb3a8;flex:1;padding:5px 24px 24px;font-size:13px;line-height:1.8;overflow-y:auto}.cc-guide h2,.cc-rankings h2{color:#f2e8df;font-size:17px}.cc-guide dl{grid-template-columns:1fr auto;gap:9px;display:grid}.cc-guide dd{color:#f0bbb6;margin:0;font-weight:700}.cc-rankings ol{padding:0;list-style:none}.cc-rankings li{border-bottom:1px solid #fff1;align-items:center;gap:12px;padding:13px 0;display:flex}.cc-rankings li>span{color:#7f776f;width:18px}.cc-rankings li>div{flex:1}.cc-rankings strong{color:#d5ccc2;display:block}.cc-rankings small{color:#91877c;font-size:10px;display:block}.cc-rankings b{color:#e6a39e}.cc-error{color:#ffb5aa;background:#5f2224;border-radius:6px;margin:10px 18px;padding:12px 20px;font-size:13px}.cc-search-overlay{text-align:center;z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24211eea;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.cc-search-overlay strong{margin-top:22px;font-size:24px}.cc-search-overlay p{color:#b2a9a0;max-width:280px;margin:14px 0 24px;font-size:13px;line-height:1.7}.cc-search-overlay button{color:#f1e7dc;background:#453a34;padding:12px 24px}.cc-search-spinner{border:3px solid #ffffff15;border-top-color:#d65a68;border-radius:50%;width:45px;height:45px;animation:.9s linear infinite cc-spin}.cc-menu{background:radial-gradient(at 70% 30%,#4a3031,#272421 65%);place-items:center;padding:50px 20px;display:grid}.cc-menu-back{color:#b1a59c;font-size:13px;text-decoration:none;position:absolute;top:25px;left:30px}.cc-mode-card{text-align:center;width:min(100%,420px)}.cc-menu-piece{color:#dc8b8c;text-shadow:0 8px 20px #0004;font-size:90px;line-height:1.2}.cc-mode-card>small{letter-spacing:5px;color:#b6a095;font-size:10px}.cc-mode-card h1{letter-spacing:-3px;color:#fcf1e7;margin:26px 0 20px;font-size:clamp(43px,7vw,65px);line-height:1.02}.cc-mode-card h1 span{color:#da8b8c}.cc-mode-card>p{color:#a99a8f;margin:0 0 35px;font-size:14px}.cc-mode-card button{cursor:pointer;text-align:left;border:0;border-radius:10px;flex-direction:column;gap:7px;width:100%;margin-bottom:14px;padding:20px;display:flex}.cc-mode-card button strong{font-size:19px}.cc-mode-card button span{opacity:.7;font-size:12px}.cc-mode-online{color:#fff5ee;background:#b84250;box-shadow:0 4px #7f2330}.cc-mode-offline{color:#e8dacf;background:#413a34;box-shadow:0 4px #211e1a}.cc-mode-card footer{color:#81766c;margin-top:28px;font-size:10px;line-height:2}@keyframes cc-spin{to{transform:rotate(360deg)}}@keyframes cc-pulse{50%{opacity:.3}}@media (min-width:1500px){.cc-app{padding-top:50px}.cc-layout{grid-template-columns:minmax(0,740px) minmax(340px,500px);gap:40px;max-width:1280px}}@media (max-width:1000px){.cc-app{padding:20px 20px 20px 76px}.cc-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.cc-brand{padding:20px 16px}.cc-brand small{display:none}.cc-match-status{margin:14px 12px;padding:16px}.cc-moves-heading,.cc-move-list>div:not(.cc-empty){grid-template-columns:42px 1fr 1fr}}@media (max-width:760px){.cc-app{padding:12px 12px 20px 58px}.cc-rail{gap:14px;width:46px;padding:18px 0}.cc-rail button{width:36px;height:36px}.cc-rail svg{width:20px}.cc-layout{grid-template-columns:1fr;gap:20px;max-width:600px}.cc-panel{max-height:none}.cc-player{gap:9px;min-height:54px;padding-bottom:8px}.cc-player--you{padding:8px 0 0}.cc-avatar{flex-basis:36px;width:36px;height:36px;font-size:18px}.cc-player strong{font-size:13px}.cc-turn{min-width:72px;min-height:34px;font-size:11px}.cc-board-footer{margin-top:9px;font-size:9px}.cc-move-list{min-height:110px;max-height:230px}.cc-empty{min-height:150px}.cc-menu{padding:70px 25px 30px}.cc-brand{padding:20px}.cc-match-status{margin:14px 16px}.cc-search-overlay{padding:18px}.cc-search-overlay strong{font-size:20px}.cc-search-overlay p{font-size:11px}.cc-search-spinner{width:35px;height:35px}}@media (prefers-reduced-motion:reduce){.cc-search-spinner,.cc-status-dot.is-searching{animation:none}}.cc-app .cc-tabs button{box-shadow:none;border-radius:0;min-height:76px}.cc-app .cc-tabs button[aria-selected=true]{border-bottom:3px solid #d24b58}body:has(.cc-app){background:#302e2b}.game-no-select,.game-no-select *{-webkit-touch-callout:none;-webkit-user-select:none!important;user-select:none!important}.game-no-select img,.game-no-select svg,.game-no-select canvas{-webkit-user-drag:none}.share-qr-dialog{width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text,#202020);background:var(--surface,#fff);border:0;border-radius:24px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #0005}.share-qr-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0008}.share-qr-dialog__body{padding:24px}.share-qr-dialog header{align-items:flex-start;gap:12px;display:flex}.share-qr-dialog h2{margin:0;font-size:20px}.share-qr-dialog p{font-size:13px;line-height:1.5}.share-qr-dialog header .icon-button{flex-shrink:0}.share-qr-dialog__image{color:#222;aspect-ratio:1;background:#fff;border-radius:16px;place-items:center;width:min(256px,100%);margin:16px auto;display:grid}.share-qr-dialog__image img{border-radius:16px;width:100%;height:auto;display:block}.share-qr-dialog input{width:100%;min-width:0;color:inherit;background:#8881;border:0;border-radius:10px;padding:12px;font-size:13px}.share-qr-dialog__actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.share-qr-dialog__actions button,.share-qr-dialog__actions a{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:#075aff;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;text-decoration:none;display:inline-flex}.share-qr-dialog__actions svg{width:16px;height:16px}.notification-count{color:#fff;background:#e14242;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-3px;right:-4px}.admin-notification-menu{width:min(410px,100vw - 24px)}.admin-notification-list{overscroll-behavior:contain;max-height:min(440px,60dvh);overflow-y:auto}.admin-notification-menu .admin-notification-item{white-space:normal;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.admin-notification-item>svg{flex-shrink:0;margin-top:3px}.admin-notification-item div{min-width:0}.admin-notification-item strong{font-size:13px}.admin-notification-item p{overflow-wrap:anywhere;color:var(--text);margin:4px 0 6px;font-size:12px;line-height:1.5}.admin-notification-item time{color:var(--text-muted);font-size:10px}.admin-notification-item.is-unread{background:#075aff0b}.admin-notification-menu .admin-notification-read,.admin-notification-status{padding:14px 18px;font-size:12px}.admin-notification-menu .admin-notification-read{background:var(--surface-muted);width:100%;color:var(--text);cursor:pointer;border:0}.admin-notification-status button{cursor:pointer;margin-left:8px}.game-no-select input,.game-no-select textarea,.game-no-select [contenteditable=true]{-webkit-user-select:text!important;user-select:text!important}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}
