:root{color-scheme:light;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-sky: #7cc9ee;--color-navy: #203044;--color-blue-deep: #244b72;--color-blue: #3d6fa7;--color-english: #247ca3;--color-mathematics: #d87823;--color-mathematics-soft: #ffe6a3;--color-mathematics-teal: #238b86;--color-grass: #78c66b;--color-green-deep: #376c57;--color-crystal: #5fe0d0;--color-gold: #ffd166;--color-pink: #f28cb8;--color-purple: #7256a8;--forest-chinese-purple: #68469d;--forest-leaf-green: #39785e;--forest-english-blue: #267f9e;--forest-bridge-aqua: #55cbd0;--forest-math-orange: #d9772b;--forest-ruins-green: #4f7f63;--castle-chinese-purple: #67428f;--castle-scroll-gold: #c89f3d;--castle-english-blue: #3f78bd;--castle-command-gold: #c89f3d;--color-cream: #fff8e8;--color-white: #ffffff;--color-focus: #152bd1;--color-danger-soft: #fff1d6;--radius-small: 14px;--radius-medium: 22px;--radius-large: 34px;--shadow-card: 0 18px 50px rgb(32 48 68 / 24%);--shadow-button: 0 7px 0 rgb(38 75 97 / 28%);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--contrast-surface: var(--color-cream);--contrast-text: var(--color-navy);--contrast-border: var(--color-navy)}*,*:before,*:after{box-sizing:border-box}@media(max-height:820px)and (orientation:landscape){.mission-theme--castle-chinese .question-prompt>h1{font-size:clamp(20px,2.3vw,28px);line-height:1.28}.mission-theme--castle-chinese .question-option{min-height:64px;padding-block:8px;font-size:18px}.mission-board-page--castle .castle-formal-card{gap:4px;margin:4px auto;padding:8px 12px}}html,body,#root{width:100%;min-width:0;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:var(--color-sky);color:var(--color-navy);font-size:18px;line-height:1.5}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}.app-shell{position:relative;width:100%;height:100%;min-height:100svh;overflow:hidden;isolation:isolate}.title-screen{position:relative;width:100%;height:100%;min-height:100svh;overflow:hidden;padding:calc(28px + var(--safe-top)) calc(32px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(32px + var(--safe-left))}.title-screen:after{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(24 58 83 / 27%) 0%,transparent 55%),linear-gradient(0deg,rgb(23 66 66 / 18%) 0%,transparent 36%);content:""}.game-stage,.scene-art,.game-canvas{position:absolute;inset:0;width:100%;height:100%}.game-stage{z-index:0;overflow:hidden;background:var(--color-sky)}.scene-art{inset:50% auto auto 50%;max-width:1920px;max-height:1080px;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.game-canvas{overflow:hidden;pointer-events:none}.game-canvas canvas{position:absolute;top:50%;left:50%;display:block;transform:translate(-50%,-50%)}.title-panel{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(49vw,610px);min-width:430px;height:100%;padding:clamp(28px,4vw,56px);border:4px solid rgb(255 255 255 / 76%);border-radius:var(--radius-large);background:linear-gradient(145deg,#fff8e8f5,#ffffffe0);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow{display:inline-flex;align-items:center;min-height:34px;margin-bottom:14px;padding:5px 14px;border:2px solid rgb(36 75 114 / 18%);border-radius:999px;background:#5fe0d038;color:var(--color-blue-deep);font-size:.83rem;font-weight:800;letter-spacing:.05em}.title-lockup{display:flex;width:100%;align-items:center;gap:15px}.crown-mark{display:grid;flex:0 0 auto;width:68px;height:68px;place-items:center;border:4px solid var(--color-navy);border-radius:22px;background:var(--color-gold);color:var(--color-purple);box-shadow:0 6px #7256a838;font-size:42px;line-height:1;transform:rotate(-4deg)}h1,h2,p{margin-top:0}h1{flex:1 1 auto;max-width:9em;margin-bottom:0;color:var(--color-blue-deep);font-size:clamp(42px,4.5vw,66px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance;white-space:nowrap}.subtitle{margin:14px 0 12px 84px;color:var(--color-purple);font-size:clamp(24px,2.25vw,34px);font-weight:900;letter-spacing:.1em}.introduction{max-width:25em;margin-bottom:clamp(12px,2vh,20px);color:#334d5f;font-size:clamp(18px,1.65vw,23px);font-weight:700;text-wrap:balance}.royal-message{display:grid;width:100%;grid-template-columns:48px 1fr;align-items:center;gap:11px;margin-bottom:11px;padding:9px 12px;border:2px solid rgb(36 75 114 / 16%);border-radius:16px;background:#dff4eee0}.royal-message p{margin:0;color:var(--color-blue-deep);font-size:.9rem;font-weight:900}.kingdom-emblem{display:grid;width:44px;height:44px;place-items:center;border:3px solid var(--color-navy);border-radius:14px;background:var(--color-gold);color:var(--color-purple);font-size:27px;transform:rotate(-3deg)}.learning-summary{display:flex;width:100%;align-items:center;gap:8px;margin-bottom:14px}.subject-mark{display:grid;min-width:42px;height:36px;place-items:center;padding:0 8px;border:2px solid var(--color-navy);border-radius:12px;color:var(--color-navy);font-size:.74rem;font-weight:950}.subject-mark--chinese{background:#ffd7df}.subject-mark--english{background:#d9efff}.subject-mark--math{background:#fff0b8}.mini-crystals,.certificate-crystals{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.mini-crystals i,.certificate-crystals i{display:block;width:18px;height:25px;border:3px solid var(--color-navy);background:var(--color-crystal);clip-path:polygon(50% 0,100% 42%,50% 100%,0 42%)}.mini-crystals i:nth-child(2),.certificate-crystals i:nth-child(2){background:var(--color-gold)}.mini-crystals i:nth-child(3),.certificate-crystals i:nth-child(3){background:#a58be2}.title-actions{display:flex;flex-wrap:wrap;gap:16px;width:100%}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border:3px solid var(--color-navy);border-radius:18px;cursor:pointer;font-size:1rem;font-weight:900;line-height:1.2;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.button:hover{filter:brightness(1.04);transform:translateY(-2px)}.button:active{box-shadow:none;transform:translateY(4px)}.button:disabled{cursor:wait;filter:grayscale(.25);opacity:.62;transform:none}.button--primary{background:linear-gradient(180deg,#ffd76f,var(--color-gold));color:var(--color-navy);box-shadow:var(--shadow-button)}.button--secondary{background:var(--color-white);color:var(--color-blue-deep);box-shadow:0 6px #244b722e}.button--start{flex:1 1 210px;font-size:1.16rem}.title-actions .button--secondary{flex:1 1 180px}.icon-button{display:grid;width:58px;min-width:48px;height:58px;min-height:48px;place-items:center;padding:0;border:3px solid var(--color-navy);border-radius:18px;background:var(--color-cream);color:var(--color-navy);box-shadow:0 6px #244b723d;cursor:pointer;font-size:30px;line-height:1}.icon-button:hover{transform:translateY(-2px) rotate(4deg)}.icon-button--small{width:48px;height:48px;border-width:2px;border-radius:15px;box-shadow:none;font-size:32px}.settings-button{position:absolute;top:calc(26px + var(--safe-top));right:calc(28px + var(--safe-right));z-index:3}.prototype-badge{position:absolute;right:calc(28px + var(--safe-right));bottom:calc(22px + var(--safe-bottom));z-index:3;margin:0;padding:7px 13px;border:2px solid rgb(32 48 68 / 30%);border-radius:999px;background:#fff8e8d9;color:var(--color-navy);font-size:.72rem;font-weight:800;letter-spacing:.04em}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));place-items:center;overflow:auto;background:#122a3b94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{width:min(100%,510px);max-height:min(92vh,690px);padding:26px;overflow:auto;border:4px solid var(--color-navy);border-radius:var(--radius-large);background:var(--color-cream);box-shadow:0 22px #2030442b}.modal-card--wide{width:min(100%,620px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.modal-heading h2{margin:0;color:var(--color-blue-deep);font-size:clamp(27px,3vw,38px);line-height:1.15}.notice-illustration{display:grid;width:88px;height:88px;margin:12px auto 18px;place-items:center;border:4px solid var(--color-blue-deep);border-radius:50%;background:var(--color-crystal);color:var(--color-white);box-shadow:0 0 0 12px #5fe0d02e;font-size:50px}.modal-message{margin-bottom:24px;color:#344e60;font-size:1.12rem;font-weight:700;text-align:center}.button--dialog{width:100%}.settings-list{display:grid;gap:12px;margin:18px 0 24px}.setting-row{position:relative;display:grid;min-height:78px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:14px 17px;border:2px solid rgb(36 75 114 / 20%);border-radius:var(--radius-medium);background:var(--color-white);cursor:pointer}.setting-row strong,.setting-row small{display:block}.setting-row strong{color:var(--color-blue-deep);font-size:1.04rem}.setting-row small{margin-top:2px;color:#587083;font-size:.77rem;line-height:1.35}.toggle-input{position:absolute;width:1px;height:1px;opacity:0}.toggle-visual{position:relative;display:block;width:62px;height:36px;border:3px solid var(--color-navy);border-radius:999px;background:#cbd6da;transition:background .16s ease}.toggle-visual:after{position:absolute;top:4px;left:4px;width:22px;height:22px;border:2px solid var(--color-navy);border-radius:50%;background:var(--color-white);content:"";transition:transform .16s ease}.toggle-input:checked+.toggle-visual{background:var(--color-crystal)}.toggle-input:disabled+.toggle-visual{cursor:wait;opacity:.55}.toggle-input:checked+.toggle-visual:after{transform:translate(26px)}.toggle-input:focus-visible+.toggle-visual{outline:4px solid var(--color-focus);outline-offset:4px}.modal-actions{display:flex;justify-content:flex-end;gap:14px}.status-badge,.status-notice,.update-notice{position:fixed;z-index:40;border:2px solid var(--color-navy);background:var(--color-cream);color:var(--color-navy);box-shadow:0 4px #2030442e;font-size:.78rem;font-weight:800}.status-badge{top:calc(20px + var(--safe-top));left:calc(50% + var(--safe-left) / 2 - var(--safe-right) / 2);padding:6px 12px;border-radius:999px;transform:translate(-50%)}.status-badge--offline:before{margin-right:6px;content:"○"}.status-notice{left:calc(20px + var(--safe-left));bottom:calc(18px + var(--safe-bottom));max-width:min(520px,calc(100vw - 40px));padding:9px 13px;border-radius:var(--radius-small)}.status-notice--right{right:calc(20px + var(--safe-right));left:auto}.update-notice{right:calc(20px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:var(--radius-small)}.update-notice button{min-height:40px;border:2px solid var(--color-navy);border-radius:10px;background:var(--color-gold);color:var(--color-navy);cursor:pointer;font-weight:900}.orientation-guard{display:none}.fatal-error{display:grid;min-height:100svh;padding:32px;place-content:center;place-items:center;background:var(--color-cream);text-align:center}.fatal-error>div{font-size:70px}.fatal-error h1{max-width:16em;margin:16px 0 8px;font-size:clamp(30px,5vw,52px)}.fatal-error p{font-size:1.1rem}.fatal-error__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.beta-build-strip{position:fixed;z-index:35;top:max(.5rem,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:.45rem;max-width:min(90vw,760px);padding:.35rem .5rem .35rem .8rem;color:#18324d;background:#fffae6f0;border:2px solid #8a5bb5;border-radius:999px;box-shadow:0 5px 14px #18324d29;transform:translate(-50%);font-size:.78rem;line-height:1.15}.beta-build-strip b{color:#713e96;letter-spacing:.05em}.beta-build-strip button,.beta-tabs button{min-height:48px;padding:.45rem .75rem;color:#18324d;background:#fff;border:2px solid #bda7cc;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}.beta-build-strip button:hover,.beta-build-strip button:focus-visible,.beta-tabs button:hover,.beta-tabs button:focus-visible,.beta-tabs button.is-active{border-color:#6c3d91;outline:3px solid rgb(108 61 145 / 22%)}.beta-notice-copy,.beta-section,.beta-install-steps{font-size:1rem;line-height:1.55}.beta-section ul,.beta-install-steps{display:grid;gap:.45rem}.beta-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.beta-tabs button.is-active{color:#fff;background:#6c3d91}.beta-fine-print,.diagnostic-privacy{color:#4b5c6d;font-size:.85rem}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-height:min(48vh,390px);overflow-y:auto;padding:.2rem}.diagnostic-grid span{display:grid;gap:.2rem;min-width:0;padding:.65rem;background:#f7f2fb;border:1px solid #d9c9e4;border-radius:12px;color:#566273;font-size:.78rem}.diagnostic-grid strong{overflow-wrap:anywhere;color:#18324d;font-size:.88rem}.diagnostic-preview{margin-block:.55rem}.diagnostic-preview summary{min-height:48px;padding:.7rem;border:1px solid #bda7cc;border-radius:10px;cursor:pointer;font-weight:800}.diagnostic-preview pre{max-height:210px;overflow:auto;padding:.7rem;color:#d8f2ff;background:#172544;border-radius:10px;font:.72rem/1.4 ui-monospace,monospace;white-space:pre-wrap}.beta-actions{gap:.5rem}.beta-copy-result{padding:.65rem;color:#155d43;background:#e6f6ee;border-radius:10px;font-weight:800}.beta-update-banner{position:fixed;z-index:45;right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;gap:.65rem;max-width:920px;margin-inline:auto;padding:.7rem;background:#fffae6fa;border:2px solid #6c3d91;border-radius:16px;box-shadow:0 10px 30px #18324d47}.beta-update-banner>div{display:grid;gap:.15rem;flex:1;min-width:180px}.beta-update-banner span{font-size:.83rem}.status-badge--online{color:#14553d;background:#e8f8ef;border-color:#4e9b76}@media(max-width:760px),(max-height:700px){.beta-build-strip{top:max(.25rem,env(safe-area-inset-top));gap:.25rem;max-width:96vw;padding:.2rem .35rem .2rem .55rem;font-size:.68rem}.beta-build-strip button{min-height:48px;padding-inline:.55rem}.diagnostic-grid{grid-template-columns:1fr}.beta-update-banner{flex-wrap:wrap}}.route-loading{display:grid;min-height:100svh;place-items:center;background:linear-gradient(180deg,var(--color-sky),var(--color-cream));color:var(--color-blue-deep);font-size:1.15rem;font-weight:900}.home-player-card{display:grid;width:100%;grid-template-columns:84px 1fr;gap:12px 16px;align-items:center;padding:13px 15px;border:3px solid var(--color-navy);border-radius:var(--radius-medium);background:#ffffffd1;box-shadow:0 7px #244b7229}.home-player-card .character-preview{grid-row:1 / span 2}.home-player-card__identity small,.home-player-card__identity strong,.home-player-card__identity span{display:block}.home-player-card__identity small{color:#587083;font-size:.72rem;font-weight:800}.home-player-card__identity strong{overflow:hidden;color:var(--color-blue-deep);font-size:1.25rem;text-overflow:ellipsis;white-space:nowrap}.home-player-card__identity span{font-size:.82rem;font-weight:800}.home-player-card__actions{display:flex;grid-column:2;gap:10px}.home-player-card__actions .button{min-height:48px;flex:1;padding:9px 13px;font-size:.88rem}.parent-link{align-self:center;margin-top:15px;border:0;background:transparent;color:var(--color-blue-deep);cursor:pointer;font-size:.84rem;font-weight:900;text-decoration:underline;text-underline-offset:4px}.character-preview{display:grid;flex:0 0 auto;place-items:center;pointer-events:none}.character-preview svg{display:block;width:100%;height:100%;overflow:visible}.character-preview--avatar{width:78px;height:96px}.character-preview--medium{width:min(100%,230px);aspect-ratio:320 / 420}.character-preview--large{width:min(100%,320px);max-height:48vh;aspect-ratio:320 / 420}.character-preview--animated{animation:hero-idle 3.8s ease-in-out infinite}@keyframes hero-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.flow-page{width:100%;height:100%;min-height:100svh;padding:calc(22px + var(--safe-top)) calc(24px + var(--safe-right)) calc(22px + var(--safe-bottom)) calc(24px + var(--safe-left));overflow:auto;background:radial-gradient(circle at 12% 12%,rgb(255 255 255 / 62%) 0 55px,transparent 56px),radial-gradient(circle at 88% 18%,rgb(255 255 255 / 42%) 0 82px,transparent 83px),linear-gradient(180deg,#7cc9ee,#d8f4f4 72%,#78c66b 73%)}.flow-card,.creator-shell,.confirm-card,.hero-certificate{width:min(100%,1440px);margin:0 auto;border:4px solid rgb(255 255 255 / 75%);border-radius:var(--radius-large);background:#fff8e8f5;box-shadow:var(--shadow-card)}.flow-card--compact{width:min(100%,760px);min-height:min(680px,calc(100svh - 44px - var(--safe-top) - var(--safe-bottom)));padding:clamp(28px,5vw,64px)}.step-badge{display:inline-flex;min-height:36px;align-items:center;padding:5px 14px;border:2px solid rgb(36 75 114 / 22%);border-radius:999px;background:#5fe0d03d;color:var(--color-blue-deep);font-size:.84rem;font-weight:900}.text-back-button,.small-link-button{min-height:48px;border:0;background:transparent;color:var(--color-blue-deep);cursor:pointer;font-weight:900;text-decoration:underline;text-underline-offset:4px}.nickname-edit-button{min-height:48px;margin-top:4px;padding:8px 18px;border:3px solid var(--color-navy);border-radius:14px;background:#ffffffe0;color:var(--color-blue-deep);box-shadow:0 4px #244b722e;cursor:pointer;font-size:.85rem;font-weight:900;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.nickname-edit-button:hover{background:#fff8df;transform:translateY(-2px)}.nickname-edit-button:active{box-shadow:none;transform:translateY(3px)}.flow-card--compact>.text-back-button{float:right}.name-step-icon{display:grid;width:92px;height:92px;margin:55px 0 22px;place-items:center;border:5px solid var(--color-navy);border-radius:30px;background:var(--color-gold);color:var(--color-purple);font-size:50px;transform:rotate(-3deg)}.flow-page h1{max-width:none;margin:0;font-size:clamp(31px,4vw,52px);white-space:normal}.flow-lead{margin:13px 0 30px;color:#4b6476;font-weight:700}.field-label{display:block;margin-bottom:9px;color:var(--color-blue-deep);font-weight:900}.nickname-input{width:100%;min-height:64px;padding:12px 18px;border:3px solid var(--color-blue-deep);border-radius:17px;background:#fff;color:var(--color-navy);font-size:1.15rem;font-weight:800}.nickname-input--error{border-color:#a62f3c}.privacy-hint,.field-error,.save-error{margin:10px 0 0;font-size:.84rem;font-weight:700}.privacy-hint{color:#526c7e}.field-error,.save-error{color:#8d2331}.flow-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.flow-footer--end{justify-content:flex-end;margin-top:28px}.creator-shell{display:grid;height:calc(100svh - 44px - var(--safe-top) - var(--safe-bottom));min-height:620px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:20px;overflow:hidden}.creator-header,.confirm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.creator-header h1,.confirm-header h1{margin-top:7px;font-size:clamp(28px,3vw,42px)}.creator-header p{margin:4px 0 0;color:#4d6678;font-size:.88rem;font-weight:700}.creator-layout{display:grid;min-height:0;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:16px}.creator-preview-panel,.creator-options-panel{min-width:0;min-height:0;border:3px solid rgb(36 75 114 / 18%);border-radius:var(--radius-medium);background:#fff}.creator-preview-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px;overflow:hidden;background:radial-gradient(circle,#e9fffb 0 35%,#cdebe7 72%)}.creator-preview-panel .character-preview--large{width:min(100%,300px)}.creator-preview-panel--pulse{animation:preview-fade .22s ease-out}@keyframes preview-fade{0%{opacity:.55}to{opacity:1}}.preview-nickname{max-width:100%;overflow:hidden;color:var(--color-purple);font-size:1.05rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.creator-options-panel{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.appearance-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:12px;border-bottom:2px solid rgb(36 75 114 / 15%)}.appearance-tab{min-width:72px;min-height:48px;flex:1 0 calc(25% - 7px);padding:8px 10px;border:2px solid rgb(36 75 114 / 24%);border-radius:13px;background:#eef6f5;color:var(--color-blue-deep);cursor:pointer;font-weight:900}.appearance-tab--active{border-color:var(--color-navy);background:var(--color-gold);box-shadow:inset 0 -4px #244b722e}.appearance-choice-scroll{min-height:0;padding:12px;overflow-y:auto;overscroll-behavior:contain}.appearance-choice-scroll h2{margin:0 0 8px;color:var(--color-blue-deep);font-size:1.15rem}.appearance-options{display:grid;grid-template-columns:repeat(4,minmax(108px,1fr));gap:10px}.appearance-option{position:relative;display:grid;min-height:122px;grid-template-rows:68px auto;place-items:center;gap:5px;padding:8px 6px;border:3px solid rgb(36 75 114 / 20%);border-radius:16px;background:#fff;color:var(--color-navy);cursor:pointer;font-weight:900}.appearance-option--selected{border-color:var(--color-blue-deep);background:#fff8df;box-shadow:inset 0 0 0 3px var(--color-gold)}.appearance-option__preview{display:block;width:88px;height:66px;overflow:visible}.appearance-option__name{font-size:.74rem;line-height:1.25;text-align:center}.appearance-option__check{position:absolute;top:5px;right:5px;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:var(--color-blue-deep);color:#fff;font-size:16px}.appearance-option__check:empty{display:none}.creator-footer{padding-top:2px}.random-button{margin-left:auto}.confirm-card{min-height:calc(100svh - 44px - var(--safe-top) - var(--safe-bottom));padding:clamp(20px,3vw,38px)}.confirm-layout{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(380px,1.25fr);align-items:center;gap:clamp(24px,5vw,70px);margin:16px 0}.confirm-preview{display:grid;min-height:420px;place-items:center;border:3px solid rgb(36 75 114 / 18%);border-radius:var(--radius-medium);background:radial-gradient(circle,#fff 0 28%,#d9f2ec 74%)}.confirm-label{color:#5b7181;font-size:.8rem;font-weight:900}.confirm-details h2{margin:0 0 16px;color:var(--color-purple);font-size:clamp(28px,4vw,48px)}.appearance-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.appearance-summary div{padding:10px 12px;border:2px solid rgb(36 75 114 / 17%);border-radius:13px;background:#fff}.appearance-summary dt{color:#607687;font-size:.7rem;font-weight:800}.appearance-summary dd{margin:1px 0 0;font-size:.86rem;font-weight:900}.hero-page{display:grid;place-items:center}.hero-certificate{position:relative;min-height:min(760px,calc(100svh - 44px - var(--safe-top) - var(--safe-bottom)));padding:clamp(24px,4vw,48px);overflow:hidden;border-color:var(--color-gold);outline:4px solid var(--color-blue-deep);outline-offset:-13px;text-align:center}.certificate-topline{display:grid;max-width:1060px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:0 auto 2px}.certificate-emblem{display:grid;width:52px;height:52px;place-items:center;border:3px solid var(--color-navy);border-radius:16px;background:var(--color-gold);color:var(--color-purple);font-size:31px}.certificate-crystals{justify-self:center;margin:0}.certificate-crystals i{width:17px;height:24px}.hero-display-id{padding:5px 11px;border:2px solid rgb(36 75 114 / 28%);border-radius:999px;background:#ffffffb8;font-size:.72rem;font-weight:900;letter-spacing:.04em}.certificate-kicker{margin:5px 0 2px;color:var(--color-purple);font-weight:900;letter-spacing:.12em}.hero-certificate h1{color:var(--color-blue-deep);font-size:clamp(35px,5vw,60px)}.hero-certificate__body{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(400px,1.2fr);align-items:center;gap:30px;max-width:1060px;margin:8px auto 12px}.hero-certificate__body .character-preview{justify-self:center}.hero-welcome{text-align:left}.hero-welcome h2{margin:4px 0 12px;color:var(--color-purple);font-size:clamp(30px,4vw,50px)}.hero-welcome p{margin-bottom:10px}.hero-level{display:inline-flex;padding:5px 13px;border:2px solid var(--color-navy);border-radius:999px;background:var(--color-gold);font-weight:900}.coming-next{padding:9px 13px;border-radius:12px;background:#dff4ee;font-weight:900}.success-message{width:fit-content;margin:8px auto;padding:6px 13px;border-radius:999px;background:#dff4df;color:#285b3a;font-weight:900}.certificate-home-button{min-width:240px}.royal-seal{position:absolute;right:clamp(34px,5vw,72px);bottom:clamp(30px,4vw,58px);display:grid;width:82px;height:82px;place-items:center;border:4px double #9b384c;border-radius:50%;color:#9b384c;opacity:.72;transform:rotate(-8deg)}.royal-seal span{margin-bottom:-13px;font-size:28px}.royal-seal small{font-size:.58rem;font-weight:950}.button--danger,.button--danger-outline{color:#79212d}.button--danger{background:#ffd8d8;border-color:#79212d;box-shadow:0 6px #79212d33}.button--danger-outline{margin-right:auto;background:#fff;border-color:#9c3442}.danger-icon{display:grid;width:82px;height:82px;margin:8px auto 17px;place-items:center;border:5px solid #8d2331;border-radius:50%;background:#ffe0df;color:#8d2331;font-size:50px;font-weight:900}.danger-icon--final{background:#8d2331;color:#fff}.danger-description{padding:13px;border-radius:12px;background:#fff0ef;color:#6d3540;font-weight:700;text-align:center}.certificate-actions{display:flex;justify-content:center;gap:14px;margin-top:8px}.village-page{position:relative;isolation:isolate;width:100vw;height:100svh;min-height:620px;overflow:hidden;background:#83c96f;color:var(--color-navy);touch-action:none}.village-game-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%}.village-game-canvas canvas{position:relative;z-index:0;display:block}.game-debug-state{position:fixed;width:1px;height:1px;overflow:hidden;pointer-events:none}.village-hud{position:absolute;z-index:20;backface-visibility:hidden;top:calc(16px + var(--safe-top));left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(8px,1.1vw,14px);pointer-events:none;transform:translateZ(0)}.hud-player,.hud-location,.hud-menu-button,.village-tutorial,.interaction-prompt{border:3px solid var(--color-navy);background:#fff8e8f0;box-shadow:0 6px #20304433}.hud-player{display:flex;min-width:clamp(184px,17vw,230px);height:clamp(68px,7.2vw,78px);align-items:center;gap:8px;padding:4px 14px 4px 5px;border-radius:22px}.hud-player .character-preview--avatar{width:61px;height:68px}.hud-player div:last-child{display:grid;gap:1px}.hud-player strong{max-width:150px;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.hud-player span{font-size:16px;font-weight:900}.hud-location{justify-self:center;padding:7px clamp(15px,2vw,24px);border-radius:999px;text-align:center}.hud-location span{display:block;font-size:16px;font-weight:800}.hud-location strong{font-size:20px}.hud-menu-button{min-width:clamp(96px,8.5vw,118px);min-height:58px;border-radius:18px;color:var(--color-navy);font:inherit;font-size:17px;font-weight:900;cursor:pointer;pointer-events:auto}.hud-menu-button:hover{background:var(--color-gold)}.hud-menu-button:active{transform:translateY(3px);box-shadow:0 3px #20304433}.village-tutorial{position:absolute;z-index:19;backface-visibility:hidden;top:calc(105px + var(--safe-top));left:calc(18px + var(--safe-left));display:flex;min-height:48px;align-items:center;gap:9px;margin:0;padding:6px 8px 6px 13px;border-width:2px;border-radius:14px;font-size:17px;font-weight:850;transform:translateZ(0)}.village-tutorial button{min-width:48px;min-height:36px;border:2px solid var(--color-navy);border-radius:11px;background:#fff;color:var(--color-navy);font:inherit;font-size:16px;font-weight:900;cursor:pointer}.village-tutorial--collapsed{padding:0}.village-tutorial--collapsed button{min-height:48px;padding:6px 12px;border:0;background:transparent}.interaction-prompt{position:absolute;z-index:30;bottom:calc(34px + var(--safe-bottom));left:50%;display:flex;min-height:58px;align-items:center;gap:10px;max-width:min(720px,calc(100vw - 36px));padding:8px 17px;border-radius:18px;font-size:18px;font-weight:900;transform:translate(-50%)}.interaction-prompt strong{padding-right:10px;border-right:2px solid rgb(32 48 68 / 28%);font-size:17px}.interaction-prompt span:last-child{font-size:18px}.virtual-controller{position:absolute;z-index:31;backface-visibility:hidden;inset:auto calc(22px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(22px + var(--safe-left));display:none;align-items:end;justify-content:space-between;pointer-events:none;transform:translateZ(0)}.dpad{position:relative;width:204px;height:204px;pointer-events:auto}.dpad-button,.interact-button{display:grid;min-width:64px;min-height:64px;place-items:center;border:3px solid var(--color-navy);background:#fff8e8cc;color:var(--color-navy);box-shadow:0 5px #20304447;font:inherit;font-size:24px;font-weight:950;user-select:none;-webkit-user-select:none}.dpad-button{position:absolute;width:68px;height:68px;border-radius:18px}.dpad-button--up{top:0;left:68px}.dpad-button--left{top:68px;left:0}.dpad-button--right{top:68px;right:0}.dpad-button--down{bottom:0;left:68px}.dpad-center{position:absolute;top:75px;left:75px;display:grid;width:54px;height:54px;place-items:center;border-radius:18px;background:#244b7266;color:#fff}.dpad-center{pointer-events:none}.dpad-button:active,.dpad-button[data-pressed=true]{background:var(--color-gold);box-shadow:0 2px #20304447;transform:translateY(3px)}.interact-button{width:104px;height:104px;border-radius:50%;pointer-events:auto;font-size:17px;transition:opacity .15s ease,background .15s ease,transform .1s ease}.interact-button span:first-child{font-size:30px}.interact-button:disabled{opacity:.4;filter:saturate(.55)}.interact-button[data-active=true]{background:#fff0a8;box-shadow:0 6px #20304452,0 0 0 6px #ffd1663d}.interact-button:not(:disabled):active{background:var(--color-gold);transform:translateY(3px)}.village-dialogue{position:absolute;z-index:45;right:calc(28px + var(--safe-right));bottom:calc(25px + var(--safe-bottom));left:calc(28px + var(--safe-left));display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:18px;min-height:176px;max-height:35vh;padding:18px 60px 18px 22px;border:5px solid var(--color-navy);border-radius:28px;background:#fff8e8fa;box-shadow:var(--shadow-card)}.dialogue-speaker-mark{display:grid;width:68px;height:68px;place-items:center;border:4px solid var(--color-navy);border-radius:21px;background:var(--color-gold);color:var(--color-purple);font-size:38px}.dialogue-copy{position:relative;min-width:0}.dialogue-copy h2{margin:0 0 7px;color:var(--color-purple);font-size:clamp(20px,1.8vw,24px);outline:0}.dialogue-copy p{max-width:48em;margin:0;white-space:pre-line;font-size:20px;line-height:1.55}.dialogue-progress{display:inline-block;margin-top:6px;font-size:16px;font-weight:800}.dialogue-actions{display:flex;flex-direction:column-reverse;gap:9px}.dialogue-actions .button{min-width:120px}.dialogue-close-icon{position:absolute;top:10px;right:12px;display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--color-navy);font:inherit;font-size:34px;font-weight:700;cursor:pointer}.dialogue-close-icon:hover{background:#20304417}.game-menu-backdrop,.village-error{position:absolute;z-index:50;inset:0;display:grid;padding:24px;place-items:center;background:#2030449e}.game-menu,.village-error>div{width:min(92vw,510px);padding:30px;border:5px solid var(--color-navy);border-radius:28px;background:var(--color-cream);box-shadow:var(--shadow-card);text-align:center}.game-menu h2,.village-error h2{margin-top:0;color:var(--color-blue-deep);font-size:30px}.game-menu p,.village-error p{font-size:18px;line-height:1.5}.game-menu-actions{display:flex;justify-content:center;gap:12px}.game-menu-actions--stack{flex-direction:column}.village-loading{position:absolute;z-index:42;top:50%;left:50%;padding:14px 20px;border:3px solid var(--color-navy);border-radius:16px;background:var(--color-cream);font-size:18px;font-weight:900;transform:translate(-50%,-50%)}.village-storage-warning{position:absolute;z-index:55;right:calc(18px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));max-width:430px;padding:9px 13px;border:2px solid #805425;border-radius:13px;background:#fff3cb;font-size:16px;font-weight:800}@media(pointer:coarse){.virtual-controller{display:flex}.interaction-prompt{bottom:calc(134px + var(--safe-bottom))}.interaction-prompt strong{font-size:16px}}.mission-page{position:relative;width:100%;height:100svh;min-height:620px;padding:calc(18px + var(--safe-top)) calc(22px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(22px + var(--safe-left));overflow:auto;background:radial-gradient(circle at 12% 14%,#ffffff8c 0 54px,transparent 55px),linear-gradient(145deg,#8bd4ed,#dff6ed 62%,#83c96f)}.mission-header{width:min(1400px,100%);min-height:70px;margin-bottom:0}.question-card{display:grid;width:min(1400px,100%);min-height:0;height:100%;grid-template-rows:auto auto auto minmax(0,1fr);gap:clamp(10px,1.5vh,16px);padding:clamp(16px,2vw,28px);overflow:hidden}.question-prompt .question-kicker{color:var(--mission-accent)}.question-options{align-self:center;gap:clamp(10px,1.4vw,16px)}.question-option{min-height:clamp(68px,8.5vh,84px);padding:10px clamp(15px,1.6vw,24px);font-size:clamp(20px,1.65vw,26px)}.question-option>span{width:40px;height:40px}.question-card__bottom{display:flex;min-height:116px;flex-direction:column;justify-content:flex-end;overflow:hidden}.question-tools{margin-top:0}.collectible-progress{display:flex;align-items:center;gap:10px;color:var(--color-navy);font-size:16px}.collectible-progress__row{display:flex;gap:4px}.collectible-progress__row i{display:grid;width:24px;height:30px;place-items:center;border:2px solid #9eabc0;border-radius:8px 3px;background:#edf1f2;color:#718096;font-style:normal;font-weight:900}.collectible-progress__row i.is-found{border-color:var(--mission-accent);background:#fff0a8;color:var(--mission-accent);box-shadow:0 0 8px #ffd16688;animation:fragment-in .28s ease-out}.collectible-progress.reduced-motion i.is-found{animation:none}@keyframes fragment-in{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.mission-hint-panel{display:grid;min-height:76px;grid-template-columns:42px 1fr;gap:10px;margin-top:10px;padding:10px 14px;border:2px solid var(--mission-accent);border-radius:15px;background:#f4efff}.mission-hint-panel>span{font-size:26px}.mission-hint-panel h2{margin:0;font-size:19px}.mission-hint-panel p{margin:2px 0 0;font-size:18px}.answer-feedback{display:grid;min-height:140px;max-height:214px;grid-template-columns:1fr auto;align-items:end;gap:16px;margin:0;padding:13px 16px;overflow:hidden}.feedback-scroll{max-height:184px;overflow-y:auto}.answer-feedback h2{display:flex;align-items:center;gap:9px;margin:0 0 6px}.answer-feedback h2>span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;margin:0;border-radius:50%;background:#fff}.feedback-facts{display:flex;flex-wrap:wrap;gap:5px 20px}.feedback-facts p,.feedback-explanation{margin:3px 0;font-size:18px}.hint-used{display:inline-flex!important;width:fit-content;margin:5px 0 0!important;padding:4px 9px;border-radius:999px;background:#fff}.answer-feedback .button{float:none;align-self:end}.mission-page--result{overflow:hidden}.mission-result-card{display:grid;width:min(1120px,100%);min-height:65svh;max-height:78svh;grid-template-rows:auto auto auto auto;gap:12px;padding:clamp(24px,3vw,38px);overflow:auto}.mission-result-summary{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:22px;text-align:left}.result-book{position:relative;display:grid;width:150px;height:150px;place-items:center;border:5px solid var(--color-navy);border-radius:20px 8px 8px 20px;background:#ffd166;color:var(--color-purple);font-size:72px;font-weight:900;box-shadow:inset 14px 0 #fff5}.result-book span{position:absolute;right:-10px;top:-15px;font-size:36px}.mission-result-summary h1{margin:3px 0 0}.mission-result-summary p{display:inline-block;margin:3px 18px 0 0;font-size:18px}.mission-result-card>.collectible-progress{justify-content:center;padding:8px;border-radius:14px;background:#ffffffb8}.mission-reward-summary{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;text-align:left}.reward-added,.reward-total{padding:13px 16px;border-radius:16px;background:#fff0bc}.reward-total{background:#eaf7f3}.mission-reward-summary h2{margin:0 0 7px;font-size:20px}.mission-reward-summary strong{display:block;margin-bottom:7px}.mission-reward-summary span{display:inline-block;margin:3px 8px 3px 0;padding:5px 9px;border:2px solid #244b7230;border-radius:999px;background:#fff;font-weight:900}.mission-review-page{width:100%;height:100svh;padding:calc(14px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));overflow-y:auto;background:linear-gradient(145deg,#8bd4ed,#dff6ed 62%,#83c96f)}.mission-review-page>header{position:sticky;z-index:2;top:0;display:grid;width:min(960px,100%);min-height:78px;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:0 auto 16px;padding:10px 14px;border:3px solid var(--color-navy);border-radius:18px;background:#fff8eef5}.mission-review-page header h1,.mission-review-page header span{margin:0}.mission-review-list{display:grid;width:min(900px,100%);gap:16px;margin:auto}.mission-review-list article,.review-perfect{padding:20px;border:3px solid #244b7244;border-radius:20px;background:#fffaf3;box-shadow:0 5px #20304422}.mission-review-list article>span{color:var(--color-purple);font-weight:900}.mission-review-list article h2{margin:5px 0 12px;font-size:clamp(22px,2.2vw,30px)}.mission-review-list dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.mission-review-list dl>div{padding:10px;border-radius:12px;background:#eef6f7}.mission-review-list dt{font-weight:900}.mission-review-list dd{margin:4px 0 0;font-size:20px}.mission-review-list article p{font-size:18px}.mission-review-list small{font-size:16px;font-weight:800}.review-perfect{text-align:center}.review-perfect>span{color:var(--color-gold);font-size:80px;text-shadow:0 3px var(--color-navy)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1100px)and (orientation:landscape){.mission-page:not(.mission-page--result){grid-template-rows:70px minmax(0,1fr);gap:8px}.mission-header{min-height:64px}.question-card{height:100%;min-height:0;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;padding:10px 20px}.question-card__top{grid-template-columns:minmax(180px,1fr) auto;gap:10px}.collectible-progress{font-size:16px}.collectible-progress__row i{width:20px;height:25px}.question-prompt>h1{font-size:clamp(28px,3.2vw,34px)}.question-option{min-height:64px;font-size:20px}.question-card__bottom{min-height:104px}.answer-feedback{min-height:128px;max-height:190px}.mission-result-card{min-height:72svh;max-height:88svh;padding:24px 30px}.mission-result-summary{grid-template-columns:120px 1fr}.result-book{width:110px;height:110px;font-size:52px}}@media(min-width:1650px){.question-prompt>h1{font-size:clamp(38px,2.5vw,48px)}.question-option{font-size:clamp(22px,1.35vw,26px)}.mission-result-card{width:min(1260px,100%)}}.mission-board-page{display:grid;width:100%;height:100svh;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;padding:calc(14px + var(--safe-top)) calc(20px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(20px + var(--safe-left));overflow:hidden;background:linear-gradient(145deg,#7cc9ee,#dff6ed 56%,#83c96f);color:var(--color-navy)}.mission-board-page--forest{grid-template-rows:auto auto minmax(0,1fr)}.mission-board-header{display:grid;width:min(1480px,100%);grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:18px;margin:auto;padding:12px 16px;border:3px solid var(--color-navy);border-radius:22px;background:#fff8eef2;box-shadow:0 7px #20304420}.mission-board-header h1{margin:0;font-size:clamp(28px,3vw,42px)}.mission-board-header p{margin:2px 0 0;font-size:18px}.mission-board-player{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:16px;background:#eaf6f7}.mission-board-player .character-preview--avatar{width:58px;height:58px}.mission-board-player div{display:grid;gap:1px}.mission-board-player strong{font-size:19px}.mission-board-player span{font-size:15px;font-weight:800}.mission-filters{display:flex;width:min(900px,100%);justify-content:center;gap:9px;margin:auto}.mission-filters button{min-width:112px;min-height:48px;padding:7px 16px;border:3px solid var(--color-navy);border-radius:999px;background:#fff8ee;color:var(--color-navy);cursor:pointer;font-size:17px;font-weight:900}.mission-filters button.is-active{background:var(--color-gold);box-shadow:inset 0 0 0 2px #fff8ee}.mission-board-grid{display:grid;width:min(1480px,100%);min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;margin:0 auto;padding:2px 4px 16px;overflow-y:auto;overscroll-behavior:contain}.mission-board-card{position:relative;display:grid;min-width:0;gap:9px;padding:18px;border:4px solid var(--color-navy);border-radius:24px;background:#fffaf2;box-shadow:0 7px #20304424}.mission-board-card--chinese{border-top-color:var(--color-purple)}.mission-board-card--english{border-top-color:var(--color-english)}.mission-board-card--upcoming{border-style:dashed;border-color:#7c735f;background:#f2efe6}.mission-card-subject,.mission-card-status{display:inline-flex;width:fit-content;min-height:32px;align-items:center;padding:3px 10px;border-radius:999px;background:#eaf3f7;font-size:15px;font-weight:900}.mission-card-status{position:absolute;top:18px;right:18px;background:#fff0bc}.mission-board-card[data-status=locked] .mission-card-status{background:#e4e7e8}.mission-board-card[data-status=completed] .mission-card-status{background:#dff5df}.mission-board-card h2{margin:0;font-size:clamp(23px,2vw,30px)}.mission-board-card p{margin:0;font-size:17px;line-height:1.4}.mission-card-subtitle{color:var(--color-english);font-weight:800}.mission-card-meta{display:flex;flex-wrap:wrap;gap:6px}.mission-card-meta span{padding:3px 8px;border:2px solid #244b7228;border-radius:999px;background:#fff;font-size:14px;font-weight:800}.mission-card-record,.mission-card-draft,.mission-card-lock{padding:8px 10px;border-radius:11px;background:#eef6f7;font-weight:800}.mission-card-draft{background:#fff0bc}.mission-card-lock{background:#eceff0}.mission-board-card>button{min-height:48px;margin-top:auto;border:0;border-radius:14px;background:var(--color-blue-deep);color:#fff;cursor:pointer;font-size:18px;font-weight:900}.mission-board-card--english>button{background:var(--color-english)}.mission-board-card>button:disabled{background:#788188;cursor:not-allowed}@media(min-width:960px)and (orientation:landscape){.mission-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mission-board-card{padding:12px;gap:6px}.mission-board-card h2{font-size:clamp(19px,1.65vw,27px)}.mission-board-card p{font-size:15px}.mission-card-meta span{padding:2px 6px;font-size:12px}.mission-card-record,.mission-card-draft,.mission-card-lock{padding:6px 8px;font-size:14px}}.mission-theme--english{font-family:Arial,Noto Sans TC,Microsoft JhengHei,sans-serif}.mission-theme--english .question-card,.mission-theme--english .mission-result-card{background:linear-gradient(160deg,#fffaf2,#e8f7fb)}.mission-theme--english .question-option.selected{border-color:var(--color-english);background:#e8f7fb;box-shadow:inset 0 0 0 3px #247ca33d}.mission-theme--english .mission-hint-panel{background:#e8f7fb}.mission-theme--english .question-support-note{border-color:#247ca355;background:#edf9fc}.mission-theme--english .question-support-note>span{color:var(--color-english)}.collectible-progress--stamp-fragment .collectible-progress__row i{border-style:dashed;border-radius:4px;background:#eef8fb}.collectible-progress--stamp-fragment .collectible-progress__row i.is-found{background:#d9f3fb;color:var(--color-english)}.village-view-missions{min-height:48px;padding:5px 11px!important;border:2px solid var(--color-navy)!important;border-radius:12px!important;background:#fff0bc!important;font-weight:900}@media(max-width:1100px)and (orientation:landscape){.mission-board-page{gap:8px;padding-top:calc(8px + var(--safe-top))}.mission-board-header{grid-template-columns:auto 1fr auto;gap:10px;padding:8px 12px}.mission-board-header p{font-size:16px}.mission-board-player{padding:4px 8px}.mission-board-player .character-preview--avatar{width:48px;height:48px}.mission-board-player span{font-size:13px}.mission-filters button{min-width:100px}.mission-board-card{gap:6px;padding:14px}.mission-board-card p{font-size:16px}.mission-card-meta span{font-size:13px}}@media(max-width:760px){.mission-board-grid{grid-template-columns:1fr}}.mission-header{display:grid;width:min(1180px,100%);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:0 auto 14px;padding:9px 14px;border:3px solid var(--color-navy);border-radius:18px;background:#fff8eefa;box-shadow:0 6px #2030442e}.mission-header div{display:flex;min-width:0;justify-content:space-between;gap:12px}.mission-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-header span{font-weight:900}.mission-back{min-height:48px;padding:7px 12px;border:0;border-radius:12px;background:#e6f2f7;color:var(--color-navy);cursor:pointer;font-weight:900}.subject-pill{display:inline-flex;min-height:38px;align-items:center;padding:5px 13px;border:2px solid var(--color-navy);border-radius:999px;background:#ffd7df;font-weight:900}.question-card{width:min(1080px,100%);min-height:calc(100svh - 126px - var(--safe-top) - var(--safe-bottom));margin:auto;padding:clamp(18px,2.8vw,34px);border:4px solid #ffffffcc;border-radius:30px;background:#fff8eef8;box-shadow:var(--shadow-card)}.question-progress{height:13px;overflow:hidden;border:2px solid var(--color-navy);border-radius:999px;background:#dce7e5}.question-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5fe0d0,#ffd166);transition:width .2s ease}.question-kicker{margin:14px 0 5px;color:var(--color-purple);font-weight:900;text-align:center}.question-card>h1{max-width:28em;margin:0 auto 18px;color:var(--color-blue-deep);font-size:clamp(26px,3.2vw,40px);text-align:center;white-space:normal}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.question-option{position:relative;display:flex;min-height:72px;align-items:center;gap:13px;padding:12px 16px;border:3px solid #244b7245;border-radius:17px;background:#fff;color:var(--color-navy);cursor:pointer;font-size:20px;font-weight:900;text-align:left}.question-option>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:2px solid var(--color-navy);border-radius:12px;background:#e8f5f5}.question-option em{margin-left:auto;font-size:15px;font-style:normal}.question-option.selected{border-color:var(--color-purple);background:#f4efff;box-shadow:inset 0 0 0 3px #a58be244}.question-option.correct{border-color:#33794b;background:#e4f7e8}.question-option.wrong{border-color:#9d4350;background:#fff0f0}.question-tools{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.question-hint{margin:14px 0 0;padding:12px 15px;border:2px solid #7256a8;border-radius:14px;background:#f4efff;font-weight:800}.answer-feedback{margin-top:16px;padding:15px 18px;border:3px solid #33794b;border-radius:18px;background:#e4f7e8}.answer-feedback.is-wrong{border-color:#b87642;background:#fff4df}.answer-feedback h2{margin-bottom:7px;font-size:clamp(20px,2.3vw,28px)}.answer-feedback p{margin-bottom:7px}.answer-feedback span{display:block;margin-bottom:10px;font-size:16px;font-weight:800}.answer-feedback .button{float:right}.answer-feedback:after{display:block;clear:both;content:""}.mission-overlay{position:fixed;z-index:70;inset:0;display:grid;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));place-items:center;overflow:auto;background:#203044a8}.mission-intro-card,.leave-dialog,.mission-error{width:min(650px,100%);padding:25px;border:5px solid var(--color-navy);border-radius:28px;background:var(--color-cream);box-shadow:var(--shadow-card);text-align:center}.mission-emblem{display:grid;width:74px;height:74px;margin:0 auto 8px;place-items:center;border:4px solid var(--color-navy);border-radius:22px;background:var(--color-gold);color:var(--color-purple);font-size:40px}.mission-intro-heading span{color:var(--color-purple);font-weight:900}.mission-intro-heading h2{margin:4px 0 10px;font-size:clamp(28px,3.5vw,40px)}.mission-meta,.mission-rewards,.result-stats,.result-reward{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mission-meta span,.mission-rewards span,.result-stats span,.result-reward span{padding:5px 10px;border:2px solid #244b7230;border-radius:999px;background:#fff;font-size:16px;font-weight:850}.mission-rewards,.result-reward{margin:14px 0;padding:11px;border-radius:14px;background:#fff0bc}.mission-rewards strong,.result-reward strong{width:100%}.mission-intro-actions,.mission-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.leave-dialog .button{margin:5px}.mission-page--result{display:grid;place-items:center}.mission-result-card{width:min(880px,100%);padding:clamp(22px,3.5vw,42px);border:5px solid var(--color-gold);outline:4px solid var(--color-navy);outline-offset:-14px;border-radius:30px;background:#fff8eef8;box-shadow:var(--shadow-card);text-align:center}.result-star{color:var(--color-gold);font-size:76px;line-height:1;text-shadow:0 4px 0 var(--color-navy)}.mission-result-card h1{max-width:none;margin:8px 0 0;font-size:clamp(34px,5vw,58px);white-space:normal}.result-score{display:block;color:var(--color-purple);font-size:clamp(40px,6vw,68px)}.result-stats{margin:14px 0}.error-review{width:min(780px,100%);max-height:86svh;padding:24px;overflow:auto;border:5px solid var(--color-navy);border-radius:26px;background:var(--color-cream)}.error-review article{margin:12px 0;padding:14px;border:2px solid #244b7233;border-radius:14px;background:#fff}.error-review article p{margin:5px 0}.mission-toast{position:fixed;z-index:80;right:20px;bottom:18px;max-width:480px;padding:10px 14px;border:2px solid #805425;border-radius:13px;background:#fff3cb;font-weight:800}@media(max-width:1100px)and (orientation:landscape){.mission-page{padding-top:calc(10px + var(--safe-top))}.mission-header{margin-bottom:8px}.question-card{min-height:calc(100svh - 92px - var(--safe-top) - var(--safe-bottom));padding:14px 22px}.question-card>h1{margin-bottom:10px;font-size:28px}.question-option{min-height:60px;padding:8px 12px;font-size:18px}.question-tools{margin-top:10px}.answer-feedback{margin-top:10px;padding:10px 14px}.mission-intro-card{padding:18px}}.mission-page:not(.mission-page--result){display:grid;grid-template-rows:minmax(70px,auto) minmax(0,1fr);gap:12px;overflow:hidden}.mission-page .mission-header{width:min(1400px,100%);min-height:70px;margin-bottom:0}.mission-page .question-card{display:grid;width:min(1400px,100%);min-height:0;height:min(100%,clamp(590px,76svh,760px));grid-template-rows:auto auto auto minmax(0,1fr);align-self:center;gap:clamp(10px,1.5vh,16px);padding:clamp(16px,2vw,28px);overflow:hidden}.question-card__top{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:20px}.question-prompt{align-self:center}.question-prompt .question-kicker{margin:0 0 4px}.question-prompt>h1{max-width:30em;margin:0 auto;color:var(--color-blue-deep);font-size:clamp(34px,3.2vw,42px);line-height:1.25;text-align:center;white-space:normal}.mission-page .question-options{align-self:center;gap:clamp(10px,1.4vw,16px)}.mission-page .question-option{min-height:clamp(68px,8.5vh,84px);padding:10px clamp(15px,1.6vw,24px);font-size:clamp(20px,1.65vw,26px)}.question-option b{font:inherit}.mission-page .question-option>span{width:40px;height:40px}.question-card__bottom{display:flex;min-height:116px;flex-direction:column;justify-content:flex-start;overflow:hidden}.mission-page .question-tools{margin-top:0}.question-support-note{display:grid;min-height:82px;grid-template-columns:50px 1fr;align-items:center;gap:12px;margin-top:12px;padding:10px 16px;border:2px dashed #7256a855;border-radius:16px;background:#f8f3ff99;color:var(--color-navy)}.question-support-note>span{display:grid;width:44px;height:52px;place-items:center;border:2px solid var(--color-navy);border-radius:9px 3px 3px 9px;background:#ffd166;color:var(--color-purple);font-size:24px;font-weight:900}.question-support-note p{margin:0;font-size:18px}.mission-result-card .result-score,.mission-result-card .result-book{color:var(--mission-accent)}.mission-page .answer-feedback{display:grid;min-height:140px;max-height:214px;grid-template-columns:1fr auto;align-items:end;gap:16px;margin:0;padding:13px 16px;overflow:hidden}.mission-page .answer-feedback h2{margin:0 0 6px}.mission-page .answer-feedback .button{float:none;align-self:end}.mission-page--result .mission-result-card{display:grid;width:min(1120px,100%);min-height:65svh;max-height:88svh;grid-template-rows:auto auto auto auto;gap:12px;padding:clamp(24px,3vw,38px);overflow:auto}@media(max-width:1100px)and (orientation:landscape){.mission-page:not(.mission-page--result){grid-template-rows:64px minmax(0,1fr);gap:8px}.mission-page .mission-header{min-height:64px;margin-bottom:0}.mission-page .question-card{height:min(100%,590px);min-height:0;gap:8px;padding:10px 20px}.question-card__top{grid-template-columns:minmax(180px,1fr) auto;gap:10px}.question-prompt>h1{font-size:clamp(28px,3.2vw,34px)}.mission-page .question-option{min-height:64px;font-size:20px}.question-card__bottom{min-height:104px}.mission-page .answer-feedback{min-height:128px;max-height:190px;margin:0;padding:10px 14px}.mission-page--result .mission-result-card{min-height:72svh;max-height:88svh;padding:24px 30px}}@media(min-width:1650px){.question-prompt>h1{font-size:clamp(38px,2.5vw,48px)}.mission-page .question-option{font-size:clamp(22px,1.35vw,26px)}.mission-page--result .mission-result-card{width:min(1260px,100%)}}.mission-theme--mathematics{background:linear-gradient(150deg,#fff4cf,#d9f5ef 64%,#f8d996)}.mission-theme--mathematics .subject-pill{background:var(--color-mathematics-soft);color:#713800;border-color:var(--color-mathematics-teal)}.mission-board-card--mathematics{background:linear-gradient(145deg,#fff7de,#dcf6ef);border-color:var(--color-mathematics)}.mission-board-card--mathematics .mission-card-subject{background:var(--color-mathematics-soft);color:#713800}.milestone-hint,.milestone-reward{border:2px solid var(--color-gold);border-radius:var(--radius-small);background:#fff8d9;color:var(--color-navy);padding:.7rem .9rem}.milestone-reward{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:.75rem 0}.collectible-progress--gear-fragment .collectible-progress__row i{position:relative;display:grid;place-items:center;background:transparent;border:0;clip-path:polygon(40% 0,60% 0,64% 14%,75% 19%,88% 11%,89% 12%,100% 27%,88% 36%,90% 48%,100% 54%,94% 72%,80% 70%,71% 80%,72% 95%,54% 100%,47% 87%,34% 84%,23% 94%,9% 83%,15% 69%,8% 59%,0 52%,6% 34%,20% 34%,27% 22%,25% 8%);background:#d7c5a0}.collectible-progress--gear-fragment .collectible-progress__row i:after{content:"";width:34%;height:34%;border-radius:50%;background:var(--color-cream);box-shadow:0 0 0 2px var(--color-navy)}.collectible-progress--gear-fragment .collectible-progress__row i.is-found{background:var(--color-mathematics)}.knowledge-overview{max-width:1180px;margin:0 auto 1rem;padding:.85rem 1rem;background:#ffffffe0;border:3px solid var(--color-navy);border-radius:var(--radius-medium);box-shadow:var(--shadow-card)}.knowledge-overview__heading{display:flex;justify-content:space-between;gap:.7rem;align-items:center;margin-bottom:.65rem}.knowledge-overview__heading div{display:flex;gap:.7rem;align-items:baseline;flex-wrap:wrap}.knowledge-overview__heading span{font-size:.95rem;color:var(--color-blue-deep)}.knowledge-overview__heading b{color:#795100;background:#fff1a8;border-radius:999px;padding:.35rem .7rem}.knowledge-crystals{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.knowledge-crystals article{min-width:0;display:flex;align-items:center;gap:.65rem;padding:.55rem;border-radius:var(--radius-small);background:#edf0ee;border:2px solid #9aa9a4}.knowledge-crystals article>i{flex:0 0 48px;height:58px;display:grid;place-items:center;color:#67716e;font-style:normal;font-size:.68rem;font-weight:900;clip-path:polygon(50% 0,88% 32%,72% 82%,50% 100%,28% 82%,12% 32%);background:#cbd3d0}.knowledge-crystals article.is-lit>i{color:var(--color-navy);background:linear-gradient(145deg,#fff,var(--color-crystal) 55%,var(--color-gold));filter:drop-shadow(0 0 7px rgb(95 224 208 / 75%))}.knowledge-crystals article div{min-width:0;display:grid}.knowledge-crystals article div span,.knowledge-crystals article div small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-up-page{min-height:100dvh;display:grid;place-items:center;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left));overflow-x:hidden;background:radial-gradient(circle at 50% 25%,#fffbd5,#8be1d3 45%,#7256a8)}.level-up-card{position:relative;width:min(1120px,96vw);max-height:calc(100dvh - 2rem);overflow:auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(410px,1.2fr);align-items:center;gap:1rem;padding:clamp(1rem,3vw,2.2rem);border:5px solid var(--color-navy);border-radius:36px;background:#fff8e8f5;box-shadow:0 25px 70px #18173d61}.level-up-card .character-preview{min-height:min(62vh,610px)}.level-up-copy{text-align:center;display:grid;justify-items:center;gap:.6rem}.level-up-copy h1{margin:0;font-size:clamp(2.2rem,5vw,4.4rem);color:var(--color-purple)}.level-transition{font-size:clamp(1.55rem,3vw,2.6rem);color:var(--color-blue-deep)}.milestone-badge,.hero-milestone-badge{display:inline-flex;border-radius:999px;background:var(--color-gold);color:#573800;padding:.45rem .85rem;font-weight:900;border:2px solid #8d6300}.level-crystals{display:flex;gap:1rem}.level-crystals i{width:62px;height:75px;display:grid;place-items:center;clip-path:polygon(50% 0,88% 32%,72% 82%,50% 100%,28% 82%,12% 32%);background:linear-gradient(145deg,#fff,var(--color-crystal),var(--color-gold));font-style:normal;font-weight:900;font-size:.8rem;filter:drop-shadow(0 0 8px #ffd166)}.level-progress-copy{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;font-weight:800}.level-progress-copy span,.level-up-copy aside{background:#eefbf8;border:2px solid var(--color-mathematics-teal);border-radius:14px;padding:.55rem .75rem}.level-up-burst{position:absolute;top:.5rem;right:1rem;color:var(--color-gold);font-size:4rem;animation:level-burst 1.8s ease-in-out infinite alternate}.reduced-motion .level-up-burst{animation:none}@keyframes level-burst{to{transform:scale(1.12) rotate(8deg)}}.certificate-crystals.is-complete i{background:linear-gradient(145deg,#fff,var(--color-crystal),var(--color-gold));filter:drop-shadow(0 0 5px var(--color-gold))}.coming-next-note{margin-top:-.35rem;color:var(--color-blue-deep);font-size:.95rem}.game-menu-progress{display:grid;gap:.25rem;background:#eefbf8;border-radius:14px;padding:.65rem}.forest-page,.forest-game-canvas{background:#4f9a68}.forest-hud{border-color:#356d59;background:linear-gradient(90deg,#fffbe6f2,#def7e2f0)}.forest-hud-actions{display:flex;gap:8px}.forest-objective{border-color:#356d59;background:#f8ffe7f0}.forest-objective strong{min-width:52px;padding:.3rem .55rem;border-radius:999px;background:#356d59;color:#fff;text-align:center}.forest-arrival-backdrop{position:fixed;z-index:58;inset:0;display:grid;place-items:center;padding:16px;background:#1729427a}.forest-arrival-card{width:min(560px,100%);padding:24px;border:4px solid var(--color-navy);border-radius:26px;background:#fff8e8;box-shadow:var(--shadow-card);text-align:center}.forest-arrival-card h2{margin:0 0 8px;color:#356d59;font-size:clamp(28px,4vw,42px)}.forest-arrival-card p{font-size:19px}.forest-landmark-toast{position:fixed;z-index:70;right:max(18px,var(--safe-right));top:calc(104px + var(--safe-top));padding:10px 16px;border:3px solid #356d59;border-radius:16px;background:#fff8cf;box-shadow:var(--shadow-card);font-size:18px;font-weight:900}.forest-map-help{margin:0 0 10px;color:var(--color-blue-deep)}.forest-map-plan{position:relative;width:100%;aspect-ratio:16 / 8.5;min-height:300px;overflow:hidden;border:4px solid #365d4c;border-radius:24px;background:radial-gradient(circle at 62% 68%,#79d6d4 0 10%,transparent 11%),radial-gradient(circle at 25% 24%,#9c6c43 0 8%,transparent 9%),linear-gradient(145deg,#b5dda2,#5aa976)}.forest-map-plan:before{content:"";position:absolute;inset:5%;border:3px dashed rgb(255 255 255 / 44%);border-radius:32px}.forest-map-plan svg{position:absolute;inset:0;width:100%;height:100%}.forest-map-plan path{fill:none;stroke:#f4d58c;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:2 1}.forest-map-marker,.forest-map-player,.forest-map-area{position:absolute;z-index:2;display:grid;justify-items:center;gap:1px;max-width:118px;color:#16382e;font-size:13px;font-weight:900;text-align:center;transform:translate(-50%,-50%)}.forest-map-marker i{display:grid;width:30px;height:30px;place-items:center;border:2px solid #fff;border-radius:50%;background:#365d4c;color:#fff;font-style:normal;box-shadow:0 2px 5px #16382e88}.forest-map-marker[data-known=false]{color:#4e5c58}.forest-map-marker[data-known=false] i{background:#75847f}.forest-map-marker small{display:block;padding:2px 6px;border-radius:999px;background:#fff9e8e8;color:#243044;font-size:11px;white-space:nowrap}.forest-map-marker--mission[data-mission-status=available] i,.forest-map-marker--mission[data-mission-status=in_progress] i{background:var(--forest-chinese-purple)}.forest-map-marker--mission[data-mission-status=completed] i{background:var(--forest-leaf-green);color:#ffe676}.forest-map-player{z-index:4;padding:5px 8px;border:2px solid #5a4310;border-radius:999px;background:#ffd166;color:#3d2c08;white-space:nowrap}.forest-map-area{padding:4px 7px;border-radius:10px;background:#fff9dbe6}.forest-map-area--entrance{left:8%;top:88%}.forest-map-area--camp{left:24%;top:73%}.planned-mission-card{padding:18px;border:3px solid var(--color-purple);border-radius:20px;background:#f7f1ff}.planned-mission-card--english{border-color:#267a9b;background:#ecf9ff}.planned-mission-card--mathematics{border-color:#b56d15;background:#fff6dd}:root{--castle-math-orange: #c96f22;--castle-data-green: #2f8669}.mission-theme--castle-mathematics{background:linear-gradient(145deg,#fff7df,#e8fff5 58%,#e9ecff)}.mission-data-display{min-width:0;margin:0;padding:clamp(.55rem,1.2vw,.9rem);border:3px solid color-mix(in srgb,var(--mission-accent, #c96f22) 65%,#23324b);border-radius:18px;background:#fffdf5;color:#253047;box-shadow:0 5px #c4a56155}.mission-data-display figcaption,.mission-data-display caption{padding:0 0 .45rem;font-weight:900;text-align:center}.mission-data-display--table{overflow:auto}.mission-data-display table{width:100%;border-collapse:separate;border-spacing:0;font-size:clamp(1rem,1.35vw,1.2rem)}.mission-data-display th,.mission-data-display td{min-width:5.2rem;padding:.38rem .65rem;border:1px solid #6d7d82;text-align:center}.mission-data-display thead th,.mission-data-display tbody th{background:#e5f5ec;font-weight:900}.mission-data-display--bar svg{display:block;width:min(100%,36rem);max-height:15rem;margin:auto;overflow:visible;font:700 11px/1 sans-serif}.data-chart__grid{stroke:#c7d1cb;stroke-width:1}.data-chart__axis{stroke:#334056;stroke-width:2}.data-chart__bar{fill:var(--mission-accent, #c96f22);stroke:#824312;stroke-width:1.5}.data-chart__value{font-weight:900;fill:#253047}.data-pictogram__key{display:flex;min-height:48px;align-items:center;justify-content:center;gap:.45rem;margin:0 0 .4rem;font-weight:900}.data-pictogram__rows{display:grid;gap:.35rem}.data-pictogram__rows>div{display:grid;grid-template-columns:minmax(4.5rem,.35fr) 1fr;align-items:center;gap:.5rem;min-height:42px;padding:.25rem .5rem;border-radius:10px;background:#edf8f1}.data-pictogram__rows span{display:flex;flex-wrap:wrap;gap:.2rem}.data-pictogram__symbol{width:30px;height:30px;flex:0 0 30px;fill:#f5b84e;stroke:#57442a;stroke-width:1.5;stroke-linejoin:round}.collectible-progress--royal-data-chip i{border-radius:7px;background:#d8eadf}.collectible-progress--royal-data-chip i.is-found{background:linear-gradient(145deg,#f4ad46,#55c49c)}@media(max-width:1100px),(max-height:790px){.mission-theme--castle-mathematics .question-card{gap:.45rem}.mission-theme--castle-mathematics .question-prompt h1{font-size:clamp(1.25rem,2.5vw,1.65rem)}.mission-theme--castle-mathematics .mission-data-display{padding:.4rem .55rem}.mission-theme--castle-mathematics .mission-data-display--bar svg{max-height:11.5rem}}.planned-mission-card h3{margin:8px 0;font-size:25px}.planned-mission-card ul{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.planned-mission-card li{padding:4px 8px;border-radius:999px;background:#fff;font-weight:800}.planned-status{float:right;padding:4px 8px;border-radius:999px;background:#ffe7a3;color:#6a4800}.transition-dialog{max-width:560px}.transition-dialog>div{display:flex;justify-content:center;gap:10px}.map-transition-fade{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:#17372ff2;color:#fff8d9;font-size:clamp(22px,3vw,36px);font-weight:900;animation:map-fade-in .22s ease both}@keyframes map-fade-in{0%{opacity:0}to{opacity:1}}.reduced-motion .map-transition-fade{animation:none}.mission-region-tabs{display:flex;width:min(720px,100%);gap:8px;margin:0 auto 12px}.mission-region-tabs button{flex:1;min-height:48px;border:2px solid var(--color-navy);border-radius:14px;background:#fff;font-weight:900}.mission-region-tabs button.is-active{background:#356d59;color:#fff}.forest-mission-board{width:min(1080px,100%);margin:0 auto;padding:clamp(18px,3vw,30px);border:4px solid #356d59;border-radius:26px;background:#f6ffedf2;box-shadow:var(--shadow-card);text-align:center}.mission-board-page--forest .forest-mission-board{min-height:0;overflow-y:auto}.forest-mission-board>span{display:inline-block;padding:5px 10px;border-radius:999px;background:#ffe59b;font-weight:900}.forest-mission-board>h2{margin:10px}.forest-path-summaries{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.forest-path-summaries article{padding:12px;border:2px solid #356d59;border-radius:18px;background:#fff}.forest-path-summaries article strong{font-size:20px}.forest-path-summaries article p{margin:4px 0 0}.forest-formal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0}.forest-formal-card{width:100%;margin:0;text-align:left}.forest-formal-card>button{background:var(--forest-chinese-purple)}.forest-formal-card.mission-board-card--english>button{background:var(--forest-english-blue)}.forest-formal-card.mission-board-card--mathematics>button{background:var(--forest-math-orange)}.mission-theme--forest-chinese{background:linear-gradient(145deg,#f1e8ff,#e8f6dc)}.mission-theme--forest-chinese .mission-header,.mission-theme--forest-chinese .question-card,.mission-theme--forest-chinese .mission-result-card{border-color:var(--forest-chinese-purple)}.mission-theme--forest-english{background:linear-gradient(145deg,#e8f8ff,#eff9dd)}.mission-theme--forest-english .mission-header,.mission-theme--forest-english .question-card,.mission-theme--forest-english .mission-result-card{border-color:var(--forest-english-blue)}.mission-theme--forest-english .question-option{letter-spacing:0;line-height:1.35}.mission-theme--forest-mathematics{background:linear-gradient(145deg,#fff0dc,#e5f2e8)}.mission-theme--forest-mathematics .mission-header,.mission-theme--forest-mathematics .question-card,.mission-theme--forest-mathematics .mission-result-card{border-color:var(--forest-math-orange)}.mission-theme--forest-mathematics .question-option{letter-spacing:.01em;line-height:1.42;overflow-wrap:anywhere}.collectible-progress--idiom-leaf i{border-radius:70% 20%;background:#e7f3d7;transform:rotate(-8deg)}.collectible-progress--idiom-leaf i.is-found{background:var(--forest-leaf-green);color:#fff7c7}.collectible-progress--idiom-leaf i span{transform:rotate(8deg)}.collectible-progress--sentence-plank .collectible-progress__row i{width:30px;height:22px;border-color:#765537;border-radius:5px;background:#d6b37a;color:#6b5039}.collectible-progress--sentence-plank .collectible-progress__row i.is-found{border-color:var(--forest-english-blue);background:#f3d68d;color:#225f73;box-shadow:0 0 8px #55cbd088}.collectible-progress--multi-step-gear .collectible-progress__row i{position:relative;border:3px solid var(--forest-ruins-green);border-radius:50%;background:#e8e3ce;color:#6c766e}.collectible-progress--multi-step-gear .collectible-progress__row i:nth-child(2n){transform:translateY(5px) rotate(18deg)}.collectible-progress--multi-step-gear .collectible-progress__row i.is-found{background:var(--forest-math-orange);color:#fff8df;box-shadow:0 0 9px #f0a14f99}.forest-map-marker--mission[data-mission-id=math-forest-multi-step-gears-01][data-mission-status=available] i,.forest-map-marker--mission[data-mission-id=math-forest-multi-step-gears-01][data-mission-status=in_progress] i{background:var(--forest-math-orange)}.forest-milestone-summary{margin:6px 0;padding:7px 10px;border-radius:12px;background:#fff0b8;color:#5d4510;font-weight:900}.forest-map-marker--mission[data-mission-id=eng-forest-sentence-bridge-01][data-mission-status=available] i,.forest-map-marker--mission[data-mission-id=eng-forest-sentence-bridge-01][data-mission-status=in_progress] i{background:var(--forest-english-blue)}.game-menu-lock-reason{display:block;color:#6b4b10;text-align:center}.hero-certificate h1:focus{outline:none;box-shadow:none}.castle-road-page,.castle-road-game-canvas{background:#293454}.castle-road-hud{border-color:#e0c362;background:linear-gradient(90deg,#fff9def5,#e5dcf9f2)}.castle-road-objective{max-width:min(620px,calc(100vw - 36px));border-color:#e0c362;background:#f6f0fff5;color:#2f3150}.castle-arrival-card{border-color:#453465;background:linear-gradient(150deg,#fff9dc,#eee5ff)}.castle-arrival-card>span{display:block;color:#74509c;font-size:34px;font-weight:900;letter-spacing:.25em}.castle-arrival-card h2{color:#4b376d}.castle-landmark-toast{border-color:#6d4f91;background:#fff1b9;color:#34294b}.castle-road-menu{border-color:#e0c362;background:linear-gradient(160deg,#fff9e0,#eee8ff)}.castle-road-map-plan{border-color:#584578;background:radial-gradient(circle at 91% 14%,#e7cb6b 0 6%,transparent 6.5%),radial-gradient(circle at 26% 72%,#7adfd6 0 5%,transparent 5.5%),linear-gradient(145deg,#4f4669,#263553 66%,#342947)}.castle-road-map-plan:before{border-color:#edd16d85}.castle-road-map-plan path{stroke:#e6c966;stroke-width:3.6}.castle-map-entry{left:7%;top:91%;color:#2d2944}.castle-map-marker{color:#fff8d7}.castle-map-marker i{border-color:#f3df98;background:#5a417d}.castle-map-marker--checkpoint i{background:#267e84}.castle-map-marker--locked-gate i{background:#8d6a24}.castle-map-marker[data-known=false]{color:#d8d4df}.castle-map-marker[data-known=false] i{background:#68657a}.castle-map-marker small{background:#fff9e8}.castle-plan-preview{display:grid;gap:12px}.castle-plan-preview header{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.castle-plan-preview header>span{color:#59436e;font-weight:900}.castle-plan-preview header>strong{padding:5px 10px;border-radius:999px;background:#ffe49a;color:#63470a}.castle-plan-preview h3{grid-column:1 / -1;margin:0;color:#47335f;font-size:clamp(24px,3vw,34px)}.castle-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.castle-plan-grid article{display:grid;align-content:start;gap:8px;min-width:0;padding:14px;border:3px solid #725398;border-radius:18px;background:#faf5ff}.castle-plan-preview--english .castle-plan-grid article{border-color:#2c8299;background:#eefaff}.castle-plan-preview--mathematics .castle-plan-grid article{border-color:#bd7524;background:#fff8e7}.castle-plan-grid h4{margin:0;font-size:19px;line-height:1.25}.castle-plan-grid p{margin:0;font-size:16px;line-height:1.45}.castle-plan-grid small{color:#4a5060;font-weight:800}.castle-plan-grid article>span{align-self:end;color:#574070;font-weight:900}.castle-plan-notice{margin:0;padding:9px 12px;border-radius:12px;background:#f0edf5;font-weight:800}.mission-board-page--castle{background:linear-gradient(145deg,#dfe8f5,#f0e5ff 55%,#fff1bf)}.mission-board-page--castle .forest-mission-board{min-height:0;overflow-y:auto}.castle-mission-board{border-color:#5b437a;background:#f8f3fff2}.castle-path-summaries article{border-color:#6b4f8d}.castle-path-summaries article small{display:block;margin-top:6px;color:#4f5366;line-height:1.4}.castle-exploration-summary{padding:8px 12px;border-radius:12px;background:#fff0b3;color:#5b4414;font-weight:900}.castle-formal-card{display:grid;max-width:960px;margin:10px auto;border-color:var(--castle-chinese-purple);background:linear-gradient(145deg,#fff8dc,#f2eaff)}.castle-formal-card>button{background:var(--castle-chinese-purple)}.mission-theme--castle-chinese{background:linear-gradient(145deg,#ede7f7,#fff4cf 58%,#dfe6f2)}.mission-theme--castle-chinese .mission-header,.mission-theme--castle-chinese .question-card,.mission-theme--castle-chinese .mission-result-card{border-color:var(--castle-chinese-purple)}.mission-theme--castle-chinese .question-card{background:linear-gradient(160deg,#fffaf0,#f4edff)}.mission-theme--castle-chinese .question-prompt>h1{max-width:42em;color:#302747;font-size:clamp(24px,2.2vw,34px);line-height:1.38;white-space:pre-line}.mission-theme--castle-chinese .question-option{min-height:64px;border-color:#67428f66;line-height:1.35}.mission-theme--castle-chinese .question-option.selected{border-color:var(--castle-chinese-purple);background:#f1e8fa;box-shadow:inset 0 0 0 3px #67428f30}.mission-theme--castle-chinese .question-support-note,.mission-theme--castle-chinese .mission-hint-panel{border-color:#c89f3d88;background:#fff5ce}.collectible-progress--paragraph-scroll-page .collectible-progress__row i{width:28px;height:31px;border-color:#80639b;border-radius:4px 9px;background:#e9e0ef;color:#675b70}.collectible-progress--paragraph-scroll-page .collectible-progress__row i.is-found{border-color:var(--castle-chinese-purple);background:#ffe49a;color:#59356f;box-shadow:0 0 8px #c89f3d99}.mission-theme--castle-english{background:linear-gradient(145deg,#e2eefb,#fff5d4 58%,#dce5f0)}.mission-theme--castle-english .mission-header,.mission-theme--castle-english .question-card,.mission-theme--castle-english .mission-result-card{border-color:var(--castle-english-blue)}.mission-theme--castle-english .question-card{background:linear-gradient(160deg,#f8fcff,#fff8de)}.mission-theme--castle-english .question-prompt>h1{max-width:42em;color:#243a61;font-size:clamp(24px,2.2vw,34px);line-height:1.38}.mission-theme--castle-english .question-option{min-height:64px;border-color:#3f78bd66}.mission-theme--castle-english .question-option.selected{border-color:var(--castle-english-blue);background:#e6f2ff;box-shadow:inset 0 0 0 3px #3f78bd30}.mission-theme--castle-english .question-support-note,.mission-theme--castle-english .mission-hint-panel{border-color:#c89f3d88;background:#fff5ce}.collectible-progress--tense-command-seal .collectible-progress__row i.is-found{border-color:var(--castle-english-blue);background:#ffe49a;color:#244a7a;box-shadow:0 0 8px #70b9ef99}.castle-map-marker--checkpoint[data-kind=checkpoint] small{max-width:150px}@media(max-width:1100px)and (orientation:landscape){.forest-hud-actions .hud-menu-button{min-width:82px}.forest-map-plan{min-height:270px}.forest-map-marker{max-width:92px;font-size:11px}.forest-map-marker i{width:26px;height:26px}.forest-arrival-card{padding:18px}.forest-mission-board{padding:14px}.forest-path-summaries{gap:7px;margin:8px 0}.forest-path-summaries article{padding:8px}.forest-formal-card{padding:10px;gap:5px}.forest-formal-grid{gap:8px}.castle-plan-grid{gap:7px}.castle-plan-grid article{gap:5px;padding:9px}.castle-plan-grid h4{font-size:17px}.castle-plan-grid p{font-size:14px}.mission-board-page--castle .castle-mission-board{padding:12px 16px}.mission-board-page--castle .castle-path-summaries{margin:8px 0}}@media(max-width:900px)and (orientation:landscape){.forest-formal-grid{grid-template-columns:1fr}}@media(max-height:840px)and (orientation:landscape){.mission-board-page--forest{gap:6px;padding-top:calc(8px + var(--safe-top));padding-bottom:calc(8px + var(--safe-bottom))}.mission-board-page--forest .mission-board-header{padding-block:7px}.mission-board-page--forest .mission-board-player{padding-block:3px}.mission-board-page--forest .mission-board-player .character-preview--avatar{width:48px;height:48px}.mission-board-page--forest .mission-region-tabs{margin-bottom:2px}.mission-board-page--forest .forest-mission-board{padding:10px 16px}.mission-board-page--forest .forest-mission-board>span{padding-block:3px}.mission-board-page--forest .forest-mission-board>h2{margin:4px}.mission-board-page--forest .forest-formal-grid{gap:8px;margin:6px 0}.mission-board-page--forest .forest-formal-card{gap:4px;padding:9px 12px}.mission-board-page--forest .forest-formal-card h2{font-size:20px}.mission-board-page--forest .mission-card-meta{gap:4px}.mission-board-page--forest .mission-card-meta span{padding-block:1px;font-size:12px}.mission-board-page--forest .mission-card-record,.mission-board-page--forest .mission-card-draft,.mission-board-page--forest .mission-card-lock{padding:4px 7px;font-size:13px}.mission-board-page--forest .forest-path-summaries{gap:8px;margin:6px 0}.mission-board-page--forest .forest-path-summaries article{padding:5px 8px}.mission-board-page--forest .forest-path-summaries article strong{font-size:18px}}@media(max-width:1100px),(max-height:790px){.knowledge-overview{padding:.6rem .75rem;margin-bottom:.6rem}.knowledge-crystals article{padding:.4rem;gap:.4rem}.knowledge-crystals article>i{flex-basis:38px;height:46px}.level-up-card{grid-template-columns:minmax(220px,.7fr) minmax(390px,1.3fr);gap:.6rem;padding:.8rem 1.2rem}.level-up-card .character-preview{min-height:470px}.level-up-copy{gap:.35rem}.level-up-copy p{margin:.2rem}}@media(orientation:portrait),(max-width:760px){.knowledge-crystals,.level-up-card{grid-template-columns:1fr}}.mission-header__identity{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center}.mission-header__titles{display:flex;min-width:0;flex-direction:column}.mission-header__titles strong{overflow:visible;text-overflow:clip}.mission-header__titles small{overflow:hidden;color:#52657b;font-size:.76rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mission-header__counter{white-space:nowrap}.mission-data-display__table-scroll{overflow-x:auto}.mission-data-display--bar svg{width:min(100%,700px);height:clamp(190px,25vh,240px);max-height:none;overflow:visible}.data-chart__axis-label{font-size:11px;font-weight:900;fill:#253047}.data-chart__category{font-size:11px}.mission-data-display--pictogram,.data-pictogram__entry{overflow:visible}.mission-page.mission-theme--castle-mathematics{overflow-x:hidden;overflow-y:auto}.mission-page.mission-theme--castle-mathematics .question-card{height:auto;min-height:min(590px,calc(100svh - 98px - var(--safe-top) - var(--safe-bottom)));grid-template-rows:auto auto auto auto auto;align-self:start;gap:7px;overflow:visible}.mission-theme--castle-mathematics .mission-data-display{min-height:fit-content;align-self:stretch;overflow:visible}.mission-theme--castle-mathematics .question-options{align-self:end}.mission-page.mission-theme--castle-mathematics .question-option{min-height:54px}.mission-theme--castle-mathematics .question-card__bottom{min-height:84px}.mission-theme--castle-mathematics .answer-feedback{align-items:center}.mission-theme--castle-mathematics .feedback-scroll{max-height:132px;align-self:center;overflow-y:auto}.mission-page.mission-theme--castle-mathematics[data-feedback=true] .answer-feedback{padding-block:7px}.mission-page.mission-theme--castle-mathematics[data-feedback=true] .question-option{min-height:50px}.mission-page.mission-theme--castle-mathematics[data-feedback=true] .mission-data-display table{font-size:14px;line-height:1.05}.mission-page.mission-theme--castle-mathematics[data-feedback=true] .mission-data-display th,.mission-page.mission-theme--castle-mathematics[data-feedback=true] .mission-data-display td{padding:2px 7px}@media(max-width:1100px),(max-height:790px){.mission-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.mission-header__identity{gap:8px!important}.mission-header__titles small{display:none}.mission-header__titles strong{font-size:.93rem;white-space:nowrap}.mission-header__counter{font-size:.88rem}.mission-header .subject-pill{padding-inline:9px}.mission-page.mission-theme--castle-mathematics .question-card{min-height:0;gap:5px;padding:10px 20px 16px}.mission-page.mission-theme--castle-mathematics .question-option{min-height:50px}.mission-theme--castle-mathematics .question-card__bottom{min-height:76px}.mission-theme--castle-mathematics .question-support-note{min-height:58px;margin-top:4px;padding-block:4px}.mission-theme--castle-mathematics .mission-data-display--bar svg{height:190px;max-height:none}.mission-theme--castle-mathematics .mission-data-display table{font-size:15px;line-height:1.1}.mission-theme--castle-mathematics .mission-data-display th,.mission-theme--castle-mathematics .mission-data-display td{padding:3px 7px}.mission-theme--castle-mathematics .mission-data-display caption{padding-bottom:3px}}.castle-milestone-page{min-height:100svh;padding:calc(18px + var(--safe-top)) calc(22px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(22px + var(--safe-left));overflow-x:hidden;background:radial-gradient(circle at 50% 12%,#fff3b2 0 8%,transparent 30%),linear-gradient(145deg,#263557,#583f77 55%,#283b5e)}.castle-milestone-card{display:grid;width:min(1120px,100%);min-height:min(760px,calc(100svh - 36px - var(--safe-top) - var(--safe-bottom)));margin:auto;padding:clamp(20px,3vw,38px);border:5px solid #ebcf6d;border-radius:32px;background:linear-gradient(150deg,#fffaf0,#f0e9ff);box-shadow:0 18px 60px #11182f99;color:#2d3152;text-align:center}.milestone-kicker{color:#67457e;font-size:18px;font-weight:900}.castle-milestone-card h1{margin:4px 0;color:#4d356c;font-size:clamp(34px,5vw,62px)}.milestone-subtitle{margin:0;color:#976b12;font-size:clamp(22px,3vw,32px);font-weight:900}.castle-milestone-visual{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(330px,1.25fr);align-items:center;min-height:300px}.castle-milestone-visual .character-preview{max-height:320px}.milestone-crystal-gate{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;padding:24px;border-radius:26px;background:#263858}.milestone-crystal-gate i{display:grid;height:96px;place-items:center;clip-path:polygon(50% 0,96% 38%,72% 100%,28% 100%,4% 38%);background:#7addd2;color:#183b49;font-size:25px;font-style:normal;font-weight:1000}.milestone-crystal-gate i:nth-child(2){background:#8fc9f0}.milestone-crystal-gate i:nth-child(3){background:#f2c96b}.milestone-crystal-gate strong{grid-column:1 / -1;color:#f4d66d;font-size:55px}.milestone-crystal-gate span{grid-column:1 / -1;color:#fff;font-size:20px;font-weight:900}.castle-milestone-story{max-width:48em;margin:8px auto;font-size:18px;line-height:1.55}.milestone-rewards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.milestone-rewards span,.milestone-rewards strong{padding:8px 12px;border-radius:999px;background:#fff0b5;color:#604913;font-weight:900}.milestone-actions{display:flex;gap:12px;justify-content:center;margin-top:14px}.castle-gate-confirm>span{display:block;color:#e5c85f;font-size:35px;letter-spacing:.35em}.castle-gate-unseal-effect{position:fixed;inset:0;z-index:95;display:grid;place-content:center;padding:24px;background:radial-gradient(circle,#fff4aadd 0 12%,#a78ad8bb 34%,#1c2743dd 72%);color:#fff;text-align:center;pointer-events:none;animation:gate-unseal 1s ease-out both}.castle-gate-unseal-effect strong{font-size:clamp(38px,6vw,76px);text-shadow:0 4px 0 #42325f}.castle-gate-unseal-effect span{font-size:20px;font-weight:900}@keyframes gate-unseal{0%{opacity:.5}45%{opacity:1}to{opacity:.88}}.castle-interior-page{overflow:hidden;background:#222b49}.castle-interior-game-canvas{background:#222b49}.castle-interior-hud .hud-player{min-width:245px}.castle-interior-hud .hud-player small{color:#735a10;font-size:12px;font-weight:900}.castle-interior-hud .hud-location{min-width:260px}.castle-interior-hud .hud-location small{display:block;font-size:12px;font-weight:900}.castle-interior-objective{border-color:#d9bd59;background:#f8f0d9f2;color:#3e385a}.castle-interior-arrival{display:grid;gap:14px;justify-items:center;color:#343758;text-align:center}.castle-interior-arrival>span{color:#e2bd49;font-size:58px;text-shadow:0 3px #4b3c6b}.castle-interior-arrival p{margin:0;font-size:20px;line-height:1.5}.castle-interior-arrival strong{padding:12px 16px;border-radius:14px;background:#eee7ff;font-size:19px}.castle-interior-map-locked{display:grid;min-height:280px;place-content:center;justify-items:center;color:#3c3d5e;text-align:center}.castle-interior-map-locked>span{color:#c8a43b;font-size:66px}.castle-interior-map{display:grid;gap:10px}.modal-card--wide:has(.castle-interior-map),.modal-card--wide:has(.castle-interior-map-locked){display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(92vh,690px);overflow:hidden}.modal-card--wide:has(.castle-interior-map) .castle-interior-map{min-height:0}.castle-interior-map>header{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.castle-interior-map>header>*{padding:7px 11px;border-radius:999px;background:#fff0b4;color:#554113;font-weight:900}.castle-interior-map__plan{position:relative;min-height:260px;border:4px solid #e1c35f;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#4f456b,#263a5a)}.castle-interior-map__plan svg{position:absolute;inset:4%;width:92%;height:92%}.castle-interior-map__plan path{fill:none;stroke:#ead274;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.castle-interior-map__marker{position:absolute;display:grid;max-width:135px;justify-items:center;color:#fff;font-size:12px;font-weight:900;text-align:center;transform:translate(-50%,-50%)}.castle-interior-map__marker i{display:grid;width:30px;height:30px;place-items:center;border:3px solid #f1d777;border-radius:50%;background:#356d77;font-style:normal}.castle-interior-map__marker[data-discovered=false] i{background:#66697a}.castle-interior-map__marker small{margin-top:2px;padding:2px 5px;border-radius:6px;background:#17203edd}.castle-interior-map-scroll{display:grid;gap:10px;min-height:0;max-height:none;padding:2px 8px 10px 2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.castle-interior-map-scroll:focus-visible{outline:4px solid #7862a3;outline-offset:2px;border-radius:18px}.castle-interior-trial-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.castle-interior-trial-list article{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:2px solid #d9cbe8;border-radius:12px;background:#f6f1fb;font-size:13px}.castle-interior-trial-list article>*{min-width:0}.castle-interior-trial-list article span{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#e4dcf0;font-weight:900}.castle-interior-trial-list article[data-status=completed]{border-color:#65a980;background:#eaf8ee}.castle-interior-trial-list article[data-status=available]{border-color:#d6a835;background:#fff5c9}.castle-interior-trial-list article[data-status=planned]{border-style:dashed;color:#655d73}.castle-interior-scroll-cue{color:#5e5072;font-weight:800;text-align:center}.castle-final-gate-note{margin:0;color:#4a385f;font-weight:900}.castle-interior-plan-preview{display:grid;gap:10px;color:#313550}.castle-interior-plan-preview header{display:flex;justify-content:space-between}.castle-interior-plan-preview header span,.castle-interior-plan-preview header strong{padding:7px 11px;border-radius:999px;background:#eee7ff;font-weight:900}.castle-interior-plan-preview h3{margin:0;color:#4e376e;font-size:clamp(24px,3vw,36px)}.castle-interior-plan-preview>p{margin:0;line-height:1.45}.castle-plan-meta{display:flex;flex-wrap:wrap;gap:7px}.castle-plan-meta span{padding:5px 8px;border-radius:8px;background:#fff0b1;font-weight:900}.castle-interior-plan-preview ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.castle-interior-plan-preview li{padding:6px 9px;border-radius:999px;background:#e8f4fb;font-weight:800}.castle-interior-mission-board{max-height:calc(100svh - 190px);overflow-y:auto}.test-version-summary{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.test-version-summary>*{padding:7px 11px;border-radius:999px;background:#fff0b2}.castle-interior-planned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.planned-only-card{display:grid;gap:7px;min-width:0;padding:12px;border-color:#71538e;background:#faf7ff}.planned-only-card h3{margin:0;font-size:18px;line-height:1.3}.planned-only-card p{margin:0;font-size:14px;line-height:1.35}.mission-pattern-display{display:grid;gap:6px;width:min(100%,650px);margin:0 auto;padding:8px 12px;border:3px solid color-mix(in srgb,var(--mission-accent, #75518f) 62%,white);border-radius:18px;background:#fffdf5;color:#35324e}.mission-pattern-display figcaption{font-weight:900;text-align:center}.mission-pattern-display__sequence{display:flex;min-height:58px;align-items:center;justify-content:center;gap:clamp(5px,1.2vw,12px)}.mission-pattern-display--position_grid .mission-pattern-display__sequence{display:grid;width:fit-content;min-width:156px;margin:auto}.pattern-token{width:48px;height:48px;flex:0 0 48px;padding:4px;fill:color-mix(in srgb,var(--mission-accent, #75518f) 78%,#223)}.pattern-token--unknown{display:grid;place-items:center;border:3px dashed #806d99;border-radius:10px;background:#f4ecff;color:#4b3864;font-size:28px;font-weight:1000}@media(max-width:1100px),(max-height:790px){.castle-milestone-card{min-height:0;padding:12px 24px;row-gap:4px}.castle-milestone-card h1{font-size:38px}.milestone-subtitle{font-size:22px}.castle-milestone-visual{min-height:190px;grid-template-columns:220px 1fr}.castle-milestone-visual .character-preview{width:145px;max-height:190px;aspect-ratio:320 / 420}.milestone-crystal-gate{padding:10px 14px}.milestone-crystal-gate i{height:58px}.milestone-crystal-gate strong{font-size:38px}.milestone-crystal-gate span{font-size:17px}.castle-milestone-story{margin-block:2px;font-size:15px;line-height:1.32}.milestone-rewards span,.milestone-rewards strong{padding:5px 9px}.milestone-actions{margin-top:4px}.castle-interior-hud .hud-player{min-width:200px}.castle-interior-hud .hud-location{min-width:210px;padding-inline:9px}.castle-interior-hud .hud-location strong{font-size:15px}.castle-interior-map__plan{min-height:250px}.castle-interior-map-scroll{max-height:none}.castle-interior-trial-list{grid-template-columns:1fr}.mission-region-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.mission-region-tabs button{min-width:0;padding-inline:6px;font-size:13px}.castle-interior-planned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.final-trial-page{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow-x:hidden;background:radial-gradient(circle at 50% 22%,#625382 0,#2d3355 38%,#171c36);color:#fff}.final-trial-header{width:min(1400px,100%);min-height:82px;margin:0 auto 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 18px;border:2px solid #e8d179;border-radius:22px;background:#202847f2}.final-trial-header>div{min-width:0;display:grid;gap:2px}.final-trial-header strong{font-size:clamp(19px,2vw,28px);line-height:1.2}.final-trial-header small{color:#d9dff6;font-size:clamp(13px,1.25vw,17px)}.final-trial-subtitle{font-family:Arial,Helvetica Neue,sans-serif;font-kerning:normal;letter-spacing:0}.final-trial-header>b{padding:9px 12px;border-radius:14px;background:#fff2bd;color:#302d4e;font-size:19px;white-space:nowrap}.final-stage-tracker{width:min(920px,100%);margin:0 auto 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.final-stage-tracker div{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:2px solid #70799c;border-radius:16px;background:#222947d9;opacity:.72}.final-stage-tracker i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#333b62;font-size:14px;font-style:normal;font-weight:900}.final-stage-tracker .is-current,.final-stage-tracker .is-complete{border-color:#ffe68a;opacity:1;box-shadow:0 0 20px #f7d76d4d}.final-stage-tracker .is-complete i{background:#e9ca67;color:#29284b}.final-question-card{width:min(1160px,100%);max-height:calc(100dvh - 180px);margin:0 auto;overflow-y:auto;color:var(--color-ink)}.final-stage--chinese .final-question-card{border-color:#b98be2}.final-stage--english .final-question-card{border-color:#73c8ec}.final-stage--mathematics .final-question-card{border-color:#f1b65d}.final-stage-status{display:flex;min-width:270px;align-items:center;gap:10px;padding:8px 12px;border:2px solid #71618f;border-radius:15px;background:#f0eafb;color:#30254f}.final-stage-status>i{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;background:#493a70;color:#fff;font-style:normal;font-weight:900}.final-stage-status>span{display:grid;gap:2px}.final-stage-status b,.final-stage-status small{color:#30254f;opacity:1;line-height:1.25}.final-stage-status b{font-size:16px}.final-stage-status small{font-size:14px;font-weight:800}.final-question-kicker{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:5px 14px;border-radius:999px;background:#e8e1f4;color:#352653!important;opacity:1}.final-stage--english .final-stage-status{border-color:#3776a0;background:#e5f4fb}.final-stage--english .final-stage-status>i{background:#245b80}.final-stage--mathematics .final-stage-status{border-color:#9b641e;background:#fff0d7}.final-stage--mathematics .final-stage-status>i{background:#74460d}.final-progress-note{margin:10px 0 0;text-align:center;font-weight:900;color:#504a71}.final-story-card,.final-stage-result>section,.final-result-card{width:min(900px,100%);margin:3vh auto;padding:clamp(20px,3vw,38px);border:3px solid #e9ca67;border-radius:30px;background:#f9f6fff4;color:#292948;box-shadow:0 22px 70px #090d217a;text-align:center}.final-story-card p,.final-story-card blockquote{margin:8px auto;font-size:clamp(17px,1.55vw,21px);line-height:1.55}.final-story-card blockquote{padding:12px 16px;border-radius:16px;background:#fff0c7;font-weight:800}.mist-king-figure{position:relative;width:150px;height:132px;margin:0 auto 18px;border-radius:52% 52% 44% 44%;background:radial-gradient(circle at 50% 35%,#76658f,#3b345b);box-shadow:0 0 0 16px #8573a332,0 0 34px #52446f}.mist-king-figure span{position:absolute;left:50%;top:-26px;translate:-50%;color:#8e85a3;font-size:56px}.mist-king-figure b{position:absolute;left:0;right:0;top:37px;color:#fff;letter-spacing:24px;font-size:24px}.final-stage-result>section{max-width:660px;margin-top:12vh}.final-stage-crystal,.final-crystal-row i{display:grid;place-items:center;width:92px;height:108px;margin:0 auto 12px;clip-path:polygon(50% 0,93% 33%,75% 100%,25% 100%,7% 33%);background:#6c7196;color:#fff;font-size:22px;font-weight:900;font-style:normal}.final-stage-crystal.is-lit,.final-crystal-row i.is-restored{background:linear-gradient(145deg,#fff6b2,#de9cf3 48%,#62cbe8);box-shadow:0 0 30px #ffe689}.final-crystal-row{display:flex;justify-content:center;gap:16px}.final-crystal-row i{width:68px;height:82px;font-size:15px}.final-result-card>h1{margin:8px 0;font-size:clamp(30px,4vw,48px);color:#5a3d78}.final-result-card>strong{display:block;margin:6px;font-size:24px}.final-level-summary{margin:8px 0;font-weight:900;color:#263b69}.mission-review-subject{display:grid;gap:14px}.mission-review-subject>h2{position:sticky;top:0;z-index:1;margin:0;padding:12px 16px;border-radius:14px;background:#263b69;color:#fff}.final-subject-breakdown{padding:10px;border-radius:14px;background:#ede8fb;font-weight:900}.final-reward{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}.final-reward b{padding:9px 12px;border-radius:999px;background:#fff0ba}.final-briefing-modal{display:grid;width:min(720px,100%);height:min(88dvh,680px);max-height:calc(100dvh - 32px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.final-briefing-modal .modal-heading{margin:0;padding-bottom:14px;border-bottom:2px solid #d8cce8}.final-briefing-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 24px 2px;scroll-padding-bottom:24px}.final-briefing-body:focus-visible{outline:4px solid var(--color-focus);outline-offset:-4px}.final-briefing-body h3{margin:14px 0 6px;color:#56336f}.final-briefing-body p{margin:7px 0;color:#2f3b50;font-size:18px;line-height:1.55}.final-briefing-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:14px;border-top:2px solid #d8cce8;background:var(--color-cream)}.final-briefing-footer .button{min-height:48px}.final-world-status-hud{position:fixed;z-index:13;top:calc(112px + env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));max-width:min(340px,calc(100vw - 32px));padding:8px 12px;border:2px solid #e5c964;border-radius:13px;background:#fff8d9;color:#3b3159;box-shadow:0 4px #1e294533;font-weight:900}.ending-page{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow-x:hidden;background:linear-gradient(#83d5ef,#fdf3c8 52%,#85c879);color:#292948}.ending-layout{width:min(1180px,100%);margin:auto;padding:clamp(16px,2.2vw,28px);border:3px solid #f2d36b;border-radius:32px;background:#fffdf0f2;box-shadow:0 18px 55px #365d6f35}.ending-header{text-align:center}.ending-header>span{display:inline-flex;min-height:34px;align-items:center;padding:5px 14px;border-radius:999px;background:#e7dcf4;color:#56336f;font-weight:900}.ending-header h1{margin:8px 0 4px;color:#5e377f;font-size:clamp(34px,4.4vw,56px);line-height:1.08}.ending-header p{margin:0;color:#405263;font-weight:800}.ending-cast{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:clamp(8px,2vw,24px);margin:18px auto 22px}.ending-cast figure{min-width:0;margin:0;display:grid;grid-template-rows:190px auto;align-items:end;justify-items:center;gap:8px}.ending-character-visual{display:grid;width:100%;height:190px;place-items:end center}.ending-character-visual .character-preview--large{width:min(172px,100%);max-height:190px}.ending-cast figcaption{width:100%;min-height:42px;display:grid;place-items:center;padding:7px 8px;border:2px solid #d8c36c;border-radius:12px;background:#fff8d9;color:#342a4e;font-size:17px;font-weight:900;line-height:1.2;text-align:center}.ending-princess{width:118px;height:155px;align-self:end;border:5px solid #573653;border-radius:44px 44px 22px 22px;background:#f18cb7;color:#ffe487;font-size:56px;box-shadow:inset 0 -20px #d76a9b}.ending-wuwu{width:110px;height:110px;align-self:end;border:5px solid #493e65;border-radius:50%;background:#b494d2;color:#d4fff5;font-size:44px;box-shadow:inset 0 -14px #8b6daf}.ending-mist-king{position:relative;width:142px;height:128px;align-self:end;border:5px solid #352d4e;border-radius:52% 52% 44% 44%;background:radial-gradient(circle at 50% 35%,#76658f,#3b345b);color:#fff;box-shadow:0 0 0 10px #8573a326}.ending-mist-king span{position:absolute;top:-35px;left:50%;translate:-50%;color:#948aa5;font-size:54px}.ending-mist-king b{align-self:center;letter-spacing:20px;font-size:21px;translate:8px}.ending-details{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);align-items:start;gap:18px}.ending-story-panel,.ending-completion{min-width:0;padding:18px;border:2px solid #c9b6df;border-radius:22px;background:#f7f2fc}.ending-story-panel>header,.ending-completion>header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:10px}.ending-story-panel h2,.ending-completion h2{margin:2px 0;color:#55346f;font-size:clamp(22px,2.2vw,29px)}.ending-story-panel header span,.ending-completion header span{color:#655777;font-weight:900}.ending-story-panel header small{max-width:190px;color:#405263;font-weight:800;text-align:right}.ending-dialogue{max-height:330px;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px 22px;border:2px solid #ddd0eb;border-radius:16px;background:#fff;text-align:left}.ending-dialogue:focus-visible{outline:4px solid var(--color-focus);outline-offset:2px}.ending-dialogue p{margin:8px 0;color:#2f3b50;font-size:18px;line-height:1.55}.ending-revisit-copy{display:grid;gap:14px;min-height:180px;align-content:center}.ending-revisit-copy p{margin:0;font-size:18px;line-height:1.55}.ending-map-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.ending-map-row span{min-height:48px;display:grid;place-items:center;padding:10px 8px;border-radius:14px;background:#d9f0d4;color:#284836;font-weight:900;text-align:center}.ending-summary{display:grid;gap:8px}.ending-summary>*{min-height:42px;display:grid;place-items:center;padding:8px 11px;border-radius:12px;background:#fff0b8;color:#3d3452;text-align:center}.ending-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;padding-top:18px;border-top:2px solid #d8c36c}.ending-actions .button{min-height:48px}.completion-certificate-page{min-height:100dvh;display:grid;place-items:center;gap:14px;padding:20px;background:#27304d}.completion-certificate{width:min(1120px,100%);aspect-ratio:297 / 210;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(18px,3vw,42px);border:10px double #c39b38;border-radius:12px;background:radial-gradient(circle,#fffef4,#f8efcc);color:#2e3150;box-shadow:0 22px 70px #0b102766}.completion-certificate header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;text-align:center}.completion-certificate h1{margin:0;color:#64417f;font-size:clamp(26px,3.4vw,48px)}.completion-certificate header p{margin:4px;font-weight:800}.completion-royal-emblem{font-size:64px;color:#b88b26}.completion-crystals{display:flex;gap:5px}.completion-crystals i{display:grid;place-items:center;width:45px;height:54px;clip-path:polygon(50% 0,95% 35%,72% 100%,28% 100%,5% 35%);background:#8f6fc1;color:#fff;font-size:10px;font-style:normal;font-weight:900}.completion-body{display:grid;grid-template-columns:minmax(190px,.7fr) 1.6fr;align-items:center;gap:22px}.completion-body h2{margin:3px 0;font-size:clamp(28px,4vw,52px);color:#75448f}.completion-body>div>strong{color:#8a641b;font-size:24px}.completion-body dl{display:grid;grid-template-columns:1fr 1fr;gap:7px}.completion-body dl div{padding:7px 10px;border:1px solid #cfbd82;border-radius:10px;background:#fffdf4}.completion-body dt{font-size:13px;font-weight:900;color:#6c6380}.completion-body dd{margin:2px 0 0;font-weight:800}.completion-certificate footer{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:18px;border-top:2px solid #c9ad61;padding-top:10px}.certificate-seal{display:grid;place-items:center;width:90px;height:90px;border:3px solid #a54e69;border-radius:50%;color:#a54e69;font-size:30px}.certificate-seal span{font-size:11px;font-weight:900}.royal-passage-mark{font-weight:900;color:#71528a}.completion-certificate footer p{font-size:13px;text-align:right}.certificate-print-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@media(max-width:1100px)and (orientation:landscape){.final-trial-page{padding:10px}.final-trial-header{min-height:68px;margin-bottom:6px;padding:7px 10px}.final-trial-header small{display:block;font-size:12px}.final-stage-tracker{margin-bottom:6px}.final-question-card{max-height:calc(100dvh - 144px)}.final-story-card{margin:0 auto;max-height:calc(100dvh - 20px);overflow-y:auto}.ending-page{padding:8px}.ending-layout{padding:14px}.ending-header h1{font-size:38px}.ending-cast{margin:12px auto 18px}.ending-cast figure{grid-template-rows:150px auto}.ending-character-visual{height:150px}.ending-character-visual .character-preview--large{width:min(132px,100%);max-height:150px}.ending-princess{width:94px;height:126px;font-size:45px}.ending-mist-king{width:112px;height:100px}.ending-wuwu{width:88px;height:88px}.ending-details{grid-template-columns:1fr}.ending-story-panel,.ending-completion{padding:16px}.completion-certificate-page{padding:8px}.completion-certificate{max-height:calc(100dvh - 72px);padding:14px 22px}.completion-royal-emblem{font-size:42px}.completion-body .character-preview--large{max-height:250px}.completion-certificate footer{padding-top:4px}}@media(max-width:760px),(orientation:portrait){.ending-cast{grid-template-columns:repeat(2,minmax(0,1fr))}.ending-details{grid-template-columns:1fr}}@media print{@page{size:A4 landscape;margin:8mm}body{background:#fff!important}.app-shell,.completion-certificate-page{min-height:auto;padding:0;background:#fff!important}.completion-certificate{width:281mm;height:194mm;max-width:none;padding:10mm;box-shadow:none;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.certificate-print-actions,.orientation-guard,.status-badge,.status-notice,.update-notice,.beta-build-strip,.beta-update-banner{display:none!important}}.question-language-badge{display:inline-flex;min-height:32px;align-items:center;padding:4px 12px;border:2px solid currentColor;border-radius:999px;font-weight:800}.question-language-badge--chinese{color:#71488d;background:#f3e9fa}.question-language-badge--english{color:#285f8d;background:#e7f3fb}.mission-theme--castle-chinese .question-prompt h1{white-space:pre-line}.combined-result-breakdown{margin:8px auto;padding:10px 16px;width:fit-content;border:2px solid #d6b85a;border-radius:14px;background:#fff9e8;font-weight:800}.pattern-token--label{display:inline-grid;place-items:center;min-width:48px;min-height:48px;border:3px solid #33405c;border-radius:12px;background:#fff8df;color:#26324c;font-size:1.2rem;font-weight:900}.pattern-token--r{border-color:#b84c5d}.pattern-token--b{border-color:#3979b9}.pattern-token--g{border-color:#3d8b67}.pattern-token--compound{display:inline-flex;align-items:center;gap:3px;min-width:64px}.pattern-token--compound>.pattern-token{width:38px;height:38px}.final-gate-ready{margin:0;padding:12px 16px;border:2px solid #e5c964;border-radius:16px;background:#302c51;color:#fff8d6}.final-gate-ready strong{font-size:1.15rem}@media(prefers-reduced-motion:reduce){.castle-gate-unseal-effect{animation:none}}@media(max-height:720px)and (orientation:landscape){.title-screen{padding:calc(18px + var(--safe-top)) calc(24px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(24px + var(--safe-left))}.title-panel{width:min(50vw,570px);min-width:420px;padding:25px 32px}.eyebrow{margin-bottom:9px}.crown-mark{width:58px;height:58px;font-size:36px}h1{font-size:clamp(38px,4.4vw,58px)}.subtitle{margin-top:8px;margin-bottom:7px;margin-left:73px}.introduction{margin-bottom:18px}}@media(max-width:1100px)and (orientation:landscape){.title-panel{width:52vw;min-width:420px;padding:28px}h1{font-size:clamp(40px,5.2vw,54px)}.subtitle{font-size:25px}.introduction{font-size:18px}.royal-message{grid-template-columns:42px 1fr;margin-bottom:8px;padding:7px 9px}.kingdom-emblem{width:39px;height:39px;font-size:23px}.royal-message p{font-size:.78rem}.learning-summary{margin-bottom:9px}.subject-mark{min-width:37px;height:32px;font-size:.66rem}.mini-crystals i{width:15px;height:21px}.button{padding-right:17px;padding-left:17px}.creator-shell{gap:9px;padding:14px}.creator-layout{grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:10px}.creator-header h1,.confirm-header h1{font-size:30px}.creator-header p{display:none}.appearance-tabs{gap:5px;padding:8px}.appearance-tab{min-width:64px;min-height:44px;padding:5px 7px;font-size:.78rem}.appearance-choice-scroll{padding:8px}.appearance-options{grid-template-columns:repeat(3,minmax(100px,1fr));gap:7px}.appearance-option{min-height:98px;grid-template-rows:46px auto}.appearance-option__preview{width:68px;height:51px}.creator-preview-panel .character-preview--large{width:min(100%,280px)}.appearance-tab,.appearance-option__name{font-size:16px}.nickname-edit-button{min-height:48px;padding:7px 14px;font-size:16px}.creator-footer .button{min-height:48px;padding:9px 13px;font-size:16px}.confirm-layout{grid-template-columns:minmax(245px,.7fr) minmax(360px,1.3fr);gap:22px;margin:8px 0}.confirm-preview{min-height:390px}.hero-certificate{padding:23px 34px}.hero-certificate__body{grid-template-columns:300px 1fr;gap:20px}.certificate-topline{grid-template-columns:46px 1fr auto}.certificate-emblem{width:44px;height:44px;font-size:26px}.hero-display-id{font-size:.62rem}.royal-seal{right:38px;bottom:34px;width:68px;height:68px}}@media(max-width:1100px)and (orientation:landscape){.village-hud{top:calc(9px + var(--safe-top));left:calc(9px + var(--safe-left));right:calc(9px + var(--safe-right));gap:8px}.hud-player{min-width:184px;height:68px;padding-right:9px}.hud-player .character-preview--avatar{width:52px;height:58px}.hud-player strong{max-width:110px;font-size:17px}.hud-location{padding:6px 15px}.hud-location span{font-size:16px}.hud-location strong{font-size:18px}.hud-menu-button{min-width:96px;min-height:54px;font-size:16px}.village-tutorial{top:calc(88px + var(--safe-top));font-size:16px}.village-dialogue{min-height:175px;grid-template-columns:58px 1fr auto;gap:12px;padding:16px 18px}.dialogue-speaker-mark{width:54px;height:54px;font-size:30px}.dialogue-copy h2{font-size:20px}.dialogue-copy p{font-size:18px;line-height:1.45}.dialogue-actions .button{min-width:105px;padding:9px 12px;font-size:16px}.dpad{transform:scale(.88);transform-origin:bottom left}.interact-button{width:92px;height:92px}}@media(min-width:1650px){.title-screen{padding-left:max(calc(40px + var(--safe-left)),calc((100vw - 1640px)/2))}.title-panel{max-height:850px}.creator-preview-panel .character-preview--large{width:min(100%,350px)}}@media(orientation:portrait),(max-width:640px){.orientation-guard{position:fixed;inset:0;z-index:100;display:grid;min-width:0;padding:calc(34px + var(--safe-top)) calc(28px + var(--safe-right)) calc(34px + var(--safe-bottom)) calc(28px + var(--safe-left));place-content:center;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgb(255 255 255 / 75%) 0 54px,transparent 55px),radial-gradient(circle at 82% 24%,rgb(255 255 255 / 52%) 0 72px,transparent 73px),linear-gradient(180deg,#7cc9ee,#c9f1f5 62%,#78c66b 63%);color:var(--color-navy);text-align:center}.orientation-guard h2{max-width:12em;margin:24px 0 7px;font-size:clamp(28px,7vw,46px);line-height:1.16;text-wrap:balance}.orientation-guard p{max-width:18em;margin:0;font-size:clamp(18px,4.8vw,26px);font-weight:800}.rotate-device{position:relative;display:grid;width:150px;height:150px;place-items:center}.rotate-device__screen{display:grid;width:74px;height:112px;place-items:center;border:7px solid var(--color-navy);border-radius:18px;background:var(--color-cream);color:var(--color-gold);font-size:34px;transform:rotate(-8deg)}.rotate-device__arrow{position:absolute;right:-3px;bottom:4px;color:var(--color-purple);font-size:64px;font-weight:900;transform:rotate(-34deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-height:720px)and (orientation:landscape){.creator-shell,.confirm-card{min-height:610px}.character-preview--large{max-height:43vh}.hero-certificate{min-height:610px}}