:root{color-scheme:light;--color-bg: #eef7f4;--color-surface: #ffffff;--color-surface-soft: #f7fbfa;--color-surface-strong: #e4f5f1;--color-panel: #f9fcfb;--color-text: #122f2d;--color-muted: #536a66;--color-border: #c8dfda;--color-primary: #126d6a;--color-primary-strong: #0d5553;--color-primary-soft: #dff2ee;--color-accent: #f0a330;--color-blue: #2e74b8;--color-purple: #6b5bd2;--color-warning: #d95c38;--color-amber-soft: #fff3d6;--color-blue-soft: #eef3ff;--color-purple-soft: #f4f0ff;--color-success-bg: #e7f6ef;--shadow-soft: 0 18px 48px rgba(18, 49, 47, .14);--shadow-card: 0 10px 24px rgba(18, 49, 47, .1);--shadow-lift: 0 18px 34px rgba(18, 49, 47, .14);--shadow-focus: 0 0 0 3px rgba(18, 109, 106, .18);--radius-sm: 8px;--radius-md: 8px;--radius-lg: 14px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--motion-fast: .14s ease;--motion-med: .22s ease;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--color-bg);text-rendering:optimizeLegibility}body{min-height:100%;margin:0;color:var(--color-text);background:linear-gradient(90deg,rgba(18,109,106,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(18,109,106,.04) 1px,transparent 1px),linear-gradient(180deg,#ffffffd1,#eef7f4f2),var(--color-bg);background-size:42px 42px,42px 42px,auto,auto;font-family:var(--font-body)}button,input,textarea,select{font:inherit}button{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}img{max-width:100%;display:block}#root{min-height:100vh}.eyebrow{color:var(--color-primary);font-size:.78rem;font-weight:800;letter-spacing:0}.map-page,.complete-page,.mission-shell{width:min(1180px,calc(100vw - 32px));min-height:calc(100vh - 32px);min-height:calc(100svh - 32px);margin:0 auto;padding:var(--space-4) 0}.mission-shell{display:flex;flex-direction:column;gap:var(--space-3)}.map-page{display:block}.mission-map,.entry-card,.mission-workbench,.complete-layout{border:1px solid var(--color-border);background:#fffffff0;box-shadow:var(--shadow-soft)}.mission-map{position:relative;overflow:hidden;min-height:620px;padding:var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(135deg,#e4f5f1e0,#fffffff5 40%),#fff}.mission-map:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(18,109,106,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(18,109,106,.055) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,#000000,transparent 72%);mask-image:linear-gradient(180deg,#000000,transparent 72%)}.mission-map--home{display:grid;gap:var(--space-6)}.mission-map>*{position:relative;z-index:1}.mission-map__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.mission-map__header h1{margin:var(--space-1) 0 0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.mission-map__header--compact{margin-bottom:var(--space-4)}.mission-map__header--compact h2,.section-heading h2{margin:var(--space-1) 0 0;font-size:clamp(1.25rem,2.6vw,1.8rem);line-height:1.15}.mission-home__hero{position:relative;isolation:isolate;overflow:hidden;display:grid;min-height:min(520px,calc(100vh - 96px));min-height:min(520px,calc(100svh - 96px));align-items:center;border:1px solid rgba(18,109,106,.16);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,3rem);background:linear-gradient(90deg,#fffffffa,#ffffffe0 45%,#fff0 85%),url(/assets/home/home-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffffa3}.mission-home__copy{position:relative;z-index:2;display:grid;align-content:center;max-width:620px}.mission-home__copy h1{max-width:720px;margin:var(--space-2) 0 var(--space-4);font-size:clamp(2.25rem,5vw,4.15rem);line-height:1.04}.mission-home__copy p{max-width:660px;margin:0;color:var(--color-muted);font-size:clamp(1rem,1.7vw,1.18rem);font-weight:750;line-height:1.75}.mission-home__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.demo-card{appearance:none;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffffff2;color:var(--color-text);cursor:pointer;text-align:left;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.demo-card:hover{border-color:#126d6a73;box-shadow:var(--shadow-card);transform:translateY(-2px)}.demo-card:disabled{cursor:not-allowed;opacity:.56}.demo-card--done{border-color:#126d6a6b;background:linear-gradient(135deg,#e4f5f1e0,#fffffff2),#fff}.demo-card__image{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(18,109,106,.14);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.demo-card__image img,.evidence-preview-card img{width:100%;height:100%;object-fit:cover}.demo-card strong,.demo-card small,.demo-card em{display:block;font-style:normal}.demo-card strong{font-weight:900}.demo-card small{margin-top:var(--space-1);color:var(--color-muted);font-size:.82rem;font-weight:750;line-height:1.45}.demo-card em{margin-top:var(--space-2);color:var(--color-primary);font-size:.82rem;font-weight:900}.mission-home__hero-art{position:absolute;inset:0;z-index:1;pointer-events:none}.mission-home__hero-art:before{content:"";position:absolute;inset:auto -4% -8% 42%;height:46%;background:linear-gradient(90deg,rgba(18,109,106,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(18,109,106,.09) 1px,transparent 1px);background-size:28px 28px;opacity:.62}.hero-art{position:absolute;border:1px solid rgba(18,109,106,.16);border-radius:var(--radius-md);background:#ffffffd1;box-shadow:0 18px 34px #12312f1f;object-fit:contain}.hero-art--life{right:26%;bottom:9%;width:min(30vw,300px);transform:rotate(-4deg)}.hero-art--vision{right:5%;top:11%;width:min(34vw,340px);transform:rotate(3deg)}.hero-art--sound{right:11%;bottom:17%;width:min(28vw,280px);transform:rotate(-1deg)}.mission-home__section{display:grid;gap:var(--space-4)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.demo-grid,.evidence-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.demo-card{display:grid;gap:var(--space-2);min-height:310px;padding:var(--space-4)}.demo-card__image{aspect-ratio:3 / 2}.demo-card__meta,.roadmap-badge{width:fit-content;border-radius:999px;padding:.35rem .65rem;background:var(--color-amber-soft);color:#77500d;font-size:.78rem;font-weight:900}.evidence-preview-card{display:grid;gap:var(--space-3);min-height:238px;border:1px solid rgba(18,109,106,.16);border-radius:var(--radius-md);padding:var(--space-4);background:#ffffffe6;box-shadow:0 8px 18px #12312f12}.evidence-preview-card__image{position:relative;overflow:hidden;border-radius:var(--radius-sm);aspect-ratio:16 / 9}.evidence-preview-card__image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.evidence-preview-card strong{font-weight:900}.evidence-preview-card p{margin:0;color:var(--color-muted);font-size:.9rem;font-weight:750;line-height:1.55}.chapter-accordion{display:grid;gap:var(--space-3)}.chapter-path{overflow:hidden;border:1px solid rgba(18,109,106,.18);border-radius:var(--radius-md);background:#ffffffd1;box-shadow:0 8px 18px #12312f0f}.chapter-path[open]{background:linear-gradient(135deg,#e4f5f1c7,#fffffff5),#fff}.chapter-summary{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--space-3);align-items:center;min-height:86px;padding:var(--space-4);cursor:pointer;list-style:none}.chapter-summary::-webkit-details-marker{display:none}.chapter-summary:after{content:"⌄";display:grid;width:30px;height:30px;place-items:center;border-radius:999px;background:var(--color-surface-strong);color:var(--color-primary);font-weight:900;transition:transform var(--motion-fast)}.chapter-path[open] .chapter-summary:after{transform:rotate(180deg)}.chapter-summary__index{display:grid;min-width:72px;min-height:34px;place-items:center;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.82rem;font-weight:900}.chapter-summary__body{min-width:0}.chapter-summary__body strong,.chapter-summary__body small{display:block}.chapter-summary__body strong{color:var(--color-text);font-size:1rem;font-weight:900}.chapter-summary__body small{margin-top:var(--space-1);color:var(--color-muted);font-size:.86rem;font-weight:750;line-height:1.45}.chapter-summary__status{justify-self:end;border-radius:999px;padding:.38rem .66rem;background:var(--color-blue-soft);color:#1d3b5f;font-size:.78rem;font-weight:900}.lesson-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.chapter-path .lesson-path{padding:0 var(--space-4) var(--space-4)}.lesson-node{position:relative;appearance:none;width:100%;min-height:112px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:#f8fbfa;color:var(--color-muted);text-align:left;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.lesson-node span{display:grid;width:38px;height:38px;margin-bottom:var(--space-3);place-items:center;border-radius:999px;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-weight:800}.lesson-node strong,.lesson-node em,.lesson-node small{display:block;font-style:normal}.lesson-node strong{color:var(--color-text);font-size:.95rem}.lesson-node em{margin-top:var(--space-1);color:var(--color-muted);font-size:.82rem}.lesson-node small{margin-top:var(--space-3);color:var(--color-primary);font-weight:900}.lesson-node--current{border-color:#126d6a80;background:linear-gradient(135deg,#e4f5f1eb,#fff8ecdb),var(--color-surface-strong);cursor:pointer}.lesson-node--current span{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.lesson-node--current:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #126d6a24;transform:translateY(-2px)}.lesson-node--active{border-color:#f0a330b8;box-shadow:0 0 0 3px #f0a33029,var(--shadow-card)}.chapter-divider{height:1px;margin-top:var(--space-5);background:var(--color-border)}.entry-card{min-height:620px;border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;justify-content:center}.entry-card h1,.mission-topbar h1,.complete-summary h2,.evidence-card h2{margin:var(--space-2) 0 var(--space-3);line-height:1.1}.entry-card h1{font-size:clamp(2rem,4vw,3.2rem)}.entry-card p{margin:0 0 var(--space-5);color:var(--color-muted);line-height:1.7}.entry-card dl,.evidence-card dl{display:grid;gap:var(--space-3);margin:0}.entry-card dl div,.evidence-card dl div{padding:var(--space-3);border-radius:var(--radius-sm);background:#f8fbfa}dt{color:var(--color-muted);font-size:.78rem;font-weight:800}dd{margin:var(--space-1) 0 0;font-weight:700}.entry-actions,.panel-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.entry-actions{margin-top:var(--space-5)}.panel-actions{position:sticky;bottom:0;z-index:2;margin-top:auto;padding-top:var(--space-3);background:linear-gradient(180deg,#fff0,#fff 32%)}.panel-actions .primary-action{flex:1}.primary-action,.secondary-action,.tertiary-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:var(--radius-sm);border:1px solid transparent;padding:0 var(--space-5);font-weight:800;text-decoration:none;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.primary-action{background:var(--color-primary);color:#fff}.primary-action:hover{background:var(--color-primary-strong);box-shadow:0 10px 20px #126d6a33}.primary-action:disabled{cursor:not-allowed;opacity:.45}.secondary-action{border-color:var(--color-border);background:#fff;color:var(--color-text)}.secondary-action:hover{border-color:#126d6a61;background:var(--color-surface-strong)}.tertiary-action{border-color:transparent;background:#ffffffad;color:var(--color-muted)}.tertiary-action:hover{background:#fff;color:var(--color-text)}.primary-action:active,.secondary-action:active,.tertiary-action:active{transform:translateY(1px)}.secondary-action:disabled{cursor:not-allowed;opacity:.45}a.primary-action,a.secondary-action{width:fit-content}.mission-topbar{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:var(--space-4)}.mission-topbar--compact{min-height:66px;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);background:linear-gradient(135deg,#fffffff5,#f7fbfaeb),#fff;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mission-topbar--standalone{width:min(1180px,calc(100vw - 32px));margin:0 auto var(--space-4)}.mission-topbar h1{font-size:clamp(1.65rem,3vw,2.4rem)}.mission-topbar--compact h1{margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem)}.mission-nav{display:flex;gap:var(--space-2)}.icon-action{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-primary);font-size:1.45rem;font-weight:900;line-height:1;cursor:pointer;transition:transform var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.icon-action:hover{border-color:#126d6a73;background:var(--color-surface-strong);transform:translateY(-1px)}.mission-title{min-width:0;flex:1}.mission-title p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:.88rem;font-weight:800}.mission-progress-mini{display:grid;width:min(180px,24vw);gap:var(--space-2);color:var(--color-primary);font-weight:900;text-align:right}.mission-progress-mini small{color:var(--color-muted);font-size:.74rem}.progress-rail{display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#e2eeeb}.progress-rail span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.station-strip{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.station-strip:before{content:"";position:absolute;left:5%;right:5%;top:21px;height:2px;background:linear-gradient(90deg,#126d6a24,#f0a3303d)}.station-strip__item{position:relative;z-index:1;display:flex;min-width:0;min-height:42px;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);background:#fffffff0;color:var(--color-muted);box-shadow:0 4px 12px #12312f0f;transition:border-color var(--motion-fast),background-color var(--motion-fast),transform var(--motion-fast)}.station-strip__item span{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border-radius:999px;border:1px solid var(--color-border);background:#fff;font-size:.78rem;font-weight:900}.station-strip__item strong{min-width:0;overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.station-strip__item--done{border-color:#126d6a4d;background:var(--color-surface-strong);color:var(--color-primary-strong)}.station-strip__item--done span{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.station-strip__item--current{border-color:#f0a3308c;background:#fff8ec;color:#77500d;box-shadow:0 0 0 2px #f0a33024}.station-strip__item--current span{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.mission-workbench{display:grid;height:min(660px,calc(100vh - 172px));height:min(660px,calc(100svh - 172px));min-height:430px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:var(--space-5);border-radius:var(--radius-lg);padding:var(--space-5);flex:1 1 auto;overflow:hidden;background:linear-gradient(90deg,rgba(18,109,106,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(18,109,106,.045) 1px,transparent 1px),linear-gradient(135deg,#fffffffa,#f7fbfaf5);background-size:32px 32px,32px 32px,auto}.mission-visual,.mission-panel{min-width:0}.mission-visual{display:flex;align-items:stretch;overflow:hidden;border:1px solid rgba(18,109,106,.12);border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(180deg,#e4f5f18f,#ffffffd1),#ffffffb8}.mission-panel{border-left:1px solid var(--color-border);padding-left:var(--space-5);display:flex;min-height:0;overflow-y:auto;padding-right:var(--space-1)}.task-panel{display:flex;flex:1;min-height:100%;flex-direction:column}.station-context{display:grid;gap:var(--space-1);margin-bottom:var(--space-3);border:1px solid rgba(18,109,106,.2);border-radius:var(--radius-sm);padding:var(--space-3);background:linear-gradient(90deg,#e4f5f1f2,#fffffff0),#f8fbfa;box-shadow:inset 3px 0 0 var(--color-primary)}.station-context span,.station-context small{color:var(--color-muted);font-size:.78rem;font-weight:800}.station-context strong{color:var(--color-primary-strong)}.screen-step{width:fit-content;border-radius:999px;padding:.24rem .58rem;background:var(--color-primary-soft);color:var(--color-primary);font-weight:900;font-size:.84rem}.task-panel h2{margin:var(--space-2) 0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.16}.screen-question,.ai-hint{margin:0 0 var(--space-4);color:var(--color-muted);line-height:1.65}.ai-hint{border-left:4px solid var(--color-accent);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-amber-soft);color:#604110}.single-card-stage{display:grid;width:100%;place-items:center}.clue-stage{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.clue-stage__photo-wrapper{position:relative;width:100%;height:100%;flex:1 1 auto;border-radius:var(--radius-lg);border:1px solid rgba(18,109,106,.15);overflow:hidden;box-shadow:var(--shadow-card);background:#f4f5f6}.clue-stage__photo-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#000000d9,#0006,#0000);pointer-events:none;opacity:0;transition:opacity var(--motion-med) ease;z-index:4}.clue-stage__photo-wrapper:has(.clue-stage__overlay):after{opacity:1}.clue-stage__photo{width:100%;height:100%;object-fit:cover;display:block;transition:filter var(--motion-med) ease}.clue-stage__photo-wrapper:has(.clue-stage__overlay) .clue-stage__photo{filter:brightness(.9) contrast(1.02)}.clue-stage__tip-btn{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-2);background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.25);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all var(--motion-fast);z-index:10}.clue-stage__tip-btn:hover{transform:translateY(-2px);background:#000000b3;box-shadow:0 6px 16px #00000040}.clue-stage__tip-btn--active{background:#ffffffd9;color:var(--color-primary);border:1px solid rgba(18,109,106,.15);box-shadow:0 4px 12px #00000014}.clue-stage__tip-btn--active:hover{background:#fffffff2;color:var(--color-primary);box-shadow:0 6px 16px #0000001f}.clue-stage__tip-icon{font-size:1rem}.clue-stage__overlay{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;padding:var(--space-2) 0;box-shadow:none;animation:slideUp var(--motion-med) cubic-bezier(.16,1,.3,1);z-index:9}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.clue-stage__overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:var(--space-2)}.clue-stage__overlay-header h4{margin:0;font-size:.95rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.clue-stage__overlay-close{background:transparent;border:none;font-size:1rem;color:#ffffffb3;cursor:pointer;padding:var(--space-1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast);width:26px;height:26px}.clue-stage__overlay-close:hover{background:#ffffff26;color:#fff}.clue-stage__overlay-list{display:grid;gap:var(--space-2)}.clue-stage__overlay-item{display:flex;align-items:flex-start;gap:var(--space-3);background:transparent;padding:var(--space-1) 0;border-radius:0;border:none}.clue-stage__item-number{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.25);font-weight:900;font-size:.8rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.clue-stage__item-text{margin:0;font-size:.92rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);line-height:1.45}.recommend-stage,.compare-stage,.pin-stage{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(200px,.55fr);gap:var(--space-4);align-items:stretch}.recommend-phone{display:grid;min-height:430px;grid-template-rows:auto minmax(0,1fr);gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(180deg,#ffffff,var(--color-surface-soft)),#fff;box-shadow:var(--shadow-card)}.recommend-phone header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.recommend-phone header span{color:var(--color-muted);font-weight:900}.recommend-phone header strong{border-radius:999px;padding:.35rem .7rem;background:var(--color-surface-strong);color:var(--color-primary-strong);font-size:.82rem}.recommend-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.recommend-tile{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:0 4px 12px #12312f0a;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast)}.recommend-tile:hover{border-color:#126d6a3d;box-shadow:0 10px 20px #12312f14;transform:translateY(-2px)}.recommend-tile--feed{cursor:default;pointer-events:none}.recommend-tile--feed:hover{transform:none;box-shadow:0 4px 12px #12312f0a;border-color:var(--color-border)}.recommend-tile__video-cover{position:relative;width:100%;height:118px;overflow:hidden;display:flex;align-items:center;justify-content:center}.recommend-tile__bg-pattern{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:16px 16px;opacity:.35}.recommend-tile__play-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:999px;background:#00000052;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center;opacity:.9;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 6px #0000001a}.recommend-tile__glass-badge{position:relative;z-index:2;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ffffff59,#ffffff1f);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #fff6,0 8px 20px #00000029;display:grid;place-items:center;transform:rotate(-3deg);transition:transform var(--motion-fast)}.recommend-tile__emoji-art{font-size:1.85rem;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.recommend-tile__likes{position:absolute;bottom:var(--space-2);left:var(--space-2);color:#fff;font-size:.72rem;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.75);display:flex;align-items:center;gap:2px}.recommend-tile__duration{position:absolute;bottom:var(--space-2);right:var(--space-2);color:#fff;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:1px 4px;border-radius:3px;font-size:.68rem;font-weight:700;font-family:monospace}.recommend-tile__info{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-2) var(--space-3);text-align:left;background:#fff;border-top:1px solid rgba(18,109,106,.05)}.recommend-tile__channel-tag{font-size:.72rem;color:var(--color-muted);font-weight:700;margin-bottom:2px}.recommend-tile__title{font-size:.8rem;color:var(--color-text-dark);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.recommend-tile__empty-cover{width:100%;height:118px;display:grid;place-items:center;background:var(--color-surface-soft);border-bottom:1px dashed rgba(18,109,106,.12)}.recommend-tile__empty-icon{font-size:1.8rem;opacity:.5}.recommend-tile--game .recommend-tile__video-cover{background:linear-gradient(135deg,#4f46e5,#c084fc)}.recommend-tile--science .recommend-tile__video-cover{background:linear-gradient(135deg,#0d9488,#22d3ee)}.recommend-tile--sport .recommend-tile__video-cover{background:linear-gradient(135deg,#16a34a,#84cc16)}.recommend-tile--music .recommend-tile__video-cover{background:linear-gradient(135deg,#db2777,#6366f1)}.recommend-tile--craft .recommend-tile__video-cover{background:linear-gradient(135deg,#ea580c,#fdba74)}.recommend-tile--news .recommend-tile__video-cover{background:linear-gradient(135deg,#1e3a8a,#94a3b8)}.recommend-control,.compare-board,.pin-board{display:grid;align-content:start;gap:var(--space-3);border:1px solid rgba(18,109,106,.2);border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(180deg,#fffffff5,#f7fbfaf5),#f8fbfa;box-shadow:var(--shadow-card)}.recommend-control h3,.compare-board h3,.pin-board h3{margin:var(--space-1) 0;font-size:1.18rem}.recommend-control p,.compare-board p,.pin-board p{margin:0;color:var(--color-muted);line-height:1.55}.recommend-phone--lab{min-height:540px}.recommend-input{display:grid;gap:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border)}.recommend-input__label{color:var(--color-muted);font-size:.9rem;font-weight:800}.recommend-input__buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.recommend-watch-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2);background:#fff;color:var(--color-text);font-weight:800;font-size:.92rem;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.recommend-watch-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #12312f1a}.recommend-watch-btn:active{transform:translateY(0)}.recommend-watch-btn--game{border-color:#f0c96a}.recommend-watch-btn--game:hover{background:#fff8ec;border-color:#e8a820}.recommend-watch-btn--science{border-color:#8ccfc0}.recommend-watch-btn--science:hover{background:#e8f7f4;border-color:#3daa94}.recommend-watch-btn--sport{border-color:#9cd49c}.recommend-watch-btn--sport:hover{background:#ecf9ec;border-color:#4caf50}.recommend-watch-btn--music{border-color:#c4a8e8}.recommend-watch-btn--music:hover{background:#f5eeff;border-color:#8c5cc4}.recommend-watch-btn--craft{border-color:#f0b878}.recommend-watch-btn--craft:hover{background:#fff3e6;border-color:#e89640}.recommend-watch-btn--news{border-color:#98b8e8}.recommend-watch-btn--news:hover{background:#eef3ff;border-color:#4c84c4}.recommend-stats{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.recommend-stat{display:inline-flex;align-items:center;gap:2px;border-radius:999px;padding:.25rem .65rem;font-size:.82rem;font-weight:800;background:var(--color-surface-soft)}.recommend-stat--game{background:#fff8ec}.recommend-stat--science{background:#e8f7f4}.recommend-stat--sport{background:#ecf9ec}.recommend-stat--music{background:#f5eeff}.recommend-stat--craft{background:#fff3e6}.recommend-stat--news{background:#eef3ff}.compare-card,.pin-card{display:grid;place-items:center}.compare-card .visual-card,.pin-card .visual-card{width:min(100%,520px)}.compare-panel{min-height:108px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:#fff;color:var(--color-text);text-align:left;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.compare-panel span,.compare-panel strong{display:block}.compare-panel span{color:var(--color-muted);font-size:.8rem;font-weight:900}.compare-panel strong{margin-top:var(--space-2);font-size:1.15rem}.compare-panel--active{border-color:var(--color-primary);background:var(--color-surface-strong);box-shadow:0 0 0 3px #126d6a24}.compare-panel:hover{transform:translateY(-1px)}.pin-list{display:grid;gap:var(--space-2)}.pin-token{min-height:44px;border:1px solid var(--color-border);border-radius:999px;padding:.55rem .85rem;background:#fff;color:var(--color-text);font-weight:900;cursor:pointer;transition:border-color var(--motion-fast),background-color var(--motion-fast),transform var(--motion-fast)}.pin-token--active{border-color:var(--color-primary);background:var(--color-surface-strong);color:var(--color-primary-strong)}.pin-token:hover{transform:translateY(-1px)}.station-scene{display:flex;flex-direction:column;width:100%;height:100%;gap:var(--space-4);justify-content:space-between}.station-scene__portal{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(90deg,rgba(18,109,106,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(18,109,106,.03) 1px,transparent 1px),linear-gradient(135deg,#e8f7f4,#edf3ff);background-size:20px 20px,20px 20px,auto;border:1px dashed rgba(18,109,106,.2);box-shadow:inset 0 0 0 1px #fffc}.station-scene__portal span{display:grid;width:36px;height:36px;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),var(--color-blue));color:#fff;font-size:1.05rem;font-weight:900;box-shadow:0 4px 10px #126d6a29}.station-scene__portal strong{font-size:1.15rem;color:var(--color-text-dark);font-weight:700}.card-grid,.sorter__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.station-scene__cards,.matcher__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:var(--space-3);flex:1 1 auto;min-height:0}.card-grid--compact{width:100%;align-content:start}.visual-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:172px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:linear-gradient(180deg,#ffffff,var(--color-surface-soft)),#fff;color:var(--color-text);text-align:left;box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.visual-card:hover{border-color:#126d6a61;box-shadow:var(--shadow-lift);transform:translateY(-2px)}.visual-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #126d6a29,var(--shadow-card)}.visual-card__badge{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;border-radius:999px;padding:.25rem .55rem;background:var(--color-primary);color:#fff;font-size:.72rem;font-weight:900}.visual-card__image-shell{display:grid;place-items:center;width:100%;flex:1 1 auto;min-height:0;overflow:hidden;border:1px solid rgba(18,109,106,.12);border-radius:var(--radius-sm);background:linear-gradient(135deg,#e4f5f1f2,#eef3ffe0),#f8fbfa;margin-bottom:var(--space-2)}.visual-card__image{width:100%;height:100%;object-fit:contain;padding:var(--space-2)}.visual-card__image-shell--photo{background:#f4f5f6;border-color:#126d6a14}.visual-card__image--photo{padding:0;object-fit:cover}.visual-card__title{display:block;margin-top:0;font-weight:900}.visual-card__detail{display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:.78rem;line-height:1.4}.choice-group,.evidence-controls{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.evidence-controls__label{color:var(--color-muted);font-size:.82rem;font-weight:900}.choice-button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;min-height:54px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,#ffffff,var(--color-surface-soft)),#fff;color:var(--color-text);text-align:left;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.choice-button span,.choice-button small{display:block}.choice-button__marker{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:#fff;font-size:.78rem;font-weight:900}.choice-button__body{min-width:0}.choice-button span{font-weight:900}.choice-button small{margin-top:.2rem;color:var(--color-muted)}.choice-button--selected{border-color:var(--color-primary);background:linear-gradient(90deg,var(--color-surface-strong),#ffffff),var(--color-surface-strong);box-shadow:var(--shadow-focus)}.choice-button--selected .choice-button__marker{border-color:var(--color-primary);background:var(--color-primary)}.choice-button:hover:not(:disabled){border-color:#126d6a57;box-shadow:var(--shadow-card);transform:translateY(-1px)}.feedback{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:start;margin-top:var(--space-3);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);line-height:1.5}.feedback__marker{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#fff;color:var(--color-primary);font-size:.76rem;font-weight:900}.auto-advance-note{margin:var(--space-3) 0 0;color:var(--color-primary);font-weight:900}.station-reward{display:grid;gap:var(--space-1);margin-top:var(--space-3);border:1px solid rgba(240,163,48,.35);border-radius:var(--radius-sm);padding:var(--space-3);background:#fff8ec;color:#77500d}.station-reward span{font-size:.76rem;font-weight:900}.station-reward strong{line-height:1.45}.fixed-rule-lab{display:grid;width:100%;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-3)}.fixed-rule-lab__header{display:grid;gap:var(--space-1);border:1px solid rgba(18,109,106,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,var(--color-surface-strong),rgba(255,255,255,.94)),var(--color-surface-strong);box-shadow:inset 3px 0 0 var(--color-primary)}.fixed-rule-lab__header strong{font-size:1.15rem}.fixed-rule-lab__cards{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:var(--space-3)}.fixed-rule-card{display:flex;flex-direction:column;height:100%;min-height:0;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:linear-gradient(180deg,#ffffff,var(--color-surface-soft)),#fff;box-shadow:var(--shadow-card);transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast)}.fixed-rule-card:hover{border-color:#126d6a57;box-shadow:var(--shadow-lift);transform:translateY(-2px)}.fixed-rule-card img{width:100%;flex:1 1 auto;min-height:0;object-fit:contain;border-radius:var(--radius-sm);border:1px solid rgba(18,109,106,.12);background:linear-gradient(135deg,#e4f5f1f2,#eef3ffe0),#f8fbfa;margin-bottom:var(--space-2)}.fixed-rule-card img.fixed-rule-card__image--photo{padding:0;object-fit:cover;background:#f4f5f6;border-color:#126d6a14}.fixed-rule-card h3{margin:0 0 var(--space-1);font-size:1rem;line-height:1.2}.fixed-rule-card p,.fixed-rule-card div{margin:0;color:var(--color-muted);font-size:.82rem;line-height:1.45}.fixed-rule-card div{margin-top:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--color-amber-soft);color:#604110}.fixed-rule-lab__footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.fixed-rule-lab__footer div{display:grid;gap:var(--space-1);border:1px dashed rgba(18,109,106,.35);border-radius:var(--radius-sm);padding:var(--space-3);background:#f8fbfa}.fixed-rule-lab__footer span{color:var(--color-muted);font-size:.86rem;line-height:1.45}.feedback--success{background:var(--color-success-bg);border:1px solid rgba(18,109,106,.22)}.feedback--success .feedback__marker{background:var(--color-primary);color:#fff}.feedback--hint,.feedback--neutral{background:var(--color-blue-soft);border:1px solid rgba(46,116,184,.2)}.feedback--hint .feedback__marker,.feedback--neutral .feedback__marker{color:var(--color-blue)}.sorter{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.sorter__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-content:start;flex:1 1 auto;padding-bottom:96px;overflow-y:auto}.sorter__targets{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(18,109,106,.18);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-card);z-index:5;gap:var(--space-4)}.sorter__label{font-weight:800;color:var(--color-dark);font-size:.95rem;white-space:nowrap}.sorter__bins-row{display:flex;align-items:center;gap:var(--space-3);flex:1 1 auto}.category-bin{display:flex;align-items:center;gap:var(--space-2);border:1px solid rgba(18,109,106,.22);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);background:#ffffffe6;box-shadow:0 2px 8px #12312f0a;transition:all var(--motion-fast) ease}.category-bin strong{color:var(--color-dark);font-weight:700;font-size:.88rem}.category-bin__badge{background:#126d6a14;color:var(--color-primary);padding:1px 7px;border-radius:10px;font-weight:800;font-size:.8rem}.sorter__progress{font-weight:800;color:var(--color-primary);font-size:.92rem;white-space:nowrap}.matcher{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.tag-bank{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tag-pill,.fragment-button{min-height:42px;border:1px solid var(--color-border);border-radius:999px;padding:.55rem .9rem;background:#fff;color:var(--color-text);font-weight:800;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.tag-pill--active{border-color:var(--color-purple);background:var(--color-purple-soft);color:var(--color-purple);box-shadow:0 0 0 3px #6b5bd21f}.tag-pill:hover,.fragment-button:hover:not(:disabled){border-color:#6b5bd25c;box-shadow:var(--shadow-card);transform:translateY(-1px)}.tag-pill--dragging{opacity:.68}.match-drop-card{height:100%;border-radius:var(--radius-md)}.match-drop-card--ready{outline:2px dashed rgba(18,109,106,.35);outline-offset:4px}.matcher-note{margin:var(--space-4) 0 0;color:var(--color-muted);font-size:.88rem;font-weight:800}.speed-judge{position:relative;display:grid;width:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--space-3)}.speed-judge__hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.speed-judge__hud strong{display:block;margin-top:var(--space-1);font-size:1.25rem}.speed-judge__stats{display:flex;gap:var(--space-2);font-weight:900}.speed-judge__timer{min-width:68px;border:1px solid rgba(18,109,106,.3);border-radius:999px;padding:.45rem .7rem;background:#fffffff0;color:var(--color-primary);text-align:center;font-variant-numeric:tabular-nums}.speed-judge__counter{min-width:54px;border:1px solid rgba(18,109,106,.3);border-radius:999px;padding:.45rem .7rem;background:#fffffff0;color:var(--color-muted);text-align:center}.speed-judge__progress{height:8px;overflow:hidden;border-radius:999px;background:#e2eeeb}.speed-judge__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--motion-med)}.speed-judge__card{display:grid;place-items:center;align-content:center;gap:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);background:linear-gradient(180deg,#ffffff,var(--color-surface-soft)),#fff;box-shadow:var(--shadow-card);transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast);animation:card-in .3s ease-out both}.speed-judge__card img{width:auto;max-width:100%;height:auto;max-height:180px;border-radius:var(--radius-md);object-fit:contain}.speed-judge__card strong{font-size:1.35rem}.speed-judge__card--hit{border-color:var(--color-primary);box-shadow:0 0 0 4px #126d6a1f;animation:card-pop .4s ease-out both}.speed-judge__card--miss{border-color:#d95c388c;animation:card-shake .35s ease-out both}.speed-judge__hit-label{border-radius:999px;padding:.35rem .9rem;background:var(--color-primary);color:#fff;font-weight:900;font-size:1.05rem;animation:pop-in .3s ease-out both}.speed-judge__buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.speed-judge__btn{display:grid;place-items:center;gap:var(--space-1);min-height:70px;border:2px solid var(--btn-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);background:var(--btn-bg);color:var(--btn-text);font-weight:900;font-size:1.05rem;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),opacity var(--motion-fast)}.speed-judge__btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #12312f1f}.speed-judge__btn:active:not(:disabled){transform:translateY(0)}.speed-judge__btn:disabled{opacity:.55;cursor:default}.speed-judge__btn-emoji{font-size:1.35rem;line-height:1}.speed-judge__btn--hit{border-color:var(--color-primary);box-shadow:0 0 0 4px #126d6a26;opacity:1!important;animation:pop-in .3s ease-out both}.speed-judge__btn--miss{border-color:#d95c3899;background:#fff8f4;animation:card-shake .35s ease-out both}.speed-judge__overlay{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:var(--space-3);border:1px solid rgba(18,109,106,.18);border-radius:var(--radius-lg);padding:var(--space-6);background:linear-gradient(180deg,#fffffff5,#f7fbfaf0),#ffffffeb;box-shadow:var(--shadow-soft);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speed-judge__overlay strong{font-size:1.35rem}.speed-judge__overlay span{max-width:380px;color:var(--color-muted);line-height:1.55}.speed-judge__overlay .energy-meter{width:100%;max-width:280px}.energy-meter{height:12px;overflow:hidden;border-radius:999px;background:#e2eeeb}.energy-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.sentence-builder{display:grid;width:100%;align-content:center;gap:var(--space-4)}.sentence-builder__result{min-height:132px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);background:#fff;box-shadow:var(--shadow-card);font-size:1.1rem;font-weight:800;line-height:1.7}.sentence-builder__pieces{display:flex;flex-wrap:wrap;gap:var(--space-3)}.fragment-button:disabled{opacity:.45}.rule-board{display:grid;width:100%;height:100%;min-height:0;overflow:hidden;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto;gap:var(--space-4)}.rule-board__stage{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:var(--space-3)}.rule-card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:linear-gradient(180deg,#ffffff,var(--color-surface-soft)),#fff;color:var(--color-text);text-align:left;box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}.rule-card:hover{border-color:#126d6a57;box-shadow:var(--shadow-lift);transform:translateY(-2px)}.rule-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #126d6a24,var(--shadow-card)}.rule-card__badge{position:absolute;top:var(--space-2);right:var(--space-2);max-width:calc(100% - var(--space-4));border-radius:999px;padding:.25rem .55rem;background:var(--color-primary);color:#fff;font-size:.72rem;font-weight:900}.rule-card img{width:100%;flex:1 1 auto;min-height:0;object-fit:contain;border-radius:var(--radius-sm);border:1px solid rgba(18,109,106,.12);background:linear-gradient(135deg,#e4f5f1f2,#eef3ffe0),#f8fbfa;margin-bottom:var(--space-2)}.rule-card img.rule-card__image--photo{padding:0;object-fit:cover;background:#f4f5f6;border-color:#126d6a14}.rule-card strong{display:block;margin-top:0;font-size:1.05rem}.rule-board__bins{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.rule-bin{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border:1px dashed rgba(18,109,106,.42);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:#ffffffe6;box-shadow:0 6px 14px #12312f0f}.rule-bin span{color:var(--color-muted);font-weight:800}.rule-summary{grid-column:1 / -1;display:grid;gap:var(--space-2);border:1px solid rgba(18,109,106,.2);border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(90deg,var(--color-surface-strong),rgba(255,248,236,.74)),var(--color-surface-strong)}.rule-summary strong{line-height:1.6}.rule-summary small{color:var(--color-muted);font-weight:800}.evidence-card{position:relative;overflow:hidden;display:grid;gap:var(--space-4);width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(90deg,rgba(18,109,106,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(18,109,106,.045) 1px,transparent 1px),linear-gradient(180deg,#e8f7f4c7,#fff0 42%),#fff;background-size:32px 32px,32px 32px,auto,auto;box-shadow:var(--shadow-soft)}.evidence-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.evidence-card__header h2{margin-bottom:0}.evidence-card__stamp{flex:0 0 auto;border:1px solid rgba(18,109,106,.28);border-radius:999px;padding:.42rem .75rem;background:#fff;color:var(--color-primary);font-size:.82rem;font-weight:900;box-shadow:0 6px 14px #12312f14}.evidence-hero{display:grid;grid-template-columns:minmax(160px,.82fr) minmax(0,1fr);gap:var(--space-4);align-items:stretch}.evidence-hero__image{display:grid;place-items:center;min-height:178px;border:1px solid rgba(18,109,106,.16);border-radius:var(--radius-md);background:linear-gradient(135deg,#e4f5f1f2,#eef3ffe6),#f8fbfa;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffad}.evidence-hero__image img{width:min(100%,260px);aspect-ratio:16 / 11;object-fit:contain}.evidence-hero__summary{display:grid;align-content:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);background:#ffffffeb;box-shadow:var(--shadow-card)}.evidence-hero__summary span,.evidence-insight span,.evidence-rule span{color:var(--color-muted);font-size:.78rem;font-weight:900}.evidence-hero__summary strong{font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.1}.evidence-hero__verdict{width:fit-content;border-radius:999px;padding:.45rem .8rem;font-weight:900}.evidence-hero__verdict--ai{background:var(--color-surface-strong);color:var(--color-primary-strong)}.evidence-hero__verdict--rule{background:#fff3d6;color:#77500d}.evidence-hero__verdict--uncertain{background:#eef3ff;color:#1d3b5f}.evidence-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.evidence-insight,.evidence-rule{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:#fffffff0;box-shadow:0 8px 18px #12312f14}.evidence-insight{position:relative;overflow:hidden}.evidence-insight:before{content:"";position:absolute;inset:0 auto 0 0;width:6px}.evidence-insight--clue:before{background:var(--color-blue)}.evidence-insight--check:before{background:var(--color-accent)}.evidence-insight p,.evidence-rule p{margin:0;font-weight:800;line-height:1.55}.evidence-rule{border-color:#126d6a38;background:linear-gradient(90deg,#e4f5f1f0,#fff8ecbd),#f8fbfa}.complete-layout{display:grid;width:min(1180px,calc(100vw - 32px));margin:0 auto;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:var(--space-5);border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(135deg,#fffffffa,#f7fbfaf5),#fff}.complete-summary{display:grid;align-content:center;gap:var(--space-4)}.badge-large{width:fit-content;border-radius:999px;padding:.5rem .85rem;background:var(--color-amber-soft);color:#77500d;font-weight:900;box-shadow:0 6px 14px #f0a33029}.family-note{display:grid;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-blue-soft);color:#1d3b5f;box-shadow:inset 3px 0 0 var(--color-blue)}.complete-feedback{display:grid;gap:var(--space-3);border:1px solid rgba(18,109,106,.2);border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(135deg,#fff8ece6,#e4f5f1db),#fff;box-shadow:inset 3px 0 0 var(--color-accent)}.complete-feedback strong{font-weight:900}.complete-feedback span{color:var(--color-muted);font-weight:750;line-height:1.5}.complete-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.mission-workbench,.mission-map,.complete-layout{animation:panel-in var(--motion-med) both}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.demo-card__image,.evidence-preview-card__image,.visual-card__image-shell--photo,.fixed-rule-card--photo,.rule-card--photo,.evidence-hero__image{position:relative}.demo-card__image:after,.evidence-preview-card__image:after,.visual-card__image-shell--photo:after,.fixed-rule-card--photo:after,.rule-card--photo:after,.evidence-hero__image:after{content:"AI 生成";position:absolute;bottom:8px;right:8px;z-index:10;padding:.22rem .45rem;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:#0000007a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#ffffffeb;font-size:10px;font-weight:700;line-height:1;letter-spacing:.06em;pointer-events:none;box-shadow:0 2px 6px #00000029}@media(max-width:1023px){.map-page,.mission-workbench,.complete-layout{grid-template-columns:1fr}.mission-workbench{height:auto;min-height:0}.station-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.station-strip:before{display:none}.entry-card,.mission-map{min-height:auto}.mission-home__hero{min-height:460px}.hero-art--life{right:32%;width:min(34vw,250px)}.hero-art--vision{right:2%;width:min(38vw,280px)}.hero-art--sound{right:8%;width:min(34vw,240px)}.mission-panel{border-left:0;border-top:1px solid var(--color-border);overflow:visible;padding-top:var(--space-5);padding-left:0;padding-right:0}.mission-visual{min-height:360px}.panel-actions{position:sticky;bottom:var(--space-3);z-index:3;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);background:#fffffff5;box-shadow:var(--shadow-card)}.panel-actions .primary-action{flex:1}.sorter{grid-template-columns:1fr}.clue-stage{height:auto}.clue-stage__photo-wrapper{aspect-ratio:16 / 11;height:auto;flex:none}.recommend-stage,.compare-stage,.pin-stage,.rule-board{grid-template-columns:1fr}.evidence-hero{grid-template-columns:minmax(0,.72fr) minmax(0,1fr)}}@media(max-width:767px){.map-page,.complete-page,.mission-shell{width:min(100vw - 20px,560px);min-height:calc(100vh - 20px);padding:var(--space-3) 0}.mission-topbar{align-items:flex-start;min-height:auto}.mission-topbar--compact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;border-radius:var(--radius-md)}.icon-action{width:40px;height:40px}.mission-progress-mini{width:86px}.mission-title p,.mission-progress-mini small{display:none}.station-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-path{grid-template-columns:1fr}.mission-home__hero{min-height:560px;align-items:start;padding-bottom:220px;background:linear-gradient(180deg,#fffffff5,#ffffffe6 48%,#fff6 78%),linear-gradient(135deg,#e4f5f1eb,#eef3ffdb),#fff}.mission-home__copy h1{font-size:2.15rem}.mission-home__actions,.section-heading,.mission-map__header{align-items:stretch;flex-direction:column}.mission-home__actions .primary-action,.mission-home__actions .secondary-action,.mission-home__actions .tertiary-action,.complete-actions .primary-action,.complete-actions .secondary-action,.complete-actions .tertiary-action{width:100%}.hero-art--life{right:45%;bottom:34px;width:min(46vw,210px)}.hero-art--vision{right:4%;top:auto;bottom:92px;width:min(52vw,230px)}.hero-art--sound{right:18%;bottom:12px;width:min(50vw,220px)}.demo-grid,.evidence-preview-grid{grid-template-columns:1fr}.chapter-summary{grid-template-columns:minmax(0,1fr) auto}.chapter-summary:after{grid-column:2;grid-row:1;justify-self:end}.chapter-summary__index{grid-column:1;grid-row:1;justify-self:start}.chapter-summary__body{grid-column:1 / -1;grid-row:2}.chapter-summary__status{grid-column:1 / -1;grid-row:3;justify-self:start}.mission-workbench,.complete-layout,.mission-map,.entry-card{padding:var(--space-4);border-radius:var(--radius-md)}.mission-workbench{gap:var(--space-4)}.mission-visual{min-height:0;padding:var(--space-3)}.station-strip__item{min-height:40px}.visual-card{min-height:148px}.visual-card__detail{font-size:.76rem}.single-card-stage .visual-card{width:min(100%,360px)}.clue-stage__card .visual-card{width:100%}.recommend-phone{min-height:360px}.task-panel h2{font-size:1.35rem}.choice-button{min-height:50px;padding:var(--space-3)}.fixed-rule-lab__cards,.fixed-rule-lab__footer,.rule-board__stage,.evidence-hero,.evidence-insights{grid-template-columns:1fr}.evidence-hero__image{min-height:150px}}@media(max-width:479px){.station-strip{grid-template-columns:1fr}.entry-card h1{font-size:2rem}.visual-card{min-height:132px}}