:root{--realm-night:#071226;--realm-panel:#102039;--realm-ink:#f1f5ff;--realm-muted:#b8c9df;--realm-gold:#ffd474;--realm-gold-deep:#b48b37;--realm-badge-fill:#b91f36;--realm-blue:#a9d4ff;--realm-edge:#bed3ef45;--realm-radius:20px;--realm-sidebar-width:308px;--realm-header-height:76px;--realm-frame:url(/art/xianxia/gilded-frame-v2.webp);--realm-scene:url(/art/xianxia/realm-panorama-v2.webp);--realm-action:url(/art/xianxia/golden-action-v2.webp)}:root.dark{--canvas:#09172c;--surface:#12243c;--ink:var(--realm-ink);--muted:var(--realm-muted);--line:var(--realm-edge);--ink-panel:#09192e;--ticket:#12243c;--ticket-edge:#52627a;--board:#081326;--board-flap:#172a43;--board-flap-lo:#102139;--board-muted:#b0c1d6;--brand-soft:#2d2b22}.realm-app-content{z-index:1;position:relative}.realm-art{pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.realm-art img{object-fit:cover}.realm-backdrop{z-index:0;background:var(--realm-night);pointer-events:none;position:fixed;inset:0}.realm-backdrop .realm-art img{object-position:center}.realm-backdrop:after{content:"";background:linear-gradient(90deg,#0309161f,#0309165c 50%,#0309161f);position:absolute;inset:0}.realm-shell{flex-direction:column;width:100%;max-width:1520px;height:100dvh;margin-inline:auto;display:flex;position:relative;overflow:hidden}.realm-header{--ink:var(--realm-ink);--muted:var(--realm-muted);--line:var(--realm-edge);z-index:30;min-height:var(--realm-header-height);color:var(--realm-ink);backdrop-filter:blur(18px);background:#051021e0;border-bottom:1px solid #ffd47447;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:relative}.realm-course{text-align:left;align-items:center;gap:10px;min-width:0;min-height:44px;display:flex}.realm-course__seal{width:38px;height:38px;color:var(--realm-gold);border:1px solid var(--realm-gold-deep);background:#ffd4740f;border-radius:8px 2px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.realm-course__label{min-width:0;line-height:1.4;display:grid}.realm-course__label>:first-child{font-size:15px;font-weight:700}.realm-course__label>:last-child{color:var(--realm-muted);font-size:12px}.realm-course>svg{color:var(--realm-muted)}.realm-header__section{color:var(--realm-muted);font-size:14px;display:none}.realm-header__account,.realm-header__stats{align-items:center;display:flex}.realm-header__account{gap:20px}.realm-header__stats{gap:0}.realm-header .realm-stat{box-shadow:none;background:0 0;border:0;border-radius:0;gap:7px;padding:0 14px}.realm-header .realm-stat+.realm-stat{border-left:1px solid var(--realm-edge)}.realm-header .realm-stat .board{color:var(--realm-ink);letter-spacing:0}.realm-profile{background:#14233b;border:1px solid #ffd4748c;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative}.realm-profile>span:first-child{transform:scale(.8)}.realm-profile__level{min-width:18px;font:700 12px/1.25 var(--font-noto-sans-lao);background:var(--realm-gold);color:var(--realm-night);border-radius:4px;padding:1px 4px;position:absolute;bottom:-4px;right:-2px}.realm-content{scrollbar-gutter:stable;min-height:0;margin-bottom:calc(94px + env(safe-area-inset-bottom));flex:1;padding-bottom:24px;position:relative;overflow-y:auto}.realm-nav{--ink:var(--realm-ink);--muted:var(--realm-muted);--brand:var(--realm-gold);z-index:40;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));color:var(--realm-ink);backdrop-filter:none;background:#051123f5;border:1px solid #d7b97259;border-radius:22px;padding:5px;display:flex;position:absolute;box-shadow:0 12px 30px #0006}.realm-nav__brand{display:none}.realm-nav__tab{min-width:0;min-height:62px;color:var(--realm-muted);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px;transition:color .18s,background-color .18s;display:flex;position:relative}.realm-nav__icon{place-items:center;width:26px;height:26px;display:grid}.realm-nav__label{white-space:nowrap;font-size:12px;font-weight:600;line-height:1.5}.realm-nav__indicator{background:0 0;border-radius:2px;width:18px;height:2px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.realm-nav__tab[aria-selected=true]{color:var(--realm-gold);background:#ffd47417}.realm-nav__tab[aria-selected=true] .realm-nav__indicator{background:var(--realm-gold);box-shadow:0 0 8px #ffd47466}.realm-nav__tab:hover{color:var(--realm-gold)}.realm-home,.realm-page{width:100%;max-width:860px;margin-inline:auto;padding:24px 24px 48px}.realm-home>header h1{font-size:30px;line-height:1.6}.realm-home>header p{color:var(--accent-dark)}.realm-page{background:#f4f7fcf5}.dark .realm-page{isolation:isolate;background:0 0;position:relative}.dark .realm-page:before{content:"";z-index:-1;pointer-events:none;background:#051122bd;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.dark .realm-learning{background:#051122f0}.realm-page>h1,.realm-page>header h1{font-size:26px;line-height:1.6}.dark .realm-card--plain:not(.realm-practice-tile):not(.realm-signin){background:linear-gradient(135deg,#172b44f5,#0a1b30f5);border-color:#a7c2e347;box-shadow:0 4px 16px #01071129}.realm-card--ink{isolation:isolate;background:linear-gradient(110deg, #071427e6, #0c213a73), var(--realm-scene) center / cover;border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 30px 36px / 0 stretch;box-shadow:none;border-radius:0;padding:26px 28px;position:relative}.realm-page .realm-card--ink{position:relative;overflow:hidden}.realm-page .realm-card--ink:after{display:none}.realm-ticket{--ink:var(--realm-ink);--muted:var(--realm-muted);--surface:#102039;--line:var(--realm-edge);isolation:isolate;color:var(--realm-ink);border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 38px 48px / 0 stretch;box-shadow:none;background:0 0;border-radius:0;padding:24px 24px 22px;position:relative}.realm-ticket:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg, #06112285, #0614271a), var(--realm-scene) center / cover no-repeat;border-radius:12px;position:absolute;inset:10px 8px}.realm-ticket__route{background:0 0;padding:10px 8px 8px}.realm-ticket__route .flap{background:linear-gradient(160deg,#2a3d58,#102038);border:1px solid #b3c6e24d;border-radius:7px}.realm-ticket__route dl{border-block:1px solid var(--realm-edge);background:#050e1e47;padding:12px 0}.realm-ticket__metadata{place-content:center;min-width:0;padding-left:26px;display:grid;position:relative}.realm-ticket__metadata-icon{color:var(--realm-gold);position:absolute;top:50%;left:8%;transform:translateY(-50%)}.realm-ticket__metadata+.realm-ticket__metadata{border-left:1px solid var(--realm-edge)}.realm-ticket__metadata dt{color:var(--realm-muted)}.realm-ticket__lesson{padding-inline:8px}.realm-ticket__lesson h2{letter-spacing:.02em;font-size:24px;line-height:1.6}.realm-ticket__board{color:#171a16;border:1px solid #0000;border-image:var(--realm-action) 115 200 fill / 40px 74px / 20px 0 stretch;min-height:58px;box-shadow:none;background:0 0;border-radius:0;justify-content:center}.realm-ticket__board:before{display:none}.realm-ticket__board:hover{filter:brightness(1.08)}.realm-ticket__stub{border:0;border-top:1px solid var(--realm-edge);background:0 0;border-radius:0;margin:0 14px;padding:10px 0 0;display:flex;position:relative}.realm-ticket__stub .punch{background:0 0;border:1px solid #b7c7e0}.realm-ticket__stub .punch[data-on=true]{background:var(--realm-gold);border-color:var(--realm-gold)}.realm-ticket .ticket-notch,.realm-ticket .ticket-perf{display:none}.realm-practice-title{color:var(--ink);margin-bottom:12px;font-size:17px}.realm-practice-tile{--ink:var(--realm-ink);--muted:var(--realm-muted);isolation:isolate;border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 25px 32px / 0 stretch;min-height:116px;color:var(--realm-ink);box-shadow:none;text-align:left;background:0 0;border-radius:0;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:24px;display:grid;position:relative}.realm-practice-tile:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, #061222e0, #06122233), var(--realm-scene) var(--realm-tile-position,right bottom) / auto 230% no-repeat;border-radius:8px;position:absolute;inset:8px}.realm-practice-tile--challenge{--realm-tile-position:left bottom}.realm-practice-tile--express{--realm-tile-position:right bottom}.realm-practice-tile--mission{--realm-tile-position:center bottom}.realm-practice-tile--review,.realm-practice-tile--words{--realm-tile-position:right bottom}.realm-practice-tile>span>.font-bold{font-size:16px;line-height:1.7}.realm-practice-tile>.bg-danger{background-color:var(--realm-badge-fill)}.realm-practice-tile .text-muted{color:var(--realm-muted)}.realm-practice-arrow{color:var(--realm-gold);position:absolute;top:50%;right:24px;transform:translateY(-50%)}.realm-practice-tile>span:last-of-type{padding-right:12px}.realm-practice-tile:hover{filter:brightness(1.12)}.realm-signin{--ink:var(--realm-ink);--muted:var(--realm-muted);--surface:#14213b;--line:var(--realm-edge);color:var(--realm-ink);isolation:isolate;border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 36px 44px / 0 stretch;box-shadow:none;background:0 0;border-radius:0;padding:32px;position:relative}.realm-signin:before{content:"";z-index:-1;background:linear-gradient(#050f21e6, #050f21d6), var(--realm-scene) right center / cover;pointer-events:none;border-radius:12px;position:absolute;inset:10px 8px}.realm-signin__mark{place-items:center;margin-bottom:14px;display:grid}.realm-signin__mark>div{width:80px;height:80px}.realm-signin__google{color:var(--realm-night);background:linear-gradient(135deg,#ffe7a2,#ffc439)}.realm-signin__google:hover{filter:brightness(1.05)}.realm-signin .bg-danger-soft{color:#ffc3c9;background:#432432}.realm-signin .text-danger-dark{color:#ffc3c9}@media (min-width:1024px){.realm-shell{padding:16px 24px 0 var(--realm-sidebar-width)}.realm-header{border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 18px 30px / 0 stretch;background:#051021f0;border-radius:0}.realm-header__section{display:block}.realm-content{margin-top:8px;margin-bottom:0;padding-bottom:36px}.realm-shell .realm-home,.realm-shell .realm-page{margin-inline:0}.realm-nav{isolation:isolate;width:calc(var(--realm-sidebar-width) - 32px);border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 38px 38px / 0 stretch;box-shadow:none;backdrop-filter:none;background:0 0;border-radius:0;flex-direction:column;gap:8px;padding:112px 26px 28px;display:flex;inset:24px auto 20px 16px}.realm-nav:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#051122f0, #051122db), var(--realm-scene) center bottom / cover no-repeat;border-radius:12px;position:absolute;inset:8px}.realm-nav:after{content:"";aspect-ratio:3/2;z-index:-1;pointer-events:none;background:url(/art/xianxia/pagoda-crest-v2.webp) top/contain no-repeat;position:absolute;top:-24px;left:-26px;right:-26px}.realm-nav__brand{color:var(--realm-ink);text-align:center;margin-bottom:28px;display:block;position:relative}.realm-nav__brand svg{margin-inline:auto}.realm-nav__brand p{color:var(--realm-muted);white-space:nowrap;margin-top:4px;font-size:11px;line-height:1.8}.realm-nav__tab{border-radius:8px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;min-height:56px;padding:10px 12px}.realm-nav__label{font-size:14px}.realm-nav__indicator{width:2px;height:20px;top:50%;left:0;transform:translateY(-50%)}.realm-nav__tab[aria-selected=true]{background:linear-gradient(90deg,#ffca4c33,#ffca4c08)}.realm-home,.realm-page{padding:24px 28px 48px}.realm-ticket{padding:28px 28px 24px}.realm-ticket__route,.realm-ticket__lesson{padding-inline:8px}.realm-practice-tile{min-height:116px;padding:24px}}@media (max-width:639px){:root{--realm-header-height:72px}.realm-backdrop .realm-art img{object-position:66% center}.realm-header{backdrop-filter:none;background:#051021f7;gap:8px;padding:10px 14px}.realm-header__account{gap:10px}.realm-header .realm-stat{gap:4px;padding-inline:7px}.realm-header .realm-stat .text-xs{font-size:10px}.realm-course{gap:7px}.realm-course__seal{width:32px;height:36px;font-size:20px}.realm-course__label>:first-child{font-size:14px}.realm-course__label>:last-child{font-size:12px}.realm-profile{width:44px;height:44px}.realm-home,.realm-page{padding:18px 14px 36px}.realm-home>header h1,.realm-page>h1,.realm-page>header h1{font-size:23px}.realm-ticket{border-image-width:30px 36px;padding:22px 16px 20px}.realm-ticket:after{display:none}.realm-ticket__route{padding-inline:4px}.realm-ticket__metadata{padding-left:18px}.realm-ticket__metadata-icon{left:0}.realm-ticket__metadata svg{width:15px;height:15px}.realm-ticket__metadata dt{font-size:12px}.realm-ticket__lesson{padding-inline:4px}.realm-ticket__lesson h2{font-size:22px}.realm-ticket__stub{gap:6px;margin-inline:12px}.realm-ticket__stub .punch{width:11px;height:11px}.realm-ticket__stub>div{gap:4px}.realm-ticket__stub>p{font-size:11px}.realm-practice-tile{border-image-width:22px 26px;grid-template-columns:1fr;align-content:start;gap:8px;min-height:158px;padding:20px 18px}.realm-practice-tile>span>.font-bold{font-size:14px}.realm-practice-arrow{top:40px;right:22px}}@media (prefers-reduced-motion:reduce){.realm-ticket__board,.realm-practice-tile,.realm-nav__tab{transition:none}}.realm-flow-state{width:100%;min-height:100dvh;color:var(--realm-ink);background:#051020e0;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.realm-flow-state__panel{border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 36px 44px / 0 stretch;text-align:center;background:#061427f0;width:min(100%,440px);padding:36px 28px}.dark .realm-page.realm-journal>.realm-card--plain{border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 30px 38px / 0 stretch;background:linear-gradient(115deg, #071427d1, #091c3173), var(--realm-scene) center / cover;box-shadow:none;border-radius:0}@media (min-width:1024px){.realm-nav__tab[aria-selected=true]{color:#101a26;border:1px solid #0000;border-image:var(--realm-action) 115 200 fill / 28px 36px / 8px 0 stretch;background:0 0;font-weight:700}.realm-nav__tab[aria-selected=true] .realm-nav__indicator{display:none}}.realm-view-skeleton{width:100%;min-height:260px;color:var(--realm-ink);place-items:center;padding:24px;display:grid}.realm-activity-busy{z-index:50;border:1px solid var(--realm-edge);background:var(--realm-night);color:var(--realm-gold);pointer-events:none;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:fixed;top:92px;right:20px}:root{--realm-paper:#f6eee2;--realm-paper-ink:#4f3b32;--realm-skin:#e6b69b;--realm-tongue:#c76b70;--realm-contact:#b02b42;--realm-air:#226a91}.realm-icon-medallion{width:52px;height:52px;color:var(--realm-gold);border:1px solid var(--realm-gold-deep);background:var(--realm-night);box-shadow:inset 0 0 0 4px var(--realm-night), inset 0 0 0 5px var(--realm-edge);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.realm-nav__icon svg{width:24px;height:24px}.realm-passport{color:var(--realm-ink);border:1px solid var(--realm-gold-deep);background:var(--realm-night);box-shadow:inset 6px 0 0 var(--realm-panel);border-radius:8px 20px 20px 8px;display:grid;position:relative;overflow:hidden}.realm-passport__cover{background:linear-gradient(#071226a6, #071226db), var(--realm-scene) left bottom / auto 100%;padding:28px 24px 24px}.realm-passport__crest{width:64px;height:64px;margin-bottom:16px}.realm-passport__eyebrow{color:var(--realm-gold);font-size:12px;line-height:1.8}.realm-passport h2{margin-block:8px;font-size:22px;font-weight:700;line-height:1.65}.realm-passport__subtitle{color:var(--realm-muted);font-size:14px;line-height:1.8}.realm-passport__stamps{gap:10px;margin-block:24px;display:flex}.realm-passport__stamps>span{border:1px dashed var(--realm-edge);width:44px;height:44px;color:var(--realm-muted);border-radius:50%;place-items:center;font-size:22px;display:grid}.realm-passport__stamps>[data-earned=true]{color:var(--realm-gold);border:2px double var(--realm-gold-deep);background:#ffd47414;transform:rotate(-8deg)}.realm-passport__progress{color:var(--realm-muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:12px;line-height:1.8;display:flex}.realm-passport__progress strong{color:var(--realm-gold);font-size:16px}.realm-passport__missions{padding:8px 16px 16px}.realm-passport__missions li+li{border-top:1px solid var(--realm-edge)}.realm-passport__mission{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:88px;padding:16px 8px;display:flex}.realm-passport__mission:disabled{cursor:not-allowed}.realm-passport__mission[data-state=current]{background:#ffd47417}.realm-passport__mission:not(:disabled):hover{background:#ffd47424}.realm-passport__mission>svg{color:var(--realm-gold);flex-shrink:0}.realm-passport__mission:disabled>svg{color:var(--realm-muted)}.realm-passport__number{border:1px solid var(--realm-edge);width:36px;height:36px;color:var(--realm-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}[data-state=current]>.realm-passport__number,[data-state=completed]>.realm-passport__number{color:var(--realm-gold);border-color:var(--realm-gold-deep)}.realm-passport__mission-copy{flex:1;min-width:0}.realm-passport__mission-copy strong{font-size:14px;line-height:1.8;display:block}.realm-passport__mission-copy>span{color:var(--realm-muted);flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;line-height:1.7;display:flex}.realm-passport__mission-copy [lang=zh]{color:var(--realm-gold)}.realm-home .realm-card.realm-daily{border:1px solid var(--realm-edge);color:var(--realm-ink);background:linear-gradient(125deg, var(--realm-panel), var(--realm-night));box-shadow:none;border-radius:16px;padding:24px}.realm-daily{--ink:var(--realm-ink);--muted:var(--realm-muted);--line:var(--realm-edge);--brand-dark:var(--realm-gold);--brand:var(--realm-gold);--jade-dark:#9ae4c4}.realm-daily__heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.realm-daily__heading h2{font-size:18px;font-weight:700;line-height:1.8}.realm-daily__heading>span{color:var(--realm-gold);font-size:14px}.realm-daily__quest{grid-template-columns:40px minmax(0,1fr) 88px;align-items:center;gap:12px;padding-block:20px;display:grid}.realm-daily__quest+li{border-top:1px solid var(--realm-edge)}.realm-daily__icon{border:1px solid var(--realm-gold-deep);width:40px;height:40px;color:var(--realm-gold);border-radius:12px;place-items:center;display:grid}.realm-daily__copy{gap:10px;min-width:0;display:grid}.realm-daily__copy p{font-size:14px;line-height:1.8}.realm-daily__reward{color:var(--realm-gold);align-content:center;justify-items:end;font-size:14px;line-height:1.8;display:grid}.realm-daily__reward small{color:var(--realm-muted);font-size:12px}.realm-daily__claim{background:var(--realm-gold);color:var(--realm-night);border-color:var(--realm-gold);grid-column:3;justify-self:end;padding-inline:12px}.realm-daily [data-state=claimed] .realm-daily__icon{color:var(--jade-dark);border-color:var(--jade-dark)}.realm-loading{min-height:100dvh;color:var(--realm-ink);background:linear-gradient(#071226c2,#071226f0),var(--realm-scene) center / cover;place-items:center;padding:24px;display:grid}.realm-loading--compact{background:0 0;min-height:360px}.realm-loading__stage{text-align:center;width:min(100%,400px);padding:32px 24px}.realm-loading__seal{width:104px;height:104px;margin:0 auto 28px;padding:12px;position:relative}.realm-loading__seal>svg{width:80px;height:80px}.realm-loading__seal>span{border:1px solid var(--realm-edge);border-top-color:var(--realm-gold);border-right-color:var(--realm-gold);border-radius:50%;animation:2s linear infinite realm-loading-orbit;position:absolute;inset:0}.realm-loading h2{font-size:22px;font-weight:700;line-height:1.8}.realm-loading p{color:var(--realm-muted);margin-top:8px;font-size:14px;line-height:1.8}.realm-loading__lines{gap:12px;margin-top:28px;display:grid}.realm-loading__lines span{background:var(--realm-edge);border-radius:4px;height:8px}.realm-loading__lines span:nth-child(2){width:80%;margin-inline:auto}.realm-loading__lines span:last-child{width:48%;margin-inline:auto}@keyframes realm-loading-orbit{to{transform:rotate(360deg)}}.realm-game{--ink:var(--realm-ink);--muted:var(--realm-muted);--surface:#12243c;--canvas:#09172c;--line:var(--realm-edge);--brand-dark:var(--realm-gold);--brand-soft:#292b2b;--brand:#f2be4c;--accent:#f2be4c;--accent-dark:var(--realm-gold);--jade-dark:#9ae4c4;--jade-soft:#173e38;--danger-dark:#ffbec7;--danger-soft:#492534;color:var(--realm-ink);background:linear-gradient(90deg,#051021e0,#051021b8),var(--realm-scene) center / cover}.realm-game>header{border-bottom:1px solid var(--realm-edge);min-height:72px;padding-bottom:16px}.realm-express>header,.realm-express>div{width:min(100% - 32px,760px);margin-inline:auto}.realm-game__intro,.realm-game__result{padding:32px 24px;position:relative}.realm-game__intro:before{content:"";background:url(/icon.svg) 50%/contain no-repeat;width:80px;height:80px;margin:0 auto 24px;display:block}.realm-game__question{border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 28px 36px / 0 stretch;background:linear-gradient(#09182ee6,#09182e80),var(--realm-scene) center / cover;border-radius:0;padding:32px 24px}.realm-game__question.bg-danger\/25{background-color:var(--danger-soft)}.realm-game .realm-game__round,.dark .realm-game .realm-game__round{border:1px solid var(--realm-edge);box-shadow:none;background:#09182eeb;border-radius:16px;padding:24px}.realm-game__companion{justify-content:center;margin-block:20px 8px;display:flex}.realm-game__round>.py-6{padding-block:16px 24px}.realm-lesson-primer>div:first-child{background:#0712267a}.realm-tone-game main>section:first-child{border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 28px 36px / 0 stretch;background:linear-gradient(#071226b8,#071226a6),var(--realm-scene) center / cover;border-radius:0;padding:28px 24px}@media (min-width:760px){.realm-passport{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.realm-passport__missions{border-left:1px solid var(--realm-edge);padding:16px}.realm-passport__cover{padding:32px 24px}}@media (max-width:639px){.realm-home .realm-card.realm-daily{padding:20px 16px}.realm-daily__quest{grid-template-columns:32px minmax(0,1fr) 88px;gap:10px}.realm-daily__icon{width:32px;height:36px}.realm-daily__heading h2{font-size:16px}.realm-passport__cover{padding:24px 20px}.realm-passport h2{font-size:20px}.realm-game .realm-game__round{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.realm-loading__seal>span{animation:none}}.realm-mouth{border:1px solid var(--realm-edge);background:var(--realm-paper);max-width:100%;box-shadow:none;border-radius:16px;overflow:hidden}.realm-mouth__photo{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.realm-mouth__cutaway{background:var(--realm-paper);width:100%;height:auto;padding:8px}.realm-mouth figcaption{color:var(--realm-paper-ink);text-align:center;border-top:1px solid #4f3b3233;padding:12px 16px}.realm-mouth figcaption strong{font-size:14px;font-weight:600;line-height:1.8;display:block}.realm-mouth figcaption>span{margin-top:4px;font-size:14px;font-weight:700;display:block}.realm-mouth__aspiration{color:var(--realm-air);margin-top:8px;font-size:12px;line-height:1.8;display:block}.realm-game__score{text-align:center;border-inline:1px solid var(--realm-edge);min-width:56px;padding-inline:12px;display:grid;position:relative}.realm-game__score>span{color:var(--realm-muted);font-size:12px}.realm-game__score strong{color:var(--realm-gold);font-size:20px;line-height:1.4}.realm-game__score .realm-game__gain{color:var(--realm-gold);position:absolute;bottom:-20px;right:0}.realm-learning .realm-pronunciation{padding:20px}.realm-pronunciation__mouth{justify-content:center;margin-block:20px;display:flex}.realm-pronunciation .realm-mouth{max-width:min(100%,220px)}.realm-passport,.realm-daily{scroll-margin-block:16px}.realm-loading__back{color:var(--realm-muted);margin-top:24px}.realm-flow-state{--ink:var(--realm-ink);--muted:var(--realm-muted);--surface:var(--realm-panel);--line:var(--realm-edge)}.realm-passport__stamps>[data-state=current]{border-style:solid;border-color:var(--realm-gold-deep);color:var(--realm-gold)}.realm-daily__quest:focus-visible{outline:2px solid var(--realm-gold);outline-offset:4px;border-radius:8px}
:root{--button-disabled-bg:#e5eaf0;--button-disabled-ink:#47576b;--play-good-bg:#143e34;--play-good-ink:#b8f3d7;--play-bad-bg:#442432;--play-bad-ink:#ffd6e0}:root.dark{--button-disabled-bg:#24344b;--button-disabled-ink:#bfccdd}.ui-button:disabled,.ui-mic-button:disabled{opacity:1;background:var(--button-disabled-bg);color:var(--button-disabled-ink);box-shadow:none}.ui-button__content{width:100%}.ui-option{line-height:1.75}.ui-option:disabled{opacity:1}.ui-option:disabled:not([data-feedback]){color:var(--muted)}.answer-feedback{border-radius:12px;align-items:flex-start;gap:16px;padding:16px;line-height:1.75;display:flex}.answer-feedback[data-state=correct]{color:var(--feedback-correct-ink);background:var(--feedback-correct-bg)}.answer-feedback[data-state=incorrect]{color:var(--feedback-wrong-ink);background:var(--feedback-wrong-bg)}.answer-feedback__icon{flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.answer-feedback__copy{overflow-wrap:anywhere;flex:1;min-width:0}.answer-feedback h3{margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.75}.answer-feedback p{font-size:14px;line-height:1.8}.lesson-content{scrollbar-gutter:stable}.lesson-workspace--quiz{max-width:1080px}.lesson-quiz{align-items:center;gap:20px;display:grid}.lesson-quiz__question{text-align:center;background:var(--surface);border:1px solid var(--realm-gold-deep);border-radius:16px;padding:20px}.lesson-quiz__question>.hanzi-display{margin-block:12px;font-size:56px;line-height:1.4}.lesson-quiz__reading{font-size:24px;font-weight:700;display:block}.lesson-quiz__choices{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.lesson-quiz__choices>button{min-height:72px;padding:12px}.lesson-quiz__choices>button>span{gap:12px}.lesson-quiz__choices .ui-option>span>span:first-child{flex-shrink:0}.lesson-feedback{max-width:1080px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);gap:12px;display:grid}.lesson-feedback>.answer-feedback{scrollbar-gutter:stable;max-height:24dvh;overflow-y:auto}.lesson-feedback>.ui-button{min-height:52px;box-shadow:none}.lesson-feedback .answer-feedback{padding:12px}.dark .realm-learning{background:linear-gradient(#071226e8,#071226d1),var(--realm-scene) center / cover}.realm-game{--brand-deep:#ffd25c;--accent-soft:var(--brand-soft);--button-primary-ink:var(--realm-night);--button-accent-ink:var(--realm-night);--button-disabled-bg:#24344b;--button-disabled-ink:#bfccdd;--feedback-correct-bg:var(--play-good-bg);--feedback-correct-ink:var(--play-good-ink);--feedback-wrong-bg:var(--play-bad-bg);--feedback-wrong-ink:var(--play-bad-ink);--pinyin-tone-1:#fca5a5;--pinyin-tone-2:#fcd34d;--pinyin-tone-3:#6ee7b7;--pinyin-tone-4:#93c5fd;--pinyin-tone-0:#cbd5e1;line-height:1.75}.play-arena{scrollbar-gutter:stable;height:100dvh;min-height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;overflow-y:auto}.play-arena>.play-hud{border-bottom:1px solid var(--realm-edge);align-items:center;gap:16px;width:min(100% - 32px,1120px);max-width:none;min-height:76px;margin-inline:auto;padding:12px 0;display:flex}.play-hud__title{flex:1;gap:2px;min-width:0;display:grid}.play-hud__title strong{font-size:18px;line-height:1.6}.play-hud__title>span{color:var(--realm-muted);font-size:12px}.play-clock{color:var(--realm-gold);align-items:baseline;gap:8px;display:flex}.play-clock>span{letter-spacing:0;font-size:32px;line-height:1.25}.play-clock>small{color:var(--realm-muted);font-size:12px}.play-clock[data-hurry=true]{color:var(--play-bad-ink)}.play-stats{border:1px solid var(--realm-edge);background:#09182ee6;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100% - 32px,1120px);margin:16px auto;display:grid}.play-stats>div{text-align:center;min-width:0;padding:8px 12px}.play-stats>div+div{border-left:1px solid var(--realm-edge)}.play-stats dt{color:var(--realm-muted);font-size:12px}.play-stats dd{color:var(--realm-gold);justify-content:center;align-items:center;gap:12px;font-size:20px;line-height:1.6;display:flex;position:relative}.play-stats dd svg{flex-shrink:0}.play-stats .board{letter-spacing:0}.play-gain{font-size:14px;position:absolute;bottom:-12px;right:0}.play-arena>.play-route{width:min(100% - 40px,1120px);height:20px;color:var(--realm-gold);flex-shrink:0;margin:0 auto;position:relative;overflow:visible}.play-route__rail{opacity:.6;height:3px;position:absolute;inset:8px 0 auto}.play-route__time{background:var(--realm-gold);height:3px;transition:width .2s linear;position:absolute;top:8px;left:0}.play-route>svg{background:var(--realm-night);position:absolute;top:-2px;left:0}.play-main{width:min(100%,1168px);padding:20px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;margin:auto;display:flex}.play-stage{align-items:center;gap:24px;width:100%;display:grid}.play-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:240px;padding:28px 24px;display:flex}.play-question__symbol{color:var(--realm-gold);opacity:.8}.play-question__term{overflow-wrap:anywhere;max-width:100%;font-size:40px;font-weight:700;line-height:1.5}.play-question__term.hanzi-display{font-size:56px}.play-question__reading{font-size:24px;font-weight:700}.play-answers{min-width:0}.play-answers__label{color:var(--realm-muted);margin-bottom:12px;font-size:14px}.play-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.play-choice{border:1px solid var(--realm-edge);background:#0f2137f7;min-height:88px;padding:16px;box-shadow:inset 0 1px #ffffff0d}.play-choice>span{gap:12px}.play-choice:not(:disabled):hover{border-color:var(--realm-gold);background:#1b334e}.play-choice[data-feedback=correct]{background:var(--play-good-bg);color:var(--play-good-ink);border-color:#71dfb4}.play-choice[data-feedback=incorrect]{background:var(--play-bad-bg);color:var(--play-bad-ink);border-color:#f3a0b0}.play-response{border:1px solid var(--realm-edge);min-height:64px;color:var(--realm-muted);background:var(--realm-night);border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;font-size:14px;line-height:1.75;display:flex}.play-response svg{flex-shrink:0}.play-response[data-state=ok]{color:var(--play-good-ink);background:var(--play-good-bg);border-color:#71dfb4}.play-response[data-state=bad]{color:var(--play-bad-ink);background:var(--play-bad-bg);border-color:#f3a0b0}.play-intro,.play-result{isolation:isolate;text-align:center;border:1px solid #0000;border-image:var(--realm-frame) 100 120 / 32px 40px / 0 stretch;background:linear-gradient(#09182ebd,#09182ee6),var(--realm-scene) center / cover;justify-items:center;gap:20px;width:min(100%,640px);margin:12px auto;padding:32px 24px;display:grid;position:relative}.play-intro__emblem{border:1px solid var(--realm-gold-deep);width:104px;height:104px;color:var(--realm-gold);background:#ffd4740f;border-radius:50%;place-items:center;display:grid}.play-intro h1,.play-result h1{font-size:24px;font-weight:700}.play-intro__copy{gap:12px;display:grid}.play-intro p{color:var(--realm-muted);font-size:16px;line-height:1.8}.play-result__score{color:var(--realm-gold);letter-spacing:0;font-size:56px;line-height:1.3}.play-result__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;margin-bottom:12px;display:grid}.play-result__facts dt{color:var(--realm-muted);font-size:14px}.play-result__facts dd{font-size:24px;font-weight:700}.play-result__confetti{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.play-empty{max-width:440px;margin:auto}.word-quest-shell{max-width:680px}.realm-word-quest>.word-quest-shell>header{min-height:52px;margin-bottom:12px}.realm-word-quest .word-quest-tools{flex-wrap:wrap;margin-block:20px 12px}.word-quest-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.word-quest-choices>.ui-option{min-height:72px}.realm-game .realm-game__round{position:relative}.word-quest-scene{align-items:center;gap:16px;margin-block:20px;display:flex}.word-quest-scene>.realm-game__companion{flex-shrink:0;margin:0}.word-quest-scene__copy{flex:1;min-width:0}.word-quest-scene__copy>.rounded-card{text-align:left;background:0 0;padding:0}.word-quest-scene__copy>.rounded-card p{color:var(--realm-muted);font-weight:500}.word-quest-prompt{text-align:left;padding-block:12px 0}.word-quest-prompt h2{font-size:24px;line-height:1.6}.tone-number{color:var(--realm-night);flex-shrink:0}@media (min-width:900px){.realm-learning--quiz .lesson-content{flex:0 auto}.realm-learning--quiz .lesson-feedback{margin-top:8px}.realm-learning--quiz .lesson-quiz__question{border-color:#0000;border-image:var(--realm-frame) 100 120 / 28px 36px / 0 stretch}.play-main{padding-block:32px}.play-stage{grid-template-columns:1.1fr 1fr;gap:32px}.play-question{min-height:408px;padding:48px 32px}.play-choice{min-height:128px}.play-question__term.hanzi-display{font-size:72px}.lesson-quiz{grid-template-columns:1fr 1fr;gap:32px}.lesson-quiz__question{min-height:304px}.lesson-quiz__choices>button{min-height:112px}.lesson-feedback:not([data-state=idle]){grid-template-columns:1fr 280px;align-items:center}.lesson-feedback[data-state=idle]>.ui-button{justify-self:end;max-width:520px}}:root:not(.dark) .realm-learning--quiz{background:linear-gradient(#ffffffe6,#ffffffc7),var(--realm-scene) center / cover}@media (max-width:639px){.play-hud__title strong{font-size:16px}.play-clock{text-align:center;gap:0;display:grid}.play-stats{margin-block:12px}.play-stats>div{padding-inline:8px}.play-stats dd{gap:8px;font-size:18px}.play-main{justify-content:flex-start;padding-top:16px}.play-stage{gap:20px}.play-question{min-height:208px;padding:24px}.play-question__term{font-size:32px}.play-choice{min-height:80px;padding:12px}.play-choice>span>span:first-child{width:28px;height:28px}.lesson-quiz{gap:16px}.lesson-quiz__question{padding:16px}.answer-feedback{gap:12px}}@media (prefers-reduced-motion:reduce){.play-route__time{transition:none}}