:root{--ink: #2b2118;--paper: #f6ead2;--paper-2: #ecdcbb;--wood: #7a5230;--wood-dark: #4f331c;--accent: #2e7d6b;--accent-ink: #ffffff;--gold: #f2b21c;--danger: #b3402e;--shadow: 0 4px 0 rgba(0, 0, 0, .28);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);font-family:ui-rounded,Nunito,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#2f4a2a;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:2px}button:disabled{opacity:.45;cursor:default}#game,#touch{position:fixed;inset:0}#game canvas{display:block;image-rendering:pixelated}#touch{touch-action:none}body:not(.playing) #touch,body:not(.playing) #hud{display:none}.joy-base{position:fixed;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.55);pointer-events:none;opacity:0;transition:opacity .12s}.joy-base.on{opacity:1}.joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffffd9;box-shadow:0 2px 6px #00000059;transform:translate(-50%,-50%)}#hud{position:fixed;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none;gap:8px}.hud-left{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.hud-chip{display:flex;align-items:center;gap:8px;height:48px;padding:0 14px 0 8px;border-radius:14px;background:var(--paper);border:3px solid var(--wood-dark);box-shadow:var(--shadow);font-weight:800;font-size:18px;min-width:0}.hud-chip .avatar{--s: 1 !important;margin:-6px 0 0}.hud-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em}.hud-stars{padding-left:12px;font-variant-numeric:tabular-nums}.hud-stars.bump{animation:bump .4s}@keyframes bump{30%{transform:scale(1.18)}}.hud-btn{pointer-events:auto;width:52px;height:52px;border-radius:14px;font-size:28px;flex:none;display:grid;place-items:center;background:var(--paper);border:3px solid var(--wood-dark);box-shadow:var(--shadow)}.hud-btn:active{transform:translateY(3px);box-shadow:0 1px #00000047}.star-ico{display:inline-block;width:1.15em;height:1.15em;background:var(--gold);flex:none;clip-path:polygon(50% 2%,62% 36%,98% 36%,69% 58%,80% 94%,50% 72%,20% 94%,31% 58%,2% 36%,38% 36%)}.ico{display:inline-grid;place-items:center;line-height:0}.avatar{--s: 3;display:inline-block;width:calc(32px * var(--s));height:calc(40px * var(--s));flex:none;background-repeat:no-repeat;background-size:calc(192px * var(--s)) calc(144px * var(--s));background-position:0 calc(-6px * var(--s));image-rendering:pixelated}#toast{position:fixed;left:50%;bottom:calc(22px + var(--safe-b));transform:translate(-50%,20px);max-width:min(90vw,30em);padding:12px 20px;border-radius:14px;text-align:center;background:var(--ink);color:#fff;font-weight:700;font-size:18px;line-height:1.3;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.on{opacity:1;transform:translate(-50%)}#screen,#modal{position:fixed;inset:0;display:none;overflow-y:auto;touch-action:pan-y;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}#screen.on,#modal.on{display:flex;flex-direction:column;align-items:center;gap:12px}#screen>:first-child,#modal>:first-child{margin-top:auto}#screen>:last-child,#modal>:last-child{margin-bottom:auto}#screen{background:linear-gradient(#f0b56a,#d9824f 45%,#4d6a3a 45%,#2f4a2a)}#modal{background:#140e0899}.card,.panel{width:min(100%,30rem);background:var(--paper);border:4px solid var(--wood-dark);border-radius:22px;box-shadow:0 8px #0000004d;padding:18px;display:flex;flex-direction:column;gap:14px}.card.wide{width:min(100%,46rem)}.top-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.logo{font-weight:900;font-size:22px;color:var(--wood-dark);letter-spacing:.02em}.heading{display:flex;align-items:center;justify-content:center;gap:10px}h1{margin:0;font-size:clamp(22px,5vw,30px);line-height:1.15;text-align:center;text-wrap:balance}h2{margin:0;font-size:20px}h2.sub{text-align:center;font-size:18px;color:var(--wood-dark)}.hint,.fine{margin:0;text-align:center;color:#6b5a47;font-size:16px;min-height:1.3em}.fine{font-size:13px}.icon-btn,.lang-btn{min-width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--paper-2);border:3px solid var(--wood);font-size:24px;flex:none}.lang-btn{font-size:16px;font-weight:800;padding:0 12px}.lang-btn .ico{font-size:20px}.say{background:#fff3cf}.btn{min-height:52px;padding:0 18px;border-radius:14px;font-weight:800;font-size:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--paper-2);border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood)}.btn .ico{font-size:22px}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#1d5448;box-shadow:0 4px #1d5448}.btn.big{min-height:60px;font-size:22px}.btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--wood)}.text{width:100%;height:60px;border-radius:14px;border:3px solid var(--wood);background:#fff;color:var(--ink);font:inherit;font-size:24px;font-weight:800;text-align:center;padding:0 12px;-webkit-user-select:text;user-select:text}.avatar-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.avatar-pick{padding:8px 10px 4px;border-radius:16px;background:var(--paper-2);border:4px solid transparent}.avatar-pick.sel{border-color:var(--accent);background:#dff1ea}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.row.center{justify-content:center;flex-wrap:wrap}.row-label{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:18px}.row-label .ico{font-size:22px}.row input[type=range]{flex:1;max-width:14rem;height:40px;accent-color:var(--accent);touch-action:pan-x}.segs{display:inline-flex;border:3px solid var(--wood);border-radius:14px;overflow:hidden}.seg{min-height:46px;padding:0 16px;font-weight:800;font-size:17px;background:var(--paper-2)}.seg.sel{background:var(--accent);color:var(--accent-ink)}.toggle{width:68px;height:40px;border-radius:20px;background:#c9b891;border:3px solid var(--wood);position:relative;flex:none}.toggle span{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.sel{background:var(--accent)}.toggle.sel span{transform:translate(28px)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-actions{display:flex;flex-wrap:wrap;gap:10px}.panel-actions .btn{flex:1 1 12rem}.grade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr));gap:10px}.grade{min-height:60px;border-radius:14px;font-weight:800;font-size:20px;padding:4px 8px;background:var(--paper-2);border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood)}.grade.sel{background:var(--accent);color:var(--accent-ink);border-color:#1d5448;box-shadow:0 4px #1d5448}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:12px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 12px;border-radius:18px;background:var(--paper-2);border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood);min-width:0}.profile-card:active{transform:translateY(3px);box-shadow:0 1px 0 var(--wood)}.profile-name{font-weight:900;font-size:19px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-meta{font-size:15px;color:#6b5a47}.profile-stars{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-variant-numeric:tabular-nums}.profile-card.add{justify-content:center;border-style:dashed;background:transparent;box-shadow:none;min-height:11rem}.add-plus{font-size:44px;color:var(--accent)}.who{display:flex;align-items:center;gap:8px;font-weight:900;font-size:22px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4)}.pin-dots{display:flex;justify-content:center;gap:14px}.dot{width:22px;height:22px;border-radius:50%;border:3px solid var(--wood-dark);background:#fff}.dot.full{background:var(--wood-dark)}.pin-dots.shake{animation:shake .35s}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,19rem);margin:0 auto}.key{height:62px;border-radius:16px;font-weight:900;font-size:28px;display:grid;place-items:center;background:#fff;border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood)}.key.soft{background:var(--paper-2)}.key:active{transform:translateY(3px);box-shadow:0 1px 0 var(--wood)}.link{align-self:center;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;font-weight:700;font-size:15px;text-decoration:underline}.link.danger{color:var(--danger)}@media(max-height:520px){.card,.panel{padding:12px;gap:8px}.key{height:46px;font-size:24px}.keys{width:min(100%,22rem)}.avatar{--s: 2 !important}.text,.btn.big,.grade{min-height:48px;height:auto}.text{height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#action{position:fixed;right:calc(16px + var(--safe-r));bottom:calc(22px + var(--safe-b));z-index:2;min-width:120px;min-height:76px;padding:8px 20px;border-radius:22px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--accent);color:#fff;border:4px solid #1d5448;box-shadow:0 6px #1d5448}body.playing #action.on{display:flex;animation:pop .18s}#action:active{transform:translateY(4px);box-shadow:0 2px #1d5448}.action-what{font-weight:900;font-size:22px;line-height:1.1}.action-label{font-weight:700;font-size:15px;opacity:.92}@keyframes pop{0%{transform:scale(.8);opacity:0}}#modal.activity{background:linear-gradient(#f0b56a,#d9824f 45%,#4d6a3a 45%,#2f4a2a);padding-top:calc(10px + var(--safe-t))}.act{width:min(100%,44rem);background:var(--paper);border:4px solid var(--wood-dark);border-radius:22px;box-shadow:0 8px #0000004d;padding:14px 16px 18px;display:flex;flex-direction:column;gap:12px}.act-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.act-head h2{font-size:22px;color:var(--wood-dark)}.act-body{display:flex;flex-direction:column;align-items:stretch;gap:12px}.progress{margin:0;text-align:center;font-weight:800;color:#6b5a47;font-variant-numeric:tabular-nums}.ask{display:flex;flex-direction:column;gap:12px;align-items:stretch}.ask-q{display:flex;align-items:center;justify-content:center;gap:12px}.ask-text{font-weight:900;font-size:clamp(34px,9vw,56px);line-height:1.1;font-variant-numeric:tabular-nums;text-align:center}.ask-words{margin:0;font-weight:800;font-size:clamp(22px,5vw,30px);text-align:center;text-wrap:balance}.ask-feedback{margin:0;min-height:1.4em;text-align:center;font-weight:800;font-size:20px;color:var(--accent)}.ask-hint{display:flex;flex-direction:column;align-items:center;gap:6px}.ask-hint:empty{display:none}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answers.n3,.answers.n6{grid-template-columns:repeat(3,1fr)}.answer{min-height:76px;border-radius:18px;font-weight:900;font-size:clamp(28px,7vw,40px);font-variant-numeric:tabular-nums;background:#fff;border:4px solid var(--wood);box-shadow:0 5px 0 var(--wood)}.answer:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px 0 var(--wood)}.answer.right{background:#cdeed9;border-color:#1d7a4a;box-shadow:0 5px #1d7a4a;color:#0f4d2d}.answer.wrong{background:#f1e3d6;border-color:#c9b891;box-shadow:none;color:#9a8a76;opacity:1}.answers.htb .answer{min-height:clamp(70px,14vh,110px);touch-action:none}.visual{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px}.visual .op{font-weight:900;font-size:30px}.dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:17rem}.dots.group{padding:6px;border:3px dashed #c9b891;border-radius:12px;max-width:9.5rem}.visual.groups{gap:8px}.dot-k{width:26px;height:26px;border-radius:50%;border:7px solid #c98a3c;background:transparent;box-shadow:inset 0 0 0 1px #8a5a22,0 0 0 1px #8a5a22}.dots.alt .dot-k{border-color:#a85f2a}.dot-k.gone{opacity:.22}.npc-line{display:flex;align-items:center;gap:10px}.npc-line p{margin:0;font-weight:700;font-size:18px;background:#fff;border:3px solid var(--wood);border-radius:14px;padding:8px 12px}.result{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.result-stars{display:flex;gap:8px;min-height:48px;flex-wrap:wrap;justify-content:center}.star-ico.big{width:48px;height:48px;animation:pop .35s backwards}.result-stars .star-ico:nth-child(2){animation-delay:.12s}.result-stars .star-ico:nth-child(3){animation-delay:.24s}.result-stars .star-ico:nth-child(n+4){animation-delay:.36s}.result-main{margin:0;font-weight:900;font-size:24px}.result .panel-actions{width:100%}.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:10px}.topics.big{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.topic{min-height:64px;padding:8px 12px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#fff;border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood);text-align:center}.topic:active{transform:translateY(3px);box-shadow:0 1px 0 var(--wood)}.topic-name{font-weight:800;font-size:18px}.topic-desc{font-size:15px;color:#6b5a47}.topic-rec{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.topics.big .topic{min-height:110px}.topics.big .topic-name{font-size:24px}.countdown{font-weight:900;font-size:120px;text-align:center;line-height:1.2;color:var(--accent)}.htb-top{display:flex;align-items:center;gap:12px}.timebar{flex:1;height:18px;border-radius:9px;background:#d9c9a6;border:3px solid var(--wood-dark);overflow:hidden}.timebar span{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform .1s linear}.timebar.low span{background:#d9822b}.htb-score{min-width:2.4em;text-align:center;font-weight:900;font-size:30px;font-variant-numeric:tabular-nums}.htb-q{padding:4px 0}.balloons{display:flex;justify-content:center;gap:8px;min-height:58px}.balloon{width:30px;height:38px;border-radius:50% 50% 48% 48%;background:#d9534f;border:3px solid #7d2320;position:relative;transition:transform .6s ease-in,opacity .6s}.balloon:nth-child(3n+2){background:#f2b21c;border-color:#8a6208}.balloon:nth-child(3n){background:#3f8fc4;border-color:#1c4f73}.balloon:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:14px;background:#6b5a47}.balloon.gone{transform:translateY(-140px);opacity:0}.slots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.slot{width:clamp(26px,8vw,46px);height:clamp(40px,11vw,60px);border-bottom:5px solid var(--wood-dark);display:grid;place-items:center;font-weight:900;font-size:clamp(24px,7vw,40px)}.letters{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.letter{height:54px;border-radius:12px;font-weight:900;font-size:24px;background:#fff;border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood)}.letter.right{background:#cdeed9;border-color:#1d7a4a;box-shadow:none;opacity:1;color:#0f4d2d}.letter.wrong{background:#f1e3d6;border-color:#c9b891;box-shadow:none;opacity:1;color:#b8a890}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,30rem);margin:0 auto}.cards.c6{grid-template-columns:repeat(3,1fr);width:min(100%,22rem)}.cards.c20{grid-template-columns:repeat(5,1fr);width:min(100%,36rem)}.mcard{position:relative;aspect-ratio:3 / 4;border-radius:14px;border:4px solid var(--wood-dark);background:var(--accent);overflow:hidden;box-shadow:0 4px 0 var(--wood-dark)}.mcard-back{position:absolute;inset:6px;border-radius:8px;border:3px dashed rgba(255,255,255,.55)}.mcard-face{position:absolute;inset:0;background:#fff8e7 center / 62% no-repeat;image-rendering:pixelated;opacity:0;transition:opacity .15s}.mcard.up .mcard-face{opacity:1}.mcard.done{border-color:#1d7a4a;box-shadow:none}.pitch{position:relative;height:clamp(230px,46vh,330px);border-radius:16px;overflow:hidden;background:linear-gradient(#8fc7e8 0 38%,#4f8a3a 38%);border:4px solid var(--wood-dark)}.goal{position:absolute;left:6%;right:6%;top:8%;height:56%;border:7px solid #fff;border-bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 2px,transparent 2px 16px),repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 2px,transparent 2px 16px),#14283c40}.zone{font-weight:900;font-size:clamp(28px,8vw,46px);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.45);font-variant-numeric:tabular-nums;border-right:2px dashed rgba(255,255,255,.35)}.zone:last-of-type{border-right:0}.zone.right{background:#3cc87873}.keeper{position:absolute;left:50%;bottom:0;width:44px;height:64px;margin-left:-22px;border-radius:16px 16px 6px 6px;background:#f2b21c;border:4px solid #2b2118;transition:transform .45s ease-out;pointer-events:none}.keeper:before{content:"";position:absolute;left:50%;top:-22px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:#e2b48c;border:4px solid #2b2118}.keeper.to0{transform:translate(-160%) rotate(-55deg)}.keeper.to2{transform:translate(160%) rotate(55deg)}.keeper.to1{transform:translateY(-14%)}.ball{position:absolute;left:50%;bottom:7%;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 45%,#cfcfcf 46% 100%);border:3px solid #2b2118;transition:left .5s ease-out,bottom .5s ease-out,transform .5s;pointer-events:none}.ball.to0{left:22%;bottom:62%;transform:scale(.7)}.ball.to1{left:50%;bottom:62%;transform:scale(.7)}.ball.to2{left:78%;bottom:62%;transform:scale(.7)}.banner{position:absolute;left:0;right:0;bottom:12%;text-align:center;font-weight:900;font-size:40px;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.5);opacity:0;transition:opacity .2s;pointer-events:none}.banner.on{opacity:1}.banner.good{color:#ffe27a}@media(max-height:520px){.act{padding:8px 12px 12px;gap:8px}.act-body,.ask{gap:8px}.answer{min-height:54px}.answers.htb .answer{min-height:52px}.answers{grid-template-columns:repeat(4,1fr)}.answers.n6{grid-template-columns:repeat(6,1fr)}.ask-text{font-size:34px}.letter{height:42px;font-size:20px}.letters{grid-template-columns:repeat(13,1fr);gap:5px}.balloons{min-height:44px}.balloon{width:24px;height:30px}.pitch{height:200px}.cards{width:min(100%,26rem);grid-template-columns:repeat(6,1fr)}.cards.c20{grid-template-columns:repeat(10,1fr);width:100%}.mcard{aspect-ratio:1}.countdown{font-size:80px}}body:has(#modal.on) #action,body:has(#modal.activity) #hud{display:none!important}img{-webkit-user-drag:none}.ico img{height:1.2em;width:auto;image-rendering:pixelated;display:block}.star-ico{clip-path:none;background:url(/assets/ui/icons/star.png?v=96ce45a) center / contain no-repeat;image-rendering:pixelated;width:1.3em;height:1.3em}.card,.panel,.act{border:30px solid transparent;border-radius:0;background:none;box-shadow:none;padding:4px 6px 8px;border-image:url(/assets/ui/panel_parchment.png?v=96ce45a) 13 fill / 39px / 0 stretch;image-rendering:pixelated;filter:drop-shadow(0 8px 0 rgba(0,0,0,.28))}.card *,.panel *,.act *{image-rendering:auto}.card .avatar,.act .avatar,.card img,.act img,.panel img,.act .star-ico,.card .star-ico,.act .mcard,.act .mcard *,.act .dot-k,.act .balloon,.act .pitch,.act .pitch *{image-rendering:pixelated}.btn,.answer,.key,.topic,.grade,.letter,.profile-card:not(.add),.icon-btn,.lang-btn,.hud-chip,.hud-btn{border:12px solid transparent;border-radius:0;background:none;box-shadow:none;border-image:url(/assets/ui/button_cream.png?v=96ce45a) 12 fill / 24px / 0 stretch;image-rendering:pixelated}.btn.primary,#action,.seg.sel,.grade.sel{border:12px solid transparent;border-radius:0;background:none;box-shadow:none;color:#fff;border-image:url(/assets/ui/button.png?v=96ce45a) 12 fill / 24px / 0 stretch;image-rendering:pixelated;text-shadow:0 2px 0 rgba(0,0,0,.3)}.btn.primary:not(:disabled):active,#action:active{border-image-source:url(/assets/ui/button_pressed.png?v=96ce45a);transform:translateY(2px);box-shadow:none}.btn:not(:disabled):active,.answer:not(:disabled):active,.key:active,.topic:active,.grade:active,.letter:active,.profile-card:active,.hud-btn:active{transform:translateY(2px);box-shadow:none;filter:brightness(.93)}.btn,.btn.primary{min-height:56px;padding:0 10px}.btn.big{min-height:64px}.icon-btn,.hud-btn{width:52px;height:52px;min-width:52px;padding:0;border-width:10px;border-image-width:20px;font-size:22px}.lang-btn{height:52px;padding:0 6px;border-width:10px;border-image-width:20px}.hud-chip{height:52px;padding:0 8px 0 2px;border-width:10px;border-image-width:20px}.hud-stars{padding-left:4px}.say{filter:none}.key{height:64px;padding:0}.letter{height:54px;padding:0;border-width:9px;border-image-width:18px}.answer{min-height:78px;padding:0}.grade{min-height:62px;padding:0 2px}.topic{padding:0 4px}.segs{border:0;border-radius:0;gap:4px;overflow:visible}.seg{border:10px solid transparent;background:none;border-image:url(/assets/ui/button_cream.png?v=96ce45a) 12 fill / 20px / 0 stretch;image-rendering:pixelated;min-height:48px;padding:0 8px}.seg.sel{border-width:10px;border-image-width:20px}#action{min-width:132px;min-height:80px;padding:0 10px;border-width:14px;border-image-width:28px}#action.on{animation:pop .18s}.answer.right,.letter.right,.zone.right{border-image:none;border:4px solid #1d7a4a;border-radius:16px;background:#cdeed9;color:#0f4d2d}.answer.wrong,.letter.wrong{border-image:none;border:4px solid #c9b891;border-radius:16px;background:#efe3d2;color:#a6957f}.letter.right,.letter.wrong{border-width:3px;border-radius:12px}.avatar-pick{border-radius:14px}.text{border-radius:12px}.joy-base{border:0;background:url(/assets/ui/joy_base.png?v=96ce45a) center / contain no-repeat;image-rendering:pixelated;opacity:0}.joy-base.on{opacity:.85}.joy-knob{width:50px;height:58px;border-radius:0;box-shadow:none;background:url(/assets/ui/joy_knob.png?v=96ce45a) center / contain no-repeat;image-rendering:pixelated}.dot-k{width:34px;height:32px;border:0;border-radius:0;box-shadow:none;background:url(/assets/minigames/bakery/koulouri.png?v=96ce45a) center / contain no-repeat}.dots{gap:4px;max-width:19rem}.dots.alt .dot-k{filter:hue-rotate(-18deg) brightness(.9)}.dots.group{max-width:11rem}.balloon,.balloon:nth-child(n){width:30px;height:54px;border:0;border-radius:0;background:url(/assets/ui/misc/balloon_red.png?v=96ce45a) center / contain no-repeat}.balloon:after{display:none}.balloon:nth-child(4n+2){background-image:url(/assets/ui/misc/balloon_yellow.png?v=96ce45a)}.balloon:nth-child(4n+3){background-image:url(/assets/ui/misc/balloon_blue.png?v=96ce45a)}.balloon:nth-child(4n){background-image:url(/assets/ui/misc/balloon_green.png?v=96ce45a)}.balloons{min-height:60px}.mcard{border:0;border-radius:0;box-shadow:none;background:url(/assets/ui/misc/card_back.png?v=96ce45a) center / 100% 100% no-repeat;aspect-ratio:39 / 52;overflow:visible}.mcard-back{display:none}.mcard-face{inset:0;background-color:transparent;background-position:center,center;background-size:64% auto,100% 100%;background-repeat:no-repeat}.mcard.done{filter:drop-shadow(0 0 0 #1d7a4a) brightness(1.04);opacity:.82}.mcard:not(.up):active{transform:scale(.96)}.pitch{height:auto;aspect-ratio:320 / 214;max-height:52vh;margin:0 auto;width:min(100%,calc(52vh * 320 / 214));background:url(/assets/minigames/penalty/pitch.png?v=96ce45a) center / 100% 100% no-repeat;border:4px solid var(--wood-dark);border-radius:10px}.goal{left:16%;right:16.5%;top:31.5%;height:40%;border:0;background:none}.zone{border-right:0;background:#141e2847;margin:6% 3%;border-radius:12px;border:3px dashed rgba(255,255,255,.7)}.zone.right{border-style:solid;background:#3cc87899;color:#fff}.keeper{left:50%;bottom:-4%;width:13%;height:auto;aspect-ratio:27 / 46;margin-left:-6.5%;border:0;border-radius:0;background:url(/assets/minigames/penalty/keeper_ready.png?v=96ce45a) center bottom / contain no-repeat}.keeper:before{display:none}.keeper.to0{transform:translate(-230%,-30%) rotate(-70deg)}.keeper.to2{transform:translate(230%,-30%) rotate(70deg)}.keeper.to1,.keeper.up{transform:translateY(-22%);background-image:url(/assets/minigames/penalty/keeper_up.png?v=96ce45a);aspect-ratio:22 / 54}.ball{width:9%;height:auto;aspect-ratio:1;margin-left:-4.5%;border:0;border-radius:0;background:url(/assets/ui/misc/ball.png?v=96ce45a) center / contain no-repeat;bottom:6%}.ball.to0{left:27%;bottom:44%;transform:scale(.6) rotate(-200deg)}.ball.to1{left:50%;bottom:44%;transform:scale(.6) rotate(200deg)}.ball.to2{left:73%;bottom:44%;transform:scale(.6) rotate(200deg)}.banner{bottom:4%}.hint-btn{text-decoration:none;font-size:17px;font-weight:800}.hint-btn .ico img{height:1.6em}@media(max-height:520px){.card,.panel,.act{border-width:22px;border-image-width:30px;padding:0 4px 4px}.key{height:46px}.answer{min-height:54px}.letter{height:42px}.btn,.btn.primary,.btn.big{min-height:48px}.pitch{max-height:46vh;width:min(100%,calc(46vh * 320 / 214))}.dot-k{width:26px;height:24px}}.segs.wrap{flex-wrap:wrap;justify-content:center}body.arcade #hud,body.arcade #action,body.arcade #touch{display:none!important}#arcade{position:fixed;left:0;right:0;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 8px calc(10px + var(--safe-l));background:linear-gradient(#2b2118d1,#2b21189e);color:#fff}.arc-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.arc-qrow{display:flex;align-items:center;justify-content:center;gap:10px}.arc-q{font-weight:900;font-size:clamp(24px,6vw,38px);line-height:1.1;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.4);text-align:center}.arc-q.pop{animation:pop .25s}#arcade .timebar{height:10px;border-width:2px;background:#ffffff40;border-color:#0006}#arcade .timebar span{background:#7fe0a0}#arcade .timebar.low span{background:#ffb347}.arc-stars{display:flex;align-items:center;gap:6px;font-weight:900;font-size:24px;font-variant-numeric:tabular-nums;min-width:2.6em;justify-content:flex-end}#arcade .icon-btn{flex:none}.paint-canvas{width:100%;max-height:52vh;aspect-ratio:3 / 2;object-fit:contain;background:#fffdf6;border:4px solid var(--wood-dark);border-radius:10px;touch-action:none;cursor:crosshair;align-self:center;image-rendering:auto}.paint-row,.paint-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.swatch{width:44px;height:44px;border-radius:50%;border:4px solid var(--wood-dark);flex:none}.swatch.sel{outline:4px solid #fff;box-shadow:0 0 0 7px var(--accent)}.swatch.rainbow{background:conic-gradient(#e23b3b,#f6cf1d,#4fb84a,#3d8fe0,#7a4fd6,#e85fa8,#e23b3b)}.ptool{width:52px;height:52px;border-radius:12px;border:3px solid var(--wood);background:#fff;font-size:26px;display:grid;place-items:center;flex:none}.ptool.sel{background:var(--accent);border-color:#1d5448}.ptool.size span{display:block;border-radius:50%;background:var(--ink)}.ptool.size.sel span{background:#fff}.pstamp{width:56px;height:56px;border-radius:12px;border:3px solid var(--wood);background:#fff;display:grid;place-items:center;flex:none;padding:4px}.pstamp.sel{background:#dff1ea;border-color:var(--accent)}.pstamp img{max-width:100%;max-height:100%;image-rendering:pixelated}.paint-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:10px}.paint-thumb{position:relative}.paint-open{width:100%;border:4px solid var(--wood-dark);border-radius:10px;overflow:hidden;display:block;background:#fff}.paint-open img{width:100%;display:block;image-rendering:auto!important}.paint-thumb .icon-btn{position:absolute;right:-6px;top:-6px;width:40px;height:40px;min-width:40px}@media(max-height:520px){.paint-canvas{max-height:46vh}.swatch{width:34px;height:34px}.ptool{width:42px;height:42px;font-size:20px}}.room{position:relative;width:100%;aspect-ratio:960 / 536;max-height:50vh;align-self:center;background:url(/assets/ui/room.png?v=96ce45a) center / 100% 100% no-repeat;border:4px solid var(--wood-dark);border-radius:10px;overflow:hidden;touch-action:none}.furn{position:absolute;width:auto;height:auto;max-width:none;touch-action:none;cursor:grab;image-rendering:pixelated!important;-webkit-user-drag:none}.furn.sel{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 6px #ffd23b) drop-shadow(0 0 2px #fff)}.room-kid{position:absolute;left:50%;bottom:3%;transform:translate(-50%);z-index:985;pointer-events:none}.room-tools{display:flex;gap:8px;justify-content:center;min-height:56px;align-items:center}.tray{display:flex;flex-direction:column;gap:8px;align-items:center}.tray-items{display:flex;gap:8px;overflow-x:auto;width:100%;padding:4px 2px 8px;touch-action:pan-x}.tray-item{flex:none;width:84px;height:92px;border-radius:12px;border:3px solid var(--wood);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px}.tray-item img{max-width:100%;max-height:62px;image-rendering:pixelated!important}.price,.tag{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.tag{color:var(--accent)}.wardrobe{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:10px}.outfit{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:14px;border:4px solid transparent;background:var(--paper-2)}.outfit.sel{border-color:var(--accent);background:#dff1ea}.pet-ico{width:64px;height:64px;background-size:256px 192px;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}