:root{--text:#f0ebdf;--muted:#a9beb4;--gold:#e1c68e;--line:#b7ccbd26;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#102b2d;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 25% 28%,#2a5451 0,#0000 55%),radial-gradient(at 90% 80%,#30443780,#0000 50%);min-width:320px;min-height:100dvh;margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold)}button{color:inherit}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button{transition:background .15s,box-shadow .15s}button:disabled{opacity:.38}svg{display:block}::selection{color:#fff;background:#658d78}h1,h2,h3,p{margin:0}button{border:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{max-width:1160px;margin:auto;padding:0 48px;position:relative}.svg-definitions{width:0;height:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:13px;font-size:20px;font-weight:650;display:flex}.brand-mark{grid-template-columns:repeat(2,10px);gap:3px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:#cfb779;border-radius:2px;height:10px}.brand-mark i:nth-child(2){background:#bdac89}.brand-mark i:nth-child(3){background:#8f9b7c}.brand-mark i:last-child{background:0 0;border:1.5px solid #cfb779}.help-button{color:var(--muted);background:0 0;align-items:center;gap:7px;padding:10px;font-size:13px;display:flex}.help-button:hover{color:var(--gold)}.header-actions{align-items:center;gap:4px;display:flex}.header-link{color:var(--muted);letter-spacing:.3px;border-radius:8px;align-items:center;gap:5px;padding:10px 9px;font-size:12px;transition:color .15s,background .15s;display:inline-flex}.header-link:hover{color:var(--gold);background:#ffffff0b}.intro{text-align:center;padding:43px 0 38px}.intro h1{color:#f4edda;text-shadow:0 3px 28px #dec68922;letter-spacing:3px;font-family:Songti SC,Noto Serif CJK SC,serif;font-size:36px;font-weight:600;line-height:1.5}.intro p{color:var(--muted);letter-spacing:.8px;margin-top:11px;font-size:13px}.game-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:64px;max-width:980px;margin:auto;display:grid}.date-strip{justify-content:space-between;align-items:center;padding:0 3px 18px;display:flex}.date-strip>div{flex-direction:column;gap:8px;display:flex}.date-label{color:var(--muted);letter-spacing:1px;font-size:11px}.date-strip strong{letter-spacing:1px;font-size:23px;font-weight:550}.date-strip strong span{color:var(--muted);margin-left:8px;font-size:14px;font-weight:400}.date-side{text-align:right;justify-content:center;align-items:flex-end;gap:5px!important}.session-timer{color:#e7d6aa;letter-spacing:.5px;font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:16px;display:inline-flex}.session-timer svg{color:var(--muted)}.session-timer b{font-weight:500}.daily-note{letter-spacing:.5px;color:var(--muted);white-space:nowrap;font-size:10px}.text-button{color:var(--muted);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:5px 3px;font-size:12px;line-height:1.5;display:inline-flex}.text-button:hover:not(:disabled){color:var(--gold)}.date-result{color:var(--gold);padding:7px 4px;font-size:11px}.wood-frame{background:repeating-linear-gradient(1deg,#0000 0 7px,#9e79491a 8px,#0000 9px 16px),linear-gradient(120deg,#b68d58,#e0c392 48%,#ad7e4b);border-radius:17px;padding:17px;position:relative;box-shadow:0 4px #896135,0 9px 0 -2px #684c31,0 30px 50px -15px #031617aa,0 0 70px -25px #deb97b40,inset 0 1px 2px #fff9,inset 0 -2px 3px #8e6d4740}.board-inner{background:repeating-linear-gradient(0deg,#0000 0 6px,#8d683514 7px,#0000 8px 18px),#d2b78e;border-radius:9px;padding:7px;box-shadow:inset 0 2px 7px #6247215c,0 1px 1px #fff7}.board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:auto;overflow:visible}.board-cell{cursor:pointer}.board-cell rect{fill:#ead8b6;stroke:#bc9c70;stroke-width:.65px;filter:drop-shadow(0 1px #fff5)}.board-cell text{fill:#725d40;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:17px;font-weight:500}.board-cell.reserved rect{fill:#f8efd9;stroke:#69846a;stroke-width:1.8px;filter:drop-shadow(0 0 4px #fff1bd70)}.board-cell.reserved text{fill:#36573d;font-weight:650}.board-cell.reserved circle{fill:#658362}.board-cell:focus-visible{outline:none}.board-cell:focus-visible rect{stroke:#2d4d35;stroke-width:4px}.placed-piece{cursor:grab;touch-action:none;filter:drop-shadow(0 2px 1px #63472755)}.placed-piece:focus-visible{filter:drop-shadow(0 0 3px #253e29);outline:none}.placed-piece:active{cursor:grabbing}.placement-preview rect{stroke-width:2px;stroke-dasharray:5 3}.placement-preview.valid rect{fill:#4c825550;stroke:#3f7145}.placement-preview.invalid rect{fill:#ae504640;stroke:#a84e42}.board-signature{fill:#846b46;letter-spacing:2px;pointer-events:none;font-size:12px}.board-caption{color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;gap:4px;margin-top:22px;font-size:11px;display:flex}.board-caption b{color:#e7d6aa;font-weight:550}.tiny-dot{background:#9bc3a6;border-radius:50%;width:5px;height:5px;margin-right:4px}.play-panel{padding-top:8px}.panel-heading{justify-content:space-between;align-items:center;gap:8px;min-height:58px;display:flex}.panel-heading h2{letter-spacing:.5px;font-size:16px;font-weight:550}.panel-heading p{color:var(--muted);margin-top:9px;font-size:12px}.progress-count{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.progress-count b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:27px;font-weight:400}.progress-count>span{color:var(--muted);font-size:12px}.progress-track{background:#ffffff12;border-radius:5px;height:3px;margin-top:14px;overflow:hidden}.progress-track>span{background:#d7bd80;height:100%;display:block;box-shadow:0 0 12px #dfc88780}.piece-tray{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 9px;padding:24px 0;display:grid}.piece-slot{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#183b3c;border:1px solid #bad2c11c;border-radius:8px;justify-content:center;align-items:center;height:112px;padding:15px 4px 7px;display:flex;position:relative;box-shadow:inset 0 1px #d1dcc70d,0 5px 12px #071b1d26}.piece-slot:hover:not(:disabled){background:#254b48}.piece-slot.selected{background:#2b514b;border-color:#d4bb81;box-shadow:0 0 0 2px #d4bb8120}.piece-slot.is-placed{opacity:1;background:0 0;border:1px dashed #a6c1b429}.piece-slot.is-placed .mini-piece{opacity:.12;filter:grayscale()}.piece-letter{color:var(--muted);font-family:Georgia,serif;font-size:10px;position:absolute;top:6px;left:8px}.mini-piece{pointer-events:none;filter:drop-shadow(0 3px #071c1e60)drop-shadow(0 7px 5px #06171850);max-width:100%;max-height:80px;overflow:visible}.placed-check{color:#a2c0a3;position:absolute;bottom:6px;right:6px}.transform-tools{border:1px solid var(--line);background:#102e2f80;border-radius:9px;justify-content:center;gap:0;padding:8px 0;display:flex}.transform-tools button{border-right:1px solid var(--line);background:0 0;flex:1;justify-content:center;align-items:center;gap:9px;padding:7px 3px;font-size:12px;display:flex}.transform-tools button:last-child{border:0}.transform-tools button:hover:not(:disabled){color:var(--gold)}.status-message{min-height:64px;color:var(--muted);padding:17px 1px 12px;font-size:12px;line-height:1.8}.game-actions{align-items:center;gap:10px;display:flex}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:12px 18px;font-size:13px;display:inline-flex}.primary-button{color:#253c34;background:linear-gradient(120deg,#e3c991,#c3a16a);font-weight:600;box-shadow:inset 0 1px #fff7,0 5px 18px #071a1c40}.primary-button:hover:not(:disabled){background:linear-gradient(120deg,#f1dca9,#d3b17b)}.secondary-button{color:#d3ded1;background:#ffffff0b}.secondary-button:hover:not(:disabled){background:#ffffff14}.game-actions .primary-button{flex:1}.icon-button{color:#adc2b5;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-button:hover{background:#ffffff0b}.game-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:10px;margin-top:23px;padding-top:20px;font-size:10px;display:flex}.game-meta b{color:#ddcca6;font-variant-numeric:tabular-nums;margin-left:6px;font-size:12px;font-weight:500}footer{border-top:1px solid var(--line);max-width:980px;color:var(--muted);letter-spacing:.5px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin:45px auto 0;padding:23px 0 28px;font-size:11px;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.footer-links a{align-items:center;gap:5px;display:inline-flex}.footer-links a:hover{color:var(--gold)}.footer-links .text-button{font-size:11px}.drag-ghost{z-index:20;pointer-events:none;opacity:.9;filter:drop-shadow(5px 18px 7px #03191b80);position:fixed;transform:rotate(-4deg)scale(1.06)}.completion{isolation:isolate;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:292px;padding:6px 0;display:flex;position:relative}.completion-mark{width:80px;height:80px;color:var(--gold);filter:drop-shadow(0 0 18px #e2c88b30);background:radial-gradient(circle,#dec88d20,#0000 70%);border-radius:50%;place-items:center;display:grid}.completion h3{font-size:20px;font-weight:500}.completion p{color:var(--muted);font-size:12px}.completion-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:min(260px,100%);margin:0;padding:10px 0;display:flex}.completion-stats>div{flex:1;min-width:0}.completion-stats>div+div{border-left:1px solid var(--line)}.completion-stats dt{letter-spacing:1px;color:var(--muted);font-size:10px}.completion-stats dd{color:#f0e4c6;font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:20px}.completion-actions{gap:9px;width:min(300px,100%);display:flex}.completion-actions .primary-button{flex:1;min-height:42px;padding:9px 14px}.completion-actions .secondary-button{min-height:42px;padding:9px 14px}.completion-when{color:var(--muted);font-size:11px;line-height:1.7}.completion-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:10px;margin-top:18px;padding-top:18px;font-size:10px;display:flex}.countdown{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}dialog{overscroll-behavior:contain;width:calc(100% - 32px);max-width:460px;max-height:min(92dvh,900px);color:var(--text);background:#193a3a;border:1px solid #cfb77950;border-radius:18px;padding:0;overflow-y:auto;box-shadow:0 24px 100px #00191b80,inset 0 1px #e3c99120}dialog.wide-dialog{max-width:540px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#051b20b3}.dialog-inner{padding:34px}.dialog-close{position:absolute;top:10px;right:10px}.dialog-inner h2{margin:7px 0 18px;font-family:Songti SC,serif;font-size:22px;font-weight:600;line-height:1.5}.dialog-inner p{color:var(--muted);font-size:13px;line-height:1.9}.instructions{margin:24px 0;padding-left:20px}.instructions li{color:var(--gold);margin-bottom:18px;padding-left:8px}.instructions b{margin-bottom:6px;font-size:14px;font-weight:550;display:block}.instructions span{color:var(--muted);font-size:12px;line-height:1.9}.dialog-inner .muted{color:var(--muted);font-size:11px}.full-width{width:100%;margin-top:25px}.date-field{color:var(--muted);flex-direction:column;gap:10px;margin:23px 0;font-size:12px;display:flex}.date-field input{max-width:100%;min-height:48px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#102b2d;border:1px solid #c2cfa040;border-radius:7px;padding:10px 12px}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.date-return-link{margin-top:16px}.help-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.help-credits{flex-wrap:wrap;gap:12px;display:inline-flex}.help-credit{color:var(--muted);font-size:11px}.help-credit:hover{color:var(--gold)}.share-date-row{justify-content:space-between;align-items:flex-end;gap:16px;margin:-6px 0 16px;display:flex}.share-date-row>strong{letter-spacing:1px;color:#f0e4c6;font-family:Songti SC,Noto Serif CJK SC,serif;font-size:22px;font-weight:600}.share-stats{gap:20px;display:flex}.share-stats>div{text-align:right;flex-direction:column;gap:2px;display:flex}.share-stats span{letter-spacing:.5px;color:var(--muted);font-size:10px}.share-stats b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.share-card-preview{border:1px solid var(--line);background:#0a2224;border-radius:14px;place-items:center;width:100%;min-height:240px;padding:9px;display:grid}.share-card-preview img{object-fit:contain;border-radius:8px;width:100%;max-height:42dvh;display:block}.card-skeleton{width:100%;min-height:250px;color:var(--muted);background:linear-gradient(100deg,#0e2b2d 20%,#173a39 40%,#0e2b2d 60%) 0 0/220% 100%;border-radius:8px;place-items:center;font-size:12px;animation:1.6s linear infinite card-shimmer;display:grid}@keyframes card-shimmer{to{background-position:-220% 0}}.card-error{text-align:center;padding:24px}.share-hint{margin-top:10px;font-size:11px!important;line-height:1.8!important}.share-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.share-actions .primary-button,.share-actions .secondary-button{min-height:46px}.share-secondary-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:9px;display:flex}.share-feedback{text-align:center;min-height:18px;color:var(--gold);margin-top:7px;font-size:11px;line-height:1.6}.result-next{border-top:1px solid var(--line);text-align:center;margin-top:18px;padding-top:16px}.result-next p{font-size:12px;line-height:1.9}.result-next-line{color:var(--muted);font-size:11px;display:block}.result-next .text-button{margin-left:4px}.toast-slot{inset-inline:0;bottom:calc(22px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{color:#193a35;letter-spacing:.2px;text-align:center;background:#f0e4c6;border-radius:999px;max-width:100%;padding:10px 18px;font-size:12px;font-weight:550;box-shadow:0 14px 38px #00191b66}.wood-frame:before{content:"";pointer-events:none;border:1px solid #ffe4ac38;border-radius:12px;position:absolute;inset:6px}.board-complete .reserved rect{stroke:#98722e;fill:#fff1c9;filter:drop-shadow(0 0 7px #fff0b2b3)}.mini-piece-wrap{pointer-events:none;justify-content:center;align-items:center;width:100%;display:flex}.celebration-particles{pointer-events:none;z-index:2;position:absolute;inset:-30px -15px;overflow:hidden}.celebration-particles i{width:6px;height:10px;position:absolute;top:36%;left:50%}@media (width>=1500px){.app{padding-top:25px}.intro{padding-top:54px;padding-bottom:46px}}@media (width<=1000px){.app{padding:0 28px}.game-layout{gap:32px}.piece-tray{gap:10px 6px}.piece-slot{height:102px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:11px}.game-actions{gap:6px}.primary-button,.secondary-button{padding:12px}.intro h1{font-size:28px}}@media (width<=760px){.app{max-width:540px;padding:0 16px}.site-header{height:52px}.brand{gap:10px;font-size:17px}.header-actions{gap:0}.header-link{padding:10px 8px}.header-link span{display:none}.help-button{padding:10px 6px}.intro{display:none}.game-layout{grid-template-columns:1fr;gap:8px}.wood-frame{width:fit-content;margin:0 auto;padding:8px}.board-inner{padding:4px}.board{width:auto;height:min(39svh,350px)}.date-strip{padding:4px 3px 10px}.date-strip .date-values{gap:5px}.date-strip strong{font-size:20px}.date-label{font-size:10px}.session-timer{font-size:14px}.daily-note{font-size:9.5px}.board-caption{display:none}.play-panel{padding-top:0}.panel-heading{min-height:26px}.panel-heading h2{font-size:14px}.panel-heading p{display:none}.progress-count b{font-size:20px}.progress-track{margin-top:8px}.piece-tray{gap:6px;padding:6px 0}.piece-slot{height:64px;padding:6px 3px 3px}.mini-piece{max-height:48px}.piece-letter{font-size:8px;top:3px;left:5px}.transform-tools{padding:3px 0}.transform-tools button{min-height:38px;padding:4px 3px}.status-message{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-height:24px;padding:7px 1px 4px;font-size:11px;line-height:1.5;overflow:hidden}.game-meta{margin-top:12px;padding-top:10px;font-size:10.5px}.game-actions{gap:12px}.game-actions .primary-button,.game-actions .secondary-button{min-height:44px}.completion{min-height:276px}.completion-meta{margin-top:16px}footer{display:none}.dialog-inner{padding:26px 22px}.dialog-inner h2{margin-bottom:15px;font-size:20px}.share-date-row{margin-bottom:13px}.share-date-row>strong{font-size:19px}.share-card-preview{min-height:200px}.share-card-preview img{max-height:38dvh}.card-skeleton{min-height:210px}.toast{padding:9px 15px;font-size:11px}}@media (width<=760px) and (height<=720px){.board{height:min(38svh,320px)}.date-strip{padding-bottom:6px}.date-strip .date-values{flex-direction:row;align-items:baseline;gap:8px}.date-strip strong{font-size:19px}.date-label{font-size:9.5px}.piece-tray{gap:5px;padding:4px 0}.piece-slot{height:56px}.mini-piece{max-height:40px}.status-message{text-align:left;min-height:16px;padding:3px 1px 0}.game-meta{display:none}}@media (width<=370px){.app{padding:0 13px}.intro h1{font-size:20px}.help-button span{display:none}.date-strip strong{font-size:19px}.session-timer{font-size:13px}.daily-note,.board-caption{font-size:9px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:10px}.transform-tools button{gap:5px}.game-meta{font-size:9.5px}.share-actions{grid-template-columns:1fr}.share-stats{gap:12px}.share-stats b{font-size:14px}}