:root{--aj-footer-surface: transparent;--aj-footer-muted: #000000}.dark,[data-theme=dark]{--aj-footer-surface: #1c1d1f;--aj-footer-muted: #9aa0a6}.aj-site-footer{width:100%;margin-top:4rem;background-color:var(--aj-footer-surface);font-size:17px;line-height:1.75;font-family:Segoe UI,Inter,PingFang TC,Microsoft JhengHei,微軟正黑體,Noto Sans TC,system-ui,-apple-system,sans-serif;transition:background-color .2s,color .2s}.aj-site-footer:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent 0%,rgb(26,122,212) 25%,rgb(26,122,212) 75%,transparent 100%)}.aj-footer-inner{max-width:80em;margin:0 auto;padding:1em 1.5em;text-align:center}.aj-footer-copy{font-size:.875em;color:var(--aj-footer-muted);margin:0}.aj-footer-link{color:inherit;text-decoration:none}.aj-footer-link:hover{text-decoration:underline}@media(max-width:767px){.aj-site-footer{font-size:16px}}:root{--color-primary: #158399;--color-primary-dark: #0f6273;--color-primary-light: #e3f5f8;--color-secondary: #e67c46;--color-secondary-dark: #bf5b27;--color-gem: #8e5bd6;--color-gem-dark: #6e3fb0;--color-gem-light: #f3ebff;--color-gold: #f2a93b;--color-gold-dark: #c98018;--color-success: #199d69;--color-success-light: #e4f8ed;--color-text-main: #19364f;--color-text-muted: #5e7a91;--color-bg-base: #ebf6f8;--color-card-bg: rgba(255, 255, 255, .9);--color-card-border: rgba(44, 114, 138, .15);--shadow-sm: 0 4px 12px rgba(25, 66, 89, .08);--shadow-md: 0 12px 28px rgba(25, 66, 89, .12);--shadow-lg: 0 20px 45px rgba(25, 66, 89, .16);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 26px;--font-family: "Nunito", "Microsoft JhengHei", "PingFang TC", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-width:320px;font-family:var(--font-family);color:var(--color-text-main);background:var(--color-bg-base);-webkit-font-smoothing:antialiased;overflow-x:clip}button,input{font-family:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:not-allowed}.game-shell{isolation:isolate;position:relative;min-height:100vh;overflow-x:clip;background:linear-gradient(155deg,#eef9fc,#faf6ec 48%,#e3f6ef)}.hero-background{position:absolute;z-index:-3;top:50px;right:-10%;width:min(1100px,80vw);height:680px;object-fit:cover;opacity:.22;filter:saturate(.9) contrast(1.05);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 25%,black 75%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 25%,black 75%,transparent 100%);pointer-events:none}.page-glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(40px);pointer-events:none}.glow-left{width:480px;height:480px;top:60px;left:-200px;background:#2dc2b629}.glow-right{width:420px;height:420px;right:-150px;bottom:80px;background:#f6b94b24}.topbar-container{position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;background:#f0f8fbf5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1.5px solid rgba(35,105,130,.16);box-shadow:0 6px 24px #12374b17;transition:background .2s,box-shadow .2s}.topbar{width:min(1240px,calc(100% - 40px));min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-nav-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid rgba(21,131,153,.25);border-radius:var(--radius-sm);color:var(--color-primary);background:#ffffffe6;font-size:.88rem;font-weight:900;box-shadow:var(--shadow-sm);transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.topbar-nav-back-btn:hover{transform:translateY(-1px);background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.brand-button{display:flex;align-items:center;gap:12px;border:0;padding:6px 0;color:var(--color-text-main);background:transparent;text-align:left;transition:transform .2s}.brand-button:hover{transform:translateY(-1px)}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#1cb8aa,#2974ba);box-shadow:0 8px 20px #1c78a847}.brand-button strong{display:block;font-size:1.12rem;font-weight:900;letter-spacing:.02em}.brand-button small{display:block;margin-top:2px;color:var(--color-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topbar-stats{display:flex;align-items:center;gap:10px}.stat-pill{display:flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--color-card-border);border-radius:999px;color:#2b4d66;font-size:.95rem;font-weight:900;background:#ffffffd9;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.coin-pill .currency-icon,.gem-pill .currency-icon{width:22px;height:22px;object-fit:contain}.gem-pill{color:var(--color-gem-dark);background:#f6eeffe6;border-color:#8e5bd640}.streak-pill{color:#b55d23;background:#fff3e6e6;border-color:#e67c4640}.streak-icon{width:18px;height:18px;stroke:#d96d2c}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-card-border);border-radius:50%;background:#ffffffd9;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s,background .2s}.icon-button:hover{transform:translateY(-2px);background:#fff}.header-gear-icon{width:22px;height:22px;stroke:#416882}.primary-button,.secondary-button,.ghost-button,.danger-button,.back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{padding:13px 22px;border-radius:var(--radius-md);color:#fff;font-size:1rem;background:linear-gradient(135deg,#158399,#1dbfae);box-shadow:0 10px 22px #15839947}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #1583995c}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{background:#a3bac4;box-shadow:none}.primary-button.large{padding:16px 26px;font-size:1.1rem;border-radius:20px}.secondary-button{padding:10px 18px;border:1.5px solid rgba(21,131,153,.22);border-radius:var(--radius-sm);color:#1a627a;background:#ffffffd9;box-shadow:var(--shadow-sm)}.secondary-button:hover:not(:disabled){transform:translateY(-1px);border-color:#15839966;background:#fff}.secondary-button.highlight{color:#fff;background:linear-gradient(135deg,#18869c,#1faba0);border:0}.ghost-button{padding:10px 16px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:transparent}.ghost-button:hover{color:var(--color-text-main);background:#fff9}.danger-button{padding:11px 18px;border-radius:var(--radius-sm);color:#a83d38;background:#fdeeee}.danger-button:hover{background:#fcd8d8}.back-button{padding:8px 12px;border-radius:var(--radius-sm);color:#3b667e;font-size:.95rem;background:#ffffffb3}.back-button:hover{color:var(--color-text-main);background:#fff}.btn-arrow{font-size:1.2rem;line-height:1}.btn-icon{width:16px;height:16px}.home-view,.play-view,.settings-panel,.shop-panel,.decorate-panel{width:min(1240px,calc(100% - 40px));margin:0 auto}.home-view{position:relative;padding:24px 0 60px}.hero-copy{width:min(620px,100%);padding:24px 0 16px}.eyebrow{margin:0 0 10px;color:#178f8b;font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-eyebrow{color:#d96d2c}.hero-copy h1{margin:0;color:#13334c;font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:1.08;letter-spacing:-.04em;font-weight:900}.hero-copy h1 em{color:var(--color-secondary);font-style:normal}.hero-description{max-width:540px;margin:22px 0 26px;color:var(--color-text-muted);font-size:1.05rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.hero-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.fact-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;color:#4b6b82;font-size:.84rem;font-weight:800;background:#ffffffb3;box-shadow:0 2px 8px #1e465f0d}.fact-icon{width:15px;height:15px;stroke:#18869c}.home-factory-preview{position:absolute;top:24px;right:0;width:min(530px,43vw)}.level-card{position:absolute;right:18px;bottom:-28px;padding:14px 18px;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#123b52f0,#1c5d7df0);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.level-label{font-size:.72rem;font-weight:800;opacity:.85}.level-value{display:block;margin:3px 0;font-size:1.4rem;font-weight:900}.level-tip{font-size:.72rem;opacity:.8}.department-section{margin-top:110px}.section-heading,.shop-heading,.decorate-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.section-heading h2,.shop-heading h2,.decorate-heading h1{margin:0;color:#173852;font-size:clamp(1.6rem,3.2vw,2.2rem);letter-spacing:-.03em;font-weight:900}.section-actions{display:flex;gap:10px}.department-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.department-card{position:relative;min-height:240px;display:flex;flex-direction:column;align-items:flex-start;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);padding:22px;color:var(--color-text-main);background:var(--color-card-bg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.department-card:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:var(--department-color)}.department-card:hover:not(.locked){transform:translateY(-4px);border-color:var(--department-color);box-shadow:var(--shadow-md)}.department-card.locked{color:#7990a0;background:#f0f6f8bf}.department-header-row{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.department-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0000000d}.dept-icon-img{width:26px;height:26px;filter:invert(36%) sepia(35%) saturate(850%) hue-rotate(145deg) brightness(92%) contrast(92%)}.department-card.locked .dept-icon-img{filter:grayscale(100%) opacity(.6)}.department-unit{font-size:.85rem;font-weight:900;color:var(--department-color);padding:4px 9px;border-radius:999px;background:#fffc}.department-card strong{font-size:1.18rem;font-weight:900}.department-card small{min-height:48px;margin-top:8px;color:var(--color-text-muted);font-size:.85rem;line-height:1.55}.progress-track{width:100%;height:8px;margin-top:auto;overflow:hidden;border-radius:99px;background:#dae8ed}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--department-color);transition:width .3s ease}.progress-text{display:flex;align-items:center;gap:5px;margin-top:10px;color:var(--color-text-muted);font-size:.78rem;font-weight:900}.progress-text.progress-complete{color:var(--color-success)}.mini-check{width:14px;height:14px;stroke:var(--color-success)}.play-view{padding:16px 0 50px}.play-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.department-status{display:flex;flex-direction:column;align-items:center}.status-dept-name{color:var(--color-primary);font-size:1rem;font-weight:900}.status-orders-info{margin-top:3px;color:var(--color-text-muted);font-size:.82rem}.order-badge{padding:7px 14px;border-radius:999px;color:#fff;font-size:.78rem;font-weight:900;background:var(--color-secondary)}.play-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(380px,1.15fr);gap:24px;align-items:start}.question-panel,.settings-panel,.shop-panel,.decorate-panel{border:1.5px solid var(--color-card-border);border-radius:var(--radius-lg);padding:clamp(24px,3.8vw,36px);background:var(--color-card-bg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.customer-row{display:flex;align-items:center;gap:14px}.customer-avatar{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:#fceddb;box-shadow:0 4px 10px #e0784c26}.customer-avatar-img{width:38px;height:38px}.customer-bubble{margin:3px 0 0;color:var(--color-text-muted);font-size:.9rem}.question-header-badge{display:flex;gap:8px;margin:24px 0 12px}.question-tag{padding:5px 10px;border-radius:999px;color:#127278;background:#def4ed;font-size:.74rem;font-weight:900}.unit-badge{padding:5px 10px;border-radius:999px;color:#6a44ad;background:#f1e7ff;font-size:.74rem;font-weight:900}.math-prompt{margin:0;color:#14354f;font-size:clamp(2rem,3.8vw,2.9rem);line-height:1.2;letter-spacing:-.04em;font-weight:900}.question-helper{min-height:24px;margin:12px 0 22px;color:var(--color-text-muted);font-size:.92rem}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice-button{position:relative;min-height:72px;display:flex;align-items:center;justify-content:center;padding:12px 18px;border:2px solid #d4e5ea;border-radius:var(--radius-md);color:#214b66;font-size:1.15rem;font-weight:900;background:#faffff;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.choice-button:hover:not(:disabled){transform:translateY(-2px);border-color:#1ea8a1;background:#f0fbf8;box-shadow:var(--shadow-sm)}.choice-button.selected{border-color:#189e97;color:#0c6b65;background:#dcf7ef;box-shadow:0 0 0 3px #189e9733}.choice-key-hint{position:absolute;top:8px;left:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;font-size:.68rem;font-weight:900;color:#658498;background:#e8f2f5}.number-answer{display:grid;gap:8px;color:#4b6f87;font-size:.88rem;font-weight:900}.number-answer input{width:100%;padding:16px 20px;outline:0;border:2px solid #cadfe4;border-radius:var(--radius-md);color:#163e60;font-size:1.45rem;font-weight:900;background:#fff;transition:border-color .2s,box-shadow .2s}.number-answer input:focus{border-color:#1ea8a1;box-shadow:0 0 0 4px #1ea8a12e}.submit-button{width:100%;margin-top:18px}.feedback-card{display:flex;gap:16px;margin-top:22px;padding:20px;border-radius:var(--radius-md);border:2.5px solid transparent;animation:feedback-card-in .3s cubic-bezier(.16,1,.3,1)}.feedback-card.correct{border-color:var(--color-success);background:linear-gradient(135deg,#e4faf0,#f6fff9);box-shadow:0 10px 24px #199d6926}.feedback-card.incorrect{border-color:var(--color-gold-dark);background:linear-gradient(135deg,#fff3de,#fffbf2);box-shadow:0 10px 24px #c9801824}.feedback-icon{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}.feedback-icon-img{width:28px;height:28px}.feedback-card.correct .feedback-icon-img{stroke:var(--color-success)}.feedback-card.incorrect .feedback-icon-img{stroke:#c26e1d}.feedback-content{flex:1;min-width:0}.feedback-title{margin:0 0 4px;font-size:1.05rem;font-weight:900}.feedback-card.correct .feedback-title{color:var(--color-success)}.feedback-card.incorrect .feedback-title{color:#bf661b}.feedback-content h2{margin:4px 0 6px;color:#173b54;font-size:1.12rem}.explanation-text{margin:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.6}.feedback-direction{margin:8px 0;padding:8px 12px;border-radius:8px;font-size:.82rem;font-weight:800}.feedback-card.correct .feedback-direction{color:#0f6c49;background:#199d691f}.feedback-card.incorrect .feedback-direction{color:#944e13;background:#f2a93b29}.reward-preview{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.reward-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:.8rem;font-weight:900}.reward-chip img{width:18px;height:18px;object-fit:contain}.coin-reward{color:#7d4d1e;background:#feebcf}.streak-reward{color:#9c3f15;background:#fcd5be}.streak-reward img{stroke:#9c3f15}.gem-reward{color:var(--color-gem-dark);background:var(--color-gem-light)}.explanation-equals{display:flex;align-items:baseline;gap:6px;margin:12px 0 16px;font-weight:900}.explanation-label{color:var(--color-text-muted);font-size:.9rem}.explanation-number{color:var(--color-primary);font-size:1.7rem}.explanation-unit{color:#3b667e;font-size:1rem}.continue-button{width:100%}.continue-button .kbd-hint{font-size:.8rem;opacity:.75}@keyframes feedback-card-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.factory-scene{position:relative;width:100%;aspect-ratio:16 / 10;min-height:280px;overflow:hidden;border:2px solid rgba(45,110,130,.2);border-radius:var(--radius-lg);background:linear-gradient(150deg,#c5edf0,#edf8ee 55%,#fae8be);box-shadow:inset 0 0 0 8px #ffffff59,var(--shadow-md)}.factory-sky{position:absolute;inset:0;background:radial-gradient(circle at 74% 20%,rgba(255,255,255,.9),transparent 22%),radial-gradient(circle at 18% 75%,rgba(54,189,178,.28),transparent 30%)}.scene-topline{position:relative;z-index:2;display:flex;justify-content:space-between;padding:16px 20px}.scene-label{color:#2b5568;font-size:.76rem;font-weight:900;letter-spacing:.08em}.unit-chip{padding:6px 12px;border-radius:999px;color:#126368;font-size:.72rem;font-weight:900;background:#fffc;box-shadow:var(--shadow-sm)}.factory-window{position:absolute;top:12%;left:14%;width:19%;max-width:120px;aspect-ratio:1.2;border:8px solid #e2f4ee;border-radius:60px 60px 14px 14px;background:linear-gradient(135deg,#6ecde4,#fbf2c2);box-shadow:0 7px #28556224}.window-sparkle-icon{position:absolute;width:20px;height:20px;fill:#fff}.window-sparkle-icon.first{top:18px;right:20px}.window-sparkle-icon.second{top:48px;right:52px;width:13px;height:13px}.factory-window.crystal{border-color:#d6c2ff;box-shadow:0 0 0 5px #a26bf040,0 7px #28556224}.factory-window.crystal .window-sparkle-icon{fill:#f5e8ff;filter:drop-shadow(0 0 5px #be7ef2)}.robot-arm{position:absolute;z-index:2;top:18%;right:15%;width:26%;max-width:165px;aspect-ratio:.94;transform-origin:78% 92%;animation:arm-wave 4s ease-in-out infinite}.robot-arm.upgraded{filter:drop-shadow(0 0 10px rgba(154,114,235,.8))}.robot-joint{position:absolute;border-radius:999px;background:linear-gradient(135deg,#32759e,#6cc3c4);box-shadow:inset -6px -5px #133a542e,0 6px #103c5026}.joint-one{width:34px;height:118px;top:32px;left:64px;transform:rotate(-45deg)}.joint-two{width:31px;height:98px;top:-6px;right:24px;transform:rotate(50deg)}.robot-claw{position:absolute;top:-24px;right:4px;width:44px;height:44px;color:#174b68}.claw-svg{width:100%;height:100%}.belt-wrap{position:absolute;right:-6%;bottom:8%;left:-5%;height:22%;min-height:60px;max-height:90px;overflow:hidden;border:8px solid #164665;border-radius:55px;background:#246480;box-shadow:0 10px #0e304438;transform:rotate(-3deg)}.belt-wrap.rainbow{border-color:#7b4fc7;background:linear-gradient(90deg,#e3726a,#efb84b,#38b7a9,#6d6fda)}.belt-motion{display:flex;align-items:center;gap:28px;height:100%;padding-left:10px;animation:belt-move 8s linear infinite}.math-block{display:block;flex:0 0 42px;width:42px;height:42px;border:5px solid rgba(255,255,255,.65);border-radius:10px;background:#ec8757;box-shadow:inset -7px -7px #87342c33,5px 6px #062f4138;animation:block-bob 1.8s ease-in-out infinite}.unit-1{background:#3cb897}.unit-0-1{background:#55c4bc}.unit-0-01{background:#edb84c}.unit-0-001{background:#a27ee2}.crate{position:absolute;z-index:3;right:11%;bottom:18%;display:grid;width:14%;max-width:86px;aspect-ratio:1.16;place-items:center;border:6px solid #a35f32;border-radius:12px;color:#fff;background:linear-gradient(135deg,#ef9f56,#d27137);box-shadow:inset 0 0 0 5px #ffeebe47,7px 9px #5c322a33;transform:rotate(4deg)}.crate.stars{box-shadow:inset 0 0 0 5px #ffeebe47,0 0 22px #ffe988,7px 9px #5c322a33}.crate-star-icon{position:absolute;top:-14px;right:-14px;width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(150,90,20,.4))}.crate-mark{display:grid;place-items:center}.crate-mark-img{width:32px;height:32px;stroke:#fff}.crate-mark-txt{font-size:28px;font-weight:900}.crate.needs-check{border-color:#b87934;background:linear-gradient(135deg,#e3b364,#c4863c)}.neon-sign{position:absolute;z-index:2;bottom:35%;left:10%;padding:8px 14px;border:2px solid #ffb5eb;border-radius:10px;color:#ffe6fc;font-weight:900;font-size:.85rem;background:#6c4696;box-shadow:0 0 14px #ff90d7;transform:rotate(-5deg)}.aurora-sign{position:absolute;z-index:4;bottom:42%;left:9%;display:flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid #e0c2ff;border-radius:10px;color:#fff;background:linear-gradient(90deg,#7c62c4,#52b7a0,#e27ec4);box-shadow:0 0 18px #bc73ecd9;font-size:.8rem;font-weight:900;transform:rotate(-5deg)}.sign-sparkle{width:14px;height:14px;fill:#fff}.placed-decoration{position:absolute;z-index:6;display:grid;width:54px;height:54px;place-items:center;padding:7px;border:3px solid rgba(255,255,255,.85);border-radius:16px;background:#ffffffd1;box-shadow:5px 6px #23445633;pointer-events:none;transform:translate(-50%,-50%) rotate(-4deg)}.placed-decoration img{width:100%;height:100%;object-fit:contain}.placed-decoration.is-selected{border-color:#8c5cd6;box-shadow:0 0 0 4px #8c5cd666,5px 6px #23445633}.scene-result{position:absolute;z-index:8;top:48%;left:50%;display:grid;min-width:220px;place-items:center;padding:18px 24px;border:4px solid rgba(255,255,255,.8);border-radius:var(--radius-md);color:#fff;box-shadow:0 14px #2d445033,0 20px 40px #163c4b40;text-align:center;transform:translate(-50%,-50%);animation:scene-result-in .35s ease-out}.success-result{background:linear-gradient(135deg,#149f6e,#45c491)}.hint-result{background:linear-gradient(135deg,#dc832c,#eea94e)}.scene-result-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#ffffff40;margin-bottom:8px}.result-check-img,.result-search-img{width:26px;height:26px;stroke:#fff}.scene-gem-reward{display:flex;align-items:center;gap:5px;margin-top:6px;padding:4px 10px;border-radius:999px;color:#fff;background:#6e3fb099;font-size:.78rem;font-weight:900}.reward-mini-icon{width:14px;height:14px;filter:invert(100%)}.result-sparkles{position:absolute;inset:-25px;pointer-events:none}.sparkle-item{position:absolute;width:22px;height:22px;fill:#fff5a6;filter:drop-shadow(0 2px 4px rgba(160,110,20,.4));animation:sparkle-float .8s ease-in-out infinite alternate}.sparkle-item:nth-child(1){top:6px;left:4px}.sparkle-item:nth-child(2){top:-14px;left:48%;animation-delay:.18s}.sparkle-item:nth-child(3){top:16px;right:2px;animation-delay:.34s}.sparkle-item:nth-child(4){right:14px;bottom:-8px;animation-delay:.12s}.sparkle-item:nth-child(5){bottom:-12px;left:26px;animation-delay:.28s}.sparkle-item:nth-child(6){bottom:20px;left:-6px;animation-delay:.42s}.factory-scene.placement-mode{cursor:default;outline:3px dashed rgba(142,91,214,.45);outline-offset:-8px}.factory-scene.is-dragging-active{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.placed-prop-item{position:absolute;transform-origin:center center;-webkit-user-select:none;user-select:none;touch-action:none;z-index:15;display:inline-block;will-change:transform,left,top}.placed-prop-item.is-interactive{cursor:grab}.placed-prop-item.is-interactive:active{cursor:grabbing}.placed-prop-img{display:block;width:60px;height:60px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(18,48,65,.22));transition:filter .2s}.placed-prop-item.is-selected .placed-prop-img{filter:drop-shadow(0 8px 16px rgba(142,91,214,.45))}.prop-selection-outline{position:absolute;inset:-6px;border:2px dashed #8e5bd6;border-radius:8px;pointer-events:none;box-shadow:0 0 0 1px #fffc,0 0 14px #8e5bd659;animation:outline-pulse 2s infinite ease-in-out}.selection-handle{position:absolute;width:8px;height:8px;background:#8e5bd6;border:1.5px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0000004d}.handle-tl{top:-4px;left:-4px}.handle-tr{top:-4px;right:-4px}.handle-bl{bottom:-4px;left:-4px}.handle-br{bottom:-4px;right:-4px}@keyframes outline-pulse{0%,to{border-color:#8e5bd6;opacity:1}50%{border-color:#b589f7;opacity:.75}}@keyframes arm-wave{50%{transform:rotate(-9deg)}}@keyframes belt-move{to{transform:translate(-190px)}}@keyframes block-bob{50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes scene-result-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes sparkle-float{to{transform:translateY(-8px) scale(1.2)}}.shop-panel{max-width:900px;margin-top:28px;margin-bottom:60px}.shop-balances{display:flex;align-items:center;gap:10px}.coin-balance,.gem-balance{margin:0;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-weight:900;font-size:.95rem}.coin-balance{color:#7a4a1a;background:#fdf0ce}.gem-balance{color:var(--color-gem-dark);background:var(--color-gem-light)}.shop-tabs{display:flex;gap:10px;margin:24px 0 20px;border-bottom:2px solid #e0ecf0;padding-bottom:12px}.shop-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:0;border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:900;font-size:.92rem;background:#ffffffb3;transition:color .15s,background .15s}.shop-tab-btn:hover{color:var(--color-text-main);background:#fff}.shop-tab-btn.active{color:#fff;background:var(--color-primary);box-shadow:0 4px 12px #15839940}.shop-tab-btn.rare-tab.active{background:var(--color-gem);box-shadow:0 4px 12px #8e5bd64d}.tab-icon{width:18px;height:18px;object-fit:contain}.upgrade-grid{display:grid;gap:14px}.upgrade-card{display:flex;align-items:center;gap:18px;padding:16px 20px;border:1.5px solid #dbe8ec;border-radius:var(--radius-md);background:#fdfefe;box-shadow:var(--shadow-sm);transition:transform .18s,border-color .18s,box-shadow .18s}.upgrade-card:hover{transform:translateY(-2px);border-color:#aed1da;box-shadow:var(--shadow-md)}.upgrade-card.gem-upgrade-card{border-color:#dfcbfa;background:linear-gradient(135deg,#fefdff,#f6eeff)}.upgrade-card.gem-upgrade-card:hover{border-color:#be92f5;box-shadow:0 8px 24px #8e5bd626}.upgrade-card.is-owned{opacity:.85;background:#f5f9fa}.upgrade-icon.shop-art{position:relative;flex:0 0 84px;width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(38,132,146,.15);border-radius:18px;background:radial-gradient(circle at 50% 38%,#fff 0,#eef9f9 60%,#dbeeed);box-shadow:inset 0 1px #fff,0 6px 14px #23556414}.upgrade-icon.shop-art img{width:74px;height:74px;object-fit:contain}.upgrade-icon.gem-art{border-color:#8e5bd640;background:radial-gradient(circle at 50% 38%,#fff 0,#f6efff 60%,#e8d7ff);box-shadow:inset 0 1px #fff,0 6px 14px #6e3caa1f}.rare-sparkle-tag{position:absolute;top:-6px;right:-6px;padding:2px 7px;border-radius:999px;color:#fff;font-size:.65rem;font-weight:900;background:linear-gradient(135deg,#a465f2,#7544bd);box-shadow:0 2px 6px #7544bd59}.upgrade-copy{flex:1;min-width:0}.upgrade-copy h3{margin:0;display:flex;align-items:center;gap:8px;color:#173b54;font-size:1.05rem}.shop-style-badge{padding:2px 8px;border-radius:999px;color:#2e6e7c;background:#e1f4f5;font-size:.68rem;font-weight:900}.gem-upgrade-card .shop-style-badge{color:var(--color-gem-dark);background:#f1e4ff}.upgrade-copy p{margin:6px 0 0;color:var(--color-text-muted);font-size:.88rem;line-height:1.5}.upgrade-action{flex:0 0 auto}.purchase-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:.95rem}.gem-purchase-button{color:#fff;background:linear-gradient(135deg,#8e5bd6,#723eb5);border:0}.gem-purchase-button:hover:not(:disabled){background:linear-gradient(135deg,#7c4bc4,#61339e)}.owned-button{color:#5c7b8e;background:#e6eef0;border-color:#d0dee2}.missing-hint{color:#a85854;font-size:.72rem;font-weight:800}.shop-footer{margin-top:32px;text-align:center}.return-hall-btn{padding:13px 30px}.decorate-panel{padding:28px 36px 50px}.decorate-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.decorate-heading h1{margin:6px 0 8px;font-size:1.85rem;color:#173b54}.decorate-heading p{margin:0;color:var(--color-text-muted);font-size:.95rem}.finish-decorate-btn{flex-shrink:0;padding:12px 22px;gap:8px}.btn-icon{width:18px;height:18px;object-fit:contain}.transform-control-panel{margin-bottom:22px;padding:16px 20px;border:1.5px solid rgba(142,91,214,.28);border-radius:var(--radius-md);background:linear-gradient(135deg,#fffffff5,#f7f0ffe6);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(142,91,214,.15)}.active-item-title{display:flex;align-items:center;gap:10px}.active-tag{font-size:.8rem;font-weight:800;color:var(--color-gem-dark)}.item-thumb-mini{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.12))}.active-item-title strong{color:#173b54;font-size:.98rem}.unplaced-hint{font-size:.82rem;color:var(--color-secondary);font-weight:800}.panel-actions-quick{display:flex;align-items:center;gap:8px}.mini-btn{padding:6px 12px;font-size:.78rem}.reset-btn{color:#4a687d}.remove-btn{color:#c94942;border-color:#c9494240}.remove-btn:hover{background:#fff0f0;border-color:#c94942}.transform-toolbar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}.tool-group{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);background:#ffffffd9;border:1px solid rgba(142,91,214,.14)}.tool-group-label{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:800;color:#3b586f}.tool-value-tag{padding:2px 8px;border-radius:999px;background:var(--color-gem-light);color:var(--color-gem-dark);font-size:.74rem;font-weight:900}.tool-controls-row{display:flex;align-items:center;gap:8px}.step-btn{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #c9d8df;border-radius:6px;background:#fff;color:#2b4f69;font-size:.82rem;font-weight:900;transition:background .15s,border-color .15s,transform .1s}.step-btn:hover{background:#f0f7f9;border-color:var(--color-primary)}.step-btn:active{transform:scale(.95)}.range-slider{flex:1;height:6px;accent-color:var(--color-gem);cursor:pointer}.flip-buttons{display:flex;gap:8px}.toggle-tool-btn{flex:1;padding:6px 10px;border:1.5px solid #c9d8df;border-radius:6px;background:#fff;color:#385970;font-size:.8rem;font-weight:800;transition:all .15s}.toggle-tool-btn:hover{border-color:var(--color-gem);color:var(--color-gem-dark)}.toggle-tool-btn.active{background:var(--color-gem-light);border-color:var(--color-gem);color:var(--color-gem-dark);font-weight:900;box-shadow:0 2px 6px #8e5bd633}.decorate-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:24px;align-items:start}.scene-editor-container{display:flex;flex-direction:column;gap:10px}.scene-drag-tip{display:flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:8px;background:#ffffffbf;border:1px dashed rgba(44,114,138,.25);color:var(--color-text-muted);font-size:.82rem;font-weight:700}.decoration-palette{padding:22px;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);background:#ffffffe6;box-shadow:var(--shadow-sm)}.palette-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.palette-title{margin:0;color:#173b54;font-weight:900;font-size:.95rem}.palette-filters{display:flex;gap:4px}.palette-filter-btn{padding:4px 10px;border:0;border-radius:6px;color:var(--color-text-muted);font-size:.74rem;font-weight:900;background:#eaf1f4;transition:all .15s}.palette-filter-btn.active{color:#fff;background:var(--color-primary)}.palette-empty{color:var(--color-text-muted);font-size:.88rem;line-height:1.6}.palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.palette-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:2px solid #dce8ec;border-radius:var(--radius-sm);background:#fff;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s}.palette-item:hover{transform:translateY(-2px);border-color:#1ea8a1;box-shadow:var(--shadow-sm)}.palette-item.selected{border-color:var(--color-gem);background:#f7efff;box-shadow:0 0 0 3px #8e5bd633}.gem-palette-item{border-color:#e5d7f7}.palette-item-icon{width:48px;height:48px;display:grid;place-items:center}.palette-item-icon img{width:100%;height:100%;object-fit:contain}.palette-item-name{color:#22475e;font-size:.76rem;font-weight:900}.placed-tag{padding:2px 6px;border-radius:999px;color:var(--color-success);background:var(--color-success-light);font-size:.65rem;font-weight:900}.settings-panel{max-width:720px;margin-top:32px;margin-bottom:60px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-top:1px solid #dbe8ec}.setting-row strong{display:block;color:#193f5a;font-size:1.05rem}.setting-row small{display:block;margin-top:4px;color:var(--color-text-muted);font-size:.85rem}.switch-button{width:54px;height:32px;padding:3px;border:0;border-radius:999px;background:#cadde3;transition:background .2s}.switch-button span{display:block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .2s ease}.switch-button.on{background:#1cb5a7}.switch-button.on span{transform:translate(22px)}.save-note{display:flex;align-items:flex-start;gap:10px;margin:24px 0 20px;padding:16px;border-radius:var(--radius-sm);color:#436980;background:#eaf5f7;font-size:.88rem;line-height:1.6}.save-note-icon{width:20px;height:20px;flex:0 0 20px;stroke:#18869c}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#0e263480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{width:min(440px,100%);padding:30px;border-radius:var(--radius-lg);color:var(--color-text-main);background:#fff;box-shadow:var(--shadow-lg);text-align:center}.modal-icon-wrap{display:grid;width:60px;height:60px;place-items:center;margin:0 auto 12px;border-radius:50%;background:#fdeeee}.modal-warning-icon{width:32px;height:32px;stroke:#d94b43}.confirm-modal h2{margin:4px 0 8px;color:#173b54}.confirm-modal p{color:var(--color-text-muted);font-size:.92rem;line-height:1.65}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.game-footer{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:24px 0 36px;color:#6d8e9e;font-size:.78rem;text-align:center}@media(max-width:980px){.hero-background{opacity:.16;right:-30%;width:900px}.home-factory-preview{position:relative;top:auto;right:auto;width:100%;margin-top:28px}.level-card{right:20px;bottom:16px}.department-section{margin-top:50px}.department-grid{grid-template-columns:repeat(2,1fr)}.play-grid{grid-template-columns:1fr}.play-grid .factory-scene{width:100%;aspect-ratio:16 / 10}.play-grid .question-panel{order:-1}.decorate-layout{grid-template-columns:1fr}}@media(max-width:640px){.topbar,.home-view,.play-view,.settings-panel,.shop-panel,.decorate-panel,.game-footer{width:min(100% - 24px,1240px)}.topbar{min-height:72px}.brand-button strong{font-size:.98rem}.brand-button small,.streak-pill{display:none}.hero-copy h1{font-size:clamp(2.4rem,11vw,3.6rem)}.hero-description{font-size:.95rem;line-height:1.65}.department-grid,.choice-grid{grid-template-columns:1fr}.choice-button{min-height:60px}.section-heading,.shop-heading,.decorate-heading{flex-direction:column;align-items:flex-start}.upgrade-card{flex-direction:column;align-items:stretch;text-align:center}.upgrade-copy h3{justify-content:center}.upgrade-action .secondary-button{width:100%}.palette-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}