.home{min-height:100%;width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--sp-6) var(--sp-4) var(--sp-9);padding-top:calc(var(--sp-6) + env(safe-area-inset-top,0px))}.home__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin:var(--sp-4) 0 var(--sp-7)}.home__logo{width:92px;height:92px;display:block;border-radius:var(--r-5);filter:drop-shadow(0 10px 20px rgb(74 52 32 / 26%))}.home__title{margin:var(--sp-3) 0 var(--sp-1);font-family:var(--font-round);font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--track-display);color:var(--text)}.home__subtitle{margin:0;font-size:var(--fs-body);font-weight:var(--fw-body);color:var(--text-muted)}.home__controls{width:100%;max-width:1100px;display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap}.home__search{flex:1 1 200px;min-width:0;min-height:var(--tap);padding:0 var(--sp-5);border:1.5px solid var(--line-strong);border-radius:var(--r-pill);font-size:var(--fs-body);font-weight:var(--fw-med);font-family:inherit;background:var(--surface);color:var(--text);box-shadow:var(--el-1),var(--edge-top);outline:none}.home__search::placeholder{color:var(--text-decor)}.home__search:focus{border-color:var(--info);box-shadow:0 0 0 3px #35719a33}.home__toolbar{display:flex;align-items:center;gap:var(--sp-2)}.home__sort{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-muted)}.home__sort-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-meta)}.home__sort select{min-height:var(--tap);padding:0 var(--sp-4);border:1.5px solid var(--line-strong);border-radius:var(--r-pill);font-family:var(--font-round);font-size:var(--fs-sm);font-weight:var(--fw-bold);background:var(--surface);color:var(--text);box-shadow:var(--el-1),var(--edge-top)}.home__view{display:flex;gap:var(--sp-1);padding:4px;border-radius:var(--r-pill);background:var(--surface-sunken);box-shadow:var(--edge-press)}.home__view button{width:46px;height:44px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--text-meta);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.home__view button.is-active{background:var(--surface);color:var(--accent-ink);box-shadow:var(--el-1),var(--edge-top)}.home__empty{color:var(--text-muted);font-size:var(--fs-body);margin-top:var(--sp-7);text-align:center}.home__grid{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:var(--gap-grid)}@media(min-width:520px){.home__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.home__list{width:100%;max-width:680px;display:flex;flex-direction:column;gap:var(--sp-2)}.card{background:var(--surface);color:var(--text);border-radius:var(--r-tile);text-decoration:none;display:flex;box-shadow:var(--el-2),var(--edge-top),var(--edge-ring);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);position:relative}.card--grid{padding:var(--pad-card);flex-direction:column;align-items:center;text-align:center}.card--list{padding:var(--sp-3) var(--sp-4);flex-direction:row;align-items:center;gap:var(--sp-4);text-align:left;border-radius:var(--r-3);min-height:var(--tap)}.card:hover{transform:translateY(-4px);box-shadow:var(--el-lift),var(--edge-top),var(--edge-ring)}.card:active{transform:var(--squash);box-shadow:var(--el-1),var(--edge-ring)}.card--list:hover{transform:none;box-shadow:var(--el-3),var(--edge-top),var(--edge-ring)}.card__text{display:flex;flex-direction:column}.card--grid .card__text{align-items:center}.card--list .card__text{align-items:flex-start;flex:1;min-width:0}.card__icon{border-radius:var(--r-4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #4a342014,0 4px 10px -6px #4a342073}.card--grid .card__icon{width:84px;height:84px;margin-bottom:var(--sp-3)}.card--list .card__icon{width:54px;height:54px;border-radius:var(--r-2)}.card--list .card__icon-glyph{font-size:28px}.card__icon-glyph{font-size:38px;line-height:1;transform:translateY(1px);filter:drop-shadow(0 1px 3px rgb(46 33 26 / 35%))}.card__title{font-family:var(--font-round);font-size:var(--fs-card-title);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--text)}.card__desc{margin-top:var(--sp-1);font-size:var(--fs-xs);line-height:1.35;color:var(--text-meta)}.card--grid .card__desc{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card--list .card__desc{margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__badge{position:absolute;top:var(--sp-3);right:var(--sp-3);background:var(--accent-tint);color:var(--accent-ink);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--track-label);text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill)}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}.game-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);background:var(--bg-page);color:var(--text-muted)}.game-loading__spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--line-strong);border-top-color:var(--accent);animation:ui-spin .8s linear infinite}.game-loading__label{margin:0;font-family:var(--font-round);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-meta)}.bundled{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--surface-night)}.bundled__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);padding-top:calc(var(--sp-3) + env(safe-area-inset-top,0px))}.bundled__bar .iconbtn{justify-self:start}.bundled__name{margin:0;font-family:var(--font-round);font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--text-inverse);text-align:center;white-space:nowrap}.bundled__frame-wrap{flex:1;min-height:0;display:flex;padding:0 var(--sp-4) var(--sp-4)}.bundled__frame{flex:1;border:0;border-radius:var(--r-2);background:#000}.upd{position:fixed;left:var(--sp-3);right:var(--sp-3);bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));z-index:999;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--r-4);background:var(--surface-night);border:1px solid var(--line-night);box-shadow:0 14px 36px #1d162273;color:var(--text-inverse);animation:ui-rise var(--dur-mid) var(--ease-out)}@media(prefers-reduced-motion:reduce){.upd{animation:none}}.upd__text{display:flex;flex-direction:column;gap:2px;min-width:0}.upd__text strong{font-family:var(--font-round);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.upd__text span{font-size:var(--fs-xs);color:#fff8eca8}.upd__actions{display:flex;align-items:center;gap:var(--sp-1);flex-shrink:0}.upd__later{border:none;background:none;color:#fff8ec9e;font-size:var(--fs-xs);font-weight:var(--fw-bold);min-height:44px;padding:0 var(--sp-2);touch-action:manipulation}.upd__go{border:none;border-radius:var(--r-pill);min-height:44px;padding:0 var(--sp-5);font-family:var(--font-round);font-size:var(--fs-sm);font-weight:var(--fw-heavy);background:var(--accent);color:var(--text-on-accent);touch-action:manipulation}.upd__go:active{transform:var(--squash)}@media(min-width:560px){.upd{left:auto;right:var(--sp-5);max-width:380px}}:root{--p-sand-100: #fbf5ea;--p-sand-200: #f6eddd;--p-sand-300: #f2e7d5;--p-sand-400: #e9dcc6;--p-sand-500: #dccdb2;--p-cream-50: #fffcf6;--p-cream-100: #fbf4e7;--p-ink-900: #33261c;--p-ink-700: #6b5747;--p-ink-500: #77634f;--p-ink-300: #a3907b;--p-sun-500: #f2a43a;--p-sun-600: #e08f21;--p-sun-700: #c1770f;--p-sun-100: #fceccf;--p-leaf-600: #2e7d4f;--p-leaf-700: #24633e;--p-leaf-100: #e0f0e4;--p-coral-500: #e4572e;--p-coral-600: #c4421d;--p-coral-100: #fce3d8;--p-sky-600: #35719a;--p-sky-700: #2a5c7e;--p-sky-100: #e2edf4;--p-berry-500: #6c4bd8;--p-berry-600: #5936be;--p-berry-100: #ede7fb;--p-red-600: #b5352a;--p-red-100: #fbe3df;--p-night-900: #1d1622;--p-night-800: #2a2130;--p-night-500: #6b5f76;--p-night-100: #f4ece2;--bg-page: var(--p-sand-300);--bg-page-soft: var(--p-sand-200);--surface: var(--p-cream-50);--surface-2: var(--p-cream-100);--surface-sunken: var(--p-sand-200);--surface-night: var(--p-night-900);--line: #e8dac2;--line-strong: #d8c6a8;--line-night: rgb(255 255 255 / 12%);--text: var(--p-ink-900);--text-muted: var(--p-ink-700);--text-meta: var(--p-ink-500);--text-decor: var(--p-ink-300);--text-inverse: #fff8ec;--text-on-accent: var(--p-ink-900);--text-on-deep: #fff8ec;--accent: var(--p-sun-500);--accent-deep: var(--p-sun-600);--accent-ink: var(--p-sun-700);--accent-tint: var(--p-sun-100);--ok: var(--p-leaf-600);--ok-tint: var(--p-leaf-100);--hot: var(--p-coral-500);--hot-deep: var(--p-coral-600);--hot-tint: var(--p-coral-100);--info: var(--p-sky-600);--info-tint: var(--p-sky-100);--make: var(--p-berry-500);--make-deep: var(--p-berry-600);--make-tint: var(--p-berry-100);--danger: var(--p-red-600);--danger-tint: var(--p-red-100);--texture-paper: radial-gradient(circle at 1px 1px, rgb(120 92 60 / 3.2%) 1px, transparent 0);--texture-size: 6px 6px;--r-1: 8px;--r-2: 12px;--r-3: 16px;--r-4: 20px;--r-5: 26px;--r-6: 34px;--r-pill: 999px;--r-card: var(--r-4);--r-control: var(--r-3);--r-tile: var(--r-4);--r-chip: var(--r-pill);--r-sheet: var(--r-6);--r-well: var(--r-2);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-round: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--fs-display: clamp(30px, 7.6vw, 46px);--fs-h1: clamp(24px, 5.6vw, 34px);--fs-h2: clamp(19px, 4vw, 24px);--fs-h3: 17px;--fs-body: 16px;--fs-sm: 14px;--fs-xs: 12.5px;--fs-label: 11.5px;--lh-tight: 1.06;--lh-snug: 1.22;--lh-body: 1.5;--fw-body: 500;--fw-med: 600;--fw-bold: 800;--fw-heavy: 900;--track-label: .09em;--track-display: -.015em;--el-1: 0 1px 2px rgb(74 52 32 / 7%), 0 3px 8px -4px rgb(74 52 32 / 12%);--el-2: 0 2px 4px rgb(74 52 32 / 6%), 0 10px 22px -10px rgb(74 52 32 / 20%);--el-3: 0 3px 6px rgb(74 52 32 / 7%), 0 22px 40px -18px rgb(74 52 32 / 28%);--el-lift: 0 4px 8px rgb(74 52 32 / 8%), 0 26px 44px -18px rgb(74 52 32 / 32%);--el-sheet: 0 -8px 44px rgb(46 33 26 / 30%);--el-none: none;--edge-top: inset 0 1px 0 rgb(255 255 255 / 70%);--edge-ring: inset 0 0 0 1px rgb(74 52 32 / 6%);--edge-press: inset 0 2px 6px rgb(74 52 32 / 20%);--scrim: rgb(46 33 26 / 52%);--glow-accent: 0 10px 24px -12px rgb(193 119 15 / 65%);--glow-make: 0 10px 24px -12px rgb(89 54 190 / 60%);--glow-hot: 0 10px 24px -12px rgb(196 66 29 / 55%);--dur-press: .11s;--dur-fast: .18s;--dur-mid: .28s;--dur-slow: .48s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.2, 1.4, .4, 1);--ease-std: cubic-bezier(.4, 0, .2, 1);--squash: scale(.965);--squash-sm: scale(.98);--tap: 44px;--pad-card: var(--sp-4);--fs-card-title: 15px;--gap-grid: var(--sp-3)}.reg-kid,.home,.kid,.cl,.bd{--r-card: var(--r-5);--r-control: var(--r-4);--r-tile: var(--r-5);--tap: 52px;--pad-card: var(--sp-5);--fs-card-title: 17px;--gap-grid: var(--sp-4)}.reg-parent,.me,.cp{--r-card: var(--r-3);--r-control: var(--r-2);--r-tile: var(--r-3);--tap: 44px;--pad-card: var(--sp-4);--fs-card-title: 15px;--gap-grid: var(--sp-3)}:is(.reg-kid,.reg-parent,.home,.kid,.cl,.bd,.me,.cp) :is(button,a){touch-action:manipulation}.ui-btn{--btn-bg: var(--surface);--btn-fg: var(--text);--btn-shadow: var(--el-1);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border:0;border-radius:var(--r-control);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-round);font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:1;text-decoration:none;cursor:pointer;box-shadow:var(--btn-shadow),var(--edge-top);transition:transform var(--dur-press) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.ui-btn:active{transform:var(--squash);box-shadow:var(--edge-press)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.45;box-shadow:none;cursor:default}.ui-btn--primary{--btn-bg: var(--accent);--btn-fg: var(--text-on-accent);--btn-shadow: var(--glow-accent)}.ui-btn--primary:hover{--btn-bg: var(--accent-deep)}.ui-btn--make{--btn-bg: var(--make);--btn-fg: var(--text-on-deep);--btn-shadow: var(--glow-make)}.ui-btn--secondary{--btn-bg: var(--surface);--btn-fg: var(--text);box-shadow:var(--el-1),var(--edge-ring)}.ui-btn--quiet{--btn-bg: transparent;--btn-fg: var(--text-muted);--btn-shadow: var(--el-none);padding:0 var(--sp-3)}.ui-btn--danger{--btn-bg: var(--danger-tint);--btn-fg: var(--danger);--btn-shadow: var(--el-none)}.ui-btn--pill{border-radius:var(--r-pill)}.ui-btn--block{width:100%}.ui-btn--lg{min-height:56px;padding:0 var(--sp-7);font-size:17px}.ui-btn--sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.ui-card{background:var(--surface);border-radius:var(--r-card);padding:var(--pad-card);box-shadow:var(--el-2),var(--edge-top),var(--edge-ring)}.ui-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--pad-card);box-shadow:var(--el-1)}.ui-well{background:var(--surface-sunken);border-radius:var(--r-well);padding:var(--sp-3);box-shadow:var(--edge-ring)}.ui-chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:38px;padding:0 var(--sp-4);border:1.5px solid var(--line-strong);border-radius:var(--r-chip);background:var(--surface);color:var(--text-muted);font-family:var(--font-round);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;transition:transform var(--dur-press) var(--ease-out)}.ui-chip:active{transform:var(--squash-sm)}.ui-chip.is-on{background:var(--accent);border-color:var(--accent-deep);color:var(--text-on-accent)}.ui-field{width:100%;min-height:var(--tap);padding:0 var(--sp-4);border:1.5px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-med);outline:none;box-shadow:var(--edge-ring)}.ui-field::placeholder{color:var(--text-decor)}.ui-field:focus{border-color:var(--info);box-shadow:0 0 0 3px #35719a33}.ui-eyebrow{display:inline-block;font-family:var(--font-round);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-meta)}.ui-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:var(--scrim);animation:ui-fade var(--dur-fast) var(--ease-out)}.ui-sheet{width:min(460px,100%);background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:var(--sp-5) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));box-shadow:var(--el-sheet);animation:ui-rise var(--dur-mid) var(--ease-spring)}@media(min-width:560px){.ui-scrim{align-items:center}.ui-sheet{border-radius:var(--r-sheet)}}@keyframes ui-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes ui-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-btn,.ui-chip{transition:none}.ui-sheet,.ui-scrim{animation:none}}:root{font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}body{background-color:var(--bg-page);background-image:var(--texture-paper);background-size:var(--texture-size);background-attachment:fixed;color:var(--text);overflow-x:hidden}body:has(#root>.sb){background-color:var(--p-night-900);background-image:none;color:var(--text-inverse)}button{font-family:inherit;cursor:pointer}body.immersive{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;touch-action:none;overscroll-behavior:none;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-7);text-align:center;background:var(--surface-night);color:var(--text-inverse)}.rotate-gate__icon{font-size:56px;animation:rotate-gate-turn 1.6s ease-in-out infinite}@keyframes rotate-gate-turn{0%,40%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}.rotate-gate h2{margin:0;font-family:var(--font-round);font-size:var(--fs-h1);font-weight:var(--fw-heavy);letter-spacing:var(--track-display)}.rotate-gate p{margin:0;max-width:22rem;font-size:var(--fs-body);line-height:var(--lh-body);color:#fff8ecb8}.rotate-gate__back{margin-top:var(--sp-2);min-height:44px;border:1px solid var(--line-night);background:#ffffff14;color:var(--text-inverse);border-radius:var(--r-pill);padding:0 var(--sp-6);font-family:var(--font-round);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.rotate-gate__back:active{transform:var(--squash)}