:root{--game-blue:#2563eb;--game-ink:#17243b;--game-muted:#64748b;--game-line:#d7e3f3;--game-soft:#eef5ff;--game-good:#0c9a6b;--game-bad:#d84b5f;--game-warn:#c97705}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eef5ff;color:var(--game-ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}body.interactive-game{min-height:100dvh;background:radial-gradient(circle at 12% 0,#dcecff 0,transparent 34%),linear-gradient(145deg,#f9fcff,#edf4ff);overscroll-behavior:none}.game-shell{width:min(1180px,calc(100% - 28px));height:100dvh;margin:auto;padding:14px 0 16px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.game-top{min-height:70px;padding:10px 14px;border:1px solid rgba(148,163,184,.3);border-radius:21px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(36,76,130,.1);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.game-back,.game-top-btn{min-height:44px;padding:0 15px;border:1px solid #cbd8ea;border-radius:14px;background:#fff;color:#304667;text-decoration:none;font-weight:850;font-size:15px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.game-top-btn[hidden]{display:none}.game-top-actions{display:flex;gap:8px}.game-top-btn.primary{background:#e8f1ff;color:#1f5db9;border-color:#bcd2f2}.game-title{min-width:0;display:flex;align-items:center;gap:12px}.game-title-icon{width:49px;height:49px;border-radius:15px;background:#e6efff;display:grid;place-items:center;font-size:28px}.game-title h1{margin:0;font-size:clamp(21px,2.5vw,30px);line-height:1.1}.game-title p{margin:5px 0 0;color:var(--game-muted);font-size:14px}.game-card{min-height:0;padding:14px;border:1px solid rgba(148,163,184,.3);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 18px 45px rgba(36,76,130,.12);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;overflow:hidden}.game-status{display:grid;grid-template-columns:auto minmax(130px,1fr) auto;align-items:center;gap:12px}.game-progress{font-weight:950;color:#29466f;white-space:nowrap}.game-meter{height:10px;border-radius:99px;background:#e7eef8;overflow:hidden}.game-meter>i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#20bea0);transition:width .25s}.game-score{color:var(--game-muted);font-weight:850;white-space:nowrap}.game-main{min-height:0;border:1px solid var(--game-line);border-radius:20px;background:linear-gradient(155deg,#fbfdff,#f1f6ff);padding:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,310px);gap:14px;overflow:hidden}.game-board-wrap{min-height:0;display:grid;place-items:center;overflow:auto;border-radius:17px;background:#fff;border:1px solid #dce6f5;padding:12px}.game-side{min-height:0;border:1px solid #dce6f5;border-radius:17px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:12px;overflow:auto}.game-side h2{margin:0;font-size:20px}.game-side p{margin:0;color:var(--game-muted);line-height:1.6;font-size:14px}.game-stats{display:grid;grid-template-columns:1fr;gap:8px}.game-stats span{padding:9px 11px;border-radius:12px;background:#f2f6fb;color:#415874;font-size:13px;font-weight:800}.game-actions{margin-top:auto;display:grid;gap:8px}.game-btn{min-height:46px;padding:0 16px;border:1px solid #cbd8ea;border-radius:14px;background:#f8fbff;color:#294361;font-size:15px;font-weight:900;cursor:pointer;touch-action:manipulation}.game-btn.primary{background:linear-gradient(135deg,#2563eb,#147acb);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.2)}.game-btn.warn{background:#fff8e7;border-color:#eed18a;color:#8c5b00}.game-btn:disabled{opacity:.45;cursor:not-allowed}.game-feedback{min-height:50px;border-radius:15px;background:#f2f6fb;color:#475569;padding:11px 14px;display:flex;align-items:center;font-weight:800}.game-feedback.good{background:#e5f8f1;color:#08785a}.game-feedback.bad{background:#fff0f1;color:#b3293c}.game-feedback.info{background:#edf4ff;color:#2458a6}.game-completion-dialog{position:fixed;inset:0;z-index:80;background:rgba(15,31,55,.58);padding:18px;display:grid;place-items:center}.game-completion-dialog[hidden]{display:none}.game-completion-card{width:min(530px,100%);border-radius:27px;background:#fff;padding:28px;box-shadow:0 28px 80px rgba(9,28,56,.32);text-align:center}.game-completion-icon{font-size:56px}.game-completion-card h2{margin:7px 0;font-size:30px}.game-completion-card p{margin:8px 0;color:#5e708a;line-height:1.65}.game-reward{margin:15px 0;padding:12px;border-radius:14px;background:#ecf5ff;color:#245999;font-weight:900}.game-completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-completion-actions .primary{grid-column:1/-1}.game-completion-actions a{text-decoration:none;display:flex;align-items:center;justify-content:center}.game-grid{display:grid;gap:5px;width:min(100%,520px);aspect-ratio:1}.game-grid.g7x6{grid-template-columns:repeat(7,1fr);aspect-ratio:7/6}.game-cell{min-width:0;aspect-ratio:1;border:1px solid #cbd8ea;border-radius:9px;background:#f8fbff;color:#24415f;font-size:clamp(15px,2.5vw,27px);font-weight:950;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.game-cell:disabled{cursor:default}.game-cell.black{background:#243449;color:#fff}.game-cell.white{background:#fff;border:2px solid #7d8ca1}.game-cell.red{background:#ed5364;color:#fff}.game-cell.yellow{background:#ffd95c;color:#5c4500}.game-cell.good{outline:3px solid rgba(12,154,107,.34);background:#dff8ee}.game-cell.bad{animation:game-shake .25s;background:#fff0f1;border-color:#e45a6d}.game-board-wood{padding:12px;border-radius:18px;background:#deb873}.game-board-wood .game-cell{border-radius:50%;background:rgba(255,255,255,.18);border-color:rgba(83,55,19,.38)}.game-board-wood .game-cell.black{background:#20242b}.game-board-wood .game-cell.white{background:#fff}.game-connect{padding:10px;border-radius:18px;background:#3678d7}.game-connect .game-cell{border:0;border-radius:50%;background:#d7e7ff}.game-connect .game-cell.red{background:#ed5364}.game-connect .game-cell.yellow{background:#ffd95c}.game-dots{display:grid;grid-template-columns:18px 78px 18px 78px 18px;grid-template-rows:18px 78px 18px 78px 18px;align-items:center;justify-items:center}.game-dot{width:14px;height:14px;border-radius:50%;background:#263b59}.game-edge{border:0;border-radius:9px;background:#dbe5f3;cursor:pointer}.game-box{width:68px;height:68px;border-radius:14px;display:grid;place-items:center;font-weight:950;color:#fff}.game-stones{width:min(620px,100%);display:grid;gap:16px}.game-stone-field{min-height:190px;padding:16px;border-radius:18px;background:linear-gradient(#f6e0a9,#eec978);display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:10px}.game-stone{width:42px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#b7c3cf,#667585 70%);box-shadow:0 5px 8px rgba(41,54,68,.2)}.game-big-count{text-align:center;font-size:28px;font-weight:950;color:#31517a}.game-tile-grid{display:grid;gap:7px;width:min(100%,480px)}.game-tile{aspect-ratio:1;border:1px solid #cedaea;border-radius:12px;background:#fff;font-size:clamp(18px,3.1vw,30px);font-weight:950;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.game-tile.wall{background:#8191a6;border-color:#76869b;cursor:default}.game-tile.goal{background:#dcf7eb}.game-tile.player{background:#dcecff}.game-tile.box{background:#f6c779}.game-tile.box.goal{background:#54bd88}.game-tile.path-ok{background:#dff8ee;border-color:#3cb383}.game-tile.pipe{font-size:clamp(30px,4.5vw,48px);color:#2f79d6}.game-tile.pipe.source{background:#e0f8eb}.game-tile.pipe.sink{background:#fff1d5}.game-command-strip{min-height:54px;padding:9px;border-radius:14px;background:#eef4fb;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.game-command{width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid #cbd8ea;display:grid;place-items:center;font-weight:950}.game-word-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:15px}.game-question,.game-answers{border:1px solid #dce6f5;border-radius:18px;background:#fff;padding:20px;display:flex;flex-direction:column;justify-content:center}.game-kicker{color:#2563eb;font-size:14px;font-weight:950}.game-question h2{margin:10px 0;font-size:clamp(25px,3.8vw,42px);line-height:1.35}.game-question p{margin:0;color:#64748b;line-height:1.6}.game-choice-list{display:grid;gap:10px}.game-choice{min-height:54px;padding:10px 14px;border:1px solid #cedaea;border-radius:15px;background:#f9fbff;text-align:left;color:#1f3553;font-size:17px;font-weight:850;cursor:pointer}.game-choice.right{background:#e5f8f1;border-color:#2daf80}.game-choice.wrong{background:#fff0f1;border-color:#e45a6d}.game-levels{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.game-levels button{min-height:38px;padding:0 13px;border:1px solid #cbd8ea;border-radius:12px;background:#fff;color:#405676;font-weight:850;cursor:pointer}.game-levels button.active{background:#2563eb;color:#fff;border-color:#2563eb}@keyframes game-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-width:900px),(orientation:portrait){body.interactive-game{overscroll-behavior:auto}.game-shell{width:min(100% - 18px,780px);height:auto;min-height:100dvh;padding:9px 0 88px}.game-top{grid-template-columns:auto minmax(0,1fr)}.game-top-actions{grid-column:1/-1;justify-content:flex-end}.game-card{overflow:visible}.game-main{grid-template-columns:1fr;overflow:visible}.game-board-wrap{min-height:390px;overflow:visible}.game-side{overflow:visible}.game-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.game-word-layout{grid-template-columns:1fr}.game-status{grid-template-columns:auto 1fr}.game-score{display:none}}@media(max-width:560px){.game-shell{width:calc(100% - 12px)}.game-top{padding:8px 10px;gap:9px}.game-back{padding:0 10px}.game-title-icon{width:42px;height:42px}.game-title p{display:none}.game-card,.game-main{padding:9px}.game-board-wrap{padding:8px;min-height:330px}.game-side{padding:12px}.game-actions{grid-template-columns:1fr}.game-dots{transform:scale(.85)}.game-completion-actions{grid-template-columns:1fr}.game-completion-actions .primary{grid-column:auto}.game-word-layout{gap:9px}.game-question,.game-answers{padding:14px}}:root{
  --catalog-ink:#14233d;--catalog-muted:#60708a;--catalog-line:#d8e4f2;
  --catalog-blue:#2563eb;--catalog-blue2:#0f74d8;--catalog-cyan:#14b8a6;
  --catalog-soft:#f3f7fd;--catalog-card:#ffffff;--catalog-good:#0d9468;
  --catalog-warn:#c97808;--catalog-bad:#c93f52;
}body[data-game-shell="thinking-hub"] .parent-group{margin:0;padding:18px;border:1px solid var(--catalog-line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 16px 38px rgba(33,70,120,.08)}body[data-game-shell="thinking-hub"] .parent-group[hidden]{display:none!important}body[data-game-shell="thinking-hub"] .catalog-group-name{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 14px;font-size:24px}body[data-game-shell="thinking-hub"] .catalog-group-name small{max-width:420px;text-align:right;font-size:14px;line-height:1.5}body[data-game-shell="game"]{--game-accent:#2563eb;--game-accent-2:#0f74d8;background:radial-gradient(circle at 15% -10%,#d9eaff 0,transparent 38%),linear-gradient(150deg,#f8fbff 0,#edf4ff 100%);color:var(--catalog-ink)}body[data-game-kind="observe"]{--game-accent:#0f83b8;--game-accent-2:#14a3a0}body[data-game-kind="memory"]{--game-accent:#7357d9;--game-accent-2:#4d75df}body[data-game-kind="logic"]{--game-accent:#315fd4;--game-accent-2:#1686c7}body[data-game-kind="strategy"]{--game-accent:#5b55c5;--game-accent-2:#2d72c8}body[data-game-kind="route"]{--game-accent:#16847c;--game-accent-2:#279c70}body[data-game-kind="words"]{--game-accent:#b45b17;--game-accent-2:#d27b1f}body[data-game-kind="focus"]{--game-accent:#248455;--game-accent-2:#50a646}body[data-game-shell="game"] :is(button,a){-webkit-tap-highlight-color:transparent}body[data-game-shell="game"] :is(button,a):focus-visible{outline:4px solid color-mix(in srgb,var(--game-accent) 28%,transparent);outline-offset:2px}body[data-game-shell="game"] :is(button,.quiz-choice,.game-choice,.quiz-cell,.game-cell,.game-tile){touch-action:manipulation}.catalog-title-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.catalog-title-tags span{min-height:26px;padding:0 9px;border:1px solid color-mix(in srgb,var(--game-accent) 24%,#d9e4f2);border-radius:999px;background:color-mix(in srgb,var(--game-accent) 8%,#fff);color:color-mix(in srgb,var(--game-accent) 78%,#243b5b);font-size:12px;font-weight:850;display:inline-flex;align-items:center}.catalog-title-tags span:last-child{background:#f6f8fc;border-color:#dce5f0;color:#65758d}body[data-game-shell="game"] .quiz-choice{min-height:58px;border-radius:16px;background:#fbfcff;font-size:17px;transition:transform .12s ease,border-color .12s ease,background .12s ease}body[data-game-shell="game"] .quiz-choice:active{transform:scale(.985)}body[data-game-shell="game"] .quiz-btn{min-height:52px;border-radius:16px}body[data-game-shell="game"] .quiz-btn.primary{background:linear-gradient(135deg,var(--game-accent),var(--game-accent-2));box-shadow:0 9px 20px color-mix(in srgb,var(--game-accent) 22%,transparent)}body[data-game-shell="game"] .quiz-feedback{min-height:50px;border-radius:16px;font-size:15px}body[data-game-shell="game"] .quiz-cell{border-radius:13px;border-color:#ccd9e8;box-shadow:inset 0 -2px 0 rgba(31,64,102,.05)}body[data-game-shell="game"] .game-shell{width:min(1240px,calc(100% - 28px));height:100dvh;padding:12px 0;gap:10px}body[data-game-shell="game"] .game-top{min-height:72px;padding:9px 13px;border-color:rgba(137,159,190,.32);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 10px 26px rgba(25,62,112,.08)}body[data-game-shell="game"] .game-back,body[data-game-shell="game"] .game-top-btn{min-height:48px;border-radius:15px;border-color:#d2deec;background:#f9fbfe;color:#314965}body[data-game-shell="game"] .game-top-btn.primary{background:linear-gradient(135deg,var(--game-accent),var(--game-accent-2));color:#fff;border-color:transparent}body[data-game-shell="game"] .game-title-icon{width:52px;height:52px;border-radius:17px;background:color-mix(in srgb,var(--game-accent) 12%,#fff)}body[data-game-shell="game"] .game-title h1{font-size:clamp(22px,2.35vw,31px)}body[data-game-shell="game"] .game-title p{margin-top:3px}body[data-game-shell="game"] .game-card{padding:12px;border-radius:26px;border-color:rgba(132,156,190,.28);box-shadow:0 18px 42px rgba(28,68,122,.1);gap:10px}body[data-game-shell="game"] .game-status{min-height:42px;padding:0 4px}body[data-game-shell="game"] .game-meter{height:8px}body[data-game-shell="game"] .game-meter>i{background:linear-gradient(90deg,var(--game-accent),var(--game-accent-2))}body[data-game-shell="game"] .game-main{grid-template-columns:minmax(0,1fr) minmax(240px,286px);gap:12px;padding:12px;border-radius:21px;background:linear-gradient(150deg,#ffffff,#f3f7fd)}body[data-game-shell="game"] .game-board-wrap{padding:10px;border-radius:18px;border-color:#dbe5f1;background:#fff;overflow:auto}body[data-game-shell="game"] .game-side{padding:15px;border-radius:18px;border-color:#dbe5f1;box-shadow:0 8px 22px rgba(41,72,112,.045)}body[data-game-shell="game"] .game-side h2{font-size:18px;color:#223b59}body[data-game-shell="game"] .game-side p{font-size:14px;line-height:1.55}body[data-game-shell="game"] .game-stats span{padding:9px 10px;border-radius:12px;background:#f3f7fc}body[data-game-shell="game"] .game-btn{min-height:50px;border-radius:15px}body[data-game-shell="game"] .game-btn.primary{background:linear-gradient(135deg,var(--game-accent),var(--game-accent-2));box-shadow:0 9px 20px color-mix(in srgb,var(--game-accent) 22%,transparent)}body[data-game-shell="game"] .game-feedback{min-height:50px;border-radius:16px;font-size:15px}body[data-game-shell="game"] .game-grid{place-self:center;max-height:min(59vh,520px);max-width:min(59vh,520px)}body[data-game-shell="game"] .game-cell{border-radius:10px;transition:transform .1s ease,background .12s ease}body[data-game-shell="game"] .game-cell:active:not(:disabled),body[data-game-shell="game"] .game-tile:active:not(.wall){transform:scale(.94)}body[data-game-shell="game"] .game-choice{min-height:58px;border-radius:16px;transition:transform .12s ease}body[data-game-shell="game"] .game-choice:active{transform:scale(.985)}body[data-game-shell="game"] .game-levels button.active{background:var(--game-accent);border-color:var(--game-accent)}body[data-game-shell="game"] :is(.quiz-completion-dialog,.game-completion-dialog){background:rgba(13,28,49,.62);backdrop-filter:blur(8px)}body[data-game-shell="game"] :is(.quiz-completion-actions,.game-completion-actions){gap:9px}body[data-game-shell="game"] :is(.quiz-completion-actions,.game-completion-actions) .primary{min-height:56px;font-size:17px;background:linear-gradient(135deg,var(--game-accent),var(--game-accent-2));color:#fff}body[data-game-shell="game"] :is(.quiz-completion-actions,.game-completion-actions) a{background:#f6f8fb;color:#53647b;border-color:#dce4ee}@media (max-width:900px),(orientation:portrait){body[data-game-shell="game"] .game-shell{width:min(100% - 18px,800px);height:auto;min-height:100dvh;padding:9px 0 calc(22px + env(safe-area-inset-bottom))}body[data-game-shell="game"] .game-top{position:relative;grid-template-columns:auto minmax(0,1fr);min-height:66px}body[data-game-shell="game"] .game-top-actions{grid-column:1/-1;justify-content:flex-end}body[data-game-shell="game"] .game-card{overflow:visible}body[data-game-shell="game"] .game-main{grid-template-columns:1fr;overflow:visible}body[data-game-shell="game"] .game-board-wrap{min-height:380px;overflow:visible}body[data-game-shell="game"] .game-side{overflow:visible}body[data-game-shell="game"] .game-actions{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}body[data-game-shell="game"] .game-grid{max-height:none;max-width:min(100%,520px)}}@media (max-width:620px){body[data-game-shell="thinking-hub"] .catalog-group-name{display:block}body[data-game-shell="thinking-hub"] .catalog-group-name small{display:block;text-align:left;margin-top:4px}body[data-game-shell="game"] .game-top{padding:8px 9px;gap:8px}body[data-game-shell="game"] .game-back{width:46px;padding:0;font-size:0}body[data-game-shell="game"] .game-back::after{content:"←";font-size:23px}body[data-game-shell="game"] .game-title-icon{width:45px;height:45px;font-size:25px}body[data-game-shell="game"] .game-title h1{font-size:21px}body[data-game-shell="game"] .game-title p{display:none}.catalog-title-tags{margin-top:4px;gap:5px}.catalog-title-tags span{min-height:23px;padding:0 7px;font-size:11px}body[data-game-shell="game"] .game-card{padding:9px}body[data-game-shell="game"] .game-main{padding:9px}body[data-game-shell="game"] .game-question,body[data-game-shell="game"] .game-answers{padding:14px}body[data-game-shell="game"] .game-word-layout{gap:9px}body[data-game-shell="game"] .quiz-completion-actions,body[data-game-shell="game"] .game-completion-actions{grid-template-columns:1fr}body[data-game-shell="game"] :is(.quiz-completion-actions,.game-completion-actions) .primary{grid-column:auto}}@media (prefers-reduced-motion:reduce){body[data-game-shell="game"] *,body[data-game-shell="thinking-hub"] *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}