@charset "UTF-8";
:root{--paper:#f4f0e7;--card:#fffdf7;--ink:#343b39;--muted:#82877d;--line:#dedfd2;--green:#367d66;--mint:#e4efe4;--coral:#e97a56;--orange:#d76a46;--yellow:#f5d97f;--shadow:0 4px 0 #d9d7c845;--font:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6;background-image:radial-gradient(#c9cabc4d .65px,transparent .65px);background-size:8px 8px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;transition:transform .15s,background .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):active{transform:translateY(2px)}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--coral);outline-offset:4px}button:hover:not(:disabled){filter:brightness(.97)}[hidden]{display:none!important}.shell{max-width:1192px;margin:auto;padding:27px 36px 20px}.site-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #d4d7ca}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:53px;height:53px;background:var(--coral);border:2px solid var(--ink);border-radius:15px 12px 17px 11px;transform:rotate(-5deg);box-shadow:3px 3px 0 #353b39}.brand-mark svg{width:42px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.brand-mark .mark-ink{fill:#fff6d4;stroke-width:1.5}.brand-title{display:block;font-size:30px;line-height:1.1;font-weight:900;letter-spacing:-1.5px}.brand-title>span{color:var(--coral)}.brand-sub{display:block;font-size:10px;letter-spacing:2.5px;margin-top:6px;color:#72796f}.header-right{display:flex;align-items:center;gap:14px}.edition{font-size:11px;color:var(--muted);margin-right:8px;letter-spacing:1px}.icon-button{border:1px solid #dadccf;background:#fffdf88c;border-radius:10px;min-width:42px;height:39px;color:var(--ink);font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}.icon-button span{font-size:11px;font-weight:500}.intro{display:flex;align-items:center;justify-content:space-between;padding:25px 1px 22px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green);margin:0 0 6px}.intro h1{font-size:30px;letter-spacing:-.8px;line-height:1.4;margin:0;font-weight:850}.intro h1 span{position:relative;isolation:isolate;white-space:nowrap}.intro h1 span:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:10px;background:#f1d283aa;border-radius:50%;z-index:-1;transform:rotate(-1.5deg)}.intro-copy{color:#798073;font-size:12px;margin:8px 0 0}.progress-stamp{min-width:116px;transform:rotate(5deg);border:1.5px dashed #97a48c;border-radius:11px;text-align:center;padding:7px 17px;background:#f8f6e9;color:var(--green)}.progress-stamp strong{display:block;font-size:27px;line-height:1.2;font-weight:800}.progress-stamp strong small{font-size:13px;font-weight:500;color:#9b9f8f}.progress-stamp>span{font-size:10px;letter-spacing:1px}.stamp-stars{font-size:13px;color:#b7ad71;line-height:1.4;letter-spacing:5px}.chapter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chapter-tabs{display:flex;gap:5px;background:#e9e9dc;border:1px solid #d8ddca;border-radius:9px;padding:3px}.chapter-tabs button{border:0;background:transparent;color:#8b9580;border-radius:6px;padding:6px 12px;font-size:11px;min-height:34px;font-weight:650}.chapter-tabs button[aria-pressed="true"]{background:#fffdf5;color:var(--green);box-shadow:0 1px 3px #4555331a}.chapter-tabs button span{font-size:8px;color:#d68159;margin-left:4px;letter-spacing:.5px}.chapter-bar>span{font-size:10px;color:#939d83;flex:1;text-align:right}.chapter-bar>.small-button{align-self:center;min-height:36px}.custom-warning{margin:0 22px 10px;font-size:10px;color:#a4814f;line-height:1.7}.library-label{display:block;font-size:12px;margin:18px 0 6px;color:#718062}#saved-level-select{display:block;width:100%;min-height:44px;border:1px solid #ced7bd;border-radius:7px;background:#f8faef;color:#54674c;padding:8px;font:inherit}.library-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:12px}.library-actions .primary-button{margin:0}.import-feedback{padding:9px 12px;border-radius:7px;background:#fae8dd;color:#9e6248!important;overflow-wrap:anywhere}.import-feedback.success{background:#e7efde;color:#547648!important}.dialog-tip a{color:var(--green)}.heading-tools{display:flex;gap:6px;align-self:flex-start}.level-nav{display:grid;grid-template-columns:repeat(var(--level-columns,5),1fr);gap:10px;margin-bottom:21px}.level-button{display:flex;align-items:center;gap:10px;background:#f9f7f0;border:1px solid #dadcd0;border-radius:11px;padding:10px 12px;min-width:0;text-align:left;color:#7b8275;position:relative}.level-button[aria-current="step"]{background:var(--green);color:#fff;box-shadow:0 3px 0 #235b48;border-color:#286d55}.level-button .nav-num{font-size:20px;font-weight:750;font-variant-numeric:tabular-nums;opacity:.6;line-height:1}.nav-copy{min-width:0;display:block}.nav-name{display:block;font-weight:700;font-size:12px;white-space:nowrap}.nav-stars{font-size:10px;letter-spacing:2px;line-height:1.3;color:#a8ad9b;display:block}.level-button[aria-current="step"] .nav-stars{color:#d8e9bb}.level-button.completed .nav-stars{color:#d49b35}.level-button[aria-current="step"].completed .nav-stars{color:#ffe1a1}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:23px;align-items:start}.game-card{background:var(--card);border:1.5px solid #d6d9cc;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.level-heading{display:flex;align-items:center;padding:21px 23px 16px;gap:14px}.level-number{font-size:37px;line-height:1;font-weight:850;letter-spacing:-2px;color:#cbd2bd;border-right:1px solid var(--line);padding-right:16px}.level-info{flex:1}.level-info .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:1px}.level-info h2{font-size:22px;line-height:1.35;margin:0;font-weight:800}.level-info>p:last-child{font-size:11px;color:#85897e;margin:5px 0 0}.small-button{align-self:flex-start;border:1px solid var(--line);border-radius:7px;background:transparent;color:#757e6d;font-size:10px;padding:5px 8px;white-space:nowrap}.small-button>span:first-child{font-size:16px;line-height:1}.condition{display:flex;align-items:center;gap:8px;margin:0 22px 10px;background:#f0f3e6;border-radius:7px;padding:8px 10px;font-size:11px;color:#727b61}.condition p{margin:0}.condition-icon{display:inline-grid;place-items:center;flex-shrink:0;background:#a7b491;color:white;width:15px;height:15px;border-radius:50%;font-size:10px;font-weight:700}.canvas-wrap{position:relative;margin:0 13px;background:#fcfaf3;background-image:linear-gradient(#ccd4c42d 1px,transparent 1px),linear-gradient(90deg,#ccd4c42d 1px,transparent 1px);background-size:24px 24px;border:1px solid #e4e7d9;border-radius:9px;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.canvas-wrap.is-running canvas{cursor:wait}.board-badge{position:absolute;top:12px;left:13px;display:flex;align-items:center;gap:6px;font-size:10px;color:#8b9580;pointer-events:none}.live-dot{width:5px;height:5px;background:#a8b791;border-radius:50%}.is-running .live-dot{background:var(--coral);animation:pulse 1s infinite}.trial-clock{position:absolute;right:16px;top:10px;color:var(--green);text-align:right;min-width:85px;pointer-events:none}.trial-clock>span{font-size:26px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.trial-clock small{display:block;font-size:9px;margin-top:3px}.trial-clock>div{width:85px;height:3px;background:#dee6d8;margin-top:4px;border-radius:4px;overflow:hidden}.trial-clock i{display:block;height:100%;background:var(--green)}.drawing-status{font-size:10px;color:#7c8473;padding:9px 23px;display:flex;justify-content:space-between;min-height:35px;gap:10px;align-items:center}.drawing-status.warning{color:#c76b4d}.keyboard-note{white-space:nowrap;opacity:.55;font-size:9px}.control-panel{padding:13px 23px 20px;border-top:1px solid #edf0e4;background:#fafbf3}.ink-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.ink-row strong{font-size:11px;font-weight:650}.ink-icon{color:var(--green);font-size:18px;vertical-align:middle;margin-right:4px}.ink-unit{font-size:9px;color:#9ba28f;margin-left:8px}.ink-row b{font-size:17px;font-variant-numeric:tabular-nums;color:var(--green)}.ink-row small{font-size:10px;color:#8e9781}.ink-track{height:8px;border-radius:3px;background:#e3e8d9;position:relative;margin:6px 0 16px}.ink-track>div{height:100%;width:100%;background:#84af8e;border-radius:3px;transition:width .08s}.ink-track.low>div{background:#e4976e}.ink-track>span{position:absolute;top:-3px;height:14px;width:2px;background:#9a9775aa}.actions{display:grid;grid-template-columns:1fr .75fr 1.85fr;gap:9px}.primary-button,.secondary-button{border-radius:8px;min-height:44px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-button{background:var(--green);border:1px solid #2f6e55;color:#fff;box-shadow:0 3px 0 #21543f}.primary-button:disabled{background:#a5b69c;border-color:#8fa381;color:#fff;opacity:.6;box-shadow:0 2px 0 #8f9f87}.secondary-button{background:#fffef8;border:1px solid #d8dfcc;color:#6d7f65;box-shadow:0 2px 0 #e3e7da}.secondary-button>span:first-child{font-size:18px;line-height:1}.hint-panel{background:#fff6d9;border:1px dashed #e1cd96;border-radius:8px;padding:12px 14px;margin-top:17px;font-size:12px;color:#82713e}.hint-panel strong{font-size:11px}.hint-panel p{margin:4px 0}.hint-panel small{font-size:9px;color:#a79970}.note-card{background:#f6eccf;border:1px solid #e8dcb9;border-radius:3px 9px 4px 9px;box-shadow:2px 4px 0 #d5ccb530;padding:23px 22px 18px;transform:rotate(1.2deg);position:relative;margin:8px 1px 22px}.tape{position:absolute;width:68px;height:20px;top:-10px;left:calc(50% - 34px);background:#c4cfa8a8;transform:rotate(-7deg);clip-path:polygon(2% 0,97% 3%,100% 85%,98% 100%,1% 95%,0 15%)}.note-card .eyebrow{color:#a18c54;font-size:9px;letter-spacing:1.3px;margin-bottom:8px}.note-card h2{font-size:25px;line-height:1.5;margin:0 0 16px;letter-spacing:-.5px;transform:rotate(-1deg)}.rules-list{list-style:none;margin:0;padding:0;display:grid;gap:17px}.rules-list li{display:flex;gap:10px}.rules-list li>span{font-size:11px;color:#b69e67;font-weight:750;line-height:1.8}.rules-list p{margin:0;color:#a3936c;font-size:11px;line-height:1.85}.rules-list strong{display:block;color:#6e684d;font-size:12px;margin-bottom:3px}.rule-footnote{font-size:9px;color:#b3a37b;border-top:1px dashed #ddcda4;margin:18px 0 0;padding-top:12px;line-height:1.8}.record-card{border:1px solid #d6dbcb;border-radius:11px;padding:15px 19px;background:#f8f8ef}.record-top{display:flex;align-items:center;justify-content:space-between}.record-top h2{font-size:11px;font-weight:650;margin:0}.record-top>span{font-size:23px;line-height:1;color:#93a17e}.personal-stars{font-size:29px;color:#cabd8f;letter-spacing:9px;text-align:center;margin-top:8px}.record-card>p{font-size:10px;text-align:center;color:#969c8a;margin:2px 0 13px}.record-target{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #d8dec9;padding-top:11px;font-size:10px;color:#929982}.record-target strong{color:#6f8361;font-weight:600}.record-card .save-note{margin:12px 0 0;font-size:8px;color:#aeb5a0}.side-doodle svg{width:90%;height:85px;fill:none;stroke:#a3ae934d;stroke-width:2;stroke-linecap:round;transform:rotate(-4deg);margin-left:20px}.side-doodle text{fill:#9ea88d;stroke:none;font:9px var(--font);letter-spacing:1px}.footer{display:flex;justify-content:space-between;font-size:9px;color:#a2a895;margin-top:20px;gap:10px}.footer-dot{margin:0 8px}.result-panel{position:absolute;top:18px;left:18px;max-width:340px;width:calc(100% - 36px);padding:15px 19px;background:#fffcf2f5;border:1.5px solid #c8d6be;border-radius:12px;box-shadow:3px 5px 0 #7f936724;animation:arrive .25s ease-out}.result-panel.failed{border-color:#e8b79c;background:#fff8edf7}.result-eyebrow{font-size:11px;letter-spacing:2px;color:#b49143;font-weight:700}.result-panel h3{font-size:24px;margin:1px 0 3px;color:var(--green);line-height:1.4}.result-panel.failed h3{color:#c47652}.result-panel>p{font-size:11px;margin:3px 0;color:#69735e}.result-panel .result-reason{font-size:10px;color:#949784;margin-top:7px}.result-stats{font-size:10px;color:#899477;border-top:1px dashed #dce0cb;margin-top:10px;padding-top:7px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#343e34ef;color:#fffdf1;max-width:min(90vw,430px);padding:11px 20px;font-size:12px;border-radius:10px;z-index:10;box-shadow:0 5px 20px #27312b25;text-align:center}.noscript{position:fixed;inset:0;background:var(--paper);display:grid;place-items:center;font-size:24px;z-index:100}dialog{border:1px solid #cbcdb9;border-radius:17px;background:var(--card);max-width:480px;width:calc(100% - 32px);padding:29px;color:var(--ink);box-shadow:0 20px 80px #28312633}dialog::backdrop{background:#3a443b66;backdrop-filter:blur(3px)}dialog h2{font-size:26px;line-height:1.4;margin:6px 0 15px}dialog p,dialog li{font-size:12px;color:#7c846f;line-height:1.9}dialog strong{color:#506b4c}dialog ul{padding-left:18px}dialog li{margin-bottom:9px}dialog .primary-button{width:100%;margin-top:12px}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:26px;color:#8c957d;width:36px;height:36px}.dialog-tip{padding:10px 13px;background:#f1f2e5;border-radius:8px;font-size:10px!important}@keyframes pulse{50%{opacity:.25}}@keyframes arrive{from{opacity:0;transform:translateY(8px) rotate(-1deg)}to{opacity:1;transform:none}}
@media(min-width:1280px){.shell{padding-top:33px}.intro{padding-top:30px;padding-bottom:25px}.workspace{gap:27px;grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:960px){.shell{padding:22px}.workspace{grid-template-columns:minmax(0,1fr) 223px;gap:16px}.level-heading{padding:17px 16px 12px;gap:10px}.level-number{font-size:32px;padding-right:10px}.level-info h2{font-size:20px}.condition{margin-left:16px;margin-right:16px;font-size:10px}.level-info>p:last-child{font-size:10px}.small-button{padding:4px 6px}.small-button span:last-child{display:none}.note-card{padding:20px 17px 16px}.note-card h2{font-size:23px}.rules-list{gap:12px}.rules-list p{font-size:10px}.level-button{gap:8px;padding:10px}.level-button .nav-num{font-size:17px}.nav-name{font-size:11px}.control-panel{padding:11px 16px 17px}.drawing-status{padding-left:16px;padding-right:16px}.keyboard-note{display:none}.primary-button,.secondary-button{font-size:11px;padding:9px}.actions{grid-template-columns:1fr .75fr 1.75fr}}
@media(max-width:730px){.shell{max-width:580px;padding:19px 16px}.workspace{display:block}.side-notes{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-top:22px;align-items:start}.note-card{margin:0;transform:rotate(.6deg);padding:20px 15px 14px}.note-card h2{font-size:19px;line-height:1.4;margin-bottom:10px}.note-card h2 br{display:block}.rules-list{gap:9px}.rules-list strong{font-size:11px}.rules-list p{font-size:10px}.rules-list li{gap:7px}.rules-list li>span{font-size:9px}.rule-footnote{margin-top:10px;padding-top:8px;font-size:8px}.record-card{padding:15px}.side-doodle{display:none}.record-target{display:block}.record-target strong{display:block}.header-right{gap:8px}.edition{display:none}.intro{padding:24px 0 21px}.intro h1{font-size:26px}.intro-copy{font-size:11px;max-width:270px}.progress-stamp{min-width:79px;padding:8px 10px;margin-left:10px}.progress-stamp strong{font-size:23px}.progress-stamp>span{font-size:9px;letter-spacing:0}.stamp-stars{font-size:11px;letter-spacing:2px}.level-nav{gap:7px;margin-bottom:19px}.level-button{display:block;text-align:center;padding:8px 2px 6px;border-radius:9px}.level-button .nav-num{font-size:16px;display:block;margin-bottom:4px}.nav-name{font-size:10px;font-weight:600}.nav-stars{font-size:8px;letter-spacing:1px;margin-top:3px}.brand-title{font-size:27px}.brand-mark{width:47px;height:47px}.brand-mark svg{width:36px}.brand-sub{font-size:9px;letter-spacing:2px}.site-header{padding-bottom:17px}.footer{font-size:8px;flex-wrap:wrap;justify-content:center;margin-top:23px}.footer>span:last-child{opacity:.7}.result-panel{max-width:290px;top:12px;left:12px;padding:12px 14px}.result-panel h3{font-size:21px}.result-panel>p{font-size:10px}.result-panel .result-reason{font-size:9px}.result-stats{font-size:9px;margin-top:7px;padding-top:5px}}
@media(max-width:730px){.chapter-bar{margin-bottom:11px;flex-wrap:wrap}.chapter-bar>span{display:none}.chapter-bar>.small-button{font-size:10px;min-height:40px}.custom-warning{margin:0 12px 9px;font-size:9px}.chapter-tabs button{font-size:10px;padding:5px 9px}.chapter-bar>span{font-size:9px;max-width:116px;text-align:right}.heading-tools{gap:4px}}
@media(max-width:400px){.shell{padding:14px 11px}.brand{gap:10px}.brand-title{font-size:25px}.brand-sub{font-size:8px}.icon-button{height:35px;min-width:34px;padding:0 8px;font-size:17px}.icon-button span{font-size:9px}.intro h1{font-size:23px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}.intro-copy{font-size:10px;max-width:240px}.progress-stamp{padding:7px 8px;min-width:66px;margin-left:6px}.progress-stamp strong{font-size:20px}.progress-stamp>span{font-size:8px}.intro{padding:20px 0 18px}.level-heading{padding:15px 13px 10px}.level-number{font-size:28px}.level-info h2{font-size:19px}.level-info>p:last-child{font-size:9px}.level-info .eyebrow{font-size:8px}.condition{margin:0 12px 9px;padding:7px 8px;font-size:9px}.canvas-wrap{margin:0 8px}.board-badge{top:8px;left:9px;font-size:8px}.trial-clock{top:7px;right:10px}.trial-clock>span{font-size:21px}.trial-clock small{font-size:8px}.drawing-status{font-size:9px;padding:8px 13px;min-height:32px}.control-panel{padding:10px 13px 15px}.ink-unit{font-size:8px}.actions{gap:6px}.primary-button,.secondary-button{font-size:10px;min-height:44px;padding:9px 7px}.hint-button{gap:3px}.side-notes{gap:12px}.personal-stars{font-size:23px;letter-spacing:5px}.record-card{padding:13px 11px}.result-panel{top:8px;left:8px;padding:10px 12px;max-width:260px}.result-panel h3{font-size:19px}.result-eyebrow{font-size:9px}.result-panel .result-reason{font-size:8px}.result-stats{margin-top:4px;padding-top:4px}.hint-panel{font-size:11px}.level-nav{gap:5px}.nav-name{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}