:root{--sky:#d3eaf7;--sky-deep:#a9d3ee;--surface:#fff;--surface-2:#eef5fb;--ink:#1b2844;--muted:#566887;--line:#c6d6e6;--accent:#2470d2;--accent-deep:#174e9a;--on-accent:#fff;--accent-ink:#2470d2;--grass:#38a860;--grass-deep:#277a45;--sun:#ffc33a;--sun-deep:#cf8f0e;--coral:#ff8857;--coral-deep:#cf5f33;--berry:#7655d6;--berry-deep:#5638ae;--tile:#fff1cc;--tile-edge:#ddb25a;--tile-ink:#3a2b0e;--ground:#9ed585;--ground-2:#83c77a;--sand:#f3dfa8;--water:#8cc8ea;--bronze:#c7864a;--silver:#9aa7b8;--gold:#f2b21b;--ok-ink:#23753f;--no-ink:#c24e22;--ch-c:#1f5fb8;--eye:#1b2844;--white:#fff;--buddy-hi:#b4f0c9;--buddy-lo:#3fb36b;--boss-hi:#c4aef8;--boss-lo:#6a49cf;--sil:.72;--scrim:#0d142473;--scene-dim:1;--bronze-hi:#edb57e;--bronze-lo:#b8743a;--silver-hi:#f4f7fb;--silver-lo:#8395ac;--slot-line:#93aac4;--gold-hi:#ffe48c;--gold-lo:#e0a00e;--shadow:0 8px 24px #1b284424;--radius:22px;--f-display:"Fredoka","Arial Rounded MT Bold","PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;--f-word:"Andika","Fredoka","Trebuchet MS",system-ui,sans-serif;--f-ui:"PingFang TC","Noto Sans TC","Microsoft JhengHei","Heiti TC",system-ui,sans-serif;--f-emoji:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky:#111a2e;--sky-deep:#0a1120;--surface:#1b2641;--surface-2:#243253;--ink:#e9effc;--muted:#a0afcc;--line:#34446c;--grass:#47c176;--grass-deep:#2e8c52;--sun:#fc5;--sun-deep:#c98f17;--coral:#ff9a70;--coral-deep:#c9653d;--berry:#9b82f2;--berry-deep:#6e55c9;--tile:#f2dfae;--tile-edge:#b98c38;--ground:#2f5c46;--ground-2:#285140;--sand:#4d4632;--water:#1c3a5b;--ok-ink:#66d892;--no-ink:#ffa27d;--ch-c:#86b6ff;--accent-ink:#86b6ff;--buddy-lo:#33a160;--boss-lo:#5b3dbe;--sil:1.35;--scrim:#0000008c;--scene-dim:.84;--slot-line:#4f6290;--shadow:0 8px 24px #00000073;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--sky:#111a2e;--sky-deep:#0a1120;--surface:#1b2641;--surface-2:#243253;--ink:#e9effc;--muted:#a0afcc;--line:#34446c;--grass:#47c176;--grass-deep:#2e8c52;--sun:#fc5;--sun-deep:#c98f17;--coral:#ff9a70;--coral-deep:#c9653d;--berry:#9b82f2;--berry-deep:#6e55c9;--tile:#f2dfae;--tile-edge:#b98c38;--ground:#2f5c46;--ground-2:#285140;--sand:#4d4632;--water:#1c3a5b;--ok-ink:#66d892;--no-ink:#ffa27d;--ch-c:#86b6ff;--accent-ink:#86b6ff;--buddy-lo:#33a160;--boss-lo:#5b3dbe;--sil:1.35;--scrim:#0000008c;--scene-dim:.84;--slot-line:#4f6290;--shadow:0 8px 24px #00000073;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}:root[data-band=C],:root[data-band=D]{--accent:#11786f;--accent-deep:#0a524c;--accent-ink:#11786f;--radius:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-band=C],:root:not([data-theme=light])[data-band=D]{--accent-ink:#4cc2b8}}:root[data-theme=dark][data-band=C],:root[data-theme=dark][data-band=D]{--accent-ink:#4cc2b8}*{box-sizing:border-box}html,body{height:100%}html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}[hidden]{display:none!important}img{max-width:100%}body{background-color:var(--sky);background-image:linear-gradient(180deg,var(--sky)0%,var(--sky-deep)100%);color:var(--ink);font-family:var(--f-ui);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));-webkit-tap-highlight-color:transparent;overflow-x:hidden;background-attachment:fixed;margin:0;font-size:16px;line-height:1.5}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}#app{display:flex;flex-direction:column;max-width:560px;min-height:100%;margin:0 auto}.scr{display:flex;flex-direction:column;flex:1;gap:16px;padding-block-start:16px;padding-block-end:32px}.stk{font-family:var(--f-emoji);display:inline-block;filter:drop-shadow(2px 0 0 var(--white))drop-shadow(-2px 0 0 var(--white))drop-shadow(0 2px 0 var(--white))drop-shadow(0 -2px 0 var(--white))drop-shadow(0 5px 5px #1b284440);line-height:1}.fine{color:var(--muted);margin:0;font-size:13px}.center{text-align:center}.eyebrow{letter-spacing:.08em;color:var(--muted);margin:0;font-size:12px}.h2{font-family:var(--f-display);color:var(--ink);text-wrap:balance;margin:0;font-size:19px;font-weight:600}.btn{font-family:var(--f-display);border-radius:calc(var(--radius) - 6px);background:var(--accent);color:var(--on-accent);box-shadow:0 5px 0 var(--accent-deep);cursor:pointer;border:0;min-height:56px;padding:12px 22px;transition:transform .1s,box-shadow .1s;font-size:20px;font-weight:600}.btn:active{box-shadow:0 1px 0 var(--accent-deep);transform:translateY(4px)}.btn.ghost{background:var(--surface);color:var(--ink);box-shadow:0 5px 0 var(--line)}.btn.ghost:active{box-shadow:0 1px 0 var(--line)}.btn.danger{background:var(--coral);color:var(--tile-ink);box-shadow:0 5px 0 var(--coral-deep)}.btn.sm{box-shadow:0 4px 0 var(--line);min-height:42px;padding:8px 14px;font-size:15px}.btn.big{min-height:64px;font-size:24px}.btn.wide{width:100%;margin-top:14px}.btn:disabled{opacity:.45;cursor:default;transform:none}.ibtn{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--line);display:grid;cursor:pointer;border:0;border-radius:50%;flex:none;place-items: center;width:44px;height:44px;padding:0}.ibtn svg{width:22px;height:22px}.ibtn.on{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-deep)}.ibtn:active{transform:translateY(2px)}.ibtn.sm{width:34px;height:34px}.ibtn.sm svg{width:18px;height:18px}.buddy{display:block;overflow:visible}.bd{transform-origin:60px 108px;animation:2.6s ease-in-out infinite bob}.bd-fill{fill:url(#gBuddy)}.bd-leaf{fill:var(--grass-deep)}.bd-stem{stroke:var(--grass-deep);stroke-width:4;fill:none;stroke-linecap:round}.bd-shine{fill:var(--white);opacity:.5}.bd-shadow{fill:var(--eye);opacity:.12}.eyes-n ellipse{fill:var(--eye)}.eyes-n .glint{fill:var(--white)}.eyes-n{transform-origin:60px 70px;animation:4.4s infinite blink}.eyes-h path,.m-n,.m-s{fill:none;stroke:var(--eye);stroke-width:4;stroke-linecap:round}.m-h{fill:var(--eye)}.cheek{fill:var(--coral);opacity:.5}.petal{fill:var(--coral)}.pcenter{fill:var(--sun)}.badge{fill:var(--sun);stroke:var(--sun-deep);stroke-width:1.5}.eyes-h,.m-h,.m-s,.buddy.happy .eyes-n,.buddy.happy .m-n{display:none}.buddy.happy .eyes-h,.buddy.happy .m-h{display:inline}.buddy.sad .m-n{display:none}.buddy.sad .m-s{display:inline}.buddy.jump .bd{animation:.6s cubic-bezier(.3,1.6,.5,1) jump}.buddy.tilt .bd{animation:.7s tilt}.boss{display:block;overflow:visible}.bs{transform-origin:70px 104px;animation:2.2s ease-in-out infinite bossbob}.bs-fill{fill:url(#gBoss)}.bs-horn{fill:var(--berry-deep)}.bs-eyes path,.bs-dizzy path,.bs-mouth{fill:none;stroke:var(--eye);stroke-width:4;stroke-linecap:round}.bs-eyes circle{fill:var(--eye)}.bs-dizzy,.boss.dizzy .bs-eyes{display:none}.boss.dizzy .bs-dizzy{display:inline}.boss.hit .bs{animation:.38s hit}.boss.gone .bs{animation:1.1s forwards gone}.onb-hero{display:flex;text-align:center;flex-direction:column;align-items: center;gap:2px;padding-top:8px}.onb-hero .buddy{width:128px;height:128px}.logo{font-family:var(--f-display);letter-spacing:.06em;color:var(--ink);text-shadow:0 4px 0 var(--surface);margin:0;font-size:clamp(52px,15vw,72px);font-weight:700;line-height:1}.lede{color:var(--muted);text-wrap:balance;max-width:24em;margin:8px 0 0}.bands{display:grid;grid-template-columns:1fr 1fr;gap:12px}.band{position:relative;display:flex;text-align:left;border-radius:var(--radius);border:3px solid var(--line);background:var(--surface);box-shadow:0 5px 0 var(--line);cursor:pointer;flex-direction:column;align-items: flex-start;gap:2px;min-width:0;padding:14px 16px;transition:transform .1s,box-shadow .1s,border-color .15s}.band:active{transform:translateY(3px)}.band.on{border-color:var(--accent-ink);box-shadow:0 5px 0 var(--accent-deep)}.band-g{color:var(--muted);font-size:13px}.band-n{font-family:var(--f-display);font-size:24px;font-weight:700;line-height:1.2}.band-s{font-family:var(--f-word);color:var(--muted);overflow-wrap:anywhere;font-size:14px}.band-pic{position:absolute;font-size:36px;top:12px;right:12px}.bands.sm .band{padding:10px 12px}.bands.sm .band-pic{display:none}.bands.sm .band-n{font-size:20px}.bands.sm .band-s{display:none}.seg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-2);border-radius:var(--radius);gap:6px;padding:6px}.seg button{border-radius:calc(var(--radius) - 8px);cursor:pointer;font-family:var(--f-display);display:flex;color:var(--muted);background:0 0;border:0;flex-direction:column;align-items: center;padding:8px 4px;font-size:17px;font-weight:600}.seg button small{font-family:var(--f-ui);font-size:12px;font-weight:400}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--line)}.hud{display:flex;justify-content:space-between;align-items: center;gap:12px}.lvl{display:flex;flex:1;align-items: center;gap:10px;min-width:0}.lv-badge{display:grid;background:var(--sun);color:var(--tile-ink);box-shadow:0 4px 0 var(--sun-deep);font-family:var(--f-display);border-radius:50%;flex:none;align-content: center;place-items: center;width:54px;height:54px;font-size:11px;font-weight:600;line-height:1}.lv-badge b{display:block;font-size:23px}.xpbar{position:relative;background:var(--surface);box-shadow:inset 0 2px 0 var(--line);overflow:hidden;border-radius:12px;flex:1;min-width:0;height:24px}.xpbar i{position:absolute;background:linear-gradient(90deg,var(--sun),var(--coral));border-radius:12px;transition:width .8s cubic-bezier(.2,.8,.2,1);inset:0 auto 0 0}.xpbar span{position:relative;display:block;text-align:center;font-family:var(--f-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:13px;font-weight:600;line-height:24px}.hud-btns{display:flex;gap:8px}.hbtn{display:flex;cursor:pointer;color:var(--muted);font-size:11px;font-weight:700;font-family:var(--f-ui);background:0 0;border:0;flex-direction:column;align-items: center;gap:3px;padding:0}.hb-i{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--line);display:grid;border-radius:50%;place-items: center;width:44px;height:44px}.hb-i svg{width:22px;height:22px}.hbtn.on .hb-i{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-deep)}.hbtn:active .hb-i{transform:translateY(2px)}.region{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-end;gap:12px}.rname{font-family:var(--f-display);margin:0;font-size:36px;font-weight:700;line-height:1.1}.restore{display:flex;flex-direction:column;flex:1;gap:4px;min-width:150px;max-width:230px}.restore span{color:var(--muted);text-align:right;font-size:13px}.restore b{color:var(--ink);font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:17px}.rbar{background:var(--surface);overflow:hidden;border-radius:5px;height:10px}.rbar i{display:block;background:var(--grass);border-radius:5px;height:100%;transition:width .8s}.today{display:flex;border-radius:var(--radius);background:var(--berry);color:var(--on-accent);box-shadow:0 5px 0 var(--berry-deep);cursor:pointer;text-align:left;border:0;justify-content:space-between;align-items: center;gap:12px;padding:14px 18px}.today:active{transform:translateY(3px)}.today-t{font-family:var(--f-display);font-size:20px;font-weight:700}.today-n{font-size:14px}.today:disabled{background:var(--surface);color:var(--muted);box-shadow:0 5px 0 var(--line);cursor:default;transform:none}.island{position:relative;margin-top:10px}.scenery,.fauna{position:absolute;inset:0}.scenery{transition:filter 1.2s}.fauna{pointer-events:none}.land{position:absolute;background:radial-gradient(42% 9% at 28% 18%,var(--ground-2)0 60%,transparent 62%),radial-gradient(36% 8% at 74% 52%,var(--ground-2)0 60%,transparent 62%),radial-gradient(40% 9% at 32% 84%,var(--ground-2)0 60%,transparent 62%),var(--ground);box-shadow:0 0 0 12px var(--sand),0 0 0 30px var(--water);border-radius:46% 54% 40% 60%/7% 6% 8%;inset:28px 4%}.deco{position:absolute;font-size:30px;transform:translate(-50%,-50%)}.animal{position:absolute;animation:3.2s ease-in-out infinite bob;animation-delay:var(--dl,0s);font-size:30px;transform:translate(-50%,-50%)}.animal.gold{font-size:42px}.path{position:absolute;overflow:visible;width:100%;height:100%;inset:0}.path .road{fill:none;stroke:var(--sand);stroke-width:16;stroke-linecap:round;vector-effect:non-scaling-stroke}.path .dash{fill:none;stroke:var(--surface);stroke-width:3;stroke-dasharray:2 12;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.8}.node{position:absolute;display:grid;cursor:pointer;background:var(--surface);color:var(--muted);box-shadow:0 6px 0 var(--line),var(--shadow);font-family:var(--f-display);border:0;border-radius:50%;place-items: center;width:68px;height:68px;padding:0;font-size:26px;font-weight:700;transform:translate(-50%,-50%)}.node:active{transform:translate(-50%,-46%)}.node.done{background:var(--grass);color:var(--on-accent);box-shadow:0 6px 0 var(--grass-deep),var(--shadow)}.node.cur{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 0 var(--accent-deep),var(--shadow)}.node.cur:after{content:"";position:absolute;border:4px solid var(--accent);animation:1.6s ease-out infinite ring;border-radius:50%;inset:-10px}.node:disabled{cursor:default}.node:disabled:active{transform:translate(-50%,-50%)}.node .lock{width:22px;height:22px}.node-stars{position:absolute;display:flex;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.node-stars svg{color:var(--line);width:18px;height:18px}.node-stars svg.on{color:var(--sun)}.boss-node{background:var(--berry);box-shadow:0 6px 0 var(--berry-deep),var(--shadow);width:96px;height:96px}.boss-node.cur{background:var(--berry);box-shadow:0 6px 0 var(--berry-deep),var(--shadow)}.boss-node.cur:after{border-color:var(--berry)}.boss-node .boss{width:78px;height:66px}.boss-node.won{background:var(--grass);box-shadow:0 6px 0 var(--grass-deep),var(--shadow)}.boss-node:disabled .boss{opacity:.55}.node-label{position:absolute;font-family:var(--f-display);color:var(--ink);background:var(--surface);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:700;transform:translateY(-50%)}.me{position:absolute;pointer-events:none;width:60px;height:60px;transform:translate(-50%,-100%)}.me .buddy{width:100%;height:100%}.map-note{text-align:center;margin-top:8px}.stage{gap:12px;min-height:100%;padding-bottom:124px}.answers{margin-top:auto}.stop{display:flex;align-items: center;gap:10px}.dots{list-style:none;display:flex;flex:1;gap:5px;min-width:0;margin:0;padding:0}.dots li{background:var(--surface);box-shadow:inset 0 2px 0 var(--line);border-radius:5px;flex:1;height:10px}.dots li.ok{background:var(--grass);box-shadow:none}.dots li.half{background:var(--sun);box-shadow:none}.dots li.no{background:var(--coral);box-shadow:none}.dots li.now{background:var(--accent);box-shadow:none;opacity:.5}.combo{font-family:var(--f-display);background:var(--sun);color:var(--tile-ink);visibility:hidden;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:700}.combo.on{visibility:visible;animation:.3s pop}.hp{display:flex;flex:1;align-items: center;gap:8px;min-width:0}.hp-label{font-family:var(--f-display);color:var(--berry);white-space:nowrap;font-size:13px;font-weight:700}.hpbar{background:var(--surface);overflow:hidden;box-shadow:inset 0 2px 0 var(--line);border-radius:7px;flex:1;min-width:0;height:14px}.hpbar i{display:block;background:linear-gradient(90deg,var(--berry),var(--coral));height:100%;transition:width .4s}.hearts{display:flex;color:var(--coral);gap:1px}.hearts svg{width:18px;height:18px}.hearts svg.off{color:var(--line)}.strip{position:relative;display:flex;justify-content:space-between;align-items: flex-end;height:110px}.strip-buddy{flex:none;width:96px;height:96px}.strip-buddy .buddy{width:100%;height:100%}.strip-boss{flex:none;width:132px;height:112px}.strip-boss .boss{width:100%;height:100%}.say{position:absolute;background:var(--surface);box-shadow:var(--shadow);border-radius:16px 16px 16px 4px;max-width:calc(100% - 120px);margin:0;padding:8px 12px;font-size:14px;top:10px;left:106px}.strip.with-boss .say{max-width:calc(100% - 244px)}@media (max-width:440px){.strip.with-boss .say{display:none}}@media (pointer:coarse){.opt .onum{display:none}}.say:empty{display:none}.camp-tag{position:absolute;font-family:var(--f-display);background:var(--grass);color:var(--on-accent);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;top:6px;right:0}.strip.with-boss .camp-tag{display:none}.shot{position:absolute;color:var(--sun);animation:.32s ease-in forwards shot;width:26px;height:26px;bottom:44px;left:84px}.shot svg{width:100%;height:100%}.qcard{position:relative;overflow:hidden;background:var(--surface);border:5px solid var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;text-align:center;flex-direction:column;flex:auto;justify-content:flex-start;align-items: center;gap:6px;min-height:190px;max-height:320px;padding:12px 14px 18px}.q-scene{position:absolute;z-index:0;inset:0}.q-scene .scene{display:block;filter:brightness(var(--scene-dim));width:100%;height:100%}.qcard>:not(.q-scene){position:relative;z-index:1}.qcard.scened .ins{background:var(--surface);color:var(--ink);box-shadow:0 2px 0 var(--line);border-radius:999px;padding:3px 14px}.qcard.scened .zh{background:var(--surface);box-shadow:0 2px 0 var(--line);border-radius:12px;padding:2px 14px}.ins{color:var(--muted);margin:0;font-size:15px}.pbody{display:flex;flex-wrap:wrap;flex:1;justify-content:center;align-items: center;gap:16px;min-height:112px}.word{font-family:var(--f-word);font-weight:700}.word.big{margin:0;font-size:clamp(42px,11vw,58px);line-height:1.1}.word.huge{margin:0;font-size:clamp(44px,13vw,64px);line-height:1.15}.zh{margin:0;font-size:20px;font-weight:600}.zh.big{font-size:42px}.zh.mid{font-size:28px;font-family:var(--f-display)}.stk.xl{font-size:100px}.stk.lg{font-size:78px}.stk.sm{font-size:36px}.pcol{display:flex;flex-direction:column;align-items: center;gap:6px}.speak{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 0 var(--accent-deep);display:grid;cursor:pointer;border:0;border-radius:50%;flex:none;place-items: center;width:56px;height:56px;padding:0}.speak svg{width:28px;height:28px}.speak.big{width:108px;height:108px}.speak.big svg{width:54px;height:54px}.speak:active{transform:translateY(3px)}.speak.playing{animation:.6s pulse}.shake{animation:.34s shake}.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opts.n3.picopts{grid-template-columns:repeat(3,1fr)}.opts.n3.txt{grid-template-columns:1fr}.opts.n5 .opt:last-child{grid-column:1/-1}.opt{position:relative;border-radius:calc(var(--radius) - 4px);border:3px solid var(--line);background:var(--surface);box-shadow:0 5px 0 var(--line);cursor:pointer;display:flex;justify-content:center;align-items: center;gap:10px;min-width:0;min-height:78px;padding:12px 10px;transition:transform 80ms,box-shadow 80ms,border-color .15s,background-color .15s}.opt:active{box-shadow:0 1px 0 var(--line);transform:translateY(4px)}.opt .stk{font-size:52px}.opts.picopts .opt{flex-direction:column;gap:4px;min-height:100px}.opt .word{overflow-wrap:anywhere;font-size:27px}.opt .onum{position:absolute;color:var(--muted);font-size:11px;font-family:var(--f-display);top:4px;left:9px}.opt.sel{border-color:var(--accent-ink);box-shadow:0 5px 0 var(--accent-deep);background:var(--surface-2)}.opt.right{border-color:var(--grass);box-shadow:0 5px 0 var(--grass-deep);background:color-mix(in srgb,var(--grass)16%,var(--surface))}.opt.wrong{border-color:var(--coral);box-shadow:0 5px 0 var(--coral-deep);background:color-mix(in srgb,var(--coral)16%,var(--surface))}.opt.missed{border-style:dashed;border-color:var(--grass)}.opt:disabled{cursor:default}.opt.right .stk,.opt.right .word{animation:.35s pop}.opt .reveal{font-family:var(--f-word);color:var(--muted);font-size:15px;font-weight:700}.multi .check{position:absolute;border:2px solid var(--line);display:grid;color:#0000;border-radius:50%;place-items: center;width:24px;height:24px;top:8px;right:8px}.multi .check svg{width:15px;height:15px}.multi .opt.sel .check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.slots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:4px 0 14px}.slot{border:3px dashed var(--slot-line);display:grid;font-family:var(--f-word);color:var(--tile-ink);cursor:pointer;background:0 0;border-radius:12px;place-items: center;min-width:46px;height:58px;padding:0 6px;font-size:30px;font-weight:700}.slots.long .slot{border-radius:10px;min-width:34px;height:50px;padding:0 3px;font-size:24px}.slot.full{border-style:solid;border-color:var(--tile-edge);background:var(--tile);box-shadow:0 4px 0 var(--tile-edge)}.slot.fix{color:var(--ink);cursor:default;background:0 0;border:0;min-width:26px;padding:0}.slot.chunk{min-width:66px}.slot.pop{animation:.22s pop}.slots.good .slot.full{border-color:var(--grass);box-shadow:0 4px 0 var(--grass-deep)}.slots.bad .slot.full,.slots.close .slot.full{border-color:var(--coral);box-shadow:0 4px 0 var(--coral-deep)}.tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tile{position:relative;background:var(--tile);color:var(--tile-ink);box-shadow:0 5px 0 var(--tile-edge);font-family:var(--f-word);cursor:pointer;border:0;border-radius:14px;min-width:54px;height:62px;padding:0 10px;transition:transform 80ms;font-size:30px;font-weight:700}.tile:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(4px)}.tile.used{visibility:hidden}.tile.chunk{min-width:72px}.tile.cv{background:color-mix(in srgb,var(--coral)26%,var(--tile))}.tile.cd{background:color-mix(in srgb,var(--grass)24%,var(--tile))}.tile.cv:after{content:"";position:absolute;background:var(--coral-deep);border-radius:50%;width:7px;height:7px;bottom:7px;left:50%;transform:translate(-50%)}.tile.cd:after{content:"";position:absolute;background:var(--grass-deep);border-radius:2px;height:4px;bottom:8px;left:26%;right:26%}.correct-word{text-align:center;font-family:var(--f-word);letter-spacing:.06em;margin:0 0 10px;font-size:32px;font-weight:700}.d-ok{color:var(--ok-ink)}.d-no{color:var(--no-ink);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.kb{display:flex;flex-direction:column;align-items: center;gap:6px}.kr{display:flex;justify-content:center;gap:5px;width:100%}.key{background:var(--surface);box-shadow:0 3px 0 var(--line);font-family:var(--f-word);cursor:pointer;border:0;border-radius:10px;flex:1;min-width:0;max-width:46px;height:50px;padding:0;font-size:21px;font-weight:700}.key.wide{display:grid;flex:1.6;place-items: center;max-width:66px}.key svg{width:22px;height:22px}.key:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.fb{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--pn-h,0px));border-radius:var(--radius);display:flex;z-index:25;justify-content:space-between;align-items: center;gap:12px;width:min(560px,100% - 32px);padding:14px 16px;transition:transform .24s cubic-bezier(.2,.9,.3,1.25);transform:translate(-50%,160%)}.fb.show{transform:translate(-50%)}.fb.ok{background:var(--grass);color:var(--on-accent);box-shadow:0 6px 0 var(--grass-deep);cursor:pointer}.fb.no{background:var(--coral);color:var(--tile-ink);box-shadow:0 6px 0 var(--coral-deep)}.fb-in{display:flex;flex-direction:column;min-width:0}.fb-in b{font-family:var(--f-display);font-size:21px;line-height:1.2}.fb-in span{font-size:15px}.fb-in em{font-style:normal;font-family:var(--f-word);font-size:20px;font-weight:700}.fb .btn{background:var(--surface);color:var(--ink);flex:none;min-height:48px;padding:8px 20px;box-shadow:0 4px #0003}.result{text-align:center}.res-hero{display:flex;flex-direction:column;align-items: center;gap:4px;padding-top:12px}.res-hero .buddy{width:124px;height:124px}.res-hero .boss{width:150px;height:128px}.res-title{font-family:var(--f-display);text-wrap:balance;margin:0;font-size:clamp(34px,9vw,46px);font-weight:700;line-height:1.15}.res-sub{color:var(--muted);margin:0}.bigstars{display:flex;justify-content:center;align-items: flex-end;gap:6px;margin-top:6px}.bstar{color:var(--line);opacity:.6;width:70px;height:70px;transform:scale(.7)}.bstar:nth-child(2){width:84px;height:84px}.bstar svg{width:100%;height:100%}.bstar.in{animation:.5s cubic-bezier(.2,.9,.3,1.5) forwards starin;color:var(--sun)}.res-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.res-stats div{background:var(--surface);border-radius:calc(var(--radius) - 6px);display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 6px}.res-stats span{color:var(--muted);font-size:12px}.res-stats b{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:24px}.ups{display:flex;flex-direction:column;align-items: center;gap:10px}.up-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 10px;padding-top:8px}.up-wrap{position:relative}.up-badge{position:absolute;z-index:2;background:var(--sun);color:var(--tile-ink);box-shadow:0 2px 0 var(--sun-deep);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;top:-9px;left:50%;transform:translate(-50%)}.row2{display:flex;flex-wrap:wrap;gap:12px}.row2 .btn{flex:1;min-width:130px}.bar{display:flex;align-items: center;gap:12px}.h1{font-family:var(--f-display);flex:1;margin:0;font-size:28px;font-weight:700}.count{font-family:var(--f-display);color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.coll{display:flex;flex-direction:column;gap:6px}.chips{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;padding:2px 2px 6px}.chip{background:var(--surface);color:var(--muted);box-shadow:0 3px 0 var(--line);cursor:pointer;border:0;border-radius:999px;flex:none;padding:6px 14px;font-size:14px;font-weight:700}.chip.on{background:var(--ink);color:var(--surface);box-shadow:none}.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.tcard{--m-hi:var(--line);--m-lo:var(--line);position:relative;display:block;background:linear-gradient(150deg,var(--m-hi),var(--m-lo));box-shadow:0 5px 0 color-mix(in srgb,var(--m-lo)75%,var(--ink)),var(--shadow);color:var(--ink);font:inherit;text-align:center;border:0;border-radius:18px;width:100%;padding:5px}button.tcard{cursor:pointer;transition:transform .12s}button.tcard:active{transform:translateY(3px)rotate(-1deg)}.tcard.bronze{--m-hi:var(--bronze-hi);--m-lo:var(--bronze-lo)}.tcard.silver{--m-hi:var(--silver-hi);--m-lo:var(--silver-lo)}.tcard.gold{--m-hi:var(--gold-hi);--m-lo:var(--gold-lo)}.tc-in{position:relative;background:var(--surface);overflow:hidden;display:flex;border-radius:13px;flex-direction:column}.tc-art{position:relative;aspect-ratio:4/3;display:grid;overflow:hidden;place-items: center}.tc-art .scene{position:absolute;filter:brightness(var(--scene-dim));width:100%;height:100%;inset:0}.tc-pic{position:relative;font-size:62px}.tc-top{position:absolute;display:flex;z-index:1;justify-content:space-between;align-items: center;gap:4px;top:6px;left:6px;right:6px}.tc-tier{display:flex;color:#e0a00e;background:#ffffffe0;border-radius:999px;gap:1px;padding:2px 6px}.tc-tier svg{width:11px;height:11px}.tc-tier svg.off{color:#cbd5e1}.tc-hab{color:#33415c;white-space:nowrap;background:#ffffffe0;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.tc-shine{position:absolute;animation:3.4s ease-in-out infinite shine;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#fff9 50%,#0000 62%) 0 0/260% 100%;inset:0}.tc-body{display:flex;flex-direction:column;align-items: center;gap:1px;padding:8px 8px 10px}.tc-en{font-family:var(--f-word);overflow-wrap:anywhere;margin:0;font-size:21px;font-weight:700;line-height:1.15}.tc-en.m{font-size:18px}.tc-en.l{font-size:15px}.tc-zh{color:var(--muted);margin:0;font-size:13px}.tc-pips{display:flex;gap:3px;margin-top:5px}.tc-pips i{background:var(--line);border-radius:3px;width:14px;height:5px}.tc-pips i.on{background:var(--m-lo)}.tcard.faded .tc-art{filter:grayscale(.9)}.tc-ribbon{position:absolute;background:var(--berry);color:var(--on-accent);box-shadow:0 2px 0 var(--berry-deep);border-radius:6px 0 0 6px;padding:2px 8px;font-size:11px;font-weight:700;top:38%;right:-3px}.tcard.back{--m-hi:var(--berry);--m-lo:var(--accent-deep)}.tcard.back .tc-in{background:radial-gradient(circle,#ffffff2e 1.5px,transparent 2.2px)0 0/12px 12px,linear-gradient(160deg,var(--berry),var(--accent-deep));color:var(--on-accent)}.tcard.back .tc-zh{color:var(--on-accent);opacity:.8}.tc-sil{font-family:var(--f-emoji);filter:brightness(0)invert(1);opacity:.3;font-size:62px;line-height:1}.tc-q{position:absolute;font-family:var(--f-display);color:var(--on-accent);font-size:40px;font-weight:700}.tcard.lg{border-radius:24px;width:min(300px,100%);margin:0 auto;padding:7px}.tcard.lg .tc-in{border-radius:18px}.tcard.lg .tc-pic{font-size:118px}.tcard.lg .tc-en{font-size:44px}.tcard.lg .tc-en.m{font-size:34px}.tcard.lg .tc-en.l{font-size:27px}.tcard.lg .tc-zh{font-size:18px}.tcard.lg .tc-hab{padding:2px 10px;font-size:13px}.tcard.lg .tc-tier svg{width:14px;height:14px}.tcard.lg .tc-pips i{width:22px;height:6px}.tcard.xs{border-radius:12px;flex:none;width:92px;padding:3px}.tcard.xs .tc-in{border-radius:9px}.tcard.xs .tc-pic{font-size:34px}.tcard.xs .tc-en{font-size:14px}.tcard.xs .tc-en.m,.tcard.xs .tc-en.l{font-size:11px}.tcard.xs .tc-top,.tcard.xs .tc-zh,.tcard.xs .tc-pips{display:none}.tcard.xs .tc-body{padding:4px 4px 6px}.flip{perspective:1200px;cursor:pointer;width:min(300px,100%)}.flip-in{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.3,1)}.flip.flipped .flip-in{transform:rotateY(180deg)}.face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip.flipped .face.front{visibility:hidden}.face.back{position:absolute;inset:0;transform:rotateY(180deg)}.face .tcard.lg{width:100%}.tc-backface,.tc-backface .tc-in{height:100%}.tb{display:flex;text-align:left;overflow:auto;flex-direction:column;gap:6px;height:100%;padding:14px}.tb-en{font-family:var(--f-word);margin:0;font-size:28px;font-weight:700;line-height:1.1}.tb-zh{color:var(--muted);margin:0;font-size:16px}.tb-h{font-family:var(--f-display);margin:2px 0 0;font-size:15px;font-weight:600}.tb-chunks{display:flex;flex-wrap:wrap;gap:6px}.tb-ch{position:relative;background:var(--tile);color:var(--tile-ink);box-shadow:0 3px 0 var(--tile-edge);font-family:var(--f-word);text-align:center;border-radius:10px;min-width:32px;padding:3px 7px 9px;font-size:19px;font-weight:700}.tb-ch.cv{background:color-mix(in srgb,var(--coral)26%,var(--tile))}.tb-ch.cd{background:color-mix(in srgb,var(--grass)24%,var(--tile))}.tb-ch.cv:after{content:"";position:absolute;background:var(--coral-deep);border-radius:50%;width:6px;height:6px;bottom:4px;left:50%;transform:translate(-50%)}.tb-ch.cd:after{content:"";position:absolute;background:var(--grass-deep);border-radius:2px;height:3px;bottom:4px;left:25%;right:25%}.tb-legend{color:var(--muted);margin:0;font-size:12px}.tb-kv{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:2px 0 0;font-size:13px}.tb-kv dt{color:var(--muted)}.tb-kv dd{margin:0;font-weight:600}.ov-stack{position:relative;display:flex;overflow:auto;flex-direction:column;align-items: center;gap:14px;width:min(340px,100%);max-height:100%;padding:4px}.ov-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:12px}.chip-new{font-family:var(--f-display);background:var(--sun);color:var(--tile-ink);box-shadow:0 3px 0 var(--sun-deep);border-radius:999px;padding:4px 16px;font-size:16px;font-weight:700}.learn .tcard{animation:.55s cubic-bezier(.2,.9,.3,1.25) deal}.pcard{background:var(--surface);border-radius:var(--radius);display:flex;box-shadow:0 4px 0 var(--line);flex-direction:column;gap:12px;padding:16px}.row{display:flex;justify-content:space-between;align-items: center;gap:12px}.row>span{display:flex;flex-direction:column}.row small{color:var(--muted);font-size:12px}input[type=checkbox]{accent-color:var(--accent-ink);flex:none;width:24px;height:24px}input[type=range]{accent-color:var(--accent-ink);width:48%}#ov{position:fixed;z-index:40;display:grid;padding:24px max(16px,env(safe-area-inset-right,0px))24px max(16px,env(safe-area-inset-left,0px));place-items: center;inset:0}.ov-back{position:absolute;background:var(--scrim);inset:0}.ov-card{position:relative;overflow:auto;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;text-align:center;animation:.34s cubic-bezier(.2,.9,.3,1.3) popin;flex-direction:column;align-items: center;gap:10px;width:min(420px,100%);max-height:100%;padding:22px 20px}.ov-card .buddy{width:96px;height:96px}.ov-card .row2{width:100%}.ch{display:inline-block;color:var(--ch-c);border-bottom:3px solid #0000;padding:0 1px 2px}.ch.cv{color:var(--no-ink);border-bottom-style:dotted;border-bottom-color:var(--coral)}.ch.cd{color:var(--ok-ink);border-bottom-color:var(--grass)}.lv-big{font-family:var(--f-display);color:var(--sun-deep);margin:0;font-size:56px;font-weight:700;line-height:1}.unl{list-style:none;display:flex;flex-direction:column;gap:6px;width:100%;margin:0;padding:0}.unl li{background:var(--surface-2);border-radius:12px;padding:8px 12px;font-weight:600}#fx{position:fixed;pointer-events:none;z-index:45;overflow:hidden;inset:0}.pt{position:absolute;background:var(--c);animation:.75s cubic-bezier(.15,.7,.3,1) forwards pt;border-radius:3px;width:10px;height:10px}.ft{position:absolute;font-family:var(--f-display);color:var(--sun-deep);text-shadow:0 2px 0 var(--surface);animation:.95s ease-out forwards ft;white-space:nowrap;font-size:22px;font-weight:700;transform:translate(-50%,-50%)}.ft.dmg{color:var(--berry);font-size:30px}.cf{position:absolute;background:var(--c);animation:cf 2.3s cubic-bezier(.3,.6,.4,1)var(--d)forwards;border-radius:2px;width:10px;height:16px;top:-18px}.toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px) + var(--o,0px));background:var(--ink);color:var(--surface);box-shadow:var(--shadow);animation:2s forwards toast;white-space:nowrap;z-index:50;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;transform:translate(-50%)}.toast.lv{background:var(--sun);color:var(--tile-ink)}#panel{position:fixed;z-index:30;background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px}#panel h4{font-family:var(--f-display);margin:14px 0 6px;font-size:14px;font-weight:600}.pn-head{display:flex;justify-content:space-between;align-items: center;gap:10px}.pn-toggle{text-align:left;cursor:pointer;display:flex;background:0 0;border:0;flex-direction:column;flex:1;min-width:0;padding:4px 0}.pn-toggle b{font-family:var(--f-display);font-size:15px}.pn-toggle span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-kv{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0}.pn-kv dt{color:var(--muted)}.pn-kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.pn-th{display:flex;flex-direction:column;gap:6px}.pn-th>div{display:grid;grid-template-columns:18px 1fr 44px 48px;align-items: center;gap:8px}.pn-th small{color:var(--muted)}.thbar{position:relative;background:var(--surface-2);border-radius:4px;height:8px}.thbar:before{content:"";position:absolute;background:var(--line);width:2px;top:-3px;bottom:-3px;left:50%}.thbar i{position:absolute;background:var(--accent);border-radius:50%;width:14px;height:14px;transition:left .5s;top:-3px;transform:translate(-50%)}.pn-tabwrap{overflow-x:auto}.pn-tab{border-collapse:collapse;width:100%;margin-top:8px}.pn-tab th,.pn-tab td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:4px 5px}.pn-tab th{color:var(--muted);font-weight:400}.pn-tab tr.on td{background:var(--surface-2);font-weight:700}.pn-boxes{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:4px}.pn-boxes div{background:var(--surface-2);border-radius:8px;padding:4px 0}.pn-boxes b{display:block;font-size:16px;font-family:var(--f-display)}.pn-boxes span{color:var(--muted);font-size:11px}.pn-tools{display:flex;flex-wrap:wrap;gap:8px}.pn-empty,.pn-last{color:var(--muted);margin:0}@media (min-width:1000px){#panel{overflow:auto;padding:16px 18px calc(16px + env(safe-area-inset-bottom,0px));border-left:2px solid var(--line);width:340px;top:0;bottom:0;right:0}body.has-panel{padding-right:max(372px,env(safe-area-inset-right,0px))}.pn-toggle{cursor:default}.pn-toggle span{display:none}}@media (max-width:999.98px){#panel{max-height:calc(var(--app-h,100dvh)*.62);overflow:auto;padding:8px max(16px,env(safe-area-inset-right,0px))calc(10px + env(safe-area-inset-bottom,0px))max(16px,env(safe-area-inset-left,0px));border-radius:18px 18px 0 0;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0d142438}body.has-panel{--pn-h:62px;padding-bottom:70px}.pn-body{display:none}#panel.open .pn-body{display:block}}@media (max-height:700px){.strip{height:86px}.strip-buddy{width:76px;height:76px}.strip-boss{width:104px;height:88px}.pbody{min-height:90px}.stk.xl{font-size:82px}.stk.lg{font-size:64px}.speak.big{width:92px;height:92px}.say{left:84px}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bossbob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes jump{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-22px)scale(.95,1.06)}60%{transform:translateY(0)scale(1.08,.92)}to{transform:translateY(0)scale(1)}}@keyframes tilt{0%,to{transform:rotate(0)}35%{transform:rotate(-8deg)}70%{transform:rotate(4deg)}}@keyframes ring{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.25);opacity:0}}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes popin{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes deal{0%{transform:translateY(46px)rotate(-9deg)scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes shine{0%,30%{background-position:120% 0}70%,to{background-position:-20% 0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes starin{0%{transform:scale(.3)rotate(-40deg);opacity:.4}70%{transform:scale(1.18)rotate(6deg);opacity:1}to{transform:scale(1)rotate(0);opacity:1}}@keyframes hit{0%{transform:translate(0);filter:brightness(1)}20%{transform:translate(10px);filter:brightness(1.8)}50%{transform:translate(-6px)}to{transform:translate(0);filter:brightness(1)}}@keyframes gone{0%{transform:scale(1);opacity:1}40%{transform:scale(1.15)rotate(8deg)}to{transform:scale(.2)rotate(-30deg);opacity:0}}@keyframes shot{to{transform:translateX(var(--tx,200px))rotate(400deg)scale(1.3)}}@keyframes pt{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))scale(.2)rotate(200deg);opacity:0}}@keyframes ft{to{transform:translate(-50%,-160%);opacity:0}}@keyframes cf{to{transform:translate(var(--x),106vh)rotate(var(--r))}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-12px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.pic{display:inline-block;vertical-align:middle;object-fit:contain;width:1em;height:1em}.opt .pic{font-size:52px}.opts.picopts .opt .pic{font-size:56px}.multi .opt .pic.sm{font-size:34px}.deco.pic,.animal.pic{width:30px;height:30px}.animal.pic.gold{width:42px;height:42px}.band-pic.pic{width:36px;height:36px}.wordart{display:inline-block;font-family:var(--f-word);color:#1b2844;text-shadow:0 0 6px #fff,0 0 2px #fff,0 2px #fff;text-align:center;overflow-wrap:anywhere;padding:0 8px;font-weight:700;line-height:1.05}.tc-art .wordart{position:relative;font-size:26px}.tcard.lg .tc-art .wordart{font-size:46px}.tcard.xs .tc-art .wordart{padding:0 4px;font-size:14px}.q-wordart{font-size:48px}.zh-opt{overflow-wrap:anywhere;font-size:22px;font-weight:700}.learn-sen,.tb-sen{font-family:var(--f-word);color:var(--ink);text-align:center;margin:0;font-size:18px}.learn-sen span,.tb-sen span{font-family:var(--f-ui);color:var(--muted);font-size:14px}.tb-sen{text-align:left;font-size:15px}.learn-sen{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:10px 14px}.who{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.who-card{display:flex;border-radius:var(--radius);border:3px solid var(--line);background:var(--surface);box-shadow:0 5px 0 var(--line);cursor:pointer;flex-direction:column;align-items: center;gap:2px;min-width:0;padding:12px 10px 14px}.who-card:active{transform:translateY(3px)}.who-card .buddy{width:84px;height:84px}.who-name{font-family:var(--f-display);overflow-wrap:anywhere;font-size:20px;font-weight:700}.who-sub{color:var(--muted);font-size:13px}.who-card.add{border-style:dashed;justify-content:center}.who-plus{display:grid;color:var(--muted);place-items: center;width:84px;height:84px}.who-plus svg{width:40px;height:40px}.who-chip{background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:0 2px 0 var(--line);border:0;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:700}.name-in{font:inherit;border-radius:calc(var(--radius) - 6px);border:3px solid var(--line);background:var(--surface);color:var(--ink);width:100%;min-width:0;padding:12px 14px;font-size:20px}.name-in:focus{outline:none;border-color:var(--accent-ink)}.colors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.color-pick{border:3px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;box-shadow:0 4px 0 var(--line);min-width:0;padding:6px}.color-pick .buddy{width:100%;height:auto;max-height:72px}.color-pick.on{border-color:var(--accent-ink);box-shadow:0 4px 0 var(--accent-deep)}.colors.sm .color-pick .buddy{max-height:52px}.regions{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;margin-inline-start:-2px;margin-inline-end:-2px;padding:2px 2px 8px}.rchip{display:flex;background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--line);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;flex:none;align-items: center;gap:4px;padding:7px 14px;font-size:14px;font-weight:700}.rchip svg{width:14px;height:14px}.rchip.on{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-deep)}.rchip.won:not(.on){box-shadow:0 3px 0 var(--grass),inset 0 0 0 2px var(--grass)}.rchip:disabled{opacity:.55;cursor:default}.note{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--line);border-radius:14px;margin:0;padding:10px 14px;font-size:14px}.note-btn{text-align:left;font:inherit;background:var(--sun);color:var(--tile-ink);box-shadow:0 4px 0 var(--sun-deep);cursor:pointer;border:0;border-radius:14px;padding:12px 14px;font-size:15px;font-weight:700}.note-btn.hot{background:var(--coral);box-shadow:0 4px 0 var(--coral-deep)}.boss-node .flag{width:62%;height:62%}.map.fit .island.won .land{box-shadow:0 0 0 8px var(--sand),0 0 0 20px var(--water),0 0 26px 22px color-mix(in srgb,var(--sun)40%,transparent)}.rainbow{position:absolute;aspect-ratio:2;opacity:.7;pointer-events:none;-webkit-mask:linear-gradient(#000 55%,#0000 100%);mask:linear-gradient(#000 55%,#0000 100%);animation:1.2s ease-out both rise;background:radial-gradient(50% 100% at 50% 100%,#0000 0 56%,#ff6b6b 56% 62%,#ffb347 62% 68%,#ffe066 68% 74%,#6bd88a 74% 80%,#5aaeff 80% 86%,#a17cff 86% 92%,#0000 92%);border-radius:999px 999px 0 0;top:-1%;left:14%;right:14%}.spark{position:absolute;pointer-events:none;animation:2.4s ease-in-out infinite twinkle;animation-delay:var(--dl,0s);width:18px;height:18px;transform:translate(-50%,-50%)}.deco.bloom{animation:.5s ease-out both bloom}@keyframes bloom{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes twinkle{0%,to{opacity:.25;transform:translate(-50%,-50%)scale(.6)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}@keyframes rise{0%{opacity:0;transform:translateY(12%)}to{opacity:.7}}button.node-label{cursor:pointer;z-index:3;border:0}.node-label.go{display:flex;background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--grass),inset 0 0 0 2px var(--grass);border-radius:12px;flex-direction:column;align-items: flex-start;gap:0;padding:4px 10px;line-height:1.15}.node-label.go small{color:var(--muted);font-size:11px;font-weight:700}.node-label.go b{display:flex;align-items: center;gap:2px;font-size:14px}.node-label.go svg{color:var(--grass-deep);width:13px;height:13px}.node-label.go.hot{animation:1.6s ease-in-out infinite nudge}@keyframes nudge{0%,to{box-shadow:0 3px 0 var(--grass),inset 0 0 0 2px var(--grass),0 0 0 0 color-mix(in srgb,var(--grass)60%,transparent)}60%{box-shadow:0 3px 0 var(--grass),inset 0 0 0 2px var(--grass),0 0 0 9px transparent}}.map.fit .me.at-flag{transform:translate(calc(-100% - var(--nd)*.7),-42%)}.rchip.fresh:after{content:"";background:var(--coral);animation:1.4s ease-in-out infinite fresh-dot;border-radius:50%;width:8px;height:8px;margin-left:2px}@keyframes fresh-dot{50%{transform:scale(1.5);opacity:.6}}.unlock{display:flex;background:var(--surface);box-shadow:0 3px 0 var(--grass);border-radius:16px;flex-direction:column;align-items: center;gap:2px;margin-top:6px;padding:6px 18px}.unlock-eb{color:var(--muted);letter-spacing:.08em;font-size:12px;font-weight:700}.unlock-n{font-family:var(--f-display);font-size:20px}.camp-tag.hot{background:var(--coral);color:var(--tile-ink)}.me-row{display:flex;align-items: center;gap:12px}.me-row .buddy{flex:none;width:64px;height:64px}.me-fields{display:flex;flex-direction:column;flex:1;gap:4px;min-width:0}.file-btn{display:inline-grid;text-align:center;place-items: center}.linkbtn{color:var(--accent-ink);font:inherit;text-decoration:underline;cursor:pointer;background:0 0;border:0;padding:0}.fine a{color:var(--accent-ink)}.hud .hbtn{font-family:var(--f-ui)}.qcard:not(.scened){min-height:170px;max-height:250px}body[data-screen=map] #app,body[data-screen=stage] #app{height:calc(var(--app-h,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.scr.map.fit{gap:8px;height:100%;min-height:0;padding-block-start:10px;padding-block-end:12px}.map.fit .hud{gap:10px}.map.fit .lvl{cursor:pointer;color:inherit;text-align:left;font:inherit;background:0 0;border:0;padding:0}.lvl-col{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0}.who-name-s{font-family:var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.1}.map.fit .lv-badge{width:46px;height:46px}.map.fit .lv-badge b{font-size:20px}.map.fit .xpbar{display:block;height:20px}.map.fit .xpbar span{font-size:12px;line-height:20px}.map.fit .hb-i{width:40px;height:40px}.map.fit .regions{padding-bottom:4px}.map.fit .rchip{padding:5px 12px;font-size:13px}.map.fit .region{flex-wrap:nowrap;align-items: center}.map.fit .rname{white-space:nowrap;font-size:26px}.map.fit .restore{min-width:0}.map.fit .today{padding:9px 16px}.map.fit .today-t{font-size:17px}.map.fit .today-n{font-size:13px}.map.fit .note,.map.fit .note-btn{padding:8px 12px;font-size:14px}.map.fit .island{--nd:clamp(40px,calc(var(--app-h,100dvh)*.074),62px);flex:auto;min-height:260px;margin-top:4px}.map.fit .land{box-shadow:0 0 0 8px var(--sand),0 0 0 20px var(--water);border-radius:44% 56% 40% 60%/9% 8% 10%;inset:4% 5%}.map.fit .node{width:var(--nd);height:var(--nd);font-size:calc(var(--nd)*.38)}.map.fit .node .lock{width:calc(var(--nd)*.34);height:calc(var(--nd)*.34)}.map.fit .node-stars{top:calc(100% + 1px)}.map.fit .node-stars svg{width:14px;height:14px}.map.fit .boss-node{width:calc(var(--nd)*1.3);height:calc(var(--nd)*1.3)}.map.fit .boss-node .boss{width:82%;height:70%}.map.fit .node-label{transform:translate(calc(var(--nd)*.65 + 8px),-50%);padding:1px 8px;font-size:12px}.map.fit .me{width:calc(var(--nd)*.9);height:calc(var(--nd)*.9);transform:translate(-50%,calc(-100% - var(--nd)*.48))}.map.fit .me.at-boss{transform:translate(-50%,calc(-100% - var(--nd)*.62))}.map.fit .deco.pic,.map.fit .animal.pic{width:24px;height:24px}.map.fit .animal.pic.gold{width:32px;height:32px}.scr.stage{overflow-y:auto;gap:8px;height:100%;min-height:0;padding-block-start:8px;padding-block-end:100px}.stage .strip{flex:none;height:76px}.stage .strip-buddy{width:70px;height:70px}.stage .strip-boss{width:100px;height:86px}.stage .say{top:4px;left:80px}.stage .strip.with-boss .say{max-width:calc(100% - 200px)}.stage .qcard{flex:auto;min-height:120px;max-height:320px}.stage .qcard:not(.scened){max-height:240px}.stage .answers{flex:none}.stage .pbody{min-height:0}.stage .stk.xl,.stage .pic.xl{font-size:clamp(56px,calc(var(--app-h,100dvh)*.11),96px)}.stage .stk.lg,.stage .pic.lg{font-size:clamp(48px,calc(var(--app-h,100dvh)*.09),76px)}.stage .speak.big{width:clamp(72px,calc(var(--app-h,100dvh)*.12),104px);height:clamp(72px,calc(var(--app-h,100dvh)*.12),104px)}.stage .opts.picopts .opt{min-height:clamp(76px,calc(var(--app-h,100dvh)*.12),100px)}.stage .opts.picopts .opt .pic{font-size:clamp(40px,calc(var(--app-h,100dvh)*.07),56px)}.stage .opt{min-height:clamp(60px,calc(var(--app-h,100dvh)*.09),78px);padding:8px}.stage .key{height:clamp(40px,calc(var(--app-h,100dvh)*.06),50px)}.stage .slot{height:clamp(46px,calc(var(--app-h,100dvh)*.07),58px)}.stage .tile{height:clamp(50px,calc(var(--app-h,100dvh)*.075),62px)}.result .res-hero .buddy{width:96px;height:96px}.result .bstar{width:56px;height:56px}.result .bstar:nth-child(2){width:70px;height:70px}.result .up-row{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:10px 2px 6px}.result .up-row .up-wrap:first-child{margin-left:auto}.result .up-row .up-wrap:last-child{margin-right:auto}.result{gap:12px}@media (max-height:700px){.map.fit .today{padding:6px 14px}.map.fit .today:disabled{display:none}.map.fit .today-t{font-size:15px}.map.fit .today-n{font-size:12px}.map.fit .region{margin-top:-2px}.stage .strip{height:64px}.stage .strip-buddy{width:58px;height:58px}}.cloze-box{gap:8px;max-width:100%}.cloze{font-family:var(--f-word);font-size:clamp(20px,calc(var(--app-h,100dvh)*.034),26px);text-wrap:balance;margin:0;line-height:1.4}.cloze .blank{display:inline-block;border-bottom:3px solid var(--accent);color:var(--accent-ink);letter-spacing:.05em;min-width:3em;padding:0 6px;font-weight:700}.cloze .blank.ok{color:var(--ok-ink);border-color:var(--grass)}.cloze .blank.fix{color:var(--no-ink);border-color:var(--coral)}.cloze-zh{color:var(--muted);margin:0;font-size:15px}.parent .pcard{gap:10px}.stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats4 div{background:var(--surface-2);display:flex;text-align:center;border-radius:12px;flex-direction:column;align-items: center;min-width:0;padding:8px 4px}.stats4 b{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:22px}.stats4 b small{color:var(--muted);font-size:13px}.stats4 span{color:var(--muted);font-size:11px}.chart{display:block;width:100%;height:auto}.chart .bar{fill:var(--accent);opacity:.55}.chart .bar.today{opacity:1}.chart .bar-v{fill:var(--ink);text-anchor:middle;font-size:9px;font-family:var(--f-display)}.chart .bar-d{fill:var(--muted);text-anchor:middle;font-size:9px}.chart .goal{stroke:var(--grass);stroke-dasharray:3 3;stroke-width:1}.chart .goal-t{fill:var(--ok-ink);text-anchor:end;font-size:9px}.tips{display:flex;flex-direction:column;gap:4px;margin:0;padding-left:20px}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sk{display:flex;background:var(--surface-2);border-radius:12px;flex-direction:column;align-items: center;gap:4px;padding:10px 4px}.sk b{font-family:var(--f-display);font-size:16px}.sk small{color:var(--muted);font-size:11px}.tag{background:var(--line);color:var(--ink);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.tag.good{background:var(--grass);color:var(--on-accent)}.tag.weak{background:var(--coral);color:var(--tile-ink)}.h3{margin:4px 0 0;font-size:14px;font-weight:700}.weak{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.weak li{display:flex;background:var(--surface-2);border-radius:10px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:14px}.weak small{color:var(--muted);white-space:nowrap}.watch{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.watch-w{background:var(--surface-2);display:flex;text-align:left;cursor:pointer;font:inherit;color:var(--ink);border:0;border-radius:12px;flex-direction:column;align-items: flex-start;padding:8px 10px}.watch-w b{font-family:var(--f-word);font-size:18px}.watch-w span{font-size:13px}.watch-w small{color:var(--muted);font-size:11px}.rg{display:flex;flex-direction:column;gap:6px}.rg-row{display:grid;grid-template-columns:5.5em 1fr auto;align-items: center;gap:8px;font-size:13px}.rg-row small{color:var(--muted);font-variant-numeric:tabular-nums}.kid-row{display:flex;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 12px;padding:6px 0;font-size:14px}.name-in.center{text-align:center;font-family:var(--f-display);font-size:26px}.rg-row .rbar,.parent .coll .rbar{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.place-card{display:flex;border-radius:var(--radius);background:var(--surface);border:3px solid var(--accent);box-shadow:0 5px 0 var(--accent-deep);flex-direction:column;align-items: center;gap:2px;padding:16px}.place-card .band-n{font-size:34px}.sen-btn{display:inline-grid;vertical-align:middle;background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;border-radius:50%;place-items: center;width:30px;height:30px;margin-right:6px;padding:0}.sen-btn svg{width:16px;height:16px}.gen-art{position:relative;filter:drop-shadow(0 3px 0 #1b28442e);width:80%;height:76%;margin-top:10%}.wface{position:relative;display:flex;flex-direction:column;align-items: center;gap:6px;max-width:94%;margin-top:12%}.wf-pos{color:#fff;background:var(--pc);border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;line-height:1.6;box-shadow:0 2px #1b284440}.wf-word{font-family:var(--f-word);color:#1b2844;border:3px solid var(--pc);box-shadow:0 4px 0 var(--pc);white-space:nowrap;background:#fff;border-radius:12px;padding:3px 10px;font-size:22px;font-weight:700;line-height:1.15;transform:rotate(-2deg)}.wf-word.m{font-size:18px}.wf-word.l{padding:3px 7px;font-size:15px}.wf-word.xl{white-space:normal;padding:3px 6px;font-size:12px}.wf-sen{display:none}.tcard.lg .wface{gap:10px}.tcard.lg .wf-pos{font-size:14px}.tcard.lg .wf-word{box-shadow:0 6px 0 var(--pc);border-width:4px;padding:4px 16px;font-size:38px}.tcard.lg .wf-word.m{font-size:30px}.tcard.lg .wf-word.l{font-size:24px}.tcard.lg .wf-word.xl{font-size:20px}.tcard.lg .wf-sen{display:block;position:relative;font-family:var(--f-word);color:#1b2844;background:#fffffff0;border-radius:12px;margin-top:4px;padding:5px 12px;font-size:15px;line-height:1.3}.tcard.lg .wf-sen:before{content:"";position:absolute;border:7px solid #0000;border-top:0;border-bottom-color:#fffffff0;margin-left:-7px;top:-7px;left:50%}.wf-sen b{color:var(--pc)}.tcard.xs .wface{margin-top:0}.tcard.xs .wf-pos{display:none}.tcard.xs .wf-word{box-shadow:0 2px 0 var(--pc);border-width:2px;padding:1px 5px;font-size:13px}.tcard.xs .wf-word.m,.tcard.xs .wf-word.l,.tcard.xs .wf-word.xl{font-size:10px}.onb.fit{min-height:calc(var(--app-h,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));justify-content:center;gap:10px;padding-block-start:10px;padding-block-end:14px}.onb.fit>.bar{margin-bottom:-4px}.onb.fit .onb-hero{padding-top:0}.onb.fit .onb-hero .buddy{width:clamp(60px,calc(var(--app-h,100dvh)*.13),112px);height:clamp(60px,calc(var(--app-h,100dvh)*.13),112px)}.onb.fit .logo{font-size:clamp(38px,calc(var(--app-h,100dvh)*.08),64px)}.onb.fit .lede{margin-top:4px;font-size:15px}.onb.fit .h2{font-size:17px}.h2-note{font-family:var(--f-ui);color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.onb.fit .band{padding:10px 12px}.onb.fit .band-n{font-size:22px}.onb.fit .band-s{font-size:13px}.onb.fit .band-pic.pic{width:30px;height:30px;top:10px;right:10px}.onb.fit .seg button{padding:6px 4px}.onb.fit .btn.big{min-height:56px;font-size:22px}.onb.fit .btn.ghost{min-height:48px;padding:8px 12px;font-size:16px}.onb-who{display:flex;font-family:var(--f-display);align-items: center;gap:8px;min-width:0;font-size:20px}.onb-who .buddy{flex:none;width:40px;height:40px}.onb-who b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-height:600px){.onb.fit .band-s,.onb.fit .seg button small{display:none}.onb.fit .lede{font-size:14px;line-height:1.4}.onb.fit .btn.big{min-height:50px}}body[data-screen=result] #app,body[data-screen=placeResult] #app{height:calc(var(--app-h,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.scr.result{gap:clamp(6px,calc(var(--app-h,100dvh)*.016),12px);justify-content:center;height:100%;min-height:0;padding-block-start:10px;padding-block-end:14px}.result .res-hero{padding-top:0}.result .res-hero .buddy{width:clamp(56px,calc(var(--app-h,100dvh)*.14),96px);height:clamp(56px,calc(var(--app-h,100dvh)*.14),96px)}.result .res-hero .boss{width:clamp(80px,calc(var(--app-h,100dvh)*.18),150px);height:clamp(68px,calc(var(--app-h,100dvh)*.16),128px)}.result .res-title{font-size:clamp(26px,calc(var(--app-h,100dvh)*.06),46px)}.result .bstar{width:clamp(34px,calc(var(--app-h,100dvh)*.07),56px);height:clamp(34px,calc(var(--app-h,100dvh)*.07),56px)}.result .bstar:nth-child(2){width:clamp(42px,calc(var(--app-h,100dvh)*.086),70px);height:clamp(42px,calc(var(--app-h,100dvh)*.086),70px)}.result .res-stats div{padding:clamp(6px,calc(var(--app-h,100dvh)*.014),12px)6px}.result .res-stats b{font-size:clamp(18px,calc(var(--app-h,100dvh)*.036),24px)}.result .ups{align-items:stretch;gap:4px;min-height:0}.result .up-row{width:100%}.result .row2{margin-top:auto}.place-card{padding:clamp(8px,calc(var(--app-h,100dvh)*.02),16px)}.place-card .band-n{font-size:clamp(26px,calc(var(--app-h,100dvh)*.05),34px)}.bands.mini{grid-template-columns:repeat(4,1fr);gap:8px}.bands.mini .band{text-align:center;align-items: center;gap:0;padding:8px 4px}.bands.mini .band-n{font-size:17px}.bands.mini .band-g{white-space:nowrap;font-size:11px}@media (max-height:700px){#ov{padding-block-start:12px;padding-block-end:12px}.ov-stack{gap:10px}.learn-sen{padding:8px 12px;font-size:16px}.learn .tcard.lg{width:min(300px,100%,calc((var(--app-h,100dvh) - 344px)*1.33))}.flip,.flip .tcard.lg{width:min(300px,100%,calc((var(--app-h,100dvh) - 236px)*1.33))}}@media (max-height:600px){.result .tcard.xs{width:72px}.result .ups .h2{font-size:15px}.result .res-sub,.place-note{font-size:14px}}.seg.tabs{grid-template-columns:repeat(4,1fr);padding:5px}.seg.tabs button{padding:8px 2px;font-size:16px}.fitset,.fitset .pcard{gap:12px}.seg.tabs.n5{grid-template-columns:repeat(5,1fr)}.seg.tabs.n5 button{font-size:15px}.ptab{display:flex;flex-direction:column;gap:12px}.watch-w{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:6px;padding:6px 10px}.watch-w small{grid-column:1/-1}.rg.two{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.rg.two .rg-row{grid-template-columns:1fr auto;row-gap:3px}.rg.two .rg-row .rbar{grid-column:1/-1;grid-row:2}@media (max-height:640px){.scr.set,.scr.parent{gap:8px;padding-block-start:8px;padding-block-end:12px}.set .h1,.parent .h1{font-size:23px}.seg.tabs{padding:4px}.seg.tabs button{padding:5px 2px}.set .pcard,.parent .pcard{gap:8px;padding:12px 14px}.set .h2,.parent .h2{font-size:16px}.parent .fine,.set .fine{font-size:13px;line-height:1.45}.rg.two{gap:3px 14px}.rg.two .rg-row{row-gap:1px}.chart{max-height:100px}.stats4 b{font-size:18px}.set .bands.sm .band{padding:7px 10px}.set .bands.sm .band-n{font-size:18px}.set .seg button{padding:5px 4px}}body[data-screen=cards] #app{height:calc(var(--app-h,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.scr.fitcards{gap:8px;height:100%;min-height:0;padding-block-start:10px;padding-block-end:12px}.cfilters{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.csel{font:inherit;color:var(--ink);background:var(--surface);border:3px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:12px;min-width:0;padding:7px 10px;font-size:15px;font-weight:700}.fitcards .coll{flex-direction:row;align-items: center;gap:10px}.fitcards .coll .rbar{flex:1}.cgrid.fit{overflow:hidden;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:max-content;flex:auto;align-content: start;gap:10px;min-height:0}.cgrid.fit .tcard{box-shadow:0 3px 0 color-mix(in srgb,var(--m-lo)75%,var(--ink));border-radius:12px;padding:3px}.cgrid.fit .tc-in{border-radius:9px}.cgrid.fit .tc-pic,.cgrid.fit .tc-sil{font-size:42px}.cgrid.fit .tc-q{font-size:28px}.cgrid.fit .tc-top{top:3px;left:3px;right:3px}.cgrid.fit .tc-hab{display:none}.cgrid.fit .tc-tier{padding:1px 4px}.cgrid.fit .tc-tier svg{width:8px;height:8px}.cgrid.fit .tc-body{padding:4px 4px 6px}.cgrid.fit .tc-en{font-size:16px}.cgrid.fit .tc-en.m{font-size:13px}.cgrid.fit .tc-en.l{font-size:11px}.cgrid.fit .tc-zh{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:11px}.cgrid.fit .tc-pips{gap:2px;margin-top:3px}.cgrid.fit .tc-pips i{width:9px;height:4px}.cgrid.fit .tc-ribbon{padding:1px 5px;font-size:9px}.cgrid.fit .wface{margin-top:8%}.cgrid.fit .wf-pos{display:none}.cgrid.fit .wf-word{box-shadow:0 2px 0 var(--pc);border-width:2px;padding:1px 6px;font-size:13px}.cgrid.fit .wf-word.m{font-size:11px}.cgrid.fit .wf-word.l,.cgrid.fit .wf-word.xl{font-size:9px}.pick .who{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.pick .who-card{padding:8px 6px 10px}.pick .who-card .buddy,.pick .who-plus{width:clamp(48px,calc(var(--app-h,100dvh)*.1),84px);height:clamp(48px,calc(var(--app-h,100dvh)*.1),84px)}.pick .who-name{font-size:17px}.pick .who-sub{font-size:12px}.cgrid.fit.dense{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:7px}.cgrid.fit.dense .tcard{border-radius:9px;padding:2px}.cgrid.fit.dense .tc-in{border-radius:7px}.cgrid.fit.dense .tc-top,.cgrid.fit.dense .tc-zh,.cgrid.fit.dense .tc-pips,.cgrid.fit.dense .tc-ribbon{display:none}.cgrid.fit.dense .tc-pic,.cgrid.fit.dense .tc-sil{font-size:30px}.cgrid.fit.dense .tc-q{font-size:20px}.cgrid.fit.dense .tc-body{padding:2px 2px 4px}.cgrid.fit.dense .tc-en{font-size:12px}.cgrid.fit.dense .tc-en.m{font-size:10px}.cgrid.fit.dense .tc-en.l{font-size:9px}.cgrid.fit.dense .gen-art{width:86%;height:84%;margin-top:4%}.cgrid.fit.dense .wface{margin-top:0}.cgrid.fit.dense .wf-word{box-shadow:none;border-width:1.5px;padding:1px 3px;font-size:9px}.csearch{display:flex;background:var(--surface);border:3px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:12px;align-items: center;gap:8px;padding:0 10px}.csearch:focus-within{border-color:var(--accent-ink)}.cs-i{display:grid;color:var(--muted)}.cs-i svg{width:20px;height:20px}.csearch input{font:inherit;color:var(--ink);outline:none;background:0 0;border:0;flex:1;min-width:0;padding:8px 0;font-size:16px}.cbox{display:flex;flex-direction:column;flex:auto;gap:8px;min-height:0}.cgrid.fit.scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:2px 2px 10px}.cmore{grid-column:1/-1;height:1px}.cnote{margin:0;font-size:12px}@media (max-height:600px){.fitcards .coll{display:none}.csearch input{padding:6px 0}}.me-tag{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--f-display);color:var(--ink);background:var(--surface);box-shadow:0 2px 0 var(--line);border-radius:999px;max-width:9em;padding:0 9px;font-size:13px;font-weight:700;line-height:1.5;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.strip-buddy{position:relative}.strip-buddy .me-tag{font-size:12px;top:calc(100% - 6px);bottom:auto}.strip-buddy .me-tag:empty{display:none}.map.fit .who-name-s{font-size:16px}.site-foot{text-align:center;margin:16px auto;font-size:12px}body[data-screen] .site-foot{display:none}.foot-links{text-align:center;color:var(--muted);margin:0;font-size:12px}.foot-links a{color:var(--muted)}@media (max-height:560px){.onb.fit{gap:7px}.onb.fit .onb-hero .buddy{width:56px;height:56px}.onb.fit .h2{font-size:16px}}