:root{--ku-cyan-rgb:56 189 248;--ku-night-rgb:8 15 30;--ku-steel-rgb:15 28 54;--ku-slate-rgb:148 163 184;--ku-bg-deep:#060b16;--ku-frame-top:#132342;--ku-frame-bottom:#091224;--ku-frame-bg:linear-gradient(165deg, var(--ku-frame-top) 0%, var(--ku-frame-bottom) 100%);--ku-panel-bg:linear-gradient(165deg, #16294af0 0%, #0a1326f5 100%);--ku-glass-bg:linear-gradient(180deg, #1e3a68b8 0%, #0b162ce0 100%);--ku-surface-raised:rgb(var(--ku-steel-rgb) / .9);--ku-surface-inset:rgb(var(--ku-night-rgb) / .8);--ku-screen-bg:linear-gradient(180deg, #071022 0%, #0d1d3a 60%, #091428 100%);--ku-header-fade:#0f172af2;--ku-scrim:radial-gradient(circle at center, #0ea5e92e 0%, #040914db 70%);--ku-line-faint:rgb(var(--ku-cyan-rgb) / .16);--ku-line:rgb(var(--ku-cyan-rgb) / .28);--ku-line-strong:rgb(var(--ku-cyan-rgb) / .45);--ku-line-accent:var(--ku-blue-top);--ku-line-neutral:rgb(var(--ku-slate-rgb) / .22);--ku-line-steel:var(--ku-grey-mid);--ku-text-strong:#fff;--ku-text:#f1f5f9;--ku-text-soft:#cbd5e1;--ku-text-muted:#94a3b8;--ku-text-dim:#64748b;--ku-text-accent:#7dd3fc;--ku-text-on-light:#0f172a;--ku-text-shadow:0 1px 2px #000000a6;--ku-btn-text:#fff;--ku-btn-text-shadow:0 2px 0 #0000008c;--ku-shadow-frame:0 18px 40px #000000a6, 0 0 24px rgb(var(--ku-cyan-rgb) / .22), inset 0 1px 0 #ffffff2e;--ku-shadow-modal:0 24px 60px #000c, 0 0 32px rgb(var(--ku-cyan-rgb) / .22), inset 0 1px 0 #fff3;--ku-shadow-panel:0 12px 32px #0000008c, 0 0 0 1px rgb(var(--ku-cyan-rgb) / .14), inset 0 1px 0 #ffffff26;--ku-blue-top:#38bdf8;--ku-blue-mid:#0284c7;--ku-blue-depth:#0369a1;--ku-blue-glow:#38bdf852;--ku-blue-tint:#0284c742;--ku-blue-ink:#bae6fd;--ku-green-top:#4ade80;--ku-green-mid:#16a34a;--ku-green-depth:#15803d;--ku-green-glow:#4ade8052;--ku-green-tint:#16a34a3d;--ku-green-ink:#bbf7d0;--ku-yellow-top:#facc15;--ku-yellow-mid:#ca8a04;--ku-yellow-depth:#a16207;--ku-yellow-glow:#facc1552;--ku-yellow-tint:#ca8a0447;--ku-yellow-ink:#fef08a;--ku-red-top:#f87171;--ku-red-mid:#dc2626;--ku-red-depth:#991b1b;--ku-red-glow:#f8717152;--ku-red-tint:#dc262642;--ku-red-ink:#fecaca;--ku-grey-top:#64748b;--ku-grey-mid:#334155;--ku-grey-depth:#1e293b;--ku-grey-glow:#94a3b838;--ku-grey-tint:#33415573;--ku-grey-ink:#cbd5e1}.ku-light{--ku-night-rgb:203 217 235;--ku-steel-rgb:255 255 255;--ku-slate-rgb:100 116 139;--ku-bg-deep:#e6f0fa;--ku-frame-top:#eef6ff;--ku-frame-bottom:#d7e6f7;--ku-frame-bg:linear-gradient(180deg, #eef6ff, #d7e6f7);--ku-panel-bg:linear-gradient(165deg, #fff, #e9f0f8);--ku-glass-bg:linear-gradient(180deg, #ffffffd1 0%, #e2ecf7eb 100%);--ku-surface-raised:rgb(var(--ku-steel-rgb) / .9);--ku-surface-inset:#e2ecf7;--ku-screen-bg:linear-gradient(180deg, #f4f9ff, #dceaf8);--ku-header-fade:#e2ecf7f2;--ku-scrim:radial-gradient(circle at center, #0ea5e91f 0%, #e6f0fae6 70%);--ku-line-faint:#cfdbeb;--ku-line:#9fb3cb;--ku-line-strong:#7d93b0;--ku-line-neutral:rgb(var(--ku-slate-rgb) / .3);--ku-text-strong:#0f172a;--ku-text:#1e293b;--ku-text-soft:#334155;--ku-text-muted:#475569;--ku-text-dim:#536075;--ku-text-accent:#0369a1;--ku-text-on-light:#0f172a;--ku-text-shadow:none;--ku-btn-text:#fff;--ku-btn-text-shadow:0 1px 0 #0000004d;--ku-shadow-frame:0 12px 28px #33558138, 0 0 24px rgb(var(--ku-cyan-rgb) / .22), inset 0 1px 0 #ffffffe6;--ku-shadow-modal:0 20px 48px #33558152, 0 0 32px rgb(var(--ku-cyan-rgb) / .22), inset 0 1px 0 #fffffff2;--ku-shadow-panel:0 6px 0 #9fb3cbe6, 0 10px 24px #33558129, inset 0 1px 0 #fffffff2;--ku-blue-top:#0ea5e9;--ku-blue-mid:#0277b5;--ku-blue-depth:#0369a1;--ku-blue-glow:#0ea5e952;--ku-blue-tint:#0ea5e929;--ku-blue-ink:#075985;--ku-green-top:#22c55e;--ku-green-mid:#15803d;--ku-green-depth:#166534;--ku-green-glow:#22c55e52;--ku-green-tint:#22c55e29;--ku-green-ink:#166534;--ku-yellow-top:#facc15;--ku-yellow-mid:#ca8a04;--ku-yellow-depth:#a16207;--ku-yellow-glow:#facc1566;--ku-yellow-tint:#facc1533;--ku-yellow-ink:#854d0e;--ku-red-top:#f87171;--ku-red-mid:#b91c1c;--ku-red-depth:#7f1d1d;--ku-red-glow:#f8717152;--ku-red-tint:#dc26261f;--ku-red-ink:#991b1b;--ku-grey-top:#cbd5e1;--ku-grey-mid:#94a3b8;--ku-grey-depth:#64748b;--ku-grey-glow:#64748b38;--ku-grey-tint:#64748b24;--ku-grey-ink:#334155}.ku-tone--blue,.ku-btn--blue,.ku-panel--blue,.ku-badge--blue{--tone-top:var(--ku-blue-top);--tone-mid:var(--ku-blue-mid);--tone-depth:var(--ku-blue-depth);--tone-glow:var(--ku-blue-glow);--tone-tint:var(--ku-blue-tint);--tone-ink:var(--ku-blue-ink);--tone-btn-img:url(/assets/kenney-ui/core/blue/button_rectangle_depth_gradient.png)}.ku-tone--green,.ku-btn--green,.ku-panel--green,.ku-badge--green{--tone-top:var(--ku-green-top);--tone-mid:var(--ku-green-mid);--tone-depth:var(--ku-green-depth);--tone-glow:var(--ku-green-glow);--tone-tint:var(--ku-green-tint);--tone-ink:var(--ku-green-ink);--tone-btn-img:url(/assets/kenney-ui/core/green/button_rectangle_depth_gradient.png)}.ku-tone--yellow,.ku-btn--yellow,.ku-panel--yellow,.ku-badge--yellow{--tone-top:var(--ku-yellow-top);--tone-mid:var(--ku-yellow-mid);--tone-depth:var(--ku-yellow-depth);--tone-glow:var(--ku-yellow-glow);--tone-tint:var(--ku-yellow-tint);--tone-ink:var(--ku-yellow-ink);--tone-btn-img:url(/assets/kenney-ui/core/yellow/button_rectangle_depth_gradient.png)}.ku-tone--red,.ku-btn--red,.ku-panel--red,.ku-badge--red{--tone-top:var(--ku-red-top);--tone-mid:var(--ku-red-mid);--tone-depth:var(--ku-red-depth);--tone-glow:var(--ku-red-glow);--tone-tint:var(--ku-red-tint);--tone-ink:var(--ku-red-ink);--tone-btn-img:url(/assets/kenney-ui/core/red/button_rectangle_depth_gradient.png)}.ku-tone--grey,.ku-btn--grey,.ku-panel--grey,.ku-badge--grey{--tone-top:var(--ku-grey-top);--tone-mid:var(--ku-grey-mid);--tone-depth:var(--ku-grey-depth);--tone-glow:var(--ku-grey-glow);--tone-tint:var(--ku-grey-tint);--tone-ink:var(--ku-grey-ink);--tone-btn-img:url(/assets/kenney-ui/core/grey/button_rectangle_depth_gradient.png)}.ku-viewport{background-color:var(--ku-bg-deep);background-image:radial-gradient(circle at 18% 12%, #0ea5e92e 0%, transparent 45%), radial-gradient(circle at 82% 18%, #6366f126 0%, transparent 45%), radial-gradient(circle at 50% 90%, #10b9811a 0%, transparent 50%), linear-gradient(rgb(var(--ku-cyan-rgb) / .05) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--ku-cyan-rgb) / .05) 1px, transparent 1px);width:100%;min-height:100dvh;color:var(--ku-text);background-size:100% 100%,100% 100%,100% 100%,2.25rem 2.25rem,2.25rem 2.25rem;font-family:Outfit,Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.ku-btn{letter-spacing:.03em;text-transform:uppercase;color:var(--ku-btn-text);text-shadow:var(--ku-btn-text-shadow);background-color:var(--tone-mid);background-image:linear-gradient(180deg, #ffffff38 0%, #fff0 52%), var(--tone-btn-img);border:2px solid var(--tone-top);box-shadow:0 4px 0 var(--tone-depth), 0 6px 16px #00000073, inset 0 1px 0 #fff6;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), filter var(--dur-1) var(--ease-out);background-repeat:no-repeat;background-size:100% 100%;border-radius:.65rem;justify-content:center;align-items:center;gap:.5rem;font-family:Outfit,Inter,system-ui,sans-serif;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.ku-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 5px 0 var(--tone-depth), 0 0 18px var(--tone-glow), 0 8px 20px #00000080, inset 0 1px 0 #ffffff8c;transform:translateY(-1px)}.ku-btn:active:not(:disabled){box-shadow:0 1px 0 var(--tone-depth), 0 2px 6px #0006, inset 0 1px 0 #ffffff40;transform:translateY(3px)}.ku-btn:focus-visible{outline:2px solid var(--ku-text-strong);outline-offset:3px}.ku-btn:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.35)}.ku-btn--yellow,.ku-btn--grey{color:var(--ku-text-on-light);text-shadow:0 1px #ffffff80}.ku-btn--sm{border-radius:.5rem;padding:.4rem .85rem;font-size:.78rem}.ku-btn--md{padding:.6rem 1.2rem;font-size:.9rem}.ku-btn--lg{border-radius:.75rem;padding:.82rem 1.65rem;font-size:1.05rem}.ku-btn--square{aspect-ratio:1;padding:.5rem}.ku-btn-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #00000080);flex-shrink:0;width:1.2rem;height:1.2rem}.ku-btn--yellow .ku-btn-icon,.ku-btn--grey .ku-btn-icon{filter:brightness(.15)}.ku-panel{background:var(--ku-panel-bg);border:2px solid var(--tone-top,var(--ku-line-accent));box-shadow:var(--ku-shadow-panel);color:var(--ku-text);border-radius:.85rem;position:relative;overflow:hidden}.ku-panel--notched{clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))}.ku-panel--glass{background:var(--ku-glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ku-panel-screws:before,.ku-panel-screws:after{content:"";pointer-events:none;z-index:2;background-image:radial-gradient(circle, var(--ku-text-muted) 2px, var(--ku-grey-depth) 3px, transparent 3.5px), radial-gradient(circle, var(--ku-text-muted) 2px, var(--ku-grey-depth) 3px, transparent 3.5px);opacity:.75;background-position:0,100%;background-repeat:no-repeat;background-size:6px 6px;height:6px;position:absolute;inset-inline:8px}.ku-panel-screws:before{top:7px}.ku-panel-screws:after{bottom:7px}.ku-panel-header,.ku-modal-header{background:linear-gradient(90deg, var(--tone-mid,var(--ku-blue-mid)) 0%, var(--tone-depth,var(--ku-blue-depth)) 55%, var(--ku-header-fade) 100%);border-bottom:2px solid var(--tone-top,var(--ku-line-accent))}.ku-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.55rem 1rem;display:flex;position:relative}.ku-panel-header:after{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#ffffff1f,#ffffff1f 4px,#0000 4px 8px);width:34px;height:100%;position:absolute;top:0;right:0}.ku-panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ku-text-strong);text-shadow:var(--ku-text-shadow);align-items:center;gap:.45rem;margin:0;font-size:.85rem;font-weight:900;display:flex}.ku-panel-body{padding:1.1rem}.ku-lead{color:var(--ku-text-soft);margin:0;font-size:.92rem;line-height:1.5}.ku-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ku-text-accent);font-family:Fira Code,ui-monospace,monospace;font-size:.68rem;font-weight:800}.ku-badge{letter-spacing:.05em;text-transform:uppercase;background:var(--tone-tint,var(--ku-surface-inset));border:1.5px solid var(--tone-top,var(--ku-line-strong));color:var(--tone-ink,var(--ku-text));border-radius:.4rem;align-items:center;gap:.32rem;padding:.22rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.ku-badge-dot{object-fit:contain;width:.6rem;height:.6rem}.ku-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ku-tab{letter-spacing:.03em;text-transform:uppercase;color:var(--ku-text-soft);background:var(--ku-surface-raised);border:2px solid var(--ku-line-steel);box-shadow:0 3px 0 var(--ku-grey-depth);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);border-radius:.6rem;align-items:center;gap:.45rem;padding:.5rem .95rem;font-family:Outfit,Inter,system-ui,sans-serif;font-size:.84rem;font-weight:800;display:inline-flex;position:relative}.ku-tab:hover{border-color:var(--ku-line-accent);color:var(--ku-text-strong);transform:translateY(-1px)}.ku-tab.is-active{background:linear-gradient(180deg, var(--ku-blue-mid) 0%, var(--ku-blue-depth) 100%);border-color:var(--ku-text-accent);color:var(--ku-text-strong);text-shadow:var(--ku-text-shadow);box-shadow:0 3px 0 var(--ku-blue-depth), 0 0 16px rgb(var(--ku-cyan-rgb) / .35)}.ku-tab-count{min-width:1.4rem;height:1.25rem;color:var(--ku-text);background:#00000059;border-radius:999px;justify-content:center;align-items:center;padding-inline:.35rem;font-family:Fira Code,ui-monospace,monospace;font-size:.72rem;font-weight:700;display:inline-flex}.ku-modal-backdrop{z-index:100001;background:var(--ku-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ku-modal{z-index:100003;background:var(--ku-frame-bg);border:2.5px solid var(--tone-top,var(--ku-line-accent));width:min(36rem,100vw - 1.5rem);max-height:calc(100dvh - 2rem);box-shadow:var(--ku-shadow-modal);color:var(--ku-text);animation:ku-modal-in var(--dur-2) var(--ease-bounce);border-radius:1rem;position:relative;overflow-y:auto}dialog.ku-modal{height:fit-content;margin:auto;padding:0;position:fixed;inset:0}dialog.ku-modal::backdrop{background:var(--ku-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes ku-modal-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.ku-modal-header{justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.ku-modal-body{padding:1.5rem}.ku-modal-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:0 1.5rem 1.5rem;display:flex}.ku-stage-wrap{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.ku-stage{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:80rem;margin:0 auto;display:flex}.ku-stage-hud{width:100%;max-width:28rem}.ku-stage-footer{width:100%;max-width:36rem}@media (width>=1024px){.ku-stage{flex-direction:row;justify-content:center;gap:2.25rem}.ku-stage-hud{flex-shrink:0;width:22rem}}.ku-stats{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.ku-stat{background:var(--ku-surface-inset);border:1.5px solid var(--ku-line);border-radius:.55rem;flex-direction:column;padding:.5rem .7rem;display:flex}.ku-stat--wide{grid-column:1/-1}.ku-stat-value{color:var(--ku-text-strong);font-size:1.2rem;font-weight:900;line-height:1.25}.ku-stat--toned .ku-stat-value{color:var(--tone-top)}.ku-stat-total{color:var(--ku-text-muted);font-size:.8rem;font-weight:700}.ku-stat-sub{color:var(--ku-text-muted);font-size:.72rem;line-height:1.3}.ku-strip{background:var(--ku-surface-inset);border:1.5px solid var(--ku-line-faint);border-radius:.55rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;min-height:2.3rem;padding:.45rem .65rem;display:flex}.ku-strip-empty{letter-spacing:.06em;text-transform:uppercase;color:var(--ku-text-dim);font-family:Fira Code,ui-monospace,monospace;font-size:.72rem;font-weight:700}.ku-board{background:var(--ku-frame-bg);border:2.5px solid var(--ku-line-accent);width:100%;box-shadow:var(--ku-shadow-frame);box-sizing:border-box;border-radius:.9rem;padding:.55rem;position:relative}.ku-board--fit{width:auto;max-width:100%}.ku-board-screen{background:var(--ku-screen-bg);border:1px solid var(--ku-line);border-radius:.55rem;width:100%;display:block}.ku-board-hint{background:rgb(var(--ku-night-rgb) / .92);border:1.5px solid var(--ku-line-accent);width:fit-content;max-width:85%;box-shadow:0 8px 24px #000000a6, 0 0 16px rgb(var(--ku-cyan-rgb) / .35);color:var(--ku-text);text-align:center;pointer-events:none;border-radius:.6rem;margin:0 auto;padding:.55rem 1.1rem;font-size:.92rem;font-weight:800;position:absolute;inset:auto 0 22%}.ku-levels{grid-template-columns:repeat(auto-fill, minmax(var(--ku-level-min,4rem), 1fr));gap:.5rem;display:grid}.ku-levels--named{--ku-level-min:7.2rem}.ku-levels--scroll{max-height:21rem;padding:.25rem;overflow-y:auto}.ku-level{background:var(--ku-surface-raised);border:1.5px solid var(--ku-line);color:var(--ku-text);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.5rem .35rem;font-family:Outfit,Inter,system-ui,sans-serif;display:flex}.ku-level:hover:not(:disabled){border-color:var(--ku-line-accent);background:var(--ku-blue-tint);transform:translateY(-1px)}.ku-level:focus-visible{outline:2px solid var(--ku-text-strong);outline-offset:2px}.ku-level.is-solved{border-color:color-mix(in srgb, var(--ku-green-top) 55%, transparent);background:var(--ku-green-tint)}.ku-level.is-perfect,.ku-level.is-current{border-color:var(--ku-yellow-top);background:var(--ku-yellow-tint)}.ku-level.is-current{box-shadow:0 0 12px var(--ku-yellow-glow)}.ku-level:disabled{opacity:.4;cursor:not-allowed}.ku-level-num{color:var(--ku-text-strong);font-size:1rem;font-weight:900;line-height:1.1}.ku-level-name{max-width:100%;color:var(--ku-text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;line-height:1.2;overflow:hidden}.ku-level-meta{letter-spacing:.04em;color:var(--ku-text-muted);font-family:Fira Code,ui-monospace,monospace;font-size:.68rem;font-weight:800}.ku-level.is-solved .ku-level-meta{color:var(--ku-green-top)}.ku-level.is-perfect .ku-level-meta{color:var(--ku-yellow-top)}.ku-hub{--hub-tap:2.75rem;--hub-gutter-l:max(.75rem, env(safe-area-inset-left));--hub-gutter-r:max(.75rem, env(safe-area-inset-right))}.ku-hub-topbar{z-index:var(--z-sticky);padding:max(.6rem, env(safe-area-inset-top)) var(--hub-gutter-r) .6rem var(--hub-gutter-l);background:rgb(var(--ku-night-rgb) / .92);border-bottom:2px solid rgb(var(--ku-cyan-rgb) / .4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:.6rem;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #0000008c}.ku-hub-row{align-items:center;gap:.6rem;min-width:0;display:flex}.ku-hub-wide{display:none}.ku-hub-back,.ku-hub-icon-btn{min-width:var(--hub-tap);min-height:var(--hub-tap);touch-action:manipulation;flex-shrink:0;padding:.5rem}.ku-hub-icon-btn img{object-fit:contain;width:1.15rem;height:1.15rem}.ku-hub-brand{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.ku-hub-brand-icon{object-fit:contain;width:1.75rem;height:1.75rem;filter:drop-shadow(0 0 8px rgb(var(--ku-cyan-rgb) / .65));display:none}.ku-hub-title{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(180deg, var(--ku-text-strong) 0%, var(--ku-text-accent) 100%);color:#0000;filter:drop-shadow(0 2px 6px rgb(var(--ku-cyan-rgb) / .35));-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:900;line-height:1.1}.ku-hub-subtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--ku-text-accent);opacity:.8;white-space:nowrap;font-size:.68rem;font-weight:700}.ku-hub-actions{align-items:center;gap:.45rem;margin-left:auto;display:flex}.ku-hub-tabs.ku-tabs{scrollbar-width:none;margin-inline:calc(-1 * var(--hub-gutter-l)) calc(-1 * var(--hub-gutter-r));padding:.1rem var(--hub-gutter-r) .35rem var(--hub-gutter-l);scroll-padding-inline:var(--hub-gutter-l);flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - 1.5rem),#0000)}.ku-hub-tabs.ku-tabs::-webkit-scrollbar{display:none}.ku-hub-tabs .ku-tab{min-height:var(--hub-tap);touch-action:manipulation;flex-shrink:0}.ku-search-box{align-items:center;width:100%;display:flex;position:relative}.ku-search-icon{z-index:1;object-fit:contain;opacity:.75;pointer-events:none;width:1rem;height:1rem;position:absolute;left:.8rem}.ku-search-clear{z-index:1;width:var(--hub-tap);height:var(--hub-tap);color:var(--ku-text-muted);cursor:pointer;position:absolute;right:.25rem}.ku-search-clear:hover{color:var(--ku-text-strong)}.ku-hub .ku-search-input{width:100%;min-height:var(--hub-tap);color:var(--ku-text-strong);background:var(--ku-surface-inset);border:2px solid var(--ku-line-steel);transition:border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);border-radius:.65rem;padding:.55rem 2.75rem .55rem 2.4rem;font-family:Outfit,Inter,system-ui,sans-serif;font-size:1rem;font-weight:600;box-shadow:inset 0 2px 6px #0009}.ku-hub .ku-search-input::placeholder{color:var(--ku-text-dim)}.ku-hub .ku-search-input:focus{border-color:var(--ku-line-accent);box-shadow:inset 0 2px 6px #0009, 0 0 14px rgb(var(--ku-cyan-rgb) / .3);outline:none}.ku-hub-main{width:100%;padding:1rem var(--hub-gutter-r) max(1.5rem, env(safe-area-inset-bottom)) var(--hub-gutter-l);flex-direction:column;flex:1;gap:1rem;display:flex}.ku-hub-count{letter-spacing:.08em;text-transform:uppercase;color:var(--ku-text-muted);font-family:Fira Code,ui-monospace,monospace;font-size:.72rem;font-weight:700}.ku-hub-hero .ku-panel-body{padding:.9rem}.ku-hub-hero-chips{flex-wrap:wrap;gap:.35rem;display:none}.ku-hub-chip{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--ku-text-soft);background:rgb(var(--ku-night-rgb) / .7);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);border-radius:.3rem;padding:.15rem .5rem;font-size:.7rem;font-weight:800}.ku-hub-chip:hover{background:var(--ku-surface-raised)}.ku-hub-chip[aria-pressed=true]{background:var(--ku-blue-top);color:var(--ku-text-on-light)}.ku-hub-hero-grid{gap:1rem;display:grid}.ku-hub-hero-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.ku-hub-hero-art{background:radial-gradient(circle at center, rgb(var(--ku-cyan-rgb) / .22) 0%, var(--ku-surface-inset) 100%);border:2px solid var(--ku-line-accent);width:5.5rem;height:5.5rem;box-shadow:0 0 24px rgb(var(--ku-cyan-rgb) / .28);border-radius:1rem;justify-content:center;align-items:center;padding:.6rem;display:flex}.ku-hub-hero-art img{object-fit:contain;width:100%;height:100%}.ku-hub-hero-badges{flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem;display:flex}.ku-hub-hero-title{letter-spacing:-.01em;color:var(--ku-text-strong);margin:0;font-size:clamp(1.35rem,5vw,1.9rem);font-weight:900;line-height:1.1}.ku-hub-hero-desc{color:var(--ku-text-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-column:1/-1;margin:0;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.ku-hub-hero-text{display:contents}.ku-hub-hero-badges,.ku-hub-hero-title{grid-column:2}.ku-hub-hero-badges{align-self:end;margin-bottom:0}.ku-hub-hero-title{align-self:start}.ku-hub-hero-art{grid-row:1/span 2}.ku-hub-hero-cta{grid-column:1/-1;gap:.6rem;display:flex}.ku-hub-play{flex:1}.ku-hub-detail{padding-inline:.9rem}.ku-hub-picks{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.6rem;margin-inline:-.9rem;padding:.2rem .9rem .4rem;scroll-padding-inline:.9rem;display:flex;overflow-x:auto}.ku-hub-picks::-webkit-scrollbar{display:none}.ku-hub-pick{width:9.5rem;min-height:var(--hub-tap);scroll-snap-align:start;text-align:left;border:2px solid var(--ku-line-steel);background:var(--ku-surface-raised);cursor:pointer;touch-action:manipulation;transition:border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);border-radius:.75rem;flex:none;align-items:center;gap:.55rem;padding:.5rem .6rem;display:flex}.ku-hub-pick:hover{border-color:var(--ku-line-accent)}.ku-hub-pick[aria-pressed=true]{border-color:var(--ku-text-accent);background:var(--ku-blue-tint);box-shadow:0 0 16px rgb(var(--ku-cyan-rgb) / .3)}.ku-hub-pick-art{flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex}.ku-hub-pick-art img{object-fit:contain;width:100%;height:100%}.ku-hub-pick-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ku-yellow-top);gap:.35rem;font-size:.62rem;font-weight:800;display:flex}.ku-hub-pick-plays{color:var(--ku-text-muted);font-family:Fira Code,ui-monospace,monospace}.ku-hub-pick-title{-webkit-line-clamp:2;color:var(--ku-text-strong);-webkit-box-orient:vertical;font-size:.82rem;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.ku-game-grid{grid-template-columns:repeat(auto-fill,minmax(min(9.5rem,45%),1fr));gap:.75rem;display:grid}.ku-game-card{height:100%;color:inherit;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);flex-direction:column;display:flex;position:relative}.ku-game-card:hover{box-shadow:0 16px 36px #000000a6, 0 0 22px rgb(var(--ku-cyan-rgb) / .28);transform:translateY(-4px)}.ku-game-card:has(.ku-game-card-link:focus-visible){outline:2px solid var(--ku-text-strong);outline-offset:3px}.ku-game-card .ku-panel-header{flex-wrap:nowrap;padding:.35rem .6rem .35rem .9rem}.ku-game-card-cat{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.66rem;display:block;overflow:hidden}.ku-game-card .ku-panel-header{min-height:2.25rem}.ku-game-card-badges{z-index:1;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:absolute;top:2.75rem;right:.5rem}.ku-game-card-body{flex-direction:column;flex:1;gap:.6rem;padding:.8rem .7rem .9rem;display:flex}.ku-game-card-Visual{text-align:center;flex-direction:column;align-items:center;gap:.55rem;display:flex}.ku-game-avatar-frame{background:radial-gradient(circle at center, rgb(var(--ku-cyan-rgb) / .25) 0%, var(--ku-surface-inset) 100%);border:2px solid var(--ku-line-strong);width:4.5rem;height:4.5rem;box-shadow:inset 0 0 12px rgb(var(--ku-cyan-rgb) / .2);border-radius:.9rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.ku-game-avatar-frame img{object-fit:contain;width:78%;height:78%}.ku-game-card-link{color:var(--ku-text-strong);transition:color var(--dur-1) var(--ease-out);font-size:.95rem;font-weight:900;line-height:1.2;text-decoration:none;display:block}.ku-game-card-link:hover{color:var(--ku-text-accent)}.ku-game-card-link:focus-visible{outline:none}.ku-game-card-link:after{content:"";z-index:0;border-radius:inherit;position:absolute;inset:0}.ku-game-card-subject{color:var(--ku-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.72rem;font-weight:700;overflow:hidden}.ku-game-card-desc,.ku-game-card-foot{display:none}.ku-game-card-mini{justify-content:center;align-items:center;gap:.5rem;margin-top:auto;display:flex}.ku-game-card-new{letter-spacing:.08em;text-transform:uppercase;color:var(--ku-text-on-light);background:var(--ku-yellow-top);border-radius:999px;padding:.05rem .45rem;font-size:.62rem;font-weight:900}.ku-game-card-plays{color:var(--ku-text-muted);font-family:Fira Code,ui-monospace,monospace;font-size:.68rem}.ku-game-card-tags{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ku-game-card-tags .ku-game-card-plays{margin-left:auto}.ku-game-card-actions{z-index:1;align-items:center;gap:.5rem;display:flex;position:relative}@media (width>=640px){.ku-hub{--hub-gutter-l:max(1.25rem, env(safe-area-inset-left));--hub-gutter-r:max(1.25rem, env(safe-area-inset-right))}.ku-hub-wide{display:inline}.ku-hub-back{padding-inline:1rem}.ku-hub-icon-btn--label{padding-inline:.85rem}.ku-hub-brand{flex:0 auto}.ku-hub-brand-icon{display:block}.ku-hub-topbar{padding-top:max(.75rem, env(safe-area-inset-top))}.ku-search-box{align-self:flex-end;width:min(24rem,100%)}.ku-hub-main{gap:1.4rem;padding-top:1.5rem}.ku-hub-hero .ku-panel-body{padding:1.1rem}.ku-hub-hero-art{width:7rem;height:7rem}.ku-hub-hero-main{gap:.5rem 1.25rem}.ku-hub-hero-art{grid-row:1/span 4;align-self:center}.ku-hub-hero-desc{-webkit-line-clamp:4;grid-column:2;font-size:1rem}.ku-hub-hero-cta{grid-column:2;margin-top:.4rem}.ku-hub-play{flex:none}.ku-game-grid{grid-template-columns:repeat(auto-fill,minmax(18.5rem,1fr));gap:1.15rem}.ku-game-card .ku-panel-header{min-height:2.75rem;padding:.55rem 1rem}.ku-game-card-badges{flex-direction:row;flex-shrink:0;position:static}.ku-game-card-cat{font-size:.85rem}.ku-game-card-body{gap:.75rem;padding:1.1rem}.ku-game-card-Visual{text-align:left;flex-direction:row;gap:.9rem}.ku-game-avatar-frame{width:4rem;height:4rem}.ku-game-card-link{font-size:1.125rem}.ku-game-card-desc{-webkit-line-clamp:3;color:var(--ku-text-soft);-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.ku-game-card-foot{border-top:1px solid var(--ku-line-faint);flex-direction:column;gap:.75rem;margin-top:auto;padding-top:.6rem;display:flex}.ku-game-card-mini{display:none}}@media (width>=1024px){.ku-hub-hero-chips{display:flex}.ku-hub-hero-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:1.5rem}.ku-hub-picks{grid-template-columns:1fr 1fr;margin:0;padding:0;display:grid;overflow:visible}.ku-hub-pick{width:auto}.ku-hub-pick:nth-child(n+5){display:none}}@media (prefers-reduced-motion:reduce){html:not([data-motion-preference=always]) .ku-btn,html:not([data-motion-preference=always]) .ku-tab,html:not([data-motion-preference=always]) .ku-level,html:not([data-motion-preference=always]) .ku-game-card,html:not([data-motion-preference=always]) .ku-modal{transition:none;animation:none}html:not([data-motion-preference=always]) .ku-btn:hover:not(:disabled),html:not([data-motion-preference=always]) .ku-tab:hover,html:not([data-motion-preference=always]) .ku-level:hover:not(:disabled),html:not([data-motion-preference=always]) .ku-game-card:hover{transform:none}}html[data-motion-preference=reduced] .ku-btn,html[data-motion-preference=reduced] .ku-tab,html[data-motion-preference=reduced] .ku-level,html[data-motion-preference=reduced] .ku-game-card,html[data-motion-preference=reduced] .ku-modal{transition:none;animation:none}html[data-motion-preference=reduced] .ku-btn:hover:not(:disabled),html[data-motion-preference=reduced] .ku-tab:hover,html[data-motion-preference=reduced] .ku-level:hover:not(:disabled),html[data-motion-preference=reduced] .ku-game-card:hover{transform:none}.ku-light .ku-stat--toned .ku-stat-value{color:var(--tone-ink)}.ku-light .ku-level.is-solved .ku-level-meta{color:var(--ku-green-ink)}.ku-light .ku-level.is-perfect .ku-level-meta{color:var(--ku-yellow-ink)}