:root{--bg-canvas: #f3eee6;--bg-canvas-strong: #ede5da;--surface: #fffdfa;--surface-soft: #f8f4ee;--surface-muted: #f2ece4;--surface-elevated: #ffffff;--ink-strong: #24333d;--ink: #354852;--ink-muted: #60717a;--ink-soft: #839199;--brand: #b3824d;--brand-strong: #8b643d;--brand-soft: #efe1cf;--brand-soft-strong: #e3cfb7;--support: #6b8592;--support-soft: #e8eef1;--success: #3f7d62;--success-soft: #e7f2eb;--danger: #b45e4a;--danger-soft: #f9ebe7;--line: #d8ccbe;--line-strong: #c5b8a8;--shadow-panel: 0 24px 56px rgba(31, 45, 52, .09);--shadow-card: 0 14px 34px rgba(31, 45, 52, .08);--shadow-press: 0 8px 18px rgba(31, 45, 52, .1);--radius-shell: 34px;--radius-panel: 30px;--radius-card: 24px;--radius-button: 22px;--focus-ring: 0 0 0 5px rgba(107, 133, 146, .22);--font-display: "Iowan Old Style", "Palatino Linotype", "Noto Serif TC", "Source Han Serif TC", serif;color:var(--ink);background:var(--bg-canvas);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Microsoft JhengHei UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes soft-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(179,130,77,.12),transparent 28%),radial-gradient(circle at top right,rgba(107,133,146,.1),transparent 26%),linear-gradient(180deg,#f7f3ed,#f1ebe2 48%,#ece4d8);color:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#ffffffb8,#fff0),repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 1px,transparent 1px 20px);opacity:.85;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.68),transparent 14%),radial-gradient(circle at 82% 12%,rgba(255,255,255,.44),transparent 16%),radial-gradient(circle at 82% 78%,rgba(179,130,77,.08),transparent 18%);pointer-events:none}body.page-fullscreen-active,body.fullscreen-active{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.54}button:focus-visible,canvas:focus-visible{outline:none;box-shadow:var(--focus-ring)}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--ink-strong);font-family:var(--font-display);letter-spacing:-.02em}h1{margin-bottom:14px;font-size:clamp(2.9rem,5vw,4.5rem);line-height:1.06}h2{margin-bottom:0;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15}h3{margin-bottom:10px;font-size:1.5rem;line-height:1.2}.eyebrow{margin:0 0 10px;color:var(--brand-strong);font-size:.98rem;font-weight:800;letter-spacing:.08em}.intro-text,.question-panel p{max-width:62rem;margin-bottom:0;color:var(--ink-muted);font-size:1.24rem;line-height:1.72}.app-shell{display:grid;gap:24px;width:min(100%,1360px);min-height:100dvh;margin:0 auto;padding:clamp(20px,3vw,38px)}.app-page-fullscreen{position:fixed;inset:0;z-index:1000;width:100vw;max-width:none;height:100dvh;min-height:100dvh;overflow:hidden;background:var(--bg-canvas);overscroll-behavior:contain}.home-shell,.play-shell{gap:24px}.home-hero,.home-guidance-card,.home-mode-stage,.summary-layout,.preview-card-strip,.question-panel,.setup-dialog,.feedback-dialog,.countdown-dialog{position:relative;overflow:hidden;border:1px solid rgba(138,100,61,.12);border-radius:var(--radius-panel);background:linear-gradient(180deg,#fffffff5,#fcf9f4f5),var(--surface);box-shadow:var(--shadow-panel)}.memory-hint-dialog{position:relative;display:grid;gap:14px;width:min(520px,100%);padding:28px;border:1px solid rgba(179,130,77,.18);border-radius:var(--radius-panel);background:linear-gradient(180deg,#fffffffa,#fcf9f4fa),var(--surface);box-shadow:var(--shadow-panel)}.memory-hint-dialog p:last-of-type{margin:0;color:var(--ink);font-size:1.22rem;font-weight:700;line-height:1.7}.home-hero:before,.home-guidance-card:before,.home-mode-stage:before,.summary-layout:before,.preview-card-strip:before,.question-panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:8px;background:linear-gradient(90deg,#b3824deb,#6b859252)}.home-shell .intro-panel,.home-shell .mode-area{display:none}.home-hero{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(290px,.84fr);gap:clamp(24px,3.8vw,44px);padding:clamp(28px,4vw,42px);animation:soft-rise .32s ease-out both}.home-hero-copy,.home-hero-media,.home-mode-heading{position:relative;z-index:1}.home-hero-copy{display:grid;gap:20px;align-content:center}.home-hero-copy h1{max-width:none;margin-bottom:0}.home-landing-copy h1{white-space:nowrap;font-size:clamp(2.2rem,4.1vw,4rem)}.home-hero-text{max-width:40rem;font-size:clamp(1.2rem,2vw,1.42rem)}.home-step-strip,.home-guidance-strip{display:grid;gap:14px}.home-step-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.home-step-card,.home-guidance-card,.mode-card,.round-progress-panel,.selected-status,.summary-tile,.sequence-slot{border:1px solid rgba(138,100,61,.14);border-radius:22px;background:var(--surface-elevated);box-shadow:var(--shadow-card)}.home-step-card,.home-guidance-card{display:grid;gap:8px;min-height:126px;padding:18px 20px}.home-step-card strong,.home-guidance-card strong{color:var(--ink-strong);font-size:1.14rem;font-weight:800}.home-step-card span,.home-guidance-card span,.home-hero-note,.home-mode-intro{color:var(--ink-muted);font-size:1.02rem;line-height:1.62}.home-hero-actions,.action-row,.play-header-actions,.setup-dialog-actions,.feedback-dialog-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.review-again-action{order:-1}.home-hero-actions{margin-top:6px}.home-confidence-strip{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.home-confidence-strip span,.status-strip span,.round-counter,.memory-step-row span,.mode-card-order,.mode-card-purpose,.choice-hint,.sequence-slot-number,.answer-marker,.scratch-controls>span{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800}.home-confidence-strip span{min-height:48px;padding:10px 16px;border:1px solid rgba(107,133,146,.14);background:#ffffffeb;color:var(--ink)}.home-hero-media{display:grid;gap:16px;align-content:center}.home-hero-image-shell{padding:16px;border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f5efe5fa),var(--surface-soft);border:1px solid rgba(138,100,61,.12);box-shadow:var(--shadow-card)}.home-hero-card{border:0;border-radius:24px;box-shadow:none;background:transparent}.home-hero-card .image-frame{aspect-ratio:1 / 1;min-height:0}.home-hero-card figcaption{min-height:64px;font-size:1.56rem}.home-hero-note{padding-inline:6px}.home-guidance-strip{grid-template-columns:repeat(3,minmax(0,1fr));animation:soft-rise .36s ease-out both}.home-guidance-card{min-height:140px}.home-guidance-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.home-mode-stage{display:grid;gap:20px;padding:clamp(24px,3vw,36px);animation:soft-rise .4s ease-out both;transition:opacity .22s ease,transform .22s ease,max-height .22s ease,padding .22s ease,margin .22s ease,border-width .22s ease}.home-mode-stage.is-hidden{max-height:0;padding-top:0;padding-bottom:0;margin-top:-8px;opacity:0;border-width:0;transform:translateY(-12px);pointer-events:none}.home-mode-stage.is-visible{max-height:2200px;opacity:1;transform:translateY(0)}.standalone-mode-page{min-height:clamp(560px,78dvh,980px);align-content:start}.home-mode-heading-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-mode-heading-top .eyebrow{display:inline-flex;align-items:center;min-height:68px;margin-bottom:0}.home-mode-step-title{font-size:1.96rem;letter-spacing:.03em;line-height:1.2}.home-mode-back-action{margin-left:auto;margin-top:0}.section-heading{display:grid;gap:6px}.home-mode-heading h2{font-size:clamp(2rem,3.3vw,2.8rem)}.home-mode-intro{max-width:48rem;margin:6px 0 0}.play-header,.summary-layout{display:grid;gap:20px}.play-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:0 4px}.play-header h1{margin-bottom:0;font-size:clamp(2.4rem,4vw,3.3rem)}.summary-layout{padding:clamp(26px,4vw,42px)}.summary-layout>*{position:relative;z-index:1}.status-strip,.action-row{justify-content:flex-end}.status-strip{display:flex;flex-wrap:wrap;gap:10px;min-width:min(390px,100%)}.status-strip span,.round-counter{min-height:54px;padding:10px 18px;border:1px solid rgba(107,133,146,.2);background:#ffffffeb;color:var(--ink-strong);box-shadow:var(--shadow-card)}.round-counter{min-width:118px;font-size:1.45rem}.fullscreen-action{min-width:0}.floating-fullscreen-action{position:fixed;top:max(16px,calc(env(safe-area-inset-top,0px) + 12px));right:max(16px,calc(env(safe-area-inset-right,0px) + 12px));z-index:30;width:52px;height:52px;padding:0;border-radius:999px;justify-content:center;box-shadow:0 18px 34px #24333d2e,0 6px 16px #24333d1a}.floating-fullscreen-action svg{width:22px;height:22px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.mode-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:16px;align-content:stretch;min-height:320px;padding:26px 24px 24px 30px;overflow:hidden;background:linear-gradient(180deg,#fffffffa,#f8f4edfa),var(--surface);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.mode-card:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:var(--mode-accent, var(--brand))}.mode-card:after{content:"";position:absolute;top:18px;right:18px;width:84px;height:84px;border-radius:28px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.84),transparent 36%),linear-gradient(135deg,#ffffff80,#ffffff05),var(--mode-glow, rgba(179, 130, 77, .16));opacity:.92;pointer-events:none;transform:rotate(12deg)}.mode-card.difficulty-1{--mode-accent: #5f8f7b;--mode-glow: rgba(95, 143, 123, .18)}.mode-card.difficulty-2{--mode-accent: #b3824d;--mode-glow: rgba(179, 130, 77, .2)}.mode-card.difficulty-3{--mode-accent: #8f3f35;--mode-glow: rgba(143, 63, 53, .28)}.mode-card p{margin-bottom:0;color:var(--ink-muted);font-size:1.04rem;line-height:1.6}.mode-card-order{width:fit-content;min-height:38px;padding:7px 14px;background:#fffffff0;color:var(--mode-accent, var(--brand));font-size:.9rem;letter-spacing:.04em}.mode-card-copy,.mode-card-touch-target{position:relative;z-index:2}.mode-card-copy{display:grid;gap:14px;min-height:0;pointer-events:none}.mode-card-purpose{width:fit-content;min-height:38px;padding:8px 13px;background:#ffffffe0;color:var(--mode-accent, var(--brand));font-size:1.08rem;font-weight:800}.mode-card h3{font-size:clamp(2.1rem,3vw,2.8rem)}.mode-card-description{font-size:1.12rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.mode-card-meta{display:grid;gap:8px;align-self:end;margin-top:2px}.mode-difficulty,.mode-audience{display:inline-flex;align-items:center;width:fit-content;min-height:34px;border-radius:999px;font-size:.94rem;font-weight:800}.mode-difficulty{gap:8px;padding:6px 10px;background:#ffffffe6;color:var(--ink-strong)}.mode-meta-label{color:var(--ink-muted)}.mode-star-row{display:inline-flex;gap:3px;align-items:center}.mode-star-row svg{width:17px;height:17px;color:#6b859257;fill:#6b85921f}.mode-star-row svg.is-active{color:#b3824d;fill:#b3824db8}.mode-audience{padding:6px 12px;background:#eaf3efdb;color:#315f55}@media(min-width:1024px){.standalone-mode-page .mode-card-purpose,.standalone-mode-page .mode-card h3,.standalone-mode-page .mode-card-description{white-space:normal}}.mode-card-touch-target{position:absolute;inset:0;z-index:3;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none}.mode-card:hover,.mode-card:focus-within{border-color:#6b859242;transform:translateY(-3px);box-shadow:0 20px 40px #1f2d341f}.mode-card-touch-target:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sound-toggle-action{min-width:132px}.mode-button,.primary-action,.secondary-action,.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:68px;padding:14px 24px;border:1px solid transparent;border-radius:var(--radius-button);font-size:1.08rem;font-weight:800;line-height:1.2;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease,filter .14s ease}.mode-button svg,.primary-action svg,.secondary-action svg,.icon-text-button svg{flex:0 0 auto;width:24px;height:24px;stroke-width:2.45}.primary-action{background:linear-gradient(180deg,#c28e58,#a97543);border-color:#8b643d;color:#fff;box-shadow:0 12px 26px #8b643d47}.primary-action:hover{filter:brightness(1.03)}.secondary-action,.icon-text-button{background:linear-gradient(180deg,#fff,#f5f0e8);border-color:#6b85922e;color:var(--ink-strong);box-shadow:0 10px 24px #1f2d341a}.secondary-action:hover,.icon-text-button:hover,.mode-button:hover{filter:brightness(1.01)}.mode-button:active,.primary-action:active,.secondary-action:active,.icon-text-button:active,.choice-card:active,.count-option:active{transform:translateY(2px)}.hero-primary-action{min-width:min(100%,286px);min-height:76px;font-size:1.34rem}.preview-card-strip{display:grid;gap:14px;padding:20px}.preview-card-strip-heading{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;justify-content:space-between;color:var(--ink-strong)}.preview-card-strip-heading span{font-size:1rem;font-weight:700}.preview-card-strip-heading strong{font-size:1.08rem;font-weight:800}.preview-card-grid{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));gap:14px}.play-shell{grid-template-columns:minmax(0,1fr)}.play-shell.mode-memory_match{--mode-highlight: #b3824d}.play-shell.mode-sequence_recall{--mode-highlight: #70889a}.play-shell.mode-category_sort{--mode-highlight: #8f8d61}.play-shell.mode-target_find{--mode-highlight: #7d8f85}.play-shell.mode-scenario_choice{--mode-highlight: #ad745e}.play-shell.mode-scratch_reveal{--mode-highlight: #6e8190}.question-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:24px;align-items:center;min-height:260px;padding:28px}.question-panel.scratch-question{grid-template-columns:1fr;min-height:auto}.question-panel.category-question{grid-template-columns:minmax(0,1.06fr) minmax(260px,340px)}.question-panel.memory-question{grid-template-columns:minmax(300px,.94fr) minmax(360px,480px);min-height:360px}.question-panel.memory-answer,.question-panel.target-find-question,.question-panel.scenario-question,.question-panel.sequence-question,.question-panel.sequence-answer{grid-template-columns:1fr}.question-panel.target-find-question{min-height:148px;padding-block:18px}.question-panel.scenario-question{min-height:148px;padding-inline:clamp(24px,5vw,40px);padding-block:18px}.question-panel.sequence-question{min-height:240px;padding-block:20px}.prompt-area{display:grid;gap:12px;padding:6px}.prompt-area h2{color:var(--ink-strong)}.target-find-question .prompt-area,.scenario-question .prompt-area{justify-items:center;text-align:center;padding-inline:0}.target-find-question .prompt-area,.scenario-question .prompt-area,.sequence-question .prompt-area{gap:8px;padding-block:0}.target-find-question h2{font-size:clamp(2.3rem,4.3vw,3.3rem)}.target-find-question p,.scenario-question p{max-width:none}.scenario-question h2{max-width:none;white-space:nowrap;font-size:clamp(1.45rem,2.4vw,2rem)}.target-find-question h2{font-size:clamp(1.9rem,3.2vw,2.5rem)}.sequence-question h2{font-size:clamp(1.9rem,3vw,2.4rem)}.target-find-question .round-progress-panel,.scenario-question .round-progress-panel,.sequence-question .round-progress-panel{margin-top:2px;padding:10px 12px}.round-progress-panel{display:grid;gap:10px;width:min(100%,560px);margin-top:8px;padding:14px 16px}.round-progress-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--ink-strong);font-size:1rem;font-weight:800}.round-progress-summary strong{color:var(--ink-muted)}.round-progress-meter,.scratch-progress{position:relative;overflow:hidden;border-radius:999px;background:#dde5e8}.round-progress-meter{height:16px;border:1px solid rgba(107,133,146,.18)}.round-progress-meter span,.scratch-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--support),var(--brand));transition:width .16s ease-out}.memory-step-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.memory-quest-panel{display:grid;gap:12px;width:min(100%,620px);margin-top:6px;padding:16px 18px;border:1px solid rgba(179,130,77,.2);border-radius:22px;background:linear-gradient(180deg,#fffaf2,#f5ede1);box-shadow:var(--shadow-card)}.memory-quest-head,.memory-quest-metrics{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.memory-quest-badge,.memory-quest-stars,.memory-quest-metrics span,.feedback-status{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border-radius:999px;font-weight:800}.memory-quest-badge{background:#ffffffe0;color:var(--brand-strong)}.memory-quest-stars{gap:8px;background:#fffffff0;color:var(--ink-strong)}.memory-quest-stars svg,.memory-quest-footer-status svg{width:20px;height:20px;color:var(--brand);fill:#b3824d2e}.memory-quest-panel strong{color:var(--ink-strong);font-size:1.28rem}.memory-quest-panel p{margin:0;color:var(--ink);font-size:1.08rem;line-height:1.6}.memory-quest-metrics span{background:#ffffffc2;color:var(--ink-muted)}.memory-step-row span{min-height:44px;padding:8px 16px;border:1px solid rgba(107,133,146,.16);background:var(--surface-soft);color:var(--ink-muted);font-size:1rem}.memory-step-row .current{border-color:#b3824d4d;background:var(--brand-soft);color:var(--brand-strong)}.memory-step-row .done{border-color:#3f7d6242;background:var(--success-soft);color:var(--success)}.category-callout{display:grid;grid-template-columns:auto minmax(120px,max-content);gap:12px;align-items:center;width:fit-content;min-height:68px;margin-top:8px;padding:10px 16px;border:1px solid rgba(179,130,77,.22);border-radius:20px;background:linear-gradient(180deg,#fffaf2,#f4ede3);color:var(--brand-strong);box-shadow:var(--shadow-card)}.category-callout span{font-size:1rem;font-weight:800}.category-callout strong{font-size:1.95rem;line-height:1}.card-image,.sequence-card{margin:0;overflow:hidden;border:1px solid rgba(107,133,146,.14);border-radius:26px;background:var(--surface-elevated);box-shadow:var(--shadow-card)}.image-frame{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:4 / 3;padding:clamp(14px,2vw,22px);border-radius:22px;background:linear-gradient(180deg,#fdfbf7,#f2ece2)}.image-frame-status{position:absolute;inset:50% auto auto 50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:36px;padding:7px 12px;border-radius:999px;background:#ffffffe6;color:var(--ink-muted);font-size:.9rem;font-weight:800;transform:translate(-50%,-50%)}.image-frame-error .image-frame-status{color:#8f3f35}.image-frame img,.card-image img,.sequence-card img,.choice-card img{display:block;width:100%;height:100%;min-height:0;border:0;background:transparent;object-fit:contain}.image-frame img{transform:translateY(-6%) scale(1.16);transform-origin:center top}.image-frame:has(img[src$=".png"]) img,.scratch-stage img,.scratch-choice-card .image-frame img,.target-choice-card .image-frame:has(img[src$=".png"]) img{transform:none}.image-frame:after{content:"";position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(180deg,#f2ece200,#f2ece2);pointer-events:none}.image-frame:has(img[src$=".png"]):after,.scratch-choice-card .image-frame:after{display:none}.card-image figcaption,.sequence-card strong{display:flex;align-items:center;justify-content:center;min-height:64px;padding:12px 14px 14px;border-top:1px solid rgba(107,133,146,.1);background:linear-gradient(180deg,#fff,#faf6f0);color:var(--ink-strong);font-size:1.24rem;font-weight:800;text-align:center}.memory-preview .prompt-card img{min-height:300px}.memory-preview .prompt-card figcaption{min-height:72px;font-size:1.52rem}.preview-card.card-image figcaption{min-height:52px;padding:10px;font-size:.98rem}.scratch-card{display:grid;gap:14px;justify-self:center;width:min(100%,680px);min-width:min(560px,100%)}.scratch-stage{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:1px solid rgba(107,133,146,.22);border-radius:26px;background:#26333a;box-shadow:inset 0 0 0 10px #fffc,var(--shadow-card);isolation:isolate;overscroll-behavior:contain;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.scratch-stage img,.scratch-stage canvas{display:block;width:100%;aspect-ratio:4 / 3}.scratch-stage img{position:absolute;inset:0;z-index:0;height:100%;background:#fdf9f2;object-fit:contain}.scratch-stage canvas{position:absolute;inset:0;z-index:2;height:100%;cursor:grab}.scratch-stage canvas:active{cursor:grabbing}.scratch-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:12px;align-items:center}.scratch-controls>span{min-height:56px;padding:14px 16px;border:1px solid rgba(107,133,146,.16);background:var(--surface);color:var(--ink-muted)}.scratch-progress{height:18px;border:1px solid rgba(107,133,146,.18)}.sequence-strip,.sequence-recall-tray{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:14px}.sequence-card{position:relative;display:grid;align-content:space-between}.sequence-card span,.choice-order{position:absolute;top:12px;left:12px;z-index:1;min-width:66px;height:42px;padding:0 12px;background:#24333de6;color:#fff;font-size:1rem}.sequence-recall-tray{align-items:stretch}.sequence-slot{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;align-content:stretch;justify-items:center;min-height:184px;padding:10px;border-style:dashed;border-color:#6b859247;color:var(--ink-muted);text-align:center}.sequence-slot.filled{border-style:solid;border-color:#b3824d47;background:linear-gradient(180deg,#fffefb,#f6efe5);color:var(--ink-strong)}.sequence-slot-number{min-height:38px;padding:6px 14px;background:var(--support-soft);color:var(--ink-strong);font-size:.98rem}.sequence-slot .image-frame{align-self:stretch;width:min(220px,92%);max-height:100%;padding:clamp(4px,.8vw,8px);border-radius:18px}.sequence-slot strong,.sequence-slot em{font-size:1.1rem;font-style:normal;font-weight:800}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:18px}.choice-grid.memory-choice-grid,.choice-grid.target-choice-grid,.choice-grid.scratch-choice-grid{width:100%;margin:0 auto}.choice-grid.memory-choice-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px}.choice-grid.target-choice-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.choice-grid.scratch-choice-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:22px}.choice-grid.sequence-choice-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.choice-card{position:relative;display:grid;gap:12px;min-height:240px;padding:14px;border:1px solid rgba(107,133,146,.18);border-radius:26px;background:linear-gradient(180deg,#fffffffa,#f8f4edfa),var(--surface);color:var(--ink-strong);text-align:center;box-shadow:var(--shadow-card);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease}.memory-choice-grid .choice-card{min-height:clamp(300px,46vh,420px);padding:18px}.target-choice-card,.scratch-choice-card,.sequence-choice-card{min-height:266px}.target-choice-card,.scratch-choice-card{padding:18px}.memory-choice-card:disabled,.target-choice-card:disabled,.scratch-choice-card:disabled{opacity:1}.choice-card .image-frame{min-height:150px}.memory-choice-grid .choice-card .image-frame{min-height:clamp(220px,33vh,320px)}.target-choice-card .image-frame,.scratch-choice-card .image-frame{min-height:170px;padding:12px}.target-choice-card .image-frame img{transform:translateY(-12%) scale(1.28)}.choice-card:hover,.choice-card:focus-visible,.choice-card.selected{border-color:#6b859257;box-shadow:0 18px 36px #1f2d341f,var(--focus-ring)}.memory-choice-card.is-correct,.target-choice-card.is-correct,.scratch-choice-card.is-correct{border-color:#3f7d6266;background:linear-gradient(180deg,#fffffffa,#e7f2ebfa),var(--success-soft)}.memory-choice-card.is-wrong,.target-choice-card.is-wrong,.scratch-choice-card.is-wrong{border-color:#b45e4a66;background:linear-gradient(180deg,#fffffffa,#f9ebe7fa),var(--danger-soft)}.sequence-choice-card.selected{border-color:#b3824d61;background:linear-gradient(180deg,#fffffffa,#efe1cffa),var(--brand-soft)}.sequence-choice-card:disabled:not(.selected){opacity:.46}.choice-hint,.answer-marker{min-height:38px;padding:7px 12px;font-size:.98rem}.choice-hint{justify-self:center;background:var(--support-soft);color:var(--ink-strong)}.sequence-choice-card.selected .choice-hint{background:#fff}.answer-marker{color:#fff}.answer-marker.correct{background:var(--success)}.answer-marker.wrong{background:var(--danger)}.target-choice-card.is-correct:after,.target-choice-card.is-wrong:after,.scratch-choice-card.is-correct:after,.scratch-choice-card.is-wrong:after{position:absolute;top:14px;right:14px;min-width:68px;padding:8px 12px;border-radius:999px;color:#fff;font-size:1rem;font-weight:800}.target-choice-card.is-correct:after,.scratch-choice-card.is-correct:after{content:"正確";background:var(--success)}.target-choice-card.is-wrong:after,.scratch-choice-card.is-wrong:after{content:"你的選擇";background:var(--danger)}.choice-card span:last-child{font-size:1.34rem;font-weight:800;line-height:1.3}.target-choice-card span:last-child,.scratch-choice-card span:last-child{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:8px 12px;border-radius:18px;background:var(--surface-soft);color:var(--ink-strong);font-size:1.46rem}.target-choice-card.is-correct span:last-child,.scratch-choice-card.is-correct span:last-child{background:var(--success);color:#fff}.target-choice-card.is-wrong span:last-child,.scratch-choice-card.is-wrong span:last-child{background:var(--danger);color:#fff}.memory-choice-grid .choice-card span:last-child{font-size:1.6rem}.play-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:center}.play-footer.sequence-footer{grid-template-columns:minmax(0,1fr)}.selected-status{display:inline-flex;align-items:center;gap:12px;min-height:66px;padding:12px 16px;color:var(--ink-strong);font-size:1.08rem;font-weight:800;line-height:1.46;flex-wrap:wrap}.memory-quest-footer-status{justify-content:flex-start}.memory-quest-footer-status span{display:inline-flex;align-items:center;min-height:38px;padding:6px 10px;border-radius:999px;background:#ffffffb8}.selected-status svg{flex:0 0 auto;width:24px;height:24px;color:var(--brand)}.sequence-study-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.sequence-study-head h2{margin:0}.sequence-study-start{margin-left:auto;margin-top:8px;white-space:nowrap}.scratch-text-choice{display:flex;align-items:center;justify-content:center;min-height:104px;border-radius:20px;padding:18px 16px}.scratch-text-choice .image-frame,.scratch-text-choice .answer-marker{display:none}.scratch-text-choice span:last-child{font-size:clamp(1.45rem,2vw,2rem);font-weight:800;line-height:1.2}.feedback{display:flex;flex-wrap:wrap;grid-column:1 / -1;gap:12px;align-items:center;justify-content:flex-end;min-height:76px;padding:14px 16px;border-radius:18px;font-size:1.24rem;font-weight:800}.feedback.correct{background:var(--success-soft);color:var(--success)}.feedback.wrong{background:var(--danger-soft);color:var(--danger)}.feedback span{margin-right:auto}.setup-dialog-backdrop,.feedback-dialog-backdrop,.countdown-dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#1c262c8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.countdown-dialog-backdrop{background:#ece6dcf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.countdown-active .play-main-column,.countdown-active .play-header{filter:blur(8px) brightness(.88);pointer-events:none;-webkit-user-select:none;user-select:none}.setup-dialog,.feedback-dialog,.countdown-dialog{width:min(700px,100%);padding:30px}.setup-dialog{display:grid;gap:18px;width:min(640px,100%)}.setup-dialog h2,.feedback-dialog-body h2{color:var(--ink-strong);font-size:clamp(2rem,3.5vw,2.5rem)}.setup-dialog p:last-child{max-width:none;margin:0;color:var(--ink-muted);font-size:1.14rem;line-height:1.6}.question-count-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.count-option{display:grid;justify-items:center;gap:6px;min-height:124px;padding:18px;border:1px solid rgba(107,133,146,.2);border-radius:24px;background:linear-gradient(180deg,#fff,#f7f2ea);color:var(--ink-strong);box-shadow:var(--shadow-card)}.count-option strong{font-size:2.8rem;line-height:1}.count-option span{font-size:1.02rem;font-weight:800}.count-option.selected{border-color:#b3824d5c;background:linear-gradient(180deg,#fffdf8,#efe1cf);box-shadow:0 18px 36px #1f2d341f,var(--focus-ring)}.feedback-dialog{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px}.feedback-dialog.correct{border-color:#3f7d6252}.feedback-dialog.wrong{border-color:#b45e4a52}.feedback-dialog-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong)}.feedback-dialog.correct .feedback-dialog-icon{background:var(--success-soft);color:var(--success)}.feedback-dialog.wrong .feedback-dialog-icon{background:var(--danger-soft);color:var(--danger)}.feedback-dialog-icon svg{width:42px;height:42px;stroke-width:2.45}.feedback-dialog-body{display:grid;gap:10px}.feedback-dialog-body p{max-width:none;color:var(--ink);font-size:1.28rem;font-weight:700;line-height:1.6}.feedback-status{width:fit-content;background:var(--brand-soft);color:var(--brand-strong)}.feedback-dialog-actions{grid-column:1 / -1;justify-content:flex-end}.countdown-dialog{width:min(460px,100%);padding:14px;background:transparent;border:0;box-shadow:none}.countdown-distraction-card{position:relative;overflow:hidden;width:min(420px,100%);aspect-ratio:1 / 1;border-radius:28px;box-shadow:0 28px 64px #1f2d342e}.countdown-distraction-card .image-frame{min-height:100%;height:100%;padding:0;border-radius:inherit}.countdown-distraction-card .image-frame img{width:100%;height:100%;object-fit:cover}.countdown-distraction-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10182014,#10182047);pointer-events:none}.countdown-number{position:absolute;inset:50% auto auto 50%;z-index:1;display:grid;place-items:center;margin:0;color:#fff;font-size:4.6rem;line-height:1;transform:translate(-50%,-50%);text-shadow:0 8px 18px rgba(31,45,52,.55),0 0 14px rgba(31,45,52,.4)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:18px}.summary-tile{display:grid;gap:10px;min-height:162px;padding:22px}.summary-tile span{color:var(--ink-muted);font-size:1.08rem;font-weight:700}.summary-tile strong{color:var(--ink-strong);font-size:3rem;line-height:1}@media(max-width:1180px){.home-hero,.home-guidance-strip{grid-template-columns:1fr}.home-step-strip,.mode-grid,.choice-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid.memory-choice-grid,.choice-grid.target-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.play-header,.question-panel,.question-panel.category-question,.question-panel.scratch-question,.question-panel.memory-question{grid-template-columns:1fr}.play-header{align-items:start}.status-strip,.action-row,.play-header-actions{justify-content:flex-start}.question-panel{min-height:auto}.choice-grid.sequence-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:18px}.home-step-strip,.home-guidance-strip,.home-mode-grid,.mode-grid,.preview-card-grid,.choice-grid,.choice-grid.memory-choice-grid,.choice-grid.target-choice-grid,.choice-grid.scratch-choice-grid,.choice-grid.sequence-choice-grid,.sequence-strip,.sequence-recall-tray,.summary-grid,.question-count-options{grid-template-columns:1fr}.home-hero,.home-mode-stage,.summary-layout,.question-panel,.setup-dialog,.feedback-dialog,.countdown-dialog{padding:22px}.home-guidance-action,.play-footer,.play-footer.sequence-footer,.feedback-dialog{grid-template-columns:1fr}.home-hero-actions,.setup-dialog-actions,.feedback-dialog-actions{display:grid}.home-hero-actions>button,.setup-dialog-actions>button,.feedback-dialog-actions>button,.play-footer>button,.play-footer.sequence-footer>button,.hero-primary-action,.home-confidence-strip span{width:100%}h1{font-size:2.5rem}h2{font-size:1.8rem}.intro-text,.question-panel p{font-size:1.1rem}.scratch-card{min-width:100%}.scratch-controls{grid-template-columns:1fr}.selected-status{width:100%;justify-content:flex-start}}@media(max-width:620px){.home-hero-copy h1{max-width:none}.play-header h1{font-size:2.1rem}.target-find-question h2,.scenario-question h2{font-size:1.9rem}.mode-card,.summary-tile,.home-step-card,.home-guidance-card{min-height:unset}.choice-card,.memory-choice-grid .choice-card,.target-choice-card,.scratch-choice-card,.sequence-choice-card{min-height:220px}.target-choice-card span:last-child,.scratch-choice-card span:last-child,.choice-card span:last-child{font-size:1.22rem}.summary-tile strong{font-size:2.35rem}}.app-fullscreen{width:100vw;max-width:none;height:100dvh;min-height:100dvh;gap:clamp(10px,1.5vmin,14px);overflow:hidden;padding:clamp(10px,1.7vmin,18px)}.app-fullscreen h1{margin-bottom:14px;font-size:clamp(2.9rem,5vw,4.5rem)}.app-fullscreen .play-header h1{font-size:clamp(2.9rem,4.6vw,4.2rem)}.app-fullscreen h2{font-size:clamp(1.9rem,3vw,2.7rem)}.app-fullscreen .eyebrow{margin-bottom:10px;font-size:.98rem}.app-fullscreen .intro-text,.app-fullscreen .question-panel p{font-size:clamp(1.12rem,.98rem + .42vw,1.24rem);line-height:1.72}.app-fullscreen .home-hero,.app-fullscreen .home-mode-stage,.app-fullscreen .question-panel,.app-fullscreen .summary-layout,.app-fullscreen .preview-card-strip,.app-fullscreen .setup-dialog,.app-fullscreen .feedback-dialog,.app-fullscreen .countdown-dialog{padding:18px}.app-fullscreen .mode-button,.app-fullscreen .primary-action,.app-fullscreen .secondary-action,.app-fullscreen .icon-text-button{min-height:50px;padding:9px 14px;font-size:.98rem}.app-fullscreen .mode-button svg,.app-fullscreen .primary-action svg,.app-fullscreen .secondary-action svg,.app-fullscreen .icon-text-button svg{width:21px;height:21px}.app-fullscreen .round-counter{min-width:92px;min-height:46px;font-size:1.2rem}.app-fullscreen .fullscreen-action{min-width:118px}.app-fullscreen .mode-grid,.app-fullscreen .choice-grid,.app-fullscreen .choice-grid.memory-choice-grid,.app-fullscreen .choice-grid.target-choice-grid,.app-fullscreen .choice-grid.scratch-choice-grid,.app-fullscreen .choice-grid.sequence-choice-grid,.app-fullscreen .summary-grid{gap:10px}.app-fullscreen .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-fullscreen .mode-card{min-height:146px;gap:10px;padding:14px 14px 14px 20px}.app-fullscreen .mode-card p{font-size:1.04rem;line-height:1.6}.app-fullscreen .mode-card h3{margin-bottom:10px;font-size:clamp(2.1rem,3vw,2.8rem)}.app-fullscreen .mode-card-meta{gap:6px}.app-fullscreen .mode-difficulty,.app-fullscreen .mode-audience{min-height:30px;padding-block:5px;font-size:.88rem}.app-fullscreen .mode-star-row svg{width:15px;height:15px}.app-fullscreen.play-shell,.app-fullscreen.play-shell.no-question-panel,.app-fullscreen.play-shell.no-choice-grid{grid-template-rows:auto minmax(0,1fr)}.app-fullscreen .question-panel{min-height:clamp(220px,25dvh,340px);gap:18px}.app-fullscreen .question-panel.memory-question{grid-template-columns:minmax(340px,.92fr) minmax(420px,1.08fr);min-height:clamp(340px,40dvh,520px)}.app-fullscreen .question-panel.scratch-question{grid-template-columns:1fr;min-height:clamp(180px,21dvh,240px);padding:18px 22px}.app-fullscreen .question-panel.memory-answer,.app-fullscreen .question-panel.target-find-question,.app-fullscreen .question-panel.scenario-question,.app-fullscreen .question-panel.sequence-question,.app-fullscreen .question-panel.sequence-answer{grid-template-columns:1fr;min-height:clamp(180px,22dvh,260px)}.app-fullscreen .round-progress-panel{width:min(100%,460px);padding:10px 12px}.app-fullscreen .round-progress-summary{font-size:.92rem}.app-fullscreen .round-progress-meter,.app-fullscreen .scratch-progress{height:12px}.app-fullscreen .memory-step-row span{min-height:36px;padding:6px 12px;font-size:.92rem}.app-fullscreen .category-callout{min-height:52px;padding:8px 12px}.app-fullscreen .category-callout strong{font-size:1.45rem}.app-fullscreen .card-image .image-frame,.app-fullscreen .choice-card .image-frame,.app-fullscreen .question-panel.category-question .card-image .image-frame{min-height:clamp(180px,22dvh,260px);max-height:none}.app-fullscreen .memory-preview .prompt-card .image-frame{min-height:clamp(280px,34dvh,420px);max-height:none}.app-fullscreen .card-image figcaption,.app-fullscreen .sequence-card strong{min-height:46px;padding:8px 10px 10px;font-size:1rem}.app-fullscreen .scratch-stage{height:min(44dvh,520px)}.app-fullscreen .scratch-controls{grid-template-columns:minmax(220px,1fr) auto auto;gap:14px}.app-fullscreen .scratch-controls>span,.app-fullscreen .selected-status{min-height:44px;padding:8px 10px;font-size:.94rem}.app-fullscreen .sequence-strip,.app-fullscreen .sequence-recall-tray{gap:10px}.app-fullscreen .sequence-card span,.app-fullscreen .choice-order{top:8px;left:8px;min-width:54px;height:34px;font-size:.88rem}.app-fullscreen .sequence-slot{min-height:92px;padding:6px}.app-fullscreen .sequence-slot-number{min-height:32px;padding:4px 10px;font-size:.88rem}.app-fullscreen .sequence-slot .image-frame{width:min(150px,94%);padding:4px;border-radius:16px}.app-fullscreen .choice-card,.app-fullscreen .memory-choice-grid .choice-card,.app-fullscreen .target-choice-card,.app-fullscreen .scratch-choice-card,.app-fullscreen .sequence-choice-card{min-height:clamp(220px,24dvh,320px);height:100%;padding:10px;gap:8px}.app-fullscreen .choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-fullscreen .choice-card span:last-child,.app-fullscreen .target-choice-card span:last-child,.app-fullscreen .scratch-choice-card span:last-child{min-height:38px;font-size:clamp(.98rem,2.1vmin,1.14rem)}.app-fullscreen .choice-hint,.app-fullscreen .answer-marker{min-height:30px;padding:4px 8px;font-size:.84rem}.app-fullscreen .play-footer,.app-fullscreen .play-footer.sequence-footer{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.app-fullscreen .summary-tile{min-height:98px;padding:14px}.app-fullscreen .summary-tile strong{font-size:2.1rem}.app-fullscreen .setup-dialog,.app-fullscreen .feedback-dialog,.app-fullscreen .countdown-dialog{max-height:calc(100dvh - 28px);overflow:auto}@media(max-width:700px){.app-fullscreen .mode-grid,.app-fullscreen .choice-grid,.app-fullscreen .choice-grid.memory-choice-grid,.app-fullscreen .choice-grid.target-choice-grid,.app-fullscreen .choice-grid.scratch-choice-grid,.app-fullscreen .choice-grid.sequence-choice-grid,.app-fullscreen .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-fullscreen.play-shell,.app-fullscreen.play-shell.no-question-panel,.app-fullscreen.play-shell.no-choice-grid{grid-template-rows:auto minmax(0,1fr)}.app-fullscreen .play-header,.app-fullscreen .question-panel,.app-fullscreen .question-panel.memory-question,.app-fullscreen .question-panel.scratch-question,.app-fullscreen .question-panel.category-question{grid-template-columns:1fr}.app-fullscreen .scratch-stage{height:min(22dvh,170px)}}.summary-shell .summary-layout{gap:24px}.summary-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:18px;align-items:stretch}.summary-copy{display:grid;align-content:start}.summary-highlight,.summary-note-card,.home-panel-metric,.home-overview-card,.play-sidebar-card,.play-stat-card{border:1px solid rgba(107,133,146,.14);border-radius:24px;background:linear-gradient(180deg,#fffffffa,#f7f2eafa),var(--surface);box-shadow:var(--shadow-card)}.summary-highlight{display:grid;gap:8px;align-content:center;padding:22px;text-align:left}.summary-highlight span,.summary-note-card span,.home-activity-badge span,.home-panel-metric span,.home-overview-card span,.play-phase-chip span,.play-guidance-card span,.play-stat-card span{color:var(--ink-muted);font-size:.92rem;font-weight:800;letter-spacing:.04em}.summary-highlight strong,.home-panel-metric strong,.home-overview-card strong,.play-phase-chip strong,.play-guidance-card strong,.play-stat-card strong{color:var(--ink-strong);font-family:var(--font-display)}.summary-highlight strong{font-size:clamp(2.8rem,4vw,3.8rem);line-height:.95}.summary-highlight p,.summary-note-card p,.home-panel-metric p,.home-overview-card p,.play-sidebar-card p{margin:0;color:var(--ink-muted);line-height:1.6}.summary-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.summary-note-card{display:grid;gap:8px;padding:20px 22px}.summary-note-card strong{font-size:1.4rem}.home-landing{grid-template-columns:1fr}.home-principle-strip .home-step-card{min-height:134px;background:linear-gradient(180deg,#fffffffa,#f7f2eafa),var(--surface)}.home-activity-panel{gap:18px}.home-activity-visual{display:grid;gap:14px}.home-activity-badge{display:inline-grid;gap:4px;width:fit-content;padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,#fffdfa,#f1e7d7);border:1px solid rgba(179,130,77,.22)}.home-activity-badge strong{font-size:1.28rem}.home-panel-metrics,.home-mode-overview,.play-stat-grid{display:grid;gap:14px}.home-panel-metrics,.home-mode-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.home-panel-metric,.home-overview-card{display:grid;gap:8px;padding:18px 20px}.home-panel-metric strong,.home-overview-card strong{font-size:1.5rem}.play-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.play-header-main{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.play-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);gap:20px;align-items:start}.no-play-sidebar .play-layout{grid-template-columns:minmax(0,1fr)}.play-main-column,.play-sidebar{display:grid;gap:18px}.play-sidebar-card{display:grid;gap:10px;padding:20px 22px}.play-mode-overview h2{margin:0;font-size:2rem}.play-sidebar-progress{gap:14px}.play-phase-chip{display:grid;gap:4px;padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,#f7f0e6,#ede3d2);border:1px solid rgba(179,130,77,.18)}.play-phase-chip strong{font-size:1.6rem}.play-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-stat-card{display:grid;gap:6px;min-height:110px;padding:16px}.play-stat-card strong{font-size:1.5rem;line-height:1.08}.play-guidance-card strong{font-size:1.45rem}.play-footer,.play-footer.sequence-footer{grid-template-columns:minmax(0,1fr) auto}.play-footer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.play-footer-actions>button{min-width:164px}.play-sidebar .selected-status{width:100%}@media(max-width:1180px){.summary-hero,.home-landing,.play-layout{grid-template-columns:1fr}}@media(max-width:900px){.summary-notes,.home-panel-metrics,.home-mode-overview,.play-stat-grid{grid-template-columns:1fr}.play-footer-actions{justify-content:flex-start}}@media(max-width:760px){.summary-hero,.summary-notes,.home-panel-metrics,.home-mode-overview,.play-stat-grid{grid-template-columns:1fr}.play-header-main{flex-direction:column}.play-footer,.play-footer.sequence-footer{grid-template-columns:1fr}.play-footer-actions{display:grid}.play-footer-actions>button{width:100%}}.app-fullscreen .summary-hero,.app-fullscreen .play-layout,.app-fullscreen .home-mode-stage-head{gap:12px}.app-fullscreen .summary-highlight,.app-fullscreen .summary-note-card,.app-fullscreen .home-panel-metric,.app-fullscreen .home-overview-card,.app-fullscreen .play-sidebar-card,.app-fullscreen .play-stat-card{padding:14px}.app-fullscreen .summary-highlight strong{font-size:2.4rem}.app-fullscreen .play-phase-chip{padding:10px 12px}.app-fullscreen .play-phase-chip strong,.app-fullscreen .play-stat-card strong,.app-fullscreen .home-panel-metric strong,.app-fullscreen .home-overview-card strong{font-size:1.22rem}.app-fullscreen .play-footer-actions>button{min-width:132px}.app-fullscreen.fullscreen-typography-match-windowed .round-progress-summary,.app-fullscreen.fullscreen-typography-match-windowed .memory-step-row span,.app-fullscreen.fullscreen-typography-match-windowed .choice-hint,.app-fullscreen.fullscreen-typography-match-windowed .answer-marker{font-size:.98rem}.app-fullscreen.fullscreen-typography-compact h1{font-size:clamp(2.4rem,4vw,3.6rem)}.app-fullscreen.fullscreen-typography-compact .play-header h1{font-size:clamp(2.2rem,3.7vw,3.2rem)}.app-fullscreen.fullscreen-typography-compact h2{font-size:clamp(1.6rem,2.4vw,2.1rem)}.app-fullscreen.fullscreen-typography-compact .intro-text,.app-fullscreen.fullscreen-typography-compact .question-panel p,.app-fullscreen.fullscreen-typography-compact .mode-card p,.app-fullscreen.fullscreen-typography-compact .mode-card-description{font-size:1.02rem;line-height:1.56}.app-fullscreen.fullscreen-typography-compact .mode-card h3{font-size:clamp(1.7rem,2.5vw,2.2rem)}.app-fullscreen.fullscreen-typography-compact .mode-difficulty,.app-fullscreen.fullscreen-typography-compact .mode-audience{font-size:.8rem}.app-fullscreen.fullscreen-typography-compact .eyebrow{font-size:.92rem}.app-fullscreen.fullscreen-page-play .play-header,.app-fullscreen.fullscreen-page-mode-selection .home-mode-heading-top,.app-fullscreen.fullscreen-page-summary .summary-hero,.app-fullscreen.fullscreen-page-home .home-landing-copy{padding-inline-end:clamp(72px,7vw,118px)}.app-fullscreen .floating-fullscreen-action[data-placement=safe-corner]{top:max(18px,calc(env(safe-area-inset-top,0px) + 14px));right:max(18px,calc(env(safe-area-inset-right,0px) + 16px))}.app-fullscreen .play-layout{min-height:0;height:100%;align-items:stretch}.app-fullscreen .play-main-column{min-height:0}.app-fullscreen .play-main-column.play-column-layout-question-and-choices-fill,.app-fullscreen .play-main-column.play-column-layout-content-fill{display:flex;flex-direction:column;height:100%;align-content:stretch}.app-fullscreen .play-main-column.play-column-layout-question-and-choices-fill>.choice-grid,.app-fullscreen .play-main-column.play-column-layout-content-fill>.choice-grid{min-height:0;height:100%;flex:1 1 auto;align-content:stretch;grid-auto-rows:1fr}.app-fullscreen .play-main-column.play-column-layout-content-fill>.question-panel{flex:1 1 auto}.app-fullscreen .play-main-column.play-column-layout-question-and-choices-fill>.play-footer,.app-fullscreen .play-main-column.play-column-layout-content-fill>.play-footer{margin-top:auto}.app-fullscreen .play-main-column.scratch-layout-balanced>.question-panel.scratch-question,.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question{display:grid;gap:12px}.app-fullscreen .play-main-column.scratch-layout-balanced>.question-panel.scratch-question .prompt-area,.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question .prompt-area{gap:8px;padding:0}.app-fullscreen .play-main-column.scratch-layout-balanced>.question-panel.scratch-question h2,.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question h2{margin-bottom:0}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question p{max-width:none}.app-fullscreen .play-main-column.scratch-layout-balanced>.question-panel.scratch-question .scratch-card,.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question .scratch-card{width:min(100%,1120px);min-width:0;justify-self:center}.app-fullscreen .play-main-column.scratch-layout-balanced>.question-panel.scratch-question .scratch-controls,.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question .scratch-controls{grid-template-columns:minmax(240px,1fr) auto auto}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question{min-height:clamp(120px,16dvh,180px);gap:10px;padding-bottom:10px}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question.scratch-panel-layout-overlay{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;align-items:start;min-height:0;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question.scratch-panel-layout-overlay:before{display:none}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question.scratch-panel-layout-overlay .prompt-area{position:absolute;top:0;left:0;z-index:3;align-content:start;width:min(300px,21vw);max-width:100%;padding:14px 14px 16px;overflow:hidden;border:1px solid rgba(138,100,61,.12);border-radius:var(--radius-card);background:linear-gradient(180deg,#fffffff5,#fcf9f4f5),var(--surface);box-shadow:var(--shadow-card)}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question.scratch-panel-layout-overlay h2{font-size:clamp(1.35rem,1.1rem + .55vw,1.7rem);line-height:1.16}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question.scratch-panel-layout-overlay p{font-size:.94rem;line-height:1.44}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question.scratch-panel-layout-overlay .scratch-card{width:min(100%,1120px);max-width:min(100%,1120px);align-self:stretch;justify-self:center}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question .prompt-area{max-width:min(100%,980px)}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question .scratch-card{gap:10px}.app-fullscreen .play-main-column.scratch-layout-image-priority>.question-panel.scratch-question .scratch-stage{width:min(100%,calc(min(62dvh,760px) * 4 / 3));height:min(62dvh,760px);margin-inline:auto}.app-fullscreen .play-main-column.scratch-layout-image-priority>.choice-grid.scratch-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;height:auto;min-height:0;flex:0 0 auto;align-content:start;grid-auto-rows:auto}.app-fullscreen .play-main-column.scratch-layout-image-priority>.choice-grid.scratch-choice-grid .scratch-text-choice{min-height:0;height:auto;padding:8px 10px;border-radius:16px}.app-fullscreen .play-main-column.scratch-choice-layout-compact>.choice-grid.scratch-choice-grid{height:auto;min-height:0;flex:0 0 auto;align-content:start;grid-auto-rows:auto}.app-fullscreen .play-main-column.scratch-choice-layout-compact>.choice-grid.scratch-choice-grid .scratch-text-choice,.app-fullscreen .play-main-column.scratch-choice-layout-compact>.choice-grid.scratch-choice-grid .scratch-choice-card{min-height:0;height:auto;padding:8px 10px;border-radius:16px}.app-fullscreen .play-main-column.scratch-choice-layout-compact>.choice-grid.scratch-choice-grid .scratch-text-choice span:last-child,.app-fullscreen .play-main-column.scratch-choice-layout-compact>.choice-grid.scratch-choice-grid .scratch-choice-card span:last-child{min-height:34px;padding:5px 10px;font-size:clamp(1.05rem,.95rem + .35vw,1.24rem)}.app-fullscreen.home-shell.mode-selection-open,.app-fullscreen.summary-shell{grid-template-rows:minmax(0,1fr)}.app-fullscreen .standalone-mode-page,.app-fullscreen .summary-layout{min-height:0;height:100%}.app-fullscreen .home-mode-stage{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.app-fullscreen .home-mode-grid.mode-grid{grid-auto-rows:minmax(0,1fr);align-content:stretch}.app-fullscreen .mode-card{min-height:clamp(220px,24dvh,320px)}@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(min-width:900px)and (max-width:1366px)and (max-height:1100px){.home-shell.mode-selection-open{min-height:100dvh;gap:16px;padding:16px}.home-shell.mode-selection-open .standalone-mode-page{min-height:calc(100dvh - 32px);gap:14px;padding:18px}.home-shell.mode-selection-open .home-mode-grid.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-shell.mode-selection-open .home-mode-step-title{font-size:clamp(1.5rem,2.4vw,1.86rem)}.home-shell.mode-selection-open .home-mode-heading-top .eyebrow{min-height:54px}.home-shell.mode-selection-open .home-mode-back-action{min-height:54px;padding-inline:18px}.home-shell.mode-selection-open .mode-card{min-height:246px;gap:10px;padding:16px 14px 14px 20px}.home-shell.mode-selection-open .mode-card:after{top:14px;right:14px;width:66px;height:66px}.home-shell.mode-selection-open .mode-card-purpose,.home-shell.mode-selection-open .mode-card-order{min-height:32px;padding:6px 11px;font-size:.9rem}.home-shell.mode-selection-open .mode-card h3{margin-bottom:4px;font-size:clamp(1.86rem,2.5vw,2.24rem)}.home-shell.mode-selection-open .mode-card-copy{gap:10px}.home-shell.mode-selection-open .mode-card-description{font-size:.98rem;line-height:1.36}.home-shell.mode-selection-open .mode-card-meta{gap:6px}.home-shell.mode-selection-open .mode-difficulty,.home-shell.mode-selection-open .mode-audience{min-height:29px;padding-block:5px;font-size:.82rem}.home-shell.mode-selection-open .mode-star-row svg{width:14px;height:14px}}