:root{font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:#273042;background:#fff4dd;--cream: #fff4dd;--cream-strong: #ffe5b2;--orange: #f68b2e;--orange-dark: #d96214;--blue: #60bcea;--blue-soft: #dff4ff;--green: #4abf7a;--red: #ef5b5b;--ink: #273042;--muted: #68758a;--card: #fffaf0;--line: rgba(39, 48, 66, .12);--shadow: 0 18px 45px rgba(126, 85, 30, .14);--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(96,188,234,.08) 1px,transparent 1px),linear-gradient(rgba(246,139,46,.08) 1px,transparent 1px),var(--cream);background-size:34px 34px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:14px clamp(16px,4vw,42px);background:#fffaf0eb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:#fff;font-weight:900;background:var(--orange);border:3px solid #fff;border-radius:50%;box-shadow:0 8px 18px #f68b2e40}.brand strong,.brand small{display:block}.brand small,.topbar-note{color:var(--muted);font-size:.82rem}.topbar-note,.main-nav a,button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.main-nav{display:flex;align-items:center;gap:7px;margin-left:auto}.main-nav a{min-height:38px;padding:0 12px;color:var(--muted);border-radius:999px}.main-nav a.active{color:var(--orange-dark);background:#fff0d5}.page-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:28px 0 52px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--orange-dark);font-size:.86rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,5vw,4.3rem);line-height:1.05;letter-spacing:0}h2{margin-bottom:8px;font-size:1.25rem}p{color:var(--muted);line-height:1.65}.primary-button,.answer-button,.tool-button,.ghost-button{min-height:42px;padding:0 15px;border:0;border-radius:999px;font-weight:800}.primary-button,.answer-button{color:#fff;background:var(--orange);box-shadow:0 10px 18px #f68b2e38}.tool-button,.ghost-button{color:var(--ink);background:#fff;border:1px solid var(--line)}.quiet{margin-left:0;color:var(--muted)}.full{width:100%}.level-select{display:grid;gap:24px}.level-hero,.hero-panel,.mission-panel,.question-card,.exam-card,.answer-sheet,.empty-state,.result-screen{padding:clamp(22px,4vw,34px);background:#fffaf0f2;border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);box-shadow:var(--shadow)}.level-hero{display:grid;min-height:270px;align-content:center;background:linear-gradient(115deg,#fffaf0fa 0,#fffaf0fa 58%,#dff4fff0 58%,#dff4fff0)}.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.level-card{position:relative;display:grid;min-height:150px;justify-items:start;align-content:space-between;padding:18px;text-align:left;background:var(--card);border:2px solid transparent;border-radius:var(--radius);box-shadow:0 10px 24px #405d7a14}.level-card.open{border-color:#f68b2e73}.level-card.locked{color:#8d96a5;background:#f6f0e6}.level-badge{padding:6px 10px;color:#fff;font-weight:900;background:var(--blue);border-radius:999px}.home-grid{display:grid;gap:18px}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:center;background:linear-gradient(135deg,#fffaf0f5,#ffeac5e0),#fffaf0}.hero-stats,.stats-row,.reward-row{display:flex;flex-wrap:wrap;gap:12px}.stat-card{display:grid;min-width:150px;gap:3px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.stat-card svg{color:var(--orange)}.stat-card span{color:var(--muted);font-size:.86rem}.stat-card strong{font-size:1.3rem}.stat-card.blue svg{color:var(--blue)}.stat-card.green svg{color:var(--green)}.mascot-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.mascot-card img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.mascot-level{padding:14px}.meter{width:100%;height:12px;overflow:hidden;background:#e9edf3;border-radius:999px}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:inherit}.meter.danger span{background:linear-gradient(90deg,var(--red),var(--orange))}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.section-title,.page-heading.spread,.session-head,.session-footer,.battle-bars{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title span,.mission-chip,.part-chip,.combo-pill,.timer-pill{padding:7px 11px;font-weight:900;color:var(--orange-dark);background:#fff1d9;border-radius:999px}.mission-list{display:grid;gap:10px}.mission-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.mission-item small{display:block;color:var(--muted)}.done{color:var(--green)}.action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.action-card{display:grid;min-height:170px;justify-items:start;align-content:space-between;padding:18px;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 24px #405d7a14}.action-card strong{font-size:1.18rem}.action-card span{color:var(--muted)}.action-card.orange svg,.action-card.orange strong{color:var(--orange-dark)}.action-card.blue svg,.action-card.blue strong{color:#1978a6}.action-card.green svg,.action-card.green strong{color:#16824a}.action-card.red svg,.action-card.red strong{color:#bc3030}.game-lobby-shell{background:radial-gradient(circle at 18% 18%,rgba(255,223,143,.28),transparent 30%),linear-gradient(180deg,#fffaf0,#fff5dc 46%,#fff9eb)}.game-topbar{position:sticky;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(520px,1.4fr) minmax(220px,.65fr);gap:16px;min-height:94px;padding:14px clamp(16px,2vw,28px);background:#fffbeef5;border:1px solid rgba(222,169,78,.28);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 10px 28px #855b261f}.game-brand .brand-mark{width:54px;height:54px;background:linear-gradient(145deg,#f7a64a,#c87424)}.game-brand strong{color:#6f3d18;font-size:1.75rem;letter-spacing:0}.player-hud{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto auto;align-items:center;gap:12px;min-height:62px;padding:6px 12px 6px 8px;background:linear-gradient(180deg,#fffef7,#fff3d8);border:1px solid rgba(222,169,78,.52);border-radius:999px}.level-medal{display:grid;width:66px;height:66px;place-items:center;color:#fff;font-weight:950;background:linear-gradient(145deg,#eaae42,#bf7927);border:5px solid #ffd475;clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);text-shadow:0 1px 1px rgba(93,51,13,.45)}.hud-exp{display:grid;grid-template-columns:1fr auto;gap:4px 12px;min-width:180px}.hud-exp span,.hud-exp strong{color:#7f5a36;font-size:.86rem}.hud-meter{grid-column:1 / -1;height:12px;padding:2px;overflow:hidden;background:#f2d8a5;border-radius:999px}.hud-meter span{display:block;height:100%;background:linear-gradient(90deg,#62b945,#a0d65f);border-radius:inherit}.hud-resource{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;color:#6f4b2c;font-weight:950;background:#fff8e8;border:1px solid rgba(222,169,78,.28);border-radius:999px;box-shadow:inset 0 -2px #dea94e24}.hud-resource svg:first-child{color:#f3b833;fill:#f3b83347}.hud-resource.energy svg:first-child{color:#4ba2e7}.hud-resource svg:last-child{color:#d59a37}.home-utilities{display:grid;grid-template-columns:repeat(3,auto);justify-content:end;gap:10px}.utility-button{display:grid;gap:4px;min-width:58px;color:#75573b;background:transparent;border:0;font-weight:850}.utility-button svg{color:#6b92bd;justify-self:center}.home-page-shell{width:min(1440px,calc(100% - 32px));padding-top:18px}.home-dashboard{display:grid;gap:20px}.home-overview-grid{display:grid;grid-template-columns:minmax(520px,1.45fr) minmax(340px,.84fr) minmax(250px,.56fr);gap:20px}.lobby-hero,.daily-mission-card,.energy-status-card,.lobby-map-preview{position:relative;overflow:hidden;background:#fffaeff0;border:2px solid rgba(221,164,67,.46);border-radius:18px;box-shadow:0 14px 30px #855b2624,inset 0 0 0 1px #ffffffbf}.lobby-hero{display:grid;grid-template-columns:minmax(220px,.74fr) minmax(320px,1fr);align-items:center;min-height:310px;padding:18px 22px;background:radial-gradient(circle at 78% 15%,rgba(255,255,255,.95) 0 38px,transparent 40px),radial-gradient(circle at 88% 27%,rgba(255,255,255,.8) 0 28px,transparent 29px),linear-gradient(180deg,#81d3f8d9,#d2f4ffb8 48%,#a9db7670)}.lobby-hero:after{content:"";position:absolute;right:0;bottom:0;left:0;height:92px;background:radial-gradient(ellipse at 12% 100%,rgba(82,160,80,.45) 0 62px,transparent 64px),radial-gradient(ellipse at 86% 100%,rgba(82,160,80,.45) 0 74px,transparent 76px),linear-gradient(180deg,transparent,rgba(139,197,94,.46));pointer-events:none}.hero-deer{position:relative;z-index:2;align-self:end;width:min(258px,100%);max-height:272px;object-fit:contain;object-position:bottom center;filter:contrast(1.04) drop-shadow(0 12px 18px rgba(104,62,25,.22));mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at 50% 52%,#000 0 60%,rgba(0,0,0,.78) 68%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 52%,#000 0 60%,rgba(0,0,0,.78) 68%,transparent 78%)}.lobby-hero-copy{position:relative;z-index:2;display:grid;align-content:center;gap:10px}.lobby-hero-copy h1{margin:0;color:#163f73;font-size:clamp(2rem,2.7vw,2.8rem);text-shadow:0 2px 0 rgba(255,255,255,.88);white-space:nowrap}.lobby-hero-copy h1 span{display:inline-block;margin-right:8px;padding:4px 12px;color:#fff;background:linear-gradient(180deg,#6aa4e8,#2f6eb8);border-radius:14px;box-shadow:inset 0 -3px #0000001f}.lobby-hero-copy p{margin:0;color:#274d70;font-weight:900}.speech-bubble{max-width:360px;padding:12px 16px;color:#5f4b39;line-height:1.55;background:#ffffffeb;border:2px solid rgba(83,155,219,.38);border-radius:14px;box-shadow:0 8px 16px #405d7a1f}.hero-mini-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-mini-actions button{display:grid;justify-items:center;gap:3px;min-width:72px;min-height:66px;color:#69513a;font-size:.82rem;font-weight:900;background:#ffffffe0;border:2px solid rgba(222,169,78,.28);border-radius:999px}.hero-mini-actions button svg{color:#477fc0}.level-switch-link{justify-self:start;min-height:auto;padding:0;color:#584531ad;background:transparent;border:0;font-size:.86rem;font-weight:800;text-decoration:underline}.hero-note{position:absolute;z-index:3;color:#ef7c84;filter:drop-shadow(0 2px 0 rgba(255,255,255,.8))}.note-one{top:26px;left:45px;transform:rotate(-14deg)}.note-two{top:112px;right:205px;color:#ff8d31;transform:rotate(12deg)}.hero-sign{position:absolute;z-index:3;bottom:78px;left:18px;padding:10px 11px;color:#fff6d9;font-weight:950;text-align:center;background:linear-gradient(180deg,#c99142,#8a5d28);border:2px solid #75471c;border-radius:8px;box-shadow:0 6px #75471c3d}.lobby-card-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.lobby-card-title h2{margin:0;color:#173f6b;font-size:1.58rem}.lobby-card-title svg{color:#2d78b8}.daily-mission-card{min-height:310px;padding:18px 20px}.daily-mission-list{display:grid;gap:8px}.daily-mission-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:9px;background:#ffffffb8;border:1px solid rgba(222,169,78,.22);border-radius:14px}.daily-icon{display:grid;width:34px;height:34px;place-items:center;color:#2d78b8;background:#f2f8ff;border:1px solid rgba(93,160,220,.24);border-radius:50%}.daily-task-main{display:grid;gap:6px}.daily-task-main strong{color:#65513d;font-size:.88rem}.daily-progress{height:8px;overflow:hidden;background:#e8d6bd;border-radius:999px}.daily-progress span{display:block;height:100%;background:linear-gradient(90deg,#ef8a25,#7ec65c);border-radius:inherit}.daily-count,.daily-reward{color:#6a5035;font-weight:950;white-space:nowrap}.daily-reward{display:inline-flex;align-items:center;gap:4px}.daily-reward svg{color:#efb334;fill:#efb33440}.daily-go,.daily-done{min-height:34px;padding:0 12px;color:#fff;font-weight:900;background:linear-gradient(180deg,#61a8e8,#2f7ec5);border:0;border-radius:10px}.daily-done{display:grid;width:34px;padding:0;place-items:center;background:#68bc55;border-radius:50%}.daily-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#7f6042;font-size:.86rem;font-weight:850}.treasure.mini{width:90px;height:58px;font-size:.8rem;border-width:4px;transform:rotate(-4deg)}.energy-status-card{display:grid;align-content:start;justify-items:center;min-height:310px;padding:18px 16px;text-align:center}.energy-status-card .lobby-card-title{width:100%}.help-icon{margin-left:auto;color:#bf9a67!important}.energy-gauge{display:grid;width:172px;height:172px;margin:6px auto 12px;place-items:center;background:radial-gradient(circle,#fffaf0 0 56%,transparent 57%),conic-gradient(from .62turn,#69b8ef 0 var(--energy),#e8dbc6 var(--energy) .86turn,transparent .86turn);border-radius:50%}.energy-gauge-core{display:grid;width:116px;height:116px;place-items:center;color:#173f6b;background:#fffaf0;border:4px solid #dcbf8a;border-radius:50%;box-shadow:inset 0 3px 12px #61411d1f}.energy-gauge-core svg{color:#173f6b}.energy-gauge-core strong{margin-top:-8px;font-size:2.2rem;line-height:1}.energy-gauge-core span{color:#43a462;font-weight:950}.energy-status-card p{max-width:180px;padding:10px 12px;color:#7b634b;background:#ffffffbd;border-radius:14px}.home-action-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.home-action-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;min-height:154px;overflow:hidden;padding:20px 18px;text-align:left;color:#fff;border:2px solid rgba(255,255,255,.56);border-radius:18px;box-shadow:0 12px 24px #855b2629,inset 0 0 0 1px #ffffff40}.home-action-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.28) 0 42px,transparent 44px),radial-gradient(circle at 88% 24%,rgba(255,255,255,.24) 0 52px,transparent 54px);pointer-events:none}.home-action-card.orange{background:linear-gradient(135deg,#f7ad43,#e88022)}.home-action-card.blue{background:linear-gradient(135deg,#81d0ff,#3e9ddc)}.home-action-card.green{background:linear-gradient(135deg,#a5d96a,#64b74e)}.home-action-card.purple{background:linear-gradient(135deg,#9d78e8,#5b4ab3)}.home-action-card.coral{background:linear-gradient(135deg,#ef9a72,#de6548)}.home-action-copy{position:relative;z-index:2;display:grid;align-self:start;gap:7px}.home-action-copy strong{font-size:clamp(1.28rem,2vw,2rem);line-height:1.08;text-shadow:0 2px 0 rgba(90,49,20,.18)}.home-action-copy span{font-size:.86rem;font-weight:850;line-height:1.45;opacity:.94}.home-action-art{position:absolute;right:10px;bottom:12px;z-index:1;display:grid;width:86px;height:86px;place-items:center;color:#ffffffeb;opacity:.95}.home-action-art img{width:112px;height:112px;object-fit:contain;object-position:bottom right;filter:contrast(1.04) drop-shadow(0 8px 12px rgba(104,62,25,.22));mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at 50% 56%,#000 0 58%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 56%,#000 0 58%,transparent 78%)}.home-action-art.boss{color:#231b4a}.home-action-art.medal{color:#ffe799}.action-arrow{position:absolute;z-index:3;bottom:16px;left:24px;display:grid;width:50px;height:50px;place-items:center;color:#fff;background:#f1841ff2;border:5px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 8px 16px #70421738}.lobby-map-preview{padding:14px 16px;background:radial-gradient(circle at 18% 58%,rgba(112,188,111,.18),transparent 20%),linear-gradient(180deg,#fff8e5,#fffdf5)}.map-preview-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}.map-title-plank{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;color:#fff;font-size:1.25rem;font-weight:950;background:linear-gradient(180deg,#b88348,#7f552d);border:3px solid #d7aa67;border-radius:12px;box-shadow:inset 0 -3px #361e0c2e}.map-progress-copy{display:inline-flex;align-items:center;gap:6px;color:#6c533a;font-weight:950}.map-progress-copy svg{color:#f0b537;fill:#f0b5374d}.map-chest{display:grid;width:46px;height:46px;place-items:center;color:#b77021;background:#fff1c6;border:2px solid #e4b65c;border-radius:12px}.map-preview-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;align-items:stretch}.island-track{position:relative;display:grid;grid-template-columns:repeat(6,minmax(96px,1fr));align-items:end;min-height:160px;height:178px;padding:18px 16px 10px;overflow:hidden;background:linear-gradient(180deg,#80d3f573,#dcf3ff9e),repeating-linear-gradient(130deg,transparent 0 52px,rgba(255,255,255,.2) 52px 54px);border:1px solid rgba(83,155,219,.28);border-radius:16px}.island-track:before{content:"";position:absolute;right:34px;bottom:72px;left:48px;height:0;border-top:6px dashed rgba(255,255,255,.92);filter:drop-shadow(0 2px 0 rgba(43,96,139,.18))}.island-node{position:relative;z-index:2;display:grid;justify-items:center;gap:5px;min-width:92px;padding:0;color:#24507a;background:transparent;border:0;font-weight:950}.island-art,.boss-mound{display:grid;width:78px;height:56px;place-items:center;color:#5b8c42;background:radial-gradient(ellipse at center,#96cf67 0,#96cf67 44%,#6fa44b 45%,#6fa44b 58%,#c9a16f 59%,#c9a16f);border-radius:50%;box-shadow:0 8px 12px #365f5829}.island-node.monster .island-art{color:#6650aa}.island-node.green-monster .island-art{color:#5f9d43}.island-node.active .island-art{width:88px;height:68px;background:radial-gradient(ellipse at center,#a8dc77 0,#a8dc77 45%,#6fa44b 46%,#6fa44b 58%,#c9a16f 59%,#c9a16f)}.island-node.active img{width:78px;height:78px;object-fit:contain;transform:translateY(-14px);filter:drop-shadow(0 8px 10px rgba(104,62,25,.22))}.current-bubble{position:absolute;top:-18px;padding:4px 10px;color:#23679f;background:#dff4ff;border:1px solid rgba(65,143,204,.32);border-radius:999px;font-size:.78rem;white-space:nowrap}.stage-stars{color:#f2b53c;letter-spacing:0;text-shadow:0 1px 0 white}.boss-node .boss-mound{width:105px;height:78px;color:#1e1835;background:radial-gradient(ellipse at center,#2e2a4c 0,#2e2a4c 46%,#181328 47%,#181328);border:4px solid #6e5ab3}.badge-callout{position:relative;display:grid;align-content:center;justify-items:start;min-height:178px;gap:8px;overflow:hidden;padding:16px 86px 16px 18px;background:#ffffffb8;border:1px solid rgba(222,169,78,.3);border-radius:16px}.badge-callout h2{margin:0;color:#795332;font-size:1.08rem;line-height:1.24}.badge-callout p{margin:0;color:#7b634b;font-size:.88rem;line-height:1.45}.badge-shield{position:absolute;right:12px;bottom:14px;display:grid;width:64px;height:74px;place-items:center;color:#f6c04b;background:linear-gradient(180deg,#fff0a8,#d98930);border:4px solid #ae6f24;border-radius:18px 18px 36px 36px;transform:rotate(8deg)}.badge-shield svg{fill:#f6c04b52}.lobby-footer-note{display:flex;justify-content:center;gap:22px;align-items:center;color:#7c572e;font-size:1.05rem}.lobby-footer-note svg{color:#f1b84d}.page-heading{margin-bottom:20px}.map-route{display:grid;gap:14px}.stage-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 24px #405d7a14}.stage-card.locked{background:#f7f1e8}.stage-number{display:grid;width:48px;height:48px;place-items:center;color:#fff;font-weight:900;background:var(--orange);border-radius:50%}.stage-metrics{display:flex;flex-wrap:wrap;gap:8px}.stage-metrics span{padding:6px 10px;color:var(--muted);background:#f8fafc;border-radius:999px}.practice-layout{display:grid;gap:18px;max-width:860px;margin:0 auto}.question-card{display:grid;gap:16px}.question-card.compact{padding:24px}.question-card-head,.audio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.part-chip{color:#1978a6;background:var(--blue-soft)}.hint-box{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#fff7e8;border:1px solid rgba(246,139,46,.24);border-radius:var(--radius)}.hint-box.blue{background:var(--blue-soft);border-color:#60bcea52}.choices-grid{display:grid;gap:10px}.choice-button{justify-content:flex-start;min-height:58px;padding:10px 14px;text-align:left;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:var(--radius)}.choice-button.image-choice{min-height:132px;align-items:center;gap:14px}.choice-button span{display:grid;min-width:34px;height:34px;place-items:center;color:#fff;font-weight:900;background:var(--blue);border-radius:50%}.choice-button.image-choice img{width:min(170px,54vw);height:104px;object-fit:contain;border-radius:16px}.choice-button.selected{border-color:var(--blue)}.choice-button.right{border-color:var(--green);background:#edfff4}.choice-button.wrong{border-color:var(--red);background:#fff0f0}.answer-button{justify-self:end}.result-panel{display:grid;gap:7px;padding:14px;border-radius:var(--radius)}.result-panel strong{display:flex;gap:8px;align-items:center}.result-panel.success{background:#edfff4;border:1px solid rgba(74,191,122,.3)}.result-panel.danger{background:#fff0f0;border:1px solid rgba(239,91,91,.3)}.focus-tags,.script-line{display:inline-flex;gap:7px;align-items:center}.script-line{color:var(--ink-soft);font-weight:700}.word-timing-grid{display:flex;flex-wrap:wrap;gap:8px}.word-timing-chip{display:inline-flex;flex-direction:column;gap:2px;padding:7px 9px;border:1px solid rgba(52,119,167,.22);border-radius:12px;background:#ffffffc7}.word-timing-chip b{color:var(--ink)}.word-timing-chip small{color:var(--ink-soft);font-size:.74rem;font-weight:700}.session-footer{padding:14px;background:#fffaf0cc;border:1px solid var(--line);border-radius:var(--radius)}.combo-pill,.timer-pill{display:inline-flex;align-items:center;gap:7px}.result-screen{display:grid;justify-items:center;gap:14px;text-align:center}.treasure{display:grid;width:120px;height:92px;place-items:center;color:#7b4306;font-weight:900;background:linear-gradient(#ffc34e 0,#ffc34e 46%,#d8781e 46%,#d8781e);border:5px solid #8f541a;border-radius:8px}.monster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.monster-card{display:grid;gap:10px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 24px #405d7a14}.monster-card.red{border-color:#ef5b5b59}.monster-card.yellow{border-color:#f68b2e59}.monster-card.green{border-color:#4abf7a59}.monster-icon{font-size:2rem}.monster-stats{display:flex;gap:8px}.monster-stats span{padding:6px 10px;background:#f8fafc;border-radius:999px}.battle-bars{align-items:stretch}.battle-bars>div{flex:1;display:grid;gap:8px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.boss-avatar{display:grid;width:118px;height:118px;place-items:center;color:#fff;font-weight:900;background:#30384b;border:7px solid var(--red);border-radius:50%}.weak-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.weak-list strong,.weak-list span{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:999px}.exam-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;min-height:calc(100vh - 126px)}.exam-pdf,.exam-side{min-height:640px}.exam-pdf iframe{display:block;width:100%;height:100%;min-height:640px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.exam-side{display:grid;align-content:start;gap:14px}.exam-card audio{width:100%;margin-top:14px}.answer-sheet{display:grid;gap:14px}.answer-grid{display:grid;max-height:420px;gap:8px;overflow:auto;padding-right:4px}.answer-row{display:grid;grid-template-columns:34px repeat(4,1fr);gap:7px;align-items:center}.answer-row button{min-height:36px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px}.answer-row button.selected{color:#fff;background:var(--blue);border-color:var(--blue)}.empty-state{display:grid;min-height:220px;place-items:center;text-align:center}@media(max-width:980px){.topbar{flex-wrap:wrap}.game-topbar{grid-template-columns:1fr;gap:12px}.player-hud{grid-template-columns:auto minmax(160px,1fr) auto auto auto;overflow-x:auto}.home-utilities{justify-content:start}.home-page-shell{width:min(100% - 24px,980px)}.home-overview-grid,.map-preview-body{grid-template-columns:1fr}.home-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.island-track{grid-template-columns:repeat(6,minmax(130px,1fr));overflow-x:auto}.main-nav{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px}.hero-panel,.exam-layout{grid-template-columns:1fr}.mascot-card{width:min(320px,100%);justify-self:center}.stats-row,.action-grid,.level-grid,.monster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.page-shell{width:min(100% - 20px,1180px);padding-top:18px}.home-page-shell{width:min(100% - 18px,640px);padding-top:12px}.game-topbar{min-height:auto;padding:12px;border-radius:0 0 14px 14px}.game-brand strong{font-size:1.32rem}.player-hud{grid-template-columns:auto minmax(160px,1fr);border-radius:18px}.hud-resource{min-height:38px}.home-utilities{grid-template-columns:repeat(3,1fr)}.utility-button{min-width:0;font-size:.78rem}h1{font-size:2.25rem}.hero-panel,.level-hero,.question-card,.mission-panel,.exam-card,.answer-sheet{padding:18px}.home-overview-grid,.home-action-row{grid-template-columns:1fr}.lobby-hero{grid-template-columns:1fr;min-height:auto;padding:16px}.hero-deer{width:min(220px,72vw);justify-self:center}.lobby-hero-copy{justify-items:center;text-align:center}.speech-bubble{max-width:100%}.hero-mini-actions{justify-content:center}.level-switch-link{justify-self:center}.hero-sign{bottom:auto;top:72px}.daily-mission-row{grid-template-columns:34px minmax(0,1fr) auto}.daily-reward,.daily-go,.daily-done{grid-column:2 / -1;justify-self:start}.energy-gauge{width:170px;height:170px}.map-preview-head{flex-wrap:wrap}.island-track{grid-template-columns:repeat(6,minmax(115px,1fr));min-height:164px;padding-inline:10px}.badge-callout{justify-items:center;text-align:center}.mascot-card{width:min(260px,100%)}.mascot-card img{max-height:260px;object-fit:contain;background:#fff7e8}.stats-row,.action-grid,.level-grid,.monster-grid,.stage-card{grid-template-columns:1fr}.stage-number{width:42px;height:42px}.session-head,.session-footer,.battle-bars,.page-heading.spread{align-items:stretch;flex-direction:column}.answer-button{width:100%}.exam-pdf,.exam-pdf iframe{min-height:520px}}