@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Nunito+Sans:wght@400;500;600;700;800&display=swap";:root{color:#3e453b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sage:#738669;--sage-deep:#5b7152;--sage-light:#edf1e6;--ink:#3e453b;--muted:#92978b;--line:#e9ebe2;--serif:"Noto Serif SC", "Songti SC", "STSong", Georgia, serif;background:#f8f8f3;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{min-width:360px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #a3b591}a{color:inherit;text-decoration:none}button{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}::selection{background:#dde5cd}.site-header{border-bottom:1px solid var(--line);background:#fdfdf9;height:83px}.header-inner,.page-main,.site-footer{width:calc(100% - 96px);max-width:1320px;margin:0 auto}.header-inner{align-items:center;gap:60px;height:100%;display:flex}.brand{flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.brand-mark{color:#fffdf5;background:#788969;border-radius:12px;place-items:center;width:41px;height:41px;display:grid;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.brand-name{font-family:var(--serif);letter-spacing:2px;font-size:23px;font-weight:600;line-height:1.25}.brand-name>span{letter-spacing:2px;color:#90967f;margin-top:5px;font-family:Nunito Sans,sans-serif;font-size:10px;font-weight:700;display:block}.main-nav{align-items:center;gap:10px;display:flex}.main-nav button{color:#93988e;letter-spacing:.2px;border-radius:7px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:inline-flex}.main-nav button.active{color:#637857;background:#edf0e5;font-weight:600}.main-nav button:hover:not(.active){color:var(--sage-deep);background:#f2f3ed}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.header-motto{color:#9a9f90;letter-spacing:.3px;align-items:center;gap:7px;font-size:11px;display:flex}.header-motto svg{color:#82966f}.header-divider{background:#e5e8de;width:1px;height:19px;margin:0 10px 0 14px}.icon-button{color:#93998a;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){color:#5e7751;background:#edf0e5}.hero{justify-content:space-between;align-items:center;padding:33px 0 29px;display:flex}.eyebrow{letter-spacing:2px;color:#949e88;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.eyebrow>span{background:#a7b292;border-radius:100%;width:5px;height:5px}.hero h1{font-family:var(--serif);letter-spacing:1.8px;color:#3e4838;margin-top:8px;font-size:clamp(27px,2.45vw,36px);font-weight:500;line-height:1.55}.hero h1>span{color:#7d8e6f;display:inline-block}.hero>div>p{color:#989d92;letter-spacing:.4px;margin-top:10px;font-size:12px}.hero-aside{align-items:center;gap:20px;padding-right:30px;display:flex}.hero-aside>p{font-family:var(--serif);font-weight:400;line-height:2.1;transform:rotate(-3deg);letter-spacing:1.6px!important;color:#969d8b!important;font-size:12px!important}.hero-drawing{width:143px;height:100px;position:relative}.hero-piece{width:77px;height:77px;position:absolute}.hero-piece-back{fill:#e3d4a8;filter:drop-shadow(1px 3px #d8c58c44);top:4px;left:48px;transform:rotate(20deg)}.hero-piece-front{fill:#a8b497;filter:drop-shadow(1px 3px #84987744);top:23px;left:6px;transform:rotate(-13deg)}.drawing-spark{color:#bac19c;position:absolute}.drawing-spark-one{font-size:21px;top:49px;right:2px}.drawing-spark-two{color:#cfc5a8;font-size:18px;top:0;left:18px;transform:rotate(20deg)}.drawing-line{border:1px dashed #0000;border-bottom-color:#c9cfbc;border-radius:50%;width:31px;height:20px;position:absolute;bottom:0;right:0;transform:rotate(-40deg)}.workspace{grid-template-columns:minmax(0,1fr) 286px;align-items:stretch;gap:22px;display:grid}.game-panel{background:#fcfcf8;border:1px solid #e3e7da;border-radius:13px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 4px 22px #525e3604}.board-toolbar{background:#fffffc;border-bottom:1px solid #e7eadf;justify-content:space-between;align-items:center;gap:8px;min-height:57px;padding:0 18px 0 21px;display:flex}.board-title,.board-actions{align-items:center;min-width:0;display:flex}.board-title{gap:9px}.board-title>svg{color:#7f906e}.board-title h2{letter-spacing:.5px;white-space:nowrap;font-size:13px;font-weight:650}.board-separator{background:#dedfd5;width:1px;height:12px;margin:0 4px 0 8px}.board-image-name{color:#a0a594;text-overflow:ellipsis;white-space:nowrap;max-width:135px;font-size:10px;overflow:hidden}.board-actions{flex-shrink:0;gap:7px}.text-button{color:#929b87;border-radius:4px;align-items:center;gap:7px;padding:6px 5px;font-size:11px;display:inline-flex}.text-button:hover{color:#5c7551}.preview-button{font-size:11px}.toolbar-divider{background:#e6e8de;width:1px;height:14px;margin:0 4px}.canvas-wrap{isolation:isolate;background-color:#f1f2e9;background-image:radial-gradient(#cfd5c1 .65px,#0000 .65px);background-size:14px 14px;flex:1;min-height:492px;position:relative;overflow:hidden}.puzzle-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.puzzle-canvas:focus-visible{outline-offset:-3px;outline:2px solid #9caa86}.canvas-topline,.canvas-bottomline{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;left:20px;right:20px}.canvas-topline{top:16px}.canvas-bottomline{bottom:17px}.canvas-topline>*,.canvas-bottomline>*{pointer-events:auto}.table-tag{color:#929c83;letter-spacing:.4px;pointer-events:none;background:#f9faf3df;border:1px solid #e5e9db;border-radius:5px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;display:flex;box-shadow:0 2px 5px #48543903}.table-tag>span{background:#91a57d;border-radius:100%;width:5px;height:5px}.edge-filter{color:#99a18f;background:#f9faf3e0;border:1px solid #e5e9db;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex}.edge-filter:hover,.edge-filter.is-active{color:#657b52;background:#e0e8d4;border-color:#c3cfae}.zoom-controls{background:#fffffadf;border:1px solid #e4e8d9;border-radius:7px;align-items:center;gap:2px;padding:4px 5px;display:flex;box-shadow:0 2px 6px #4b563308}.zoom-controls button{color:#909a82;border-radius:4px;place-items:center;width:27px;height:26px;padding:0;display:grid}.zoom-controls button:hover:not(:disabled){color:#526b42;background:#e9edde}.zoom-controls>span{text-align:center;color:#838d76;font-variant-numeric:tabular-nums;min-width:41px;font-size:11px}.zoom-controls small{padding-left:2px;font-size:9px}.zoom-controls i{background:#e5e8dc;width:1px;height:14px;margin:0 3px}.canvas-tools{gap:7px;display:flex}.canvas-tools button{color:#8e9b7c;background:#fffffaf0;border:1px solid #e2e7d7;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.canvas-tools button:hover:not(:disabled){color:#647c50;background:#e8efdc;border-color:#cbd8b8}.board-center-note{pointer-events:none;white-space:nowrap;color:#89977bcc;background:#f4f5e9c4;border:1px solid #e5e9d5;border-radius:6px;align-items:center;gap:7px;padding:8px 13px;font-size:11px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-status{background:#fffffc;border-top:1px solid #e3e7d9;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;height:61px;padding:0 20px;display:flex}.progress-section{flex:1;align-items:center;gap:10px;display:flex}.progress-icon{color:#94a07f;display:flex}.progress-copy{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.progress-copy strong{color:#738662;font-size:15px;font-weight:700}.progress-copy>span{color:#a0a693;font-size:10px}.progress-track{background:#ecefe3;border-radius:3px;width:126px;max-width:27%;height:5px;margin-left:4px;overflow:hidden}.progress-track>span{background:#9bae86;border-radius:3px;height:100%;transition:width .35s;display:block}.progress-percent{font-variant-numeric:tabular-nums;color:#a0a98f;font-size:10px}.timer-section{color:#9ba38d;align-items:center;gap:7px;display:flex}.timer{color:#7e896f;font-variant-numeric:tabular-nums;min-width:38px;font-size:12px}.timer-toggle{width:25px;height:25px}.status-divider{background:#e5e8dd;width:1px;height:13px;margin-left:4px}.settings-panel{background:#fffffc;border:1px solid #e4e7dc;border-radius:13px;padding:21px 19px 13px;box-shadow:0 4px 22px #525e3603}.section-label{letter-spacing:.2px;align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:20px;display:flex}.section-label>span{color:#a7b593;font-family:Nunito Sans,sans-serif;font-size:10px;font-weight:700}.section-label>svg{color:#a8b396;margin-left:auto}.section-label>small{color:#adb4a1;letter-spacing:0;margin-left:auto;font-size:9px;font-weight:400}.selected-photo{background:#e5e8dc;border-radius:8px;width:100%;height:122px;margin-top:13px;padding:0;display:block;position:relative;overflow:hidden}.selected-photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.selected-photo:hover img{transform:scale(1.05)}.selected-photo:after{content:"";background:linear-gradient(#1c211b12,#0000 40%,#1c211b0d);position:absolute;inset:0}.photo-top-label{z-index:1;color:#fffff7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.3px;background:#303b3470;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;display:inline-flex;position:absolute;top:9px;left:9px}.photo-top-label>span{background:#f0edd4;border-radius:50%;width:3px;height:3px}.photo-expand{color:#566349;z-index:1;background:#f8f9f28c;border-radius:4px;padding:5px;display:flex;position:absolute;bottom:8px;right:8px}.photo-caption{justify-content:space-between;align-items:center;gap:5px;margin-top:9px;display:flex}.photo-caption>span{color:#7c876f;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.photo-caption button{color:#97a08a;white-space:nowrap;align-items:center;gap:1px;padding:3px 0 3px 6px;font-size:9px;display:flex}.photo-caption button:hover{color:#557445}.upload-zone{color:#91a07e;background:#f8faf2;border:1px dashed #cbd5bd;border-radius:7px;flex-direction:column;align-items:center;gap:5px;width:100%;margin-top:12px;padding:12px 5px 10px;display:flex}.upload-zone:hover,.upload-zone.drag-over{color:#66804f;background:#ecf2e1;border-color:#94aa7c}.upload-zone.drag-over{border-style:solid;transform:scale(1.015);box-shadow:0 0 0 3px #b9cba242}.upload-title{color:#81946e;margin-top:1px;font-size:11px;font-weight:500}.upload-description{color:#a8b09a;font-size:8px}.difficulty-section{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.difficulty-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.difficulty-option{text-align:left;background:#fcfdf9;border:1px solid #e7eadf;border-radius:7px;flex-direction:column;min-height:60px;padding:9px 12px 8px;display:flex;position:relative;overflow:hidden}.difficulty-option:hover{background:#f6f8ee;border-color:#b6c4a4}.difficulty-option.selected{background:#f0f4e7;border-color:#98ae7e;box-shadow:0 0 0 .4px #a0b38b}.difficulty-count{color:#6e7a63;font-size:18px;font-weight:700;line-height:1.2}.difficulty-count>small{color:#98a28b;margin-left:5px;font-size:9px;font-weight:400}.difficulty-option.selected .difficulty-count{color:#71865b}.difficulty-name{color:#a1a995;justify-content:space-between;align-items:center;margin-top:5px;font-size:9px;display:flex}.difficulty-option.selected .difficulty-name{color:#8a9e74}.difficulty-dots{gap:3px;display:flex}.difficulty-dots>i{background:#e2e7d7;border-radius:50%;width:3px;height:3px}.difficulty-dots>i.filled{background:#a8b693}.difficulty-check{color:#fff;background:#96a97f;border-radius:0 0 0 5px;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:0;right:0}.difficulty-note{color:#a6af9a;white-space:nowrap;justify-content:center;align-items:center;gap:4px;min-height:14px;margin-top:10px;font-size:9px;display:flex}.preference-section{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.preference{justify-content:space-between;align-items:center;margin:0 0 11px;display:flex}.preference>span{color:#8a957e;align-items:center;gap:7px;font-size:10px;display:flex}.preference>span>svg{color:#98a48c}.preference>span>i{color:#acb799;background:#f0f3e8;border-radius:3px;margin-left:0;padding:1px 4px;font-size:8px;font-style:normal}.toggle{background:#dce2d3;border:0;border-radius:10px;flex-shrink:0;width:29px;height:16px;padding:2px;position:relative}.toggle>span{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;display:block;box-shadow:0 1px 3px #3543241c}.toggle.is-on{background:#8fa37a}.toggle.is-on>span{transform:translate(13px)}.primary-button{color:#fffef6;letter-spacing:.7px;background:#788b68;border:1px solid #788b68;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:12px;font-weight:500;display:inline-flex}.primary-button:hover:not(:disabled){background:#647b55;border-color:#647b55;transform:translateY(-1px);box-shadow:0 4px 12px #556d4020}.primary-button:active:not(:disabled){transform:translateY(0)}.start-button{width:100%;height:43px;margin-top:6px}.start-button>svg:last-child{opacity:.8;margin-left:auto}.start-button>span{margin-left:2px;margin-right:auto}.privacy-note{color:#b0b7a5;white-space:nowrap;justify-content:center;align-items:center;gap:4px;margin-top:10px;font-size:8px;display:flex}.under-workspace{justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.under-workspace>p{color:#a6ad99;align-items:center;gap:7px;font-size:9px;display:flex}.under-workspace>p>svg{color:#9ba88a;margin-right:1px}.under-workspace i{background:#c6cdbb;border-radius:50%;width:3px;height:3px;margin:0 2px}.desktop-tip{align-items:center;gap:6px;display:flex}kbd{color:#8b9a7e;white-space:nowrap;background:#fafbf5;border:1px solid #e0e5d6;border-radius:3px;padding:1px 4px;font-family:inherit;font-size:9px;box-shadow:0 1px #e8ebdf}.save-note{color:#a7b09b;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.save-warning{color:#a38a57}.gallery-section{margin-top:40px;scroll-margin-top:30px}.gallery-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.gallery-heading>div{align-items:center;gap:9px;display:flex}.gallery-heading-icon{color:#9bac87;display:flex}.gallery-heading h2{font-family:var(--serif);letter-spacing:.6px;font-size:16px;font-weight:500}.gallery-heading p{color:#a6ad9c;margin-left:4px;font-size:10px}.gallery-heading>button{color:#97a785;padding-right:0;font-size:10px}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;display:grid}.gallery-card{text-align:left;border-radius:9px;padding:0}.gallery-image{isolation:isolate;background:#e1e6d7;border-radius:9px;height:151px;position:relative;overflow:hidden}.gallery-image>img{object-fit:cover;filter:saturate(.79);width:100%;height:100%;transition:transform .55s,filter .55s;display:block}.gallery-image:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#27322116,#0000 55%,#27322116);position:absolute;inset:0}.gallery-card:hover .gallery-image>img{filter:saturate();transform:scale(1.06)}.gallery-number{color:#fffdf0dd;z-index:2;letter-spacing:1px;text-shadow:0 1px 2px #0003;font-size:9px;font-weight:600;position:absolute;top:10px;left:11px}.current-photo-tag{color:#758960;z-index:2;background:#fcfff0e8;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;font-size:8px;display:flex;position:absolute;top:9px;right:9px}.gallery-start{z-index:2;color:#faffed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#25362166;border-radius:5px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;transition:opacity .25s,transform .25s;display:flex;position:absolute;inset:auto 12px 12px auto;transform:translateY(5px)}.gallery-card:hover .gallery-start,.gallery-card:focus-visible .gallery-start{opacity:1;transform:translateY(0)}.gallery-caption{color:#728064;justify-content:space-between;align-items:center;padding:11px 1px 0;display:flex}.gallery-caption>span{letter-spacing:.3px;font-size:11px;font-weight:600}.gallery-caption small{color:#a6ad9a;letter-spacing:.1px;margin-top:5px;font-size:9px;font-weight:400;display:block}.gallery-caption>svg{color:#a7b397;margin-right:1px;transition:transform .2s}.gallery-card:hover .gallery-caption>svg{transform:translate(3px)}.little-note{text-align:center;color:#a2af90;flex-direction:column;align-items:center;padding:44px 0 31px;display:flex}.little-note>p{font-family:var(--serif);letter-spacing:2px;color:#949f88;margin:11px 0 7px;font-size:13px}.little-note>span{color:#b6beaa;letter-spacing:2px;font-size:7px}.site-footer{color:#a8b099;border-top:1px solid #e5e9dc;justify-content:space-between;align-items:center;min-height:62px;font-size:9px;display:flex}.site-footer>span{align-items:center;gap:6px;display:flex}.footer-dot{color:#c6cbbd;margin:0 3px}.site-footer>span:last-child>svg{margin-left:7px}.board-overlay{z-index:5;color:#92a17f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#f3f5eccf;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:25px;display:flex;position:absolute;inset:0}.loading-overlay>p{color:#8c997e;max-width:340px;font-size:12px;line-height:1.9}.loading-overlay h3{font-family:var(--serif);color:#627752;margin-top:7px;font-weight:500}.compact{margin-top:8px;padding:10px 20px}.pause-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#e9eedcaa}.pause-card{background:#fbfdf3f2;border:1px solid #fcfff0;border-radius:13px;flex-direction:column;align-items:center;padding:31px 40px;display:flex;box-shadow:0 8px 25px #3d4e2310}.pause-coffee{color:#8fa476;background:#f0f3e4;border-radius:50%;place-items:center;width:55px;height:55px;margin-bottom:18px;display:grid}.pause-card>.eyebrow{color:#9dac8a;font-size:8px}.pause-card h3{font-family:var(--serif);color:#677955;margin:12px 0 10px;font-size:19px;font-weight:500}.pause-card p{color:#9aa88b;margin-bottom:15px;font-size:11px}.completed-badge{z-index:3;color:#6d8655;white-space:nowrap;background:#f6faed;border:1px solid #d1ddbf;border-radius:20px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:11px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #52642f12}.game-panel.is-focused{z-index:40;border-radius:12px;position:fixed;inset:20px;box-shadow:0 0 0 30px #f8f8f3}.is-focused .canvas-wrap{min-height:0}.is-focused .board-toolbar{min-height:60px}.is-focused .board-status{height:65px}.modal{color:var(--ink);background:#fdfef8;border:1px solid #e2e7d7;border-radius:17px;width:560px;max-width:min(560px,100vw - 32px);max-height:calc(100dvh - 56px);padding:34px;overflow:auto;box-shadow:0 18px 100px #20341330}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#24381d66}.modal[open]{animation:.22s both dialog-in}.modal h2{font-family:var(--serif);color:#566c45;letter-spacing:.5px;padding-right:24px;font-size:23px;font-weight:500;line-height:1.7}.modal-close{color:#96a783;position:absolute;top:14px;right:13px}.modal-subtitle{color:#94a187;margin:10px 0 23px;font-size:12px;line-height:1.9}.modal-subtitle>strong{color:#6f8559;font-weight:700}.help-steps{flex-direction:column;gap:23px;display:flex}.help-steps>div{align-items:flex-start;gap:14px;display:flex}.help-steps>div>span{color:#8c9f75;background:#edf2e3;border-radius:11px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.help-steps h3{color:#73865f;margin-bottom:6px;font-size:12px;font-weight:600}.help-steps p{color:#99a48d;font-size:11px;line-height:1.9}.keyboard-help{background:#f7faef;border:1px solid #e6ecdb;border-radius:9px;margin-top:25px;padding:15px 17px}.keyboard-help h3{color:#849873;margin-bottom:12px;font-size:11px;font-weight:600}.keyboard-help p{color:#9ba98e;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:10px;display:flex}.keyboard-help kbd{padding:2px 4px;font-size:9px}.help-privacy{color:#a2af93;align-items:flex-start;gap:7px;margin:18px 0;font-size:10px;line-height:1.8;display:flex}.help-privacy>svg{flex-shrink:0;margin-top:2px}.help-modal>.primary-button{width:100%}.preview-modal{width:810px;max-width:min(810px,100vw - 32px)}.full-preview{object-fit:contain;background:#eef2e4;border-radius:7px;width:100%;max-height:61vh;display:block}.preview-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:19px;display:flex}.preview-footer>span{color:#9dac8d;align-items:center;gap:7px;font-size:11px;display:flex}.secondary-button{color:#859b6f;background:#fbfdf5;border:1px solid #d8e1ca;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:11px;display:inline-flex}.secondary-button:hover{color:#5f7a49;background:#edf4e3}.gallery-modal{width:730px;max-width:min(730px,100vw - 32px)}.modal-gallery-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.modal-gallery-grid>button{text-align:left;background:#f6f9ef;border:1px solid #e7eedb;border-radius:8px;padding:0 0 10px;position:relative;overflow:hidden}.modal-gallery-grid>button:hover{border-color:#b6c89f;transform:translateY(-2px)}.modal-gallery-grid img{object-fit:cover;width:100%;height:135px;display:block}.modal-gallery-grid>button>span{padding:11px 12px 0;display:block}.modal-gallery-grid strong{color:#798c67;font-size:12px;font-weight:500}.modal-gallery-grid small{color:#a7b498;margin-top:5px;font-size:9px;display:block}.modal-gallery-grid>button>svg{color:#a7b993;position:absolute;bottom:29px;right:12px}.gallery-upload-link{color:#90a17d;border-top:1px solid #e7eddb;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:25px;padding-top:20px;font-size:11px;display:flex}.gallery-upload-link:hover{color:#5a7943}.completion-modal{text-align:center;padding-top:100px;position:relative}.completion-modal h2{z-index:1;padding:0;font-size:23px;position:relative}.completion-icon{color:#839d6a;z-index:1;background:#e9f0dd;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:30px;left:calc(50% - 27px)}.completion-photo{object-fit:contain;background:#eff3e6;border-radius:7px;width:100%;max-height:240px}.completion-stats{justify-content:center;align-items:center;gap:32px;padding:22px 0;display:flex}.completion-stats>span{color:#a1b38e;align-items:center;gap:6px;font-size:10px;display:flex}.completion-stats strong{color:#77925e;font-size:15px;font-weight:600}.completion-actions{gap:12px;display:flex}.completion-actions>button{flex:1}.completion-gallery{justify-content:center;margin:16px auto 0;font-size:10px}.confetti{pointer-events:none;height:150px;position:absolute;top:0;left:0;right:0;overflow:hidden}.confetti i{top:-10px;left:calc(var(--i) * 5.5%);width:6px;height:11px;animation:confetti-fall 2.7s calc(var(--i) * 75ms) ease-out both;background:#a8bc83;border-radius:2px;position:absolute}.confetti i:nth-child(3n){background:#dbc997;width:5px;height:5px}.confetti i:nth-child(3n+1){background:#c4ceac;border-radius:50%;width:8px;height:8px}.confirm-modal{padding-top:91px}.confirm-modal h2{padding:0;font-size:21px}.confirm-icon{color:#91a378;background:#eef2e3;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:29px;left:34px}.pending-preview{background:#f4f7ec;border:1px solid #e6ecda;border-radius:8px;align-items:center;gap:13px;margin-bottom:23px;padding:12px;display:flex}.pending-preview img{object-fit:cover;border-radius:4px;width:79px;height:53px}.pending-preview strong{color:#788e63;font-size:12px;font-weight:600;display:block}.pending-preview span{color:#a3b190;margin-top:6px;font-size:10px;display:block}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.toast{z-index:100;color:#6a8156;background:#fbfef3f5;border:1px solid #d7e3c6;border-radius:9px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:13px 14px;font-size:12px;animation:.2s both toast-in;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #3849201c}.toast>svg{flex-shrink:0}.toast>span{line-height:1.6}.toast>button{color:#a8b29c;place-items:center;margin-left:5px;padding:3px;display:grid}.toast-error{color:#a08755;background:#fffaf0;border-color:#e4d7ba}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;bottom:20px}to{opacity:1;bottom:27px}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(160px)rotate(240deg)}}@media (width>=1500px){.canvas-wrap{min-height:540px}.settings-panel{flex-direction:column;display:flex}.start-button{margin-top:auto}.preference-section{margin-bottom:8px}.hero{padding:39px 0 34px}.gallery-image{height:165px}}@media (width<=1150px){.header-inner,.page-main,.site-footer{width:calc(100% - 56px)}.header-inner{gap:30px}.header-motto{display:none}.header-divider{margin-left:0}.workspace{grid-template-columns:minmax(0,1fr) 262px;gap:16px}.settings-panel{padding:18px 16px 13px}.hero-aside{gap:8px;padding-right:0}.hero-aside>p{font-size:10px!important}.hero-drawing{transform-origin:100%;width:126px;transform:scale(.88)}.board-image-name{max-width:85px}.progress-track{width:75px}.board-status{padding:0 15px}.progress-section{gap:7px}.desktop-tip{display:none}.gallery-image{height:133px}.gallery-grid{gap:14px}.gallery-caption small{font-size:8px}.canvas-wrap{min-height:492px}}@media (width<=900px){.header-inner,.page-main,.site-footer{width:calc(100% - 40px)}.site-header{height:73px}.header-inner{gap:25px}.main-nav{gap:5px}.main-nav button{padding:9px 12px;font-size:12px}.brand-mark{width:35px;height:35px}.brand-name{font-size:21px}.brand-name>span{font-size:9px}.header-actions{gap:3px}.hero{padding:26px 0 25px}.hero h1{font-size:30px}.hero>div>p{max-width:470px;font-size:11px;line-height:1.8}.hero-aside>p{display:none}.workspace{grid-template-columns:minmax(0,1fr)}.canvas-wrap{min-height:500px}.settings-panel{grid-template-columns:1fr 1fr;column-gap:28px;padding:20px;display:grid;position:relative}.settings-panel>.settings-section:first-child{grid-row:1/5}.difficulty-section{border-top:0;margin-top:0;padding-top:0}.preference-section{margin-top:12px;padding-top:11px}.selected-photo{height:145px}.upload-zone{margin-top:13px;padding:13px 5px 11px}.start-button{margin-top:2px}.privacy-note{grid-column:2}.board-image-name{max-width:190px}.progress-track{width:150px}.gallery-section{margin-top:31px}.gallery-grid{grid-template-columns:1fr 1fr;gap:21px}.gallery-image{height:185px}.gallery-caption small{font-size:9px}.gallery-heading p{display:none}.site-footer{font-size:8px}}@media (width<=600px){body{min-width:360px}.header-inner,.page-main,.site-footer{width:calc(100% - 28px)}.site-header{height:68px}.header-inner{gap:0}.brand{gap:8px}.brand-mark{border-radius:10px;width:33px;height:33px}.brand-mark>svg{width:21px}.brand-name{letter-spacing:1px;font-size:20px}.brand-name>span{letter-spacing:1.5px;margin-top:3px;font-size:8px}.main-nav{margin-left:auto}.main-nav button{padding:8px;font-size:10px}.main-nav button svg,.main-nav button:first-child{display:none}.header-actions{margin-left:7px}.header-actions .icon-button{width:28px}.header-divider{display:none}.header-actions .icon-button>svg{width:17px}.hero{gap:0;padding:23px 3px 24px;position:relative}.hero>div:first-child{flex:1}.eyebrow{letter-spacing:1.5px;font-size:7px}.hero h1{letter-spacing:.4px;margin-top:9px;font-size:27px}.hero h1>span{display:block}.hero>div>p{max-width:280px;margin-top:9px;font-size:10px;line-height:1.9}.hero-aside{pointer-events:none;opacity:.85;position:absolute;top:3px;right:14px}.hero-drawing{transform-origin:100%;width:85px;transform:scale(.5)}.workspace{gap:14px}.game-panel{border-radius:10px}.board-toolbar{min-height:49px;padding:0 10px 0 13px}.board-title{gap:6px}.board-title>svg{width:16px}.board-title h2{font-size:11px}.board-separator{margin-left:3px;margin-right:0}.board-image-name{max-width:75px;font-size:9px}.board-actions{gap:0}.preview-button{padding:5px}.preview-button>span{display:none}.toolbar-divider{margin:0 3px}.canvas-wrap{min-height:345px}.canvas-topline,.canvas-bottomline{left:11px;right:11px}.canvas-topline{top:11px}.canvas-bottomline{bottom:11px}.table-tag{padding:5px 7px;font-size:8px}.edge-filter{padding:5px 6px;font-size:8px}.edge-filter>svg{width:12px}.zoom-controls{gap:0;padding:3px}.zoom-controls button{width:25px;height:25px}.zoom-controls>span{min-width:33px;font-size:9px}.zoom-controls small{font-size:8px}.canvas-tools{gap:5px}.canvas-tools button{gap:4px;padding:8px;font-size:9px}.canvas-tools button>svg{width:13px}.board-center-note{gap:3px;padding:5px 7px;font-size:8px}.board-center-note>svg{width:11px}.board-status{gap:7px;height:53px;padding:0 12px}.progress-section{gap:5px}.progress-icon>svg{width:14px}.progress-copy{gap:2px}.progress-copy strong{font-size:13px}.progress-copy>span{font-size:8px}.progress-track{width:50px;max-width:26%;height:4px;margin-left:3px}.progress-percent{font-size:8px}.timer-section{gap:3px}.timer-section>svg{width:13px}.timer{min-width:31px;font-size:10px}.timer-toggle{width:24px}.timer-section>.icon-button:last-child{width:25px}.status-divider{margin-left:2px}.settings-panel{border-radius:10px;column-gap:15px;padding:16px 13px 14px}.section-label{white-space:nowrap;gap:5px;font-size:10px}.section-label>span{font-size:8px}.section-label>svg,.section-label>small{display:none}.selected-photo{height:115px;margin-top:10px}.photo-top-label{padding:3px 4px;font-size:6px;top:6px;left:6px}.photo-expand{padding:3px;bottom:5px;right:5px}.photo-expand>svg{width:11px;height:11px}.photo-caption{gap:2px;margin-top:8px}.photo-caption>span{font-size:9px}.photo-caption button{gap:0;padding-left:1px;font-size:8px}.photo-caption button>svg{width:9px}.upload-zone{gap:6px;min-height:102px;margin-top:9px;padding:12px 3px}.upload-zone>svg{width:21px}.upload-title{font-size:9px}.upload-description{white-space:nowrap;letter-spacing:-.1px;font-size:6px}.difficulty-grid{gap:6px;margin-top:10px}.difficulty-option{min-height:56px;padding:8px 8px 7px}.difficulty-count{font-size:16px}.difficulty-count>small{margin-left:3px;font-size:8px}.difficulty-name{margin-top:5px;font-size:8px}.difficulty-dots{gap:2px}.difficulty-dots>i{width:2px;height:2px}.difficulty-note{gap:2px;margin-top:7px;font-size:7px}.difficulty-note>svg{width:10px}.preference-section{margin-top:9px;padding-top:9px}.preference{margin-bottom:8px}.preference>span{gap:5px;font-size:8px}.preference>span>svg{width:12px}.preference>span>i{display:none}.toggle{width:26px;height:15px}.toggle>span{width:11px;height:11px}.toggle.is-on>span{transform:translate(11px)}.start-button{letter-spacing:.2px;gap:5px;height:34px;margin-top:0;padding:7px 9px;font-size:9px}.start-button>svg{width:12px;height:12px}.privacy-note{gap:2px;margin-top:7px;font-size:6px}.privacy-note>svg{width:9px}.under-workspace{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:13px}.under-workspace>p{gap:5px;font-size:8px}.under-workspace>p>svg{width:12px}.save-note{font-size:8px}.save-note>svg{width:12px}.gallery-section{margin-top:30px}.gallery-heading{margin-bottom:14px}.gallery-heading>div{gap:6px}.gallery-heading h2{letter-spacing:.2px;font-size:14px}.gallery-heading-icon>svg{width:15px}.gallery-heading>button{gap:4px;font-size:8px}.gallery-heading>button>svg{width:12px}.gallery-grid{gap:18px 12px}.gallery-image{border-radius:7px;height:117px}.gallery-number{font-size:8px;top:8px;left:8px}.current-photo-tag{gap:3px;padding:3px 5px;font-size:7px;top:6px;right:6px}.current-photo-tag>svg{width:9px}.gallery-start{opacity:1;padding:5px 6px;font-size:7px;bottom:7px;right:7px;transform:none}.gallery-start>svg{width:9px;height:9px}.gallery-caption{padding-top:9px}.gallery-caption>span{letter-spacing:.1px;font-size:10px}.gallery-caption small{margin-top:4px;font-size:7px}.gallery-caption>svg{width:12px}.little-note{padding:31px 0 26px}.little-note>p{font-size:12px}.little-note>span{font-size:6px}.site-footer{flex-direction:column;justify-content:center;gap:11px;min-height:78px;font-size:8px}.site-footer>span:last-child{font-size:7px}.game-panel.is-focused{border-radius:0;inset:0}.is-focused .canvas-wrap{min-height:0}.is-focused .board-toolbar{min-height:52px}.is-focused .board-status{height:55px}.pause-card{padding:23px 24px}.pause-card h3{font-size:16px}.pause-card p{font-size:10px}.pause-card .primary-button{font-size:11px}.completed-badge{padding:6px 10px;font-size:9px;top:52px}.modal{border-radius:13px;max-height:calc(100dvh - 28px);padding:27px 22px}.modal h2{padding-right:16px;font-size:19px}.modal-subtitle{margin-bottom:20px;font-size:11px}.help-steps{gap:19px}.help-steps>div{gap:11px}.help-steps h3{font-size:11px}.help-steps p{font-size:10px}.help-steps>div>span{border-radius:8px;width:32px;height:32px}.help-steps>div>span>svg{width:18px}.keyboard-help{margin-top:20px;padding:12px}.keyboard-help p,.keyboard-help kbd{font-size:8px}.help-privacy{font-size:9px}.preview-footer{flex-direction:column;align-items:stretch}.preview-footer>span{justify-content:center;font-size:9px}.full-preview{max-height:60dvh}.modal-gallery-grid{gap:12px}.modal-gallery-grid img{height:100px}.modal-gallery-grid>button>span{padding:9px 8px 0}.modal-gallery-grid strong{font-size:10px}.modal-gallery-grid small{font-size:7px;line-height:1.6}.modal-gallery-grid>button>svg{display:none}.gallery-upload-link{gap:5px;font-size:9px}.completion-modal{padding-top:97px}.completion-modal h2{padding:0;font-size:20px}.completion-stats{gap:20px}.completion-stats>span{gap:4px;font-size:9px}.completion-stats strong{font-size:13px}.completion-actions{gap:8px}.completion-actions>button{padding:11px;font-size:10px}.confirm-modal{padding-top:84px}.confirm-modal h2{font-size:18px}.confirm-icon{top:26px;left:22px}.dialog-actions>button{flex:1;padding:10px 8px;font-size:10px}.toast{gap:7px;padding:11px 12px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}