:root{color-scheme:dark;--wood-light:#fff0c9;--wood:#efd39f;--wood-edge:#9c6537;--jade:#78d7be;--ink:#16342d;--gold:#f5ce78}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #b5f8e5;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-poster{display:block;max-width:100%;object-fit:cover}.main-copy{text-align:center}#mainProgress{font-variant-numeric:tabular-nums}#stageContent{min-height:0;position:relative}#stageInfoSource,#stageActionsSource{display:none}.battle-canvas{container-type:size;container-name:workshop;--board-size:326px}.workbench,.result-card,.dialog-card,.workshop-card{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.workbench{width:100%;height:100%;min-height:0;max-width:740px;justify-self:center;padding:12px 20px 18px;display:grid;grid-template-rows:48px minmax(348px,1fr) 190px;gap:8px;color:#edf7f1}.puzzle-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.eyebrow{display:block;margin:0 0 5px;color:var(--jade);font-size:11px;line-height:1.25;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.puzzle-heading h2{font-size:20px;line-height:1.25;margin:0;font-weight:750;letter-spacing:-.025em}.help-button{width:44px;height:44px;flex:0 0 44px;border:1px solid #91d7c536;border-radius:50%;background:#77c9b30e;color:#b9ded3;font-family:Georgia,serif;font-size:23px}.help-button:hover{background:#77c9b329}.board-zone{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0}.board-frame{position:relative;width:var(--board-size);height:var(--board-size);flex:0 0 auto;padding:18px;border:1px solid #b1ead348;border-radius:24px;background:linear-gradient(145deg,#355e54,#25483f 55%,#193830);box-shadow:inset 0 1px 1px #fff2,inset 0 -4px #0a201a55,0 16px 28px #050e1640}.pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:9px;width:100%;height:100%;direction:ltr}.pattern-tile{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:1px solid #fff5d99c;border-bottom:4px solid var(--wood-edge);border-radius:13px;background:linear-gradient(145deg,var(--wood-light),var(--wood));box-shadow:0 3px 4px #061e2940,inset 0 2px 1px #ffffffb3;color:var(--ink);padding:8px}.pattern-tile.gap{border:1px dashed #87b9a975;background:linear-gradient(150deg,#132e29,#1c3e35);box-shadow:inset 0 3px 8px #05171199;color:#93b6a9}.pattern-tile.gap.selected{border:2px solid var(--gold);box-shadow:0 0 0 3px #f5ce781b,inset 0 2px 7px #05171199;color:var(--gold)}.gap-symbol{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1}.pattern-tile.clue{outline:3px solid #92efcc;outline-offset:1px}.pattern-tile.restored{border-color:#fff1b6;border-bottom-color:#b78c46}.board-corner{position:absolute;z-index:1;width:7px;height:7px;border-radius:50%;background:#f0cc82;box-shadow:inset 0 1px 1px #fff6,0 1px 1px #14372b}.board-corner.tl{left:7px;top:7px}.board-corner.tr{right:7px;top:7px}.board-corner.bl{left:7px;bottom:7px}.board-corner.br{right:7px;bottom:7px}.glyph-set{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;width:100%;height:100%;max-width:67px;max-height:67px;pointer-events:none;filter:drop-shadow(0 2px 0 #fff6)}.glyph-set img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.glyph-set.count-2 img{width:50%;height:58%}.glyph-set.count-3{max-width:65px;align-content:center}.glyph-set.count-3 img{width:45%;height:45%}.glyph-set.count-3 img:first-child{margin-inline:27.5%}#boardEffects{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:3}.spark{position:absolute;width:6px;height:6px;background:#ffe39b;border-radius:2px;box-shadow:0 0 8px #f7d88066}.board-caption{display:flex;justify-content:space-between;gap:16px;width:var(--board-size);height:24px;padding:8px 6px 0;color:#b7c9b8;font-size:11px;font-weight:700;line-height:1.3}#streakLabel{color:var(--gold);margin-inline-start:auto}.answer-zone{width:100%;max-width:410px;min-width:0;justify-self:center;align-self:end}.answer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:12px;line-height:1.3;color:#c5d6d0}#gapLabel{color:#84ae9f;font-variant-numeric:tabular-nums;font-size:11px}.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;direction:ltr}.option-token{position:relative;min-height:76px;display:grid;place-items:center;padding:11px 10px 14px;border:1px solid #fff2cc99;border-bottom:4px solid #a46d3e;border-radius:14px;background:linear-gradient(150deg,#fff4d5,#edcf9d);box-shadow:0 4px 7px #04141c40,inset 0 1px 1px #fff;color:var(--ink);transition:background-color .14s,box-shadow .14s}.option-token:hover:enabled{background:linear-gradient(150deg,#fffbe8,#fbe2b2);box-shadow:0 4px 9px #04141c66,0 0 0 2px #f7df9a7a}.option-token:active:enabled{border-bottom-width:2px;padding-top:13px}.option-token .glyph-set{height:43px;width:52px;max-width:100%}.option-token kbd{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:600 9px/1.2 system-ui;color:#6a5638;opacity:.65}.option-token.rejected{background:#7d7062;border-color:#ac9a85;box-shadow:none;opacity:.65}.option-token.rejected .glyph-set{opacity:.35}.option-token.accepted{outline:3px solid #a0eac3;outline-offset:2px}.answer-mark{position:absolute;inset:0;display:grid;place-items:center;color:#fff0da;font-size:34px;font-weight:400}.feedback-track{height:49px;padding:8px 1px 3px;text-align:center;font-size:12px;line-height:1.45;overflow:auto;scrollbar-width:thin}.feedback-track p{margin:0;color:#90afa4}.feedback-track p[data-kind=correct]{color:#b7e7c7}.feedback-track p[data-kind=wrong]{color:#ffc69e}.feedback-track p[data-kind=hint]{color:#f5dba0}#ruleReveal{color:#d0dfd4}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px}#hintButton{min-height:44px;min-width:90px;padding:9px 17px;border-radius:11px}#runMedals{display:flex;gap:8px;align-items:center}.medal{font-size:20px;line-height:1;color:#64766d}.medal.earned{color:var(--gold);text-shadow:0 1px 6px #e0b85020}.modal-layer{position:absolute;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#06151ce8;overflow:auto;overscroll-behavior:contain}.result-card,.dialog-card,.workshop-card{position:relative;width:100%;max-width:560px;padding:26px!important;border:1px solid #87b9a94d!important;border-radius:24px!important;background:linear-gradient(145deg,#203e39,#122c2b)!important;box-shadow:0 24px 60px #020a144d;color:#eef4e9;text-align:center}.result-art{position:relative;isolation:isolate;width:164px;height:164px;margin:0 auto 10px}.result-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #061c1a80)}.result-aura{position:absolute;inset:6%;z-index:0;border-radius:50%;background:radial-gradient(circle,#e4be6152,transparent 68%)}.result-copy h2,.dialog-card h2,.workshop-card h2{font-size:26px;line-height:1.2;margin:10px 0 12px;letter-spacing:-.035em;color:#fff2ce}.result-copy>p:not(.eyebrow),.dialog-card p{font-size:14px;line-height:1.6;margin:0 auto 16px;color:#b9cfc4}.result-copy #resultSummary{font-size:12px;margin-bottom:20px;color:#91b1a3}.result-medals{display:flex;align-items:flex-start;justify-content:center;gap:14px;margin:22px 0 18px}.result-medals>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;line-height:1.3;color:#c7dacd;max-width:130px}.result-medals .medal{display:grid;place-items:center;width:42px;height:42px;font-size:27px;border:1px solid #f7d27e59;background:#f7d27e0b;border-radius:50%}.result-medals .unearned{opacity:.45}.result-medals .unearned .medal{border-color:#91a9a04d;background:transparent}.result-actions{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px}.result-actions button:disabled{opacity:.42;filter:grayscale(.8)}.result-actions button,.dialog-actions button,.shop-actions button,#closeHelp{min-height:48px!important;white-space:normal;font-size:13px!important;line-height:1.3!important;padding:10px!important;border-radius:12px!important}.dialog-card{max-width:430px;padding:28px!important}.dialog-actions,.shop-actions{display:flex;gap:10px;margin-top:22px}.dialog-actions>*{flex:1}#closeHelp{min-width:120px}.workshop-card{max-width:380px}.workshop-card h3{font-size:17px;margin:18px 0;color:#f1dbb3}.finish-preview{display:flex;justify-content:center;gap:9px;margin:24px 0}.finish-preview img{width:70px;height:74px;padding:12px;background:linear-gradient(150deg,#edf2fd,#b7cae2);border:1px solid #f6f8ff;border-bottom:4px solid #64809e;border-radius:12px}.wallet-line{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#c8d8d0}.wallet-line img{width:24px;height:24px}.wallet-line strong{font-size:17px;font-variant-numeric:tabular-nums}#shopStatus{font-size:13px;color:#e9ce93;min-height:40px;margin:16px 0 0;line-height:1.5}.shop-actions{flex-direction:column;margin-top:10px}body[data-skin=moon]{--wood-light:#edf2fd;--wood:#b7cae2;--wood-edge:#64809e;--gold:#c8ddfa;--jade:#a7cfeb}body[data-skin=moon] .board-frame{background:linear-gradient(145deg,#395471,#243c56 55%,#193048);border-color:#b3d6fa4a}body[data-skin=moon] .pattern-tile.gap{background:linear-gradient(150deg,#142438,#223c54);color:#adc6e1}body[data-skin=moon] .option-token{background:linear-gradient(150deg,#edf2fd,#b7cae2);border-color:#edf4fc;border-bottom-color:#64809e}body[data-skin=moon] .option-token.rejected{background:#687385;border-color:#8798b4}.guide-intro{display:flex;gap:24px;align-items:center}.guide-intro>img{width:130px;height:130px;object-fit:contain;flex-shrink:0}@container workshop (min-aspect-ratio:3/2){.workbench{max-width:860px;padding:8px 20px 12px;grid-template-columns:280px minmax(0,1fr);grid-template-rows:40px minmax(0,1fr);column-gap:30px;row-gap:8px;--board-size:246px}.board-zone{grid-column:1;grid-row:1/3}.board-frame{padding:14px;border-radius:20px}.pattern-grid{gap:6px}.pattern-tile{padding:6px;border-radius:10px}.glyph-set{max-width:51px;max-height:51px}.board-caption{height:20px;padding-top:5px;font-size:10px}.puzzle-heading{grid-column:2;grid-row:1}.puzzle-heading h2{font-size:18px}.eyebrow{font-size:10px;margin-bottom:4px}.answer-zone{grid-column:2;grid-row:2;align-self:center;max-width:none}.answer-heading{margin-bottom:7px}.option-token{min-height:70px}.feedback-track{height:48px}.modal-layer{padding:12px}.result-card{display:grid;grid-template-columns:130px 1fr;column-gap:18px;max-width:680px;padding:18px!important;text-align:start}.result-art{width:130px;height:160px;align-self:center;margin:0}.result-copy h2{font-size:23px;margin:4px 0 8px}.result-copy>p:not(.eyebrow){font-size:12px;line-height:1.4;margin-bottom:8px}.result-copy #resultSummary{margin-bottom:8px;font-size:11px}.result-medals{margin:10px 0;gap:10px;justify-content:flex-start}.result-medals>div{font-size:10px;gap:5px}.result-medals .medal{width:30px;height:30px;font-size:22px}.result-actions{grid-column:1/3;margin-top:8px}.dialog-card{max-width:560px;padding:20px!important}}@media(max-width:480px){.guide-intro{gap:16px}.guide-intro>img{width:90px;height:110px}.result-card{padding:22px 18px!important}.result-copy h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.option-token{transition:none}}