:root{--paper: #ffffff;--stage: #f7f7fc;--key-locked: #f0f1f8;--line: #e4e4f0;--neutral-circle: #f2f3f9;--muted-icon: #9096ad;--segment-open: #ededf4;--text: #1b1c2a;--muted: #5a5e76;--disabled: #7a7e93;--soon: #9096ad;--key-locked-text: #5f657c;--dot-blue: #16308f;--dot-red: #cf2727;--zf-card-dot: #00695c;--right: #157a47;--right-soft: #e3f4ea;--right-deep: #0e5a34;--right-text: #0f5c36;--wrong: #b4241b;--wrong-soft: #fbe6e4;--wrong-deep: #8c1a13;--wrong-text: #8e1b14;--slot-fill: #fff4dc;--slot-border: #f0b429;--slot-text: #7a4e00;--matheo-ink: #2b4fcb;--matheo-soft: #e8edff;--matheo-shelf: #c9d3f5;--matheo-deep: #1e3a9e;--matheo-material: #16308f;--liesa-ink: #b4241b;--liesa-soft: #fbe6e4;--liesa-shelf: #f3c9c5;--liesa-deep: #8e1b14;--liesa-material: #8e1b14;--n3-ink: #2c7830;--n3-soft: #e2f2e3;--n3-shelf: #c6e2c8;--n3-dot: #b9d9bb;--n4-ink: #1565c0;--n4-soft: #e1eefb;--n4-shelf: #c3dcf3;--n4-dot: #b3d1ec;--n5-ink: #ac4d07;--n5-soft: #fdeade;--n5-shelf: #f7d5bd;--n5-dot: #f2c6a8;--n6-ink: #c62828;--n6-soft: #fce4e4;--n6-shelf: #f5c9c9;--n6-dot: #eeb8b8;--n7-ink: #283593;--n7-soft: #e5e7f7;--n7-shelf: #ccd0ee;--n7-dot: #bcc1e6;--n8-ink: #00695c;--n8-soft: #ddf0ed;--n8-shelf: #b9ddd8;--n8-dot: #b3d4d0;--n9-ink: #ad1457;--n9-soft: #fbe4ee;--n9-shelf: #f3c8dc;--n9-dot: #ecb8ce;--n10-ink: #6a1b9a;--n10-soft: #f0e3f7;--n10-shelf: #ddc6ea;--n10-dot: #d2b6e2;--gap-8: 8px;--gap-12: 12px;--gap-20: 20px;--gap-24: 24px;--gap-32: 32px;--radius-card: 24px;--radius-box: 28px;--radius-tray: 18px;--radius-key: 16px;--tap: 76px;--keypad-gap: 12px;--back: 72px;--header: 96px;--countdown: 8px;--dot: 20px;--dot-gap: 6px;--dot-group-gap: 20px;--font: "Baloo 2", "Segoe UI", system-ui, -apple-system, sans-serif;--rise: .22s;--pop: .2s;--sheet: .24s;--hop: .42s;--press: .11s}:root{--world-ink: var(--matheo-ink);--world-soft: var(--matheo-soft);--world-shelf: var(--matheo-shelf);--world-deep: var(--matheo-deep);--world-material: var(--matheo-material);--nav-ink: var(--matheo-ink)}@media(max-height:660px){:root{--tap: 72px;--gap-12: 10px;--keypad-gap: 10px}}@media(max-height:519px){:root{--tap: 68px}}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo2-latin-var.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font);font-size:19px;line-height:1.4;font-variant-numeric:tabular-nums;overscroll-behavior:none;-webkit-text-size-adjust:100%}h1,h2,p{margin:0;font-weight:inherit}html{-webkit-tap-highlight-color:transparent}button,a{-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0;touch-action:manipulation}a{color:inherit;text-decoration:none;touch-action:manipulation}:focus-visible{outline:4px solid var(--world-ink);outline-offset:3px}.app{height:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}@media(min-width:700px)and (min-height:700px){:root{--dot: 44px;--dot-gap: 13px;--dot-group-gap: 44px}}.screen{flex:1;min-height:0;display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes v2-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes v2-fade{0%{opacity:0}}@keyframes v2-pop{0%{opacity:0;transform:scale(.4)}}@keyframes v2-hop{0%{transform:translateY(0)}45%{transform:translateY(-12px)}to{transform:translateY(0)}}.v2-rise{animation:v2-rise var(--rise) ease-out both}.v2-fade{animation:v2-fade .24s ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}[data-still] *,[data-still] *:before,[data-still] *:after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.figure{object-fit:contain;-webkit-user-select:none;user-select:none}.pick-hint{flex:none;margin:0;padding:8px 20px 0;font-size:20px;font-weight:600;line-height:1.3;color:var(--muted)}.chars{flex:1;min-height:0;margin:0;padding:28px var(--gap-20);list-style:none;display:flex;flex-direction:column;justify-content:center;gap:16px}.char-card{border-radius:var(--radius-card);padding:var(--gap-24);min-height:196px;background:var(--world-soft);display:flex;align-items:center;gap:var(--gap-20);position:relative;transition:transform var(--press) ease}a.char-card:active{transform:scale(.98)}.char-figure{flex:none}.char-text{min-width:0;display:flex;flex-direction:column;gap:6px}.char-name{font-size:34px;font-weight:700;line-height:1.1;color:var(--text)}.char-subject{font-size:18px;font-weight:400;line-height:1.3;color:var(--muted)}.char-pips{display:flex;gap:5px;margin-top:2px}.char-pip{width:14px;height:14px;border-radius:50%;background:var(--world-material)}.char-locked{background:var(--stage);opacity:.55}.char-locked .char-figure{filter:grayscale(1)}.char-locked .char-name{color:var(--disabled)}.char-locked .char-pip{background:var(--line)}.char-lock{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ededf4;color:var(--disabled);display:flex;align-items:center;justify-content:center}.dots{display:flex;align-items:center;justify-content:center;gap:var(--dot-group-gap)}.dots-group{display:flex;align-items:center;gap:var(--dot-gap)}.dot{flex:none;width:var(--dot);height:var(--dot);border-radius:50%;background:currentColor;animation:v2-pop var(--pop) ease-out both;animation-delay:calc(var(--step) * var(--stagger))}.dot-blue{color:var(--dot-blue)}.dot-red{color:var(--dot-red)}.dot-material{color:var(--world-material)}.dot-empty{color:var(--line)}.dot-target{box-sizing:border-box;background:var(--target-dot);border:2px solid var(--world-ink)}.dot-card{color:var(--zf-card-dot)}.games{flex:1;min-height:0;margin:0;padding:var(--gap-24) var(--gap-20);list-style:none;display:flex;flex-direction:column;gap:16px}.games>li{flex:1;min-height:0;display:flex}.game-card{flex:1;min-height:0;border-radius:var(--radius-card);padding:var(--gap-24);background:var(--world-soft);display:flex;flex-direction:column;justify-content:space-between;transition:transform var(--press) ease}a.game-card:active{transform:scale(.98)}.game-material{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.game-text{display:flex;flex-direction:column}.game-name{font-size:26px;font-weight:600;line-height:1.15;color:var(--text)}.game-hint{font-size:17px;font-weight:400;line-height:1.3;color:var(--muted)}.game-strip{display:flex;align-items:center;gap:10px}.game-strip-bar{width:4px;height:32px;background:var(--text)}.game-later{opacity:.6}.game-later .game-name{color:var(--disabled)}.game-soon{font-size:46px;font-weight:500;color:var(--soon)}.dot-picture{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-8)}.pb-ranges{flex:1;min-height:0;margin:0;padding:var(--gap-24) var(--gap-20);list-style:none;display:flex;flex-direction:column;gap:16px}.pb-ranges>li{flex:1;min-height:0;display:flex}.pb-range{flex:1;min-height:0;border-radius:var(--radius-card);background:var(--world-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:transform var(--press) ease}.pb-range:active{transform:scale(.98)}.pb-range-label{font-size:40px;font-weight:600;line-height:1;color:var(--text)}.pb-modes{display:flex;gap:12px;padding:var(--gap-20) var(--gap-20) 0}.pb-mode{position:relative;flex:1;min-height:72px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--world-ink);border-radius:var(--radius-key);background:transparent;color:var(--text);font:inherit;font-size:22px;font-weight:600;transition:transform var(--press) ease}.pb-mode:active{transform:scale(.98)}.pb-mode.is-chosen{background:var(--world-soft);border-color:var(--world-ink)}.pb-mode-zeit{border-color:var(--slot-text);color:var(--slot-text)}.pb-mode-zeit.is-chosen{background:var(--slot-fill);border-color:var(--slot-text)}.pb-mode-zeit .pb-mode-mark,.pb-mode-zeit .pb-mode-clock{color:var(--slot-text)}.pb-mode-mark{position:absolute;top:6px;right:10px;font-size:18px;line-height:1;color:var(--world-ink)}.pb-mode-clock{color:var(--slot-text)}.pb-mode-gutter{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px}.pb-mode-mark{display:inline-block;min-width:1em;text-align:center;color:var(--world-ink)}.pb-mode-clock{width:32px;height:32px;flex:none;color:var(--world-ink)}.hd{flex:none;display:flex;align-items:center;background:var(--paper)}.hd-nav{gap:14px;padding:20px 20px 12px}.hd-slot{flex:none;width:56px;height:56px;display:flex;align-items:center;justify-content:flex-start}.hd-slot-right{justify-content:flex-end}.hd-back{width:56px;height:56px;border-radius:50%;background:var(--neutral-circle);color:var(--world-ink);display:flex;align-items:center;justify-content:center;transition:transform var(--press) ease}.hd-back:active{transform:scale(.92)}.hd-brand{justify-content:center}.hd-brand .hd-title{flex:none}.hd-title{flex:1;min-width:0;margin:0;text-align:center;font-size:22px;font-weight:600;line-height:1.25;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-title-brand{font-size:26px;font-weight:700}.hd-round{gap:12px;padding:20px 20px 12px}.hd-abort{flex:none;width:44px;height:44px;border-radius:50%;color:var(--muted-icon);display:flex;align-items:center;justify-content:center;transition:transform var(--press) ease}.hd-abort:active{transform:scale(.9)}.hd-segments{flex:1;min-width:0;display:flex;gap:5px}.hd-segment{flex:1;height:14px;border-radius:7px;transition:background .2s ease}.hd-segment[data-state=solved]{background:var(--world-ink)}.hd-segment[data-state=current]{background:var(--world-shelf)}.hd-segment[data-state=open]{background:var(--segment-open)}.hd-ring{flex:none;width:52px;height:52px;position:relative;display:flex;align-items:center;justify-content:center}.hd-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.hd-ring-number{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--world-ink)}.keypad{flex:none;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-auto-rows:var(--tap);align-content:start;gap:var(--keypad-gap);min-height:calc(3 * var(--tap) + 2 * var(--keypad-gap))}.key{height:var(--tap);border-radius:var(--radius-key);font-size:30px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:transform var(--press) ease,box-shadow var(--press) ease}.key[data-state=rest]{background:var(--world-soft);color:var(--key-rest-text, var(--text));box-shadow:inset 0 -4px 0 var(--world-shelf)}.key[data-state=rest]:active{transform:translateY(2px);box-shadow:inset 0 -2px 0 var(--world-shelf)}.key[data-state=right]{background:var(--right);color:#fff;font-weight:700;box-shadow:inset 0 -4px 0 var(--right-deep)}.key[data-state=wrong]{background:var(--wrong);color:#fff;font-weight:700;box-shadow:inset 0 -4px 0 var(--wrong-deep)}.key[data-state=locked]{background:var(--key-locked);color:var(--key-locked-text);box-shadow:inset 0 -4px 0 var(--line)}.key:disabled{cursor:default}.result{flex:1;min-height:0;padding:var(--gap-24) var(--gap-20);display:flex;flex-direction:column;justify-content:center}.result-box{border-radius:var(--radius-box);padding:var(--gap-32) var(--gap-24);background:var(--world-soft);display:flex;flex-direction:column;align-items:center;gap:16px}.result-figure{animation:v2-hop .52s ease-out both}.result-head{font-size:36px;font-weight:700;line-height:1.1;color:var(--text)}.result-picture{max-width:100%}.result-line{font-size:19px;font-weight:500;line-height:1.4;text-align:center;color:var(--text)}.result-buttons{align-self:stretch;display:flex;flex-direction:column;gap:12px}.result-button{height:var(--tap);border-radius:var(--radius-tray);display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform var(--press) ease,box-shadow var(--press) ease}.result-again{background:var(--world-ink);color:#fff;font-weight:700;box-shadow:inset 0 -6px 0 var(--world-deep)}.result-again:active{transform:translateY(3px);box-shadow:inset 0 -3px 0 var(--world-deep)}.result-back{background:var(--paper);color:var(--text);font-weight:600;box-shadow:inset 0 -6px 0 var(--line)}.result-back:active{transform:translateY(3px);box-shadow:inset 0 -3px 0 var(--line)}.keypad-zone{flex:none;position:relative}.keypad-veil{position:absolute;inset:0;background:var(--paper);opacity:0;pointer-events:none;transition:opacity .2s ease}.keypad-veil[data-open=yes]{opacity:.78}.verdict{position:absolute;left:0;right:0;bottom:0;border-radius:var(--radius-key);min-height:92px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 -2px 24px #1b1c2a1a;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .18s ease-in,opacity .18s ease-in}.verdict[data-open=yes]{transform:none;opacity:1;transition:transform var(--sheet) cubic-bezier(.2,.8,.2,1),opacity 0s}.verdict[data-tone=right]{background:var(--right-soft);color:var(--right-text)}.verdict[data-tone=wrong]{background:var(--wrong-soft);color:var(--wrong-text);min-height:122px}.verdict-figure{flex:none;animation:v2-hop var(--hop) ease-out 60ms both}.verdict-text{min-width:0}.verdict-head{font-size:22px;font-weight:700;line-height:1.2}.verdict-compare{margin-top:6px;display:flex;align-items:center;gap:10px}.verdict-tile{width:52px;height:52px;border-radius:14px;color:#fff;font-size:26px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.verdict-tile[data-tone=wrong]{background:var(--wrong);box-shadow:inset 0 -4px 0 var(--wrong-deep)}.verdict-tile[data-tone=right]{background:var(--right);box-shadow:inset 0 -4px 0 var(--right-deep)}.round{flex:1;min-height:0;padding:clamp(8px,2.4vh,var(--gap-24)) var(--gap-20) clamp(8px,2.2vh,18px);display:flex;flex-direction:column;gap:clamp(8px,2.2vh,18px)}.stage{flex:1;min-height:180px;border-radius:var(--radius-card);background:var(--stage);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.6svh,22px);padding:clamp(10px,2.4svh,var(--gap-20)) 12px;transition:background var(--press) ease}.stage[data-phase=right]{background:var(--right-soft)}.stage[data-phase=wrong]{background:var(--wrong-soft)}.stage{--dot: clamp(12px, 2.4svh, 20px);--dot-gap: clamp(4px, .8svh, 6px);--dot-group-gap: clamp(12px, 2.4svh, 20px)}.zf-targets{flex:1;min-height:0;margin:0;padding:var(--gap-24) var(--gap-20);list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:14px}.zf-targets>li{min-height:0;display:flex}.zf-target{flex:1;border-radius:var(--radius-card);background:var(--world-ink);color:#fff;font-size:54px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -6px #0000002e;transition:transform var(--press) ease,box-shadow var(--press) ease}.zf-target:active{transform:translateY(3px);box-shadow:inset 0 -3px #0000002e}.zf-equation-line{display:flex;align-items:center;gap:var(--gap-8)}.zf-box{width:clamp(46px,9svh,76px);height:clamp(46px,9svh,76px);border-radius:var(--radius-tray);font-size:clamp(24px,4.8svh,40px);font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.zf-box[data-tone=known]{background:var(--world-ink);color:#fff}.zf-box[data-tone=open]{background:var(--slot-fill);border:3px dashed var(--slot-border);color:var(--slot-text)}.zf-box[data-tone=right]{background:var(--right);border:3px solid var(--right-deep);color:#fff}.zf-operator{font-size:32px;font-weight:600;color:var(--muted)}.zf-tray{align-self:stretch;width:100%;min-width:0;background:var(--stage);border-radius:var(--radius-tray);padding:14px 12px;display:flex;align-items:center;justify-content:center;gap:14px}.zf-tray .dots{--dot-group-gap: clamp(9px, 1.7svh, 14px)}.zf-bar{flex:none;width:5px;height:calc(var(--dot) * 2);border-radius:3px;background:var(--world-ink)}.zf-world{flex:1;min-height:0;display:flex;flex-direction:column;--key-rest-text: var(--world-ink)}.zf-banner{align-self:stretch;height:clamp(56px,13svh,108px);border-radius:var(--radius-card);background:var(--world-ink);color:#fff;font-size:clamp(34px,8.6svh,72px);font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -6px #0000002e}