:root{--c-brummi:#b96d3b;--c-brummi-ink:#8a4e27;--c-brummi-tint:#f6e9dd;--c-anaja:#ff4d00;--c-anaja-ink:#c43400;--c-anaja-tint:#ffe8df;--c-wucky:#5b6470;--c-wucky-ink:#414954;--c-wucky-tint:#e8eaee;--c-lyanna:#c9be95;--c-lyanna-ink:#7a6a38;--c-lyanna-tint:#f5f1e3;--c-leo:#fea928;--c-leo-ink:#95610a;--c-leo-tint:#fff1dc;--c-bg:#fff8ee;--c-bg-alt:#fff3e0;--c-surface:#fff;--c-surface-2:#fbf4ea;--c-border:#e7dacb;--c-border-strong:#c9b79f;--c-text:#2b2018;--c-text-soft:#5e5147;--c-text-muted:#7a6c60;--c-text-invert:#fff;--c-primary:#e24310;--c-primary-ink:#b33208;--c-primary-tint:#ffe9e0;--c-primary-text:#fff;--c-success:#1b7f4b;--c-success-tint:#dff4e8;--c-danger:#c0392b;--c-danger-tint:#fbe6e3;--c-warning:#b4690e;--c-warning-tint:#fdf0dc;--c-info:#1f6fa8;--c-info-tint:#e1f0fa;--c-star:#f5b301;--c-focus:#1f6fa8;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:2.5rem;--sp-8:3rem;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-full:999px;--shadow-1:0 1px 2px #50321914, 0 2px 6px #5032190f;--shadow-2:0 2px 6px #5032191a, 0 8px 20px #50321914;--shadow-3:0 6px 16px #50321924, 0 20px 44px #5032191f;--font-scale:1;--font-base:calc(1.125rem * var(--font-scale));--font-sm:calc(.9375rem * var(--font-scale));--font-lg:calc(1.375rem * var(--font-scale));--font-xl:calc(1.75rem * var(--font-scale));--font-2xl:calc(2.25rem * var(--font-scale));--font-3xl:calc(3rem * var(--font-scale));--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--line-tight:1.2;--line-normal:1.55;--t-fast:.12s;--t-normal:.22s;--t-slow:.42s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--content-max:1120px;--touch-min:48px;--nav-height:68px;--topbar-height:60px}[data-theme=dark]{--c-bg:#17120e;--c-bg-alt:#1f1811;--c-surface:#241c16;--c-surface-2:#2e251d;--c-border:#3d3129;--c-border-strong:#5a4a3d;--c-text:#f6eee5;--c-text-soft:#d2c4b6;--c-text-muted:#a8998b;--c-text-invert:#17120e;--c-primary:#ff7043;--c-primary-ink:#ff8a65;--c-primary-tint:#40241a;--c-primary-text:#1a0e08;--c-success:#5cd08c;--c-success-tint:#17311f;--c-danger:#ff8a7a;--c-danger-tint:#3a1e1a;--c-warning:#f2b457;--c-warning-tint:#35270f;--c-info:#6bb8e8;--c-info-tint:#14293a;--c-star:#ffc93c;--c-focus:#7ec4f0;--c-brummi-tint:#33241a;--c-anaja-tint:#3b1d12;--c-wucky-tint:#232830;--c-lyanna-tint:#322d1e;--c-leo-tint:#3a2a12;--c-brummi-ink:#e0a472;--c-anaja-ink:#ff8455;--c-wucky-ink:#a9b4c2;--c-lyanna-ink:#dccf9f;--c-leo-ink:#ffc061;--shadow-1:0 1px 2px #00000059, 0 2px 6px #00000040;--shadow-2:0 2px 6px #0006, 0 8px 20px #0000004d;--shadow-3:0 6px 16px #00000073, 0 20px 44px #00000061}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-normal:0s;--t-slow:0s}}.reduce-motion{--t-fast:0s;--t-normal:0s;--t-slow:0s}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--c-bg,#fff8ee)}body{min-height:100dvh;font-family:var(--font-family);font-size:var(--font-base);line-height:var(--line-normal);color:var(--c-text);background:var(--c-bg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,h4{margin:0 0 var(--sp-3);line-height:var(--line-tight);letter-spacing:-.01em;font-weight:800}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}p{margin:0 0 var(--sp-4)}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px;border-radius:var(--r-sm)}.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{left:var(--sp-3);z-index:200;padding:var(--sp-3) var(--sp-4);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-md);box-shadow:var(--shadow-2);transition:top var(--t-fast) var(--ease-out);position:absolute;top:-100px}.skip-link:focus{top:var(--sp-3)}.boot{place-content:center;justify-items:center;gap:var(--sp-4);padding:var(--sp-6);background:var(--c-bg);z-index:100;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.boot__figure{width:min(45vw,180px);height:auto;animation:boot-bob 1.6s var(--ease-out) infinite}.boot__text{color:var(--c-text-soft);font-size:var(--font-sm);text-align:center;margin:0}.boot__bar{border-radius:var(--r-full);background:var(--c-border);width:min(60vw,220px);height:8px;overflow:hidden}.boot__bar span{border-radius:var(--r-full);background:var(--c-primary);width:40%;height:100%;animation:boot-slide 1.4s var(--ease-out) infinite;display:block}.boot--hidden{opacity:0;pointer-events:none;transition:opacity var(--t-normal) var(--ease-out)}@keyframes boot-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes boot-slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}.noscript{max-width:34rem;font-family:var(--font-family);text-align:center;margin:3rem auto;padding:1.5rem}.error-overlay{z-index:1000;padding:var(--sp-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e140c8c;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.error-overlay__card{width:min(100%,30rem);padding:var(--sp-6);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-3);text-align:center}.error-overlay__emoji{margin-bottom:var(--sp-3);font-size:3rem;line-height:1}.error-overlay details{margin-top:var(--sp-5);text-align:left;font-size:var(--font-sm);color:var(--c-text-muted)}.error-overlay pre{max-height:9rem;padding:var(--sp-3);border-radius:var(--r-sm);background:var(--c-surface-2);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;font-size:.8em;overflow:auto}.app{min-height:100dvh}.app[hidden]{display:none}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch-min);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-full);background:var(--c-surface-2);color:var(--c-text);font-size:var(--font-base);transition:transform var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);border:2px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--c-border)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--c-primary);color:var(--c-primary-text);box-shadow:var(--shadow-1)}.btn--primary:hover{background:var(--c-primary-ink)}.btn--ghost{border-color:var(--c-border-strong);background:0 0}.btn--ghost:hover{background:var(--c-surface-2)}.btn--lg{min-height:60px;padding:var(--sp-4) var(--sp-6);font-size:var(--font-lg)}.btn--block{width:100%}.card{padding:var(--sp-5);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-1)}.choice{align-items:center;gap:var(--sp-2);width:100%;min-height:var(--touch-min);padding:var(--sp-4);border:3px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);text-align:center;transition:transform var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.choice:hover{border-color:var(--c-border-strong);transform:translateY(-2px)}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--c-primary);background:var(--c-primary-tint)}.choice[aria-pressed=true]:after,.choice[aria-checked=true]:after{content:"✓";top:var(--sp-2);right:var(--sp-3);font-size:var(--font-lg);color:var(--c-primary);font-weight:900;position:absolute}.choice__title{font-weight:800;font-size:var(--font-base)}.choice__text{font-size:var(--font-sm);color:var(--c-text-soft);line-height:var(--line-normal)}.choice__flag{font-size:2rem;line-height:1}.choice__image{width:100%;max-width:120px;height:auto}.grid{gap:var(--sp-4);display:grid}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid--2{grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.grid--2\@sm{grid-template-columns:repeat(2,1fr)}}.page{max-width:var(--content-max);padding:var(--sp-5) var(--sp-4) calc(var(--nav-height) + var(--sp-6));margin:0 auto}.page__header{margin-bottom:var(--sp-5);text-align:center}.page__lead{color:var(--c-text-soft);font-size:var(--font-lg)}.steps{justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-5);display:flex}.steps__dot{border-radius:var(--r-full);background:var(--c-border);width:12px;height:12px;transition:background-color var(--t-normal) var(--ease-out), width var(--t-normal) var(--ease-out)}.steps__dot--active{background:var(--c-primary);width:32px}.steps__dot--done{background:var(--c-primary-ink)}.figure-img{object-fit:contain;height:auto;display:block}.figure-img--bob{animation:figure-bob 3.2s var(--ease-out) infinite}@keyframes figure-bob{0%,to{transform:translateY(0)rotate(-.8deg)}50%{transform:translateY(-8px)rotate(.8deg)}}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell__content{outline:none;flex:1}.topbar{z-index:40;background:color-mix(in srgb, var(--c-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border);padding-top:env(safe-area-inset-top);position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.topbar{background:var(--c-bg)}}.topbar__inner{align-items:center;gap:var(--sp-3);max-width:var(--content-max);min-height:var(--topbar-height);padding:var(--sp-2) var(--sp-4);margin:0 auto;display:flex}.topbar__brand{align-items:center;gap:var(--sp-2);color:var(--c-text);flex:none;margin-right:auto;font-weight:800;text-decoration:none;display:flex}.topbar__logo{border-radius:var(--r-sm);flex:none;width:36px;height:36px}.topbar__name{font-size:var(--font-base);white-space:nowrap}@media (max-width:400px){.topbar__name{display:none}}.topbar .nav{scrollbar-width:none;min-width:0;overflow-x:auto}.topbar .nav::-webkit-scrollbar{display:none}.topbar__stats{align-items:center;gap:var(--sp-2);flex:none;display:flex}.chip{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);background:var(--c-surface);border:1px solid var(--c-border);font-weight:800;font-size:var(--font-sm);white-space:nowrap;display:inline-flex}.chip--star{color:var(--c-warning)}.chip--streak{color:var(--c-primary)}.chip__value{color:var(--c-text)}.nav__list{display:flex}.nav__link{justify-content:center;align-items:center;gap:var(--sp-2);color:var(--c-text-soft);transition:color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);font-weight:700;text-decoration:none;display:flex}.nav__link--active{color:var(--c-primary)}.nav__icon{flex:none}@media (max-width:767px){.nav{z-index:50;background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #50321914}.nav__list{justify-content:space-around;max-width:34rem;margin:0 auto}.nav__item{flex:1}.nav__link{min-height:56px;padding:var(--sp-2) var(--sp-1);text-align:center;flex-direction:column;gap:2px;font-size:.72rem;line-height:1.1}.nav__link--active{background:var(--c-primary-tint)}.shell{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}}@media (min-width:768px){.nav__list{gap:var(--sp-1)}.nav__link{min-height:var(--touch-min);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);font-size:var(--font-sm)}.nav__link:hover{background:var(--c-surface-2);color:var(--c-text)}.nav__link--active,.nav__link--active:hover{background:var(--c-primary-tint);color:var(--c-primary-ink)}}.shell--bare{padding-bottom:0}.shell--bare .nav{display:none}.toast-host{left:50%;bottom:calc(var(--nav-height) + var(--sp-4) + env(safe-area-inset-bottom));z-index:80;pointer-events:none;width:min(92vw,28rem);position:fixed;transform:translate(-50%)}@media (min-width:768px){.toast-host{bottom:var(--sp-5)}}.toast{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-text);color:var(--c-bg);box-shadow:var(--shadow-3);font-weight:600;font-size:var(--font-sm);animation:toast-in var(--t-normal) var(--ease-out);display:flex}.toast--success{background:var(--c-success);color:#fff}.toast--error{background:var(--c-danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal{z-index:90;padding:var(--sp-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade var(--t-fast) var(--ease-out);background:#1e140c80;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal--closing{opacity:0;transition:opacity .15s var(--ease-out)}.modal__card{border-radius:var(--r-lg);background:var(--c-surface);width:min(100%,32rem);max-height:85dvh;box-shadow:var(--shadow-3);animation:modal-rise var(--t-normal) var(--ease-bounce);flex-direction:column;display:flex}.modal__head{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5) var(--sp-3);display:flex}.modal__title{font-size:var(--font-lg);flex:1;margin:0}.modal__card--danger .modal__title{color:var(--c-danger)}.modal__close{border-radius:var(--r-full);width:40px;height:40px;color:var(--c-text-muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.modal__close:hover{background:var(--c-surface-2);color:var(--c-text)}.modal__body{padding:0 var(--sp-5);overflow-y:auto}.modal__text{margin:0 0 var(--sp-3);color:var(--c-text-soft)}.modal__actions{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5) var(--sp-5);flex-wrap:wrap;display:flex}.modal__actions .btn{flex:auto;min-width:8rem}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.btn--danger{background:var(--c-danger);color:#fff}.btn--danger:hover{background:color-mix(in srgb, var(--c-danger) 82%, #000)}.shell__footer{padding:var(--sp-5) var(--sp-4) var(--sp-4);text-align:center;border-top:1px solid var(--c-border)}.shell__homelink{min-height:var(--touch-min);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);font-size:var(--font-sm);color:var(--c-text-muted);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.shell__homelink:hover{background:var(--c-surface-2);color:var(--c-text)}.shell__homelink:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}@media print{.shell__footer{display:none!important}}.field{gap:var(--sp-2);padding:var(--sp-4) 0;border-bottom:1px solid var(--c-border);flex-direction:column;display:flex}.field:last-child{border-bottom:0}.field--row{justify-content:space-between;align-items:center;gap:var(--sp-4);flex-direction:row}.field__text{flex-direction:column;gap:2px;min-width:0;display:flex}.field__label{font-weight:800;font-size:var(--font-base)}.field__hint{font-size:var(--font-sm);color:var(--c-text-muted);line-height:var(--line-normal)}.input{width:100%;min-height:var(--touch-min);padding:var(--sp-3) var(--sp-4);border:2px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);font-size:var(--font-base)}.input:focus{border-color:var(--c-focus)}.switch{border:2px solid var(--c-border-strong);border-radius:var(--r-full);background:var(--c-surface-2);width:62px;height:36px;transition:background-color var(--t-normal) var(--ease-out), border-color var(--t-normal) var(--ease-out);flex:none;padding:0;position:relative}.switch__knob{border-radius:var(--r-full);background:var(--c-surface);width:26px;height:26px;box-shadow:var(--shadow-1);transition:transform var(--t-normal) var(--ease-bounce);position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--c-success);border-color:var(--c-success)}.switch[aria-checked=true] .switch__knob{transform:translate(26px)}.switch:after{content:"○";color:var(--c-text-muted);font-size:.8rem;font-weight:900;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.switch[aria-checked=true]:after{content:"✓";color:#fff;left:10px;right:auto}.switch:disabled{opacity:.45;cursor:not-allowed}.segmented{grid-template-columns:repeat(var(--segmented-columns,2), 1fr);gap:var(--sp-2);display:grid}@media (min-width:560px){.segmented{grid-template-columns:repeat(var(--segmented-columns,4), 1fr)}}.segmented__item{min-height:var(--touch-min);padding:var(--sp-3) var(--sp-2);border:2px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);font-weight:700;font-size:var(--font-sm);text-align:center;transition:border-color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.segmented__item:hover{border-color:var(--c-border-strong)}.segmented__item[aria-checked=true]{border-color:var(--c-primary);background:var(--c-primary-tint);color:var(--c-primary-ink)}.segmented__item[aria-checked=true]:before{content:"✓ ";font-weight:900}.segmented__emoji{font-size:1.4rem;line-height:1}.segmented__hint{color:var(--c-text-muted);font-size:.78em;font-weight:500}.settings-group{margin-bottom:var(--sp-5);padding:var(--sp-2) var(--sp-5);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-1)}.settings-group__title{margin:var(--sp-4) 0 0;font-size:var(--font-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted);font-weight:800}.settings-actions{gap:var(--sp-2);padding:var(--sp-4) 0;flex-direction:column;display:flex}@media (min-width:560px){.settings-actions{flex-direction:row}.settings-actions .btn{flex:1}}.bar{gap:var(--sp-1);flex-direction:column;display:flex}.bar__head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-size:var(--font-sm);display:flex}.bar__label{font-weight:700}.bar__value{font-variant-numeric:tabular-nums;color:var(--c-text-muted)}.bar__track{border-radius:var(--r-full);background:var(--c-surface-2);border:1px solid var(--c-border);height:14px;overflow:hidden}.bar__fill{border-radius:var(--r-full);background:var(--bar-color,var(--c-primary));height:100%;transition:width var(--t-slow) var(--ease-out)}.character{align-items:center;gap:var(--sp-2);color:inherit;background:0 0;border:0;flex-direction:column;margin:0;padding:0;display:flex}.character__stage{min-height:var(--char-size);place-items:center;display:grid;position:relative}.character__img{height:var(--char-size);object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 10px #5032192e);transform-origin:50% 92%;width:auto;max-width:100%}[data-theme=dark] .character__img{filter:drop-shadow(0 6px 12px #00000080)}.character__caption{align-items:center;gap:var(--sp-2);flex-direction:column;max-width:min(100%,22rem);display:flex}.character__name{font-weight:800;font-size:var(--font-sm);color:var(--char-ink)}.character__bubble{padding:var(--sp-3) var(--sp-4);border:2px solid var(--char-color);border-radius:var(--r-lg);background:var(--c-surface);color:var(--c-text);font-size:var(--font-base);font-weight:600;line-height:var(--line-normal);text-align:center;box-shadow:var(--shadow-1);margin:0;position:relative}.character__bubble:before,.character__bubble:after{content:"";border:11px solid #0000;border-top:0;border-bottom-color:var(--char-color);position:absolute;top:-11px;left:50%;translate:-50%}.character__bubble:after{border-width:0 9px 9px;border-top-style:none;border-top-color:currentColor;border-bottom-color:var(--c-surface);top:-8px}.character__bubble[hidden]{display:none}.character__bubble--pop{animation:bubble-pop var(--t-normal) var(--ease-bounce)}@keyframes bubble-pop{0%{opacity:0;transform:translateY(-6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.character--button{cursor:pointer;border-radius:var(--r-lg);padding:var(--sp-2);min-width:var(--touch-min);min-height:var(--touch-min);transition:transform var(--t-normal) var(--ease-bounce), background-color var(--t-fast) var(--ease-out)}.character--button:hover{background:color-mix(in srgb, var(--char-color) 12%, transparent);transform:translateY(-4px)}.character--button:focus-visible{background:color-mix(in srgb, var(--char-color) 12%, transparent);transform:translateY(-4px)}.character--button:active{transform:translateY(-1px)scale(.98)}.character__particles{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.character__particle{font-size:calc(var(--char-size) * .14);opacity:0;--angle:calc((var(--i) / var(--n)) * 360deg);animation:particle-float 2.4s var(--ease-out) infinite;animation-delay:calc(var(--i) * .22s);line-height:1;position:absolute;top:12%;left:50%}@keyframes particle-float{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) rotate(calc(var(--angle) * -1)) scale(.4)}30%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--char-size) * -.55)) rotate(calc(var(--angle) * -1)) scale(1)}}.character[data-mood=thinking] .character__particle{--angle:0deg;top:2%;left:calc(50% + (var(--i) * .09 * var(--char-size)));font-size:calc(var(--char-size) * .2);color:var(--c-text-muted);animation:particle-think 1.6s var(--ease-out) infinite;font-weight:900}@keyframes particle-think{0%,to{opacity:.15;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.character--anim-none .character__img{animation:none}.character--anim-sway .character__img{animation:4.5s ease-in-out infinite char-sway}.character--anim-bob .character__img{animation:3.2s ease-in-out infinite char-bob}.character--anim-bounce .character__img{animation:char-bounce 1.1s var(--ease-bounce) 2}.character--anim-bounce-soft .character__img{animation:char-bounce-soft 1.4s var(--ease-out) 2}.character--anim-nod .character__img{animation:1.6s ease-in-out 2 char-nod}.character--anim-wiggle .character__img{animation:.9s ease-in-out 3 char-wiggle}.character--anim-celebrate .character__img{animation:char-celebrate 1.2s var(--ease-bounce) 3}.character--anim-celebrate-big .character__img{animation:char-celebrate-big 1s var(--ease-bounce) 4}.character--anim-droop .character__img{animation:2.4s ease-in-out infinite char-droop}@keyframes char-sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes char-bob{0%,to{transform:translateY(0)rotate(-.8deg)}50%{transform:translateY(-6px)rotate(.8deg)}}@keyframes char-bounce{0%,to{transform:translateY(0)scaleY(1)}25%{transform:translateY(-14px)scaleY(1.03)}50%{transform:translateY(0)scaleY(.97)}75%{transform:translateY(-6px)scaleY(1.01)}}@keyframes char-bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes char-nod{0%,to{transform:rotate(0)translateY(0)}30%{transform:rotate(3deg)translateY(-3px)}60%{transform:rotate(-2deg)translateY(0)}}@keyframes char-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes char-celebrate{0%,to{transform:translateY(0)rotate(0)scale(1)}30%{transform:translateY(-18px)rotate(-5deg)scale(1.04)}60%{transform:translateY(-4px)rotate(5deg)scale(1.02)}}@keyframes char-celebrate-big{0%,to{transform:translateY(0)rotate(0)scale(1)}20%{transform:translateY(-26px)rotate(-8deg)scale(1.08)}50%{transform:translateY(-6px)rotate(8deg)scale(1.03)}75%{transform:translateY(-14px)rotate(-4deg)scale(1.05)}}@keyframes char-droop{0%,to{transform:translateY(2px)rotate(-2deg)scale(.985)}50%{transform:translateY(4px)rotate(-3deg)scale(.98)}}.reduce-motion .character__img,.reduce-motion .character__bubble--pop{animation:none!important}.reduce-motion .character__particle{opacity:.9;transform:rotate(var(--angle)) translateY(calc(var(--char-size) * -.45)) rotate(calc(var(--angle) * -1));animation:none!important}.reduce-motion .character[data-mood=thinking] .character__particle{opacity:.8;transform:none}.page--exercise{gap:var(--sp-4);flex-direction:column;display:flex}.exercise__header{align-items:center;gap:var(--sp-3);display:flex}.exercise__title{font-size:var(--font-lg);text-align:center;flex:1;margin:0}.btn--small{min-height:40px;padding:var(--sp-2) var(--sp-3);font-size:var(--font-sm)}.dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.dots__dot{border-radius:var(--r-full);background:var(--c-surface-2);border:2px solid var(--c-border);width:14px;height:14px}.dots__dot--perfect,.dots__dot--correct{background:var(--c-success);border-color:var(--c-success)}.dots__dot--perfect{box-shadow:0 0 0 3px color-mix(in srgb, var(--c-success) 30%, transparent)}.dots__dot--almost{background:var(--c-warning);border-color:var(--c-warning);border-radius:var(--r-sm)}.dots__dot--incorrect{background:var(--c-danger);border-color:var(--c-danger);border-radius:2px;transform:rotate(45deg)}.dots__dot--current{border-color:var(--c-primary);transform:scale(1.25)}.exercise__stage{gap:var(--sp-4);display:grid}@media (min-width:820px){.exercise__stage{grid-template-columns:1fr auto;align-items:start}}.exercise__card{gap:var(--sp-4);padding:var(--sp-5) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.exercise__prompt{font-size:var(--font-xl);font-weight:800;line-height:var(--line-tight);text-align:center;font-variant-numeric:tabular-nums;margin:0}.exercise__media:empty{display:none}.exercise__emoji{text-align:center;font-size:clamp(2.5rem,12vw,4rem);line-height:1;display:block}.exercise__actions{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.exercise__guide{justify-content:center;display:flex}@media (min-width:820px){.exercise__guide{top:calc(var(--topbar-height) + var(--sp-4));width:15rem;position:sticky}}.answers{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}.answers--3{grid-template-columns:1fr}@media (min-width:520px){.answers--3{grid-template-columns:repeat(3,1fr)}}.answer{justify-content:center;align-items:center;gap:var(--sp-1);min-height:72px;padding:var(--sp-4) var(--sp-3);border:3px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);font-size:var(--font-xl);font-variant-numeric:tabular-nums;color:var(--c-text);transition:transform var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);flex-direction:column;font-weight:800;display:flex;position:relative}.answer:hover:not(:disabled){border-color:var(--c-primary);transform:translateY(-2px)}.answer:active:not(:disabled){transform:scale(.97)}.answer:disabled{cursor:default}.answer__emoji{font-size:2rem;line-height:1}.answer__image{width:auto;max-height:4rem}.answer--correct{border-color:var(--c-success);background:var(--c-success-tint);color:var(--c-success)}.answer--wrong{border-color:var(--c-danger);background:var(--c-danger-tint);color:var(--c-danger)}.answer__mark{font-size:var(--font-base);font-weight:900;position:absolute;top:4px;right:8px}.answer--chip{min-height:var(--touch-min);padding:var(--sp-2) var(--sp-4);font-size:var(--font-lg);flex-direction:row}.answer--used{opacity:.35}.answer--placed{border-color:var(--c-primary);background:var(--c-primary-tint)}.answer-field{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.answer-input{width:min(100%,16rem);min-height:64px;padding:var(--sp-3) var(--sp-4);border:3px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);font-size:var(--font-2xl);text-align:center;font-weight:800}.answer-input--number{font-variant-numeric:tabular-nums;width:min(100%,10rem)}.answer-input:focus{border-color:var(--c-primary);outline:none}.answer-input--wrong{border-color:var(--c-danger);background:var(--c-danger-tint)}.answer-solution{justify-content:center;align-items:baseline;gap:var(--sp-2);font-size:var(--font-base);flex-wrap:wrap;margin:0;display:flex}.answer-solution__label{color:var(--c-text-muted)}.answer-solution__value{font-size:var(--font-lg);color:var(--c-success)}.order{gap:var(--sp-4);flex-direction:column;display:flex}.order__slots{justify-content:center;gap:var(--sp-2);min-height:64px;padding:var(--sp-2);border:2px dashed var(--c-border-strong);border-radius:var(--r-lg);flex-wrap:wrap;display:flex}.order__slots--wrong{border-color:var(--c-danger)}.order__position{margin-right:var(--sp-2);font-size:var(--font-sm);color:var(--c-text-muted)}.order__pool{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.page__back{float:left}.domain__guide{margin-bottom:var(--sp-5);justify-content:center;display:flex}.topics{gap:var(--sp-3);display:grid}@media (min-width:640px){.topics{grid-template-columns:repeat(2,1fr)}}.topic{align-items:center;gap:var(--sp-3);padding:var(--sp-4);padding-bottom:var(--sp-5);border:2px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-1);color:var(--c-text);transition:transform var(--t-normal) var(--ease-bounce), border-color var(--t-fast) var(--ease-out);grid-template-columns:auto 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.topic:hover{border-color:var(--topic-color);transform:translateY(-3px)}.topic:focus-visible{border-color:var(--topic-color);transform:translateY(-3px)}.topic__emoji{font-size:1.9rem;font-weight:800;line-height:1}.topic__body{flex-direction:column;gap:2px;min-width:0;display:flex}.topic__title{font-size:var(--font-lg);font-weight:800}.topic__text{font-size:var(--font-sm);color:var(--c-text-muted);line-height:var(--line-normal)}.topic__meta{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font-size:var(--font-sm);flex-wrap:wrap;display:flex}.topic__count{color:var(--c-text-muted)}.topic__badge{padding:1px var(--sp-2);border-radius:var(--r-full);font-size:.8em;font-weight:800}.topic__badge--mastered{background:var(--c-success-tint);color:var(--c-success)}.topic__badge--due{background:var(--c-warning-tint);color:var(--c-warning)}.topic__bar{background:var(--c-surface-2);height:6px;position:absolute;bottom:0;left:0;right:0}.topic__bar-fill{background:var(--topic-color);height:100%;transition:width var(--t-slow) var(--ease-out);display:block}.draw{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.draw__stage{border:3px dashed var(--c-border-strong);border-radius:var(--r-lg);background:var(--c-surface);padding:var(--sp-2)}.draw__canvas{touch-action:none;cursor:crosshair;width:clamp(180px,62vw,300px);height:clamp(180px,62vw,300px);display:block}.draw--retry .draw__stage{border-color:var(--c-warning)}.draw__hint{font-size:var(--font-sm);color:var(--c-text-muted);text-align:center;margin:0}.draw__actions{gap:var(--sp-2);display:flex}@media (max-height:700px){.draw__canvas{width:clamp(150px,46vw,230px);height:clamp(150px,46vw,230px)}}.verdict--skipped{background:var(--c-surface-2);color:var(--c-text-soft)}.dots__dot--skipped{background:var(--c-surface-2);border-color:var(--c-border-strong);border-style:dashed}.verdict{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-full);flex-wrap:wrap;margin:0;font-weight:800;display:flex}.verdict--success{background:var(--c-success-tint);color:var(--c-success)}.verdict--almost{background:var(--c-warning-tint);color:var(--c-warning)}.verdict--wrong{background:var(--c-danger-tint);color:var(--c-danger)}.verdict__mark{font-size:var(--font-lg)}.verdict__points{padding:2px var(--sp-2);border-radius:var(--r-full);background:var(--c-surface);font-size:var(--font-sm)}.exercise__summary{align-items:center;gap:var(--sp-4);text-align:center;flex-direction:column;display:flex}.exercise__summary .stat-grid{width:100%}.exercise__summary-figure{justify-content:center;display:flex}.exercise__perfect{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);background:var(--c-success-tint);color:var(--c-success);margin:0;font-weight:800}.match__hint{color:var(--c-text-soft);font-size:var(--font-sm);margin-bottom:var(--sp-3)}.match__board{gap:var(--sp-3);grid-template-columns:1fr 1fr;align-items:start;display:grid}.match__column{gap:var(--sp-2);display:grid}.match__item{align-items:center;gap:var(--sp-2);text-align:left;width:100%;min-height:var(--touch-min);display:flex}.match__badge{border-radius:var(--r-full);border:2px dashed var(--c-border);font-variant-numeric:tabular-nums;background:0 0;flex:none;place-items:center;width:1.75rem;height:1.75rem;font-weight:800;display:grid}.match__label{word-break:break-word;flex:auto}.match__item--linked{border-color:var(--c-success);background:var(--c-success-tint)}.match__item--linked .match__badge{border-style:solid;border-color:var(--c-success);background:var(--c-success);color:#fff}.match__item--active{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-tint,#2f6fb840)}.match--retry .match__item--linked{border-color:var(--c-danger)}.clock-wrap{justify-content:center;display:flex}.clock{width:clamp(140px,42vw,220px);height:auto;font-family:var(--font-family)}.clock__face{fill:var(--c-surface);stroke:var(--c-border-strong);stroke-width:2.5px}.clock__tick{stroke:var(--c-text-soft);stroke-width:1.6px;stroke-linecap:round}.clock--plain .clock__tick{stroke:var(--c-text);stroke-width:2.2px}.clock__numeral{fill:var(--c-text);font-size:11px;font-weight:800}.clock__hand{stroke:var(--c-text);stroke-linecap:round}.clock__hand--hour{stroke-width:5px}.clock__hand--minute{stroke-width:3px;stroke:var(--c-primary)}.clock__pivot{fill:var(--c-primary)}@media (max-height:640px){.clock{width:clamp(120px,34vw,170px)}}.memory{gap:var(--sp-4);flex-direction:column;display:flex}.memory__board{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}@media (min-width:520px){.memory__board--5{grid-template-columns:repeat(5,1fr)}.memory__board--8{grid-template-columns:repeat(4,1fr)}}.memory__card{aspect-ratio:1;min-height:var(--touch-min);padding:var(--sp-2);border:3px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2);font-size:var(--font-lg);font-variant-numeric:tabular-nums;color:var(--c-text);transition:transform var(--t-normal) var(--ease-bounce), background-color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);place-items:center;font-weight:800;display:grid;position:relative}.memory__card:not(.memory__card--open):after{content:"?";color:var(--c-text-muted);font-size:var(--font-xl)}.memory__card:hover:not(:disabled){border-color:var(--c-border-strong);transform:translateY(-2px)}.memory__card--open{background:var(--c-surface);border-color:var(--c-primary)}.memory__card--matched{background:var(--c-success-tint);border-color:var(--c-success);color:var(--c-success);opacity:1}.memory__card--matched:before{content:"✓";font-size:var(--font-sm);font-weight:900;position:absolute;top:2px;right:6px}.memory__card:disabled{cursor:default}.memory__label{font-size:clamp(.85rem, 4vw, var(--font-lg));text-align:center;word-break:break-word;line-height:1.1}.area__badge--entry{background:var(--c-info-tint);color:var(--c-info)}.hero{gap:var(--sp-4);padding:var(--sp-5) var(--sp-4);margin-bottom:var(--sp-5);border-radius:var(--r-xl);background:radial-gradient(120% 90% at 12% 0%, var(--c-leo-tint) 0%, transparent 60%), radial-gradient(110% 90% at 92% 8%, var(--c-anaja-tint) 0%, transparent 55%), linear-gradient(180deg, var(--c-surface) 0%, var(--c-surface-2) 100%);border:1px solid var(--c-border);align-items:center;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:color-mix(in srgb, var(--c-leo) 14%, transparent);pointer-events:none;border-radius:50%;height:100%;position:absolute;bottom:-60%;left:-10%;right:-10%}.hero__text,.hero__figure{z-index:1;position:relative}.hero__text{text-align:center}.hero__eyebrow{margin:0 0 var(--sp-1);font-size:var(--font-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted);font-weight:800}.hero__title{margin:0 0 var(--sp-2);font-size:var(--font-2xl);background:linear-gradient(100deg, var(--c-anaja), var(--c-leo) 60%, var(--c-brummi));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.hero__title{color:var(--c-primary-ink);-webkit-text-fill-color:currentColor}}.hero__lead{color:var(--c-text-soft);font-size:var(--font-lg);margin:0}.hero__figure{justify-content:center;display:flex}@media (max-width:380px){.hero__figure .character__img{height:min(var(--char-size), 34vh)}}@media (min-width:720px){.hero{padding:var(--sp-6);gap:var(--sp-6);grid-template-columns:1fr auto}.hero__text{text-align:left}}.statstrip{gap:var(--sp-2);margin-bottom:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:700px){.statstrip{grid-template-columns:repeat(4,minmax(0,1fr))}}.statstrip__item{align-items:center;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);min-width:0;display:flex}.statstrip__emoji{flex:none;font-size:1.35rem;line-height:1}.statstrip__value{font-variant-numeric:tabular-nums;min-width:0;font-weight:800}.statstrip__label{font-size:var(--font-sm);color:var(--c-text-muted);overflow-wrap:anywhere;text-align:right;min-width:0;margin-left:auto}@media (max-width:400px){.statstrip__label{display:none}}.section-lead{margin:calc(var(--sp-2) * -1) 0 var(--sp-4);text-align:center;color:var(--c-text-muted);font-size:var(--font-sm)}.companions{justify-content:center;align-items:flex-end;gap:var(--sp-2);flex-wrap:wrap;display:flex}.companions .character{flex:0 auto}.companions .character__bubble{font-size:var(--font-sm);padding:var(--sp-2) var(--sp-3);max-width:14rem}.teaser{align-items:center;gap:var(--sp-3);margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);border:2px solid var(--teaser-color);border-radius:var(--r-lg);background:var(--teaser-tint);color:var(--c-text);transition:transform var(--t-normal) var(--ease-bounce), box-shadow var(--t-normal) var(--ease-out);text-decoration:none;display:flex}.teaser:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.teaser:focus-visible{box-shadow:var(--shadow-2);transform:translateY(-3px)}.teaser__figure{flex:none;width:clamp(48px,14vw,72px);height:auto}.teaser__body{flex-direction:column;gap:2px;min-width:0;display:flex}.teaser__title{font-weight:800;font-size:var(--font-lg)}.teaser__text{font-size:var(--font-sm);color:var(--c-text-soft)}.teaser__arrow{font-size:var(--font-xl);color:var(--teaser-color);flex:none;margin-left:auto;font-weight:900}.home__title{font-size:var(--font-2xl);background:linear-gradient(100deg, var(--c-anaja), var(--c-leo) 60%, var(--c-brummi));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.home__title{color:var(--c-primary);-webkit-text-fill-color:currentColor}}.home__parade{justify-content:center;align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.home__character{align-items:center;gap:var(--sp-1);padding:var(--sp-2);border-radius:var(--r-lg);color:var(--c-text);transition:transform var(--t-normal) var(--ease-bounce), background-color var(--t-fast) var(--ease-out);animation:figure-enter var(--t-slow) var(--ease-bounce) backwards;flex-direction:column;text-decoration:none;display:flex}.home__character:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-6px)scale(1.04)}.home__character:focus-visible{background:color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-6px)scale(1.04)}.home__character img{width:clamp(56px,17vw,110px);height:auto}.home__character-name{font-weight:800;font-size:var(--font-sm);color:var(--accent)}@keyframes figure-enter{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.home__stats{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);max-width:34rem;margin:0 auto;display:grid}.home__stat{align-items:center;gap:var(--sp-1);padding:var(--sp-4) var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-1);text-align:center;flex-direction:column;display:flex}.home__stat-emoji{font-size:1.75rem;line-height:1}.home__stat-value{font-size:var(--font-lg);font-weight:800}.home__stat-label{font-size:var(--font-sm);color:var(--c-text-muted)}.page--onboarding{min-height:100dvh;padding-top:var(--sp-6);text-align:center;flex-direction:column;align-items:center;display:flex}.onboarding__step{align-items:center;gap:var(--sp-4);flex-direction:column;width:100%;max-width:44rem;display:flex}.onboarding__step .grid{width:100%}.onboarding__parade{justify-content:center;align-items:flex-end;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.onboarding__parade-item{width:clamp(44px,14vw,88px);height:auto;animation:figure-enter var(--t-slow) var(--ease-bounce) backwards}.onboarding__nav{gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.choice--wide{text-align:left;align-items:flex-start}.section-title{margin:var(--sp-6) 0 var(--sp-3);font-size:var(--font-lg);text-align:center}.card .section-title{margin-top:var(--sp-2);text-align:left}.section{margin-bottom:var(--sp-4)}.page__figure{width:clamp(64px,20vw,110px);height:auto;margin:0 auto var(--sp-2)}.link{color:var(--c-primary-ink);text-underline-offset:3px;font-weight:700}.home__hint{margin-top:var(--sp-4);text-align:center}.field__hint--block{margin-bottom:var(--sp-2);display:block}.notice{align-items:flex-start;gap:var(--sp-3);margin-top:var(--sp-4);padding:var(--sp-4);border:1px dashed var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-2);color:var(--c-text-soft);font-size:var(--font-sm);line-height:var(--line-normal);display:flex}.notice__emoji{flex:none;font-size:1.4rem;line-height:1}.grid--areas{grid-template-columns:1fr}@media (min-width:560px){.grid--areas{grid-template-columns:repeat(2,1fr)}}.area{align-items:center;gap:var(--sp-3);min-height:96px;padding:var(--sp-4);padding-bottom:var(--sp-5);border:2px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-1);color:var(--c-text);transition:transform var(--t-normal) var(--ease-bounce), border-color var(--t-fast) var(--ease-out), box-shadow var(--t-normal) var(--ease-out);grid-template-columns:auto 1fr auto;text-decoration:none;display:grid;position:relative;overflow:hidden}a.area:hover{border-color:var(--area-color);box-shadow:var(--shadow-2);transform:translateY(-3px)}a.area:focus-visible{border-color:var(--area-color);box-shadow:var(--shadow-2);transform:translateY(-3px)}.area__emoji{font-size:2rem;line-height:1}.area__body{flex-direction:column;gap:2px;min-width:0;display:flex}.area__title{font-size:var(--font-lg);font-weight:800}.area__text{font-size:var(--font-sm);color:var(--c-text-muted);line-height:var(--line-normal)}.area__character{width:clamp(38px,11vw,56px);height:auto;margin-bottom:calc(var(--sp-2) * -1);align-self:end}.area__bar{background:var(--c-surface-2);height:6px;position:absolute;bottom:0;left:0;right:0}.area__bar-fill{background:var(--area-color);height:100%;transition:width var(--t-slow) var(--ease-out);display:block}.area--pending{box-shadow:none;background:var(--c-surface-2);border-style:dashed}.area--pending .area__emoji,.area--pending .area__character{opacity:.55;filter:saturate(.5)}.area--pending .area__title{color:var(--c-text-soft)}.area__badge{top:var(--sp-2);right:var(--sp-2);padding:2px var(--sp-2);border-radius:var(--r-full);background:var(--c-border);color:var(--c-text-soft);letter-spacing:.03em;text-transform:uppercase;font-size:.7rem;font-weight:800;position:absolute}.stat-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:560px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{padding:var(--sp-3);border-radius:var(--r-md);background:var(--c-surface-2);text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.stat__emoji{font-size:1.6rem;line-height:1}.stat__value{font-size:var(--font-lg);font-weight:800}.stat__label{font-size:var(--font-sm);color:var(--c-text-muted)}.bars{gap:var(--sp-4);flex-direction:column;display:flex}.kv{gap:var(--sp-2) var(--sp-4);grid-template-columns:1fr auto;margin:0;display:grid}.kv dt{color:var(--c-text-soft)}.kv dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:800}.calendar{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.calendar__day{border:2px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface-2);color:#0000;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.calendar__day--active{border-color:var(--c-success);background:var(--c-success-tint);color:var(--c-success)}.calendar__day--today{outline:2px solid var(--c-primary);outline-offset:1px}.compare{margin-top:var(--sp-3)}.compare__table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.compare__table th,.compare__table td{padding:var(--sp-2);border-bottom:1px solid var(--c-border);text-align:right}.compare__table th[scope=row]{text-align:left;color:var(--c-text-soft);font-weight:600}.compare__table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);font-size:.8em}.compare__new{color:var(--c-primary-ink);font-weight:800}.page--center{flex-direction:column;justify-content:center;align-items:center;min-height:80dvh;display:flex}.badges__group+.badges__group{margin-top:var(--sp-5)}.badges__title{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);margin-bottom:var(--sp-2)}.badges{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.badge{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);border:2px solid var(--c-border);display:flex}.badge--unlocked{border-color:var(--c-success);background:var(--c-success-tint)}.badge--locked{opacity:.72}.badge--locked .badge__emoji{filter:grayscale()}.badge__emoji{font-size:1.75rem;line-height:1}.badge__text{flex-direction:column;gap:2px;min-width:0;display:flex}.badge__title{font-weight:800}.badge__how{font-size:var(--font-sm);color:var(--c-text-muted)}.unlock{margin:var(--sp-4) 0;padding:var(--sp-4);border-radius:var(--r-lg);background:var(--c-warning-tint);border:2px solid var(--c-warning);text-align:center}.unlock__headline{font-weight:800;font-size:var(--font-lg);margin-bottom:var(--sp-2)}.unlock__level{margin-bottom:var(--sp-2);font-weight:700}.unlock__emoji{vertical-align:middle;margin-right:.35em;font-size:1.5rem}.unlock__list{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.unlock__badge{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-full);background:var(--c-surface);align-items:center;font-weight:700;display:inline-flex}.statstrip--link{color:inherit;text-decoration:none;transition:transform .12s,box-shadow .12s}.statstrip--link:hover{transform:translateY(-2px)}.statstrip--link:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.quicklinks{gap:var(--sp-3);margin-bottom:var(--sp-5);display:grid}@media (min-width:520px){.quicklinks{grid-template-columns:1fr auto}}.quicklinks__item{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.page__header--tight{margin-bottom:var(--sp-3)}.talk__notice{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-warning-tint);border:1px solid var(--c-warning);margin-bottom:var(--sp-4)}.talk__sentence{margin-bottom:var(--sp-4)}.talk__strip{gap:var(--sp-2);min-height:5rem;padding:var(--sp-3);border:2px dashed var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2);flex-wrap:wrap;align-items:center;display:flex}.talk__strip-empty{color:var(--c-text-muted);margin:0}.talk__chip{align-items:center;gap:var(--sp-2);min-height:var(--touch-min);padding:var(--sp-2) var(--sp-3);border:2px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);font:inherit;cursor:pointer;font-weight:700;display:inline-flex}.talk__chip-image{object-fit:contain;width:2rem;height:2rem}.talk__controls{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.talk__control:disabled{opacity:.5;cursor:not-allowed}.talk__tabs{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.talk__tab{min-height:var(--touch-min);padding:0 var(--sp-4);border:2px solid var(--c-border);border-radius:var(--r-full);background:var(--c-surface);font:inherit;cursor:pointer;font-weight:700}.talk__tab--active{border-color:var(--talk-color);background:var(--talk-color);color:#fff;border-width:3px}.talk__board{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));display:grid}.talk__symbol{justify-content:center;align-items:center;gap:var(--sp-2);min-height:7rem;padding:var(--sp-3);border:3px solid var(--talk-color);border-radius:var(--r-lg);background:var(--c-surface);font:inherit;cursor:pointer;flex-direction:column;display:flex}.talk__symbol:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.talk__symbol-image{width:100%;max-width:5rem;height:auto}.talk__symbol-label{font-weight:800;font-size:var(--font-lg);text-align:center}.talk__privacy{margin-top:var(--sp-5)}@media (max-width:400px){.talk__board{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}}.teaser--cards{align-items:center}.teaser__preview{flex:none;grid-template-columns:repeat(2,1fr);gap:4px;width:6.5rem;display:grid}.teaser__card{border:1px dashed var(--card-color);background:var(--c-surface);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:2.6rem;padding:3px;display:flex}.teaser__card-image{object-fit:contain;width:1.4rem;height:1.4rem}.teaser__card-label{text-align:center;font-size:9px;font-weight:800;line-height:1.1}.cards__intro{margin-bottom:var(--sp-5)}.cards__count{margin-top:var(--sp-3)}.cards__sheet{width:190mm;margin:0 auto var(--sp-5);background:#fff;grid-template-columns:repeat(3,1fr);grid-auto-rows:63mm;gap:0;display:grid;box-shadow:0 2px 12px #0000001f}.cards__card{text-align:center;color:#000;background:#fff;border:1px dashed #9aa0a6;flex-direction:column;justify-content:center;align-items:center;gap:2mm;padding:4mm;display:flex}.cards__category{text-transform:uppercase;letter-spacing:.06em;color:var(--card-color);font-size:8pt;font-weight:700}.cards__image{object-fit:contain;max-width:34mm;max-height:28mm}.cards__placeholder{border:1px solid #d5d8dc;border-radius:2mm;width:30mm;height:26mm}.cards__label{word-break:break-word;font-size:15pt;font-weight:800;line-height:1.15}@media (max-width:820px){.cards__sheet{grid-auto-rows:minmax(9rem,auto);width:100%}.cards__image{max-width:40%;max-height:5rem}.cards__placeholder{width:40%;height:4rem}.cards__label{font-size:var(--font-lg)}}@page{size:A4;margin:10mm}@media print{.topbar,.nav,.skip-link,.cards__intro{display:none!important}html,body,.app,.shell,.shell__content,.page{background:#fff!important;margin:0!important;padding:0!important}.cards__sheet{width:100%;box-shadow:none;break-after:page;page-break-after:always;margin:0}.cards__sheet:last-child{break-after:auto;page-break-after:auto}.cards__card{break-inside:avoid;page-break-inside:avoid}.cards__category{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}}.cards__page{margin-bottom:var(--sp-5)}.cards__page .cards__sheet{margin-bottom:0}.cards__pagehead{justify-content:space-between;align-items:center;gap:var(--sp-3);width:190mm;margin:0 auto 3mm;display:flex}.cards__pagetitle{font-size:10pt;font-weight:800}.cards__link{color:inherit;align-items:center;gap:2mm;font-size:9pt;font-weight:700;text-decoration:none;display:inline-flex}.cards__qr{shape-rendering:crispedges;width:20mm;height:20mm;display:block}@media (max-width:820px){.cards__pagehead{width:100%}}@media print{.cards__page{break-after:page;page-break-after:always}.cards__page:last-child,.cards__sheet{break-after:auto;page-break-after:auto}.cards__pagehead{width:100%;margin-bottom:3mm}.cards__qr{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}}.cards__sample{text-align:center;background:#fff;width:190mm;margin:0 auto;padding:0;box-shadow:0 2px 12px #0000001f}.cards__sample-image{object-fit:contain;width:100%;max-height:250mm;margin:0 auto;display:block}.cards__sample-caption{color:#000;padding:3mm 4mm;font-size:9pt}@media (max-width:820px){.cards__sample{width:100%}}@media print{.cards__sample{width:100%;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.cards__sample-image{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}}