:root{--ink:#244334;--muted:#768273;--green:#295942;--light:#e7eddc;--cream:#f7f7ed;--line:#dce3d2;--gold:#dfb96a;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#f3f4e9;min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #d8aa45;outline-offset:3px}button,dialog{transition:background .16s ease,transform .16s ease}.ambient{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(#6c8c4220 .8px,transparent .8px);background-size:22px 22px}.site-header{max-width:1344px;margin:auto;padding:27px 36px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3d288}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:21px;font-weight:750}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px;letter-spacing:1px}.header-right{display:flex;gap:12px;align-items:center}.free-label{font-size:12px;font-weight:650;margin-right:12px}.free-label i{display:inline-block;width:6px;height:6px;background:#688c45;border-radius:50%;margin-right:7px}.icon-button{display:grid;place-items:center;width:36px;height:36px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:22px}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:var(--light)}.layout{max-width:1250px;margin:40px auto 20px;display:grid;grid-template-columns:1fr 448px 246px;gap:48px;align-items:start;padding:0 24px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.75px;color:var(--muted)}.intro{padding-top:45px}.intro h1{font-size:39px;font-weight:650;line-height:1.5;letter-spacing:-1px;margin:15px 0 17px}.intro>p{font-size:13px;line-height:1.95;color:var(--muted)}.guide-line{display:flex;gap:17px;margin-top:28px;align-items:flex-start}.guide-line>span{width:28px;height:28px;display:grid;place-items:center;background:#e8ecdb;border-radius:9px;font-size:10px;font-weight:700}.guide-line b{font-size:12px;font-weight:650}.guide-line p{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.7}.daily-note{display:flex;gap:12px;align-items:center;margin-top:35px;padding-top:23px;border-top:1px solid var(--line)}.note-flower{font-size:34px;color:#aeb581}.daily-note b{font-size:12px}.daily-note p{font-size:10px;color:var(--muted);margin-top:6px}.intro .storage-note{font-size:9px;margin-top:30px}.game-shell{position:relative;background:#fbfcf4;border:1px solid #d8e2cd;border-radius:25px;padding:25px 24px 17px;box-shadow:0 13px 38px #2443340b;overflow:hidden}.game-heading{display:flex;justify-content:space-between;align-items:center}.game-eyebrow{font-size:10px;color:var(--muted);letter-spacing:2px}.game-heading h2{font-size:24px;font-weight:700;margin:5px 0 0}.progress-count{text-align:right}.progress-count>span{display:block;font-size:23px;font-variant-numeric:tabular-nums}.progress-count small{font-size:9px;color:var(--muted)}.mode-row{display:flex;gap:4px;align-items:center;margin-top:22px}.mode-row button{font-size:10px;background:transparent;padding:7px 15px;border-radius:6px;color:var(--muted)}.mode-row button.selected{background:var(--green);color:#fff}.mode-row>span{font-size:10px;color:var(--muted);margin-left:auto}.progress-track{height:3px;background:#e6eadb;margin:13px 0 4px;overflow:hidden;border-radius:4px}.progress-track>div{height:100%;width:0%;background:#809758;transition:width .3s ease}.board-wrap{position:relative}.board{position:relative;width:100%;aspect-ratio:6.95/6.55;contain:layout style;user-select:none;-webkit-user-select:none}.tile{position:absolute;background:transparent;padding:0;border:0;transition:filter .15s,transform .15s,opacity .15s;touch-action:manipulation;will-change:auto}.tile-frame,.tile-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.tile-face{z-index:1}.tile.is-covered{filter:brightness(.68) saturate(.78);pointer-events:none}.tile:not(.is-covered):hover{filter:brightness(1.055);transform:translateY(-3px)}.tile.hinted{z-index:100!important;animation:hint-pulse .85s ease-in-out infinite;outline:3px solid #dfb96a;outline-offset:-3px;border-radius:12px}.grass{position:absolute;bottom:4px;width:21px;height:23px;border-left:4px solid #bacb99;border-radius:50%;transform:rotate(21deg);opacity:.55;pointer-events:none}.grass:after{content:'';display:block;height:22px;width:12px;border-right:3px solid #bacb99;border-radius:50%;transform:rotate(-24deg)}.grass-left{left:7px}.grass-right{right:12px;transform:scaleX(-1) rotate(21deg)}.tray-caption{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;margin:8px 0}.tray-caption>span:last-child{font-variant-numeric:tabular-nums}.tray{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;background:#e3eacb;border-radius:13px;border-bottom:3px solid #cad6ad;min-height:68px}.tray-cell{position:relative;aspect-ratio:120/135;border-radius:6px;background:#d2dcba88;box-shadow:inset 0 1px 3px #52623912}.tray-cell .tile{position:relative;display:block;width:100%;height:100%;cursor:default}.tray-cell.occupied{background:transparent;box-shadow:none;animation:arrive .2s ease}.tray.danger{background:#f1d6bd;border-color:#deae89}.tray.danger .tray-cell{background-color:#e3c1a3}.reserve-row{display:flex;gap:18px;align-items:center;padding:8px 2px;margin-top:7px}.reserve-row[hidden]{display:none}.reserve-row>span{font-size:10px}.reserve-row small{display:block;font-size:8px;margin-top:4px;color:var(--muted)}.reserve{display:flex;gap:5px;height:45px}.reserve .tile{position:relative;width:40px;height:45px}.tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}.tool-row>button{background:#f0f3e4;border:1px solid #e5ead8;border-radius:12px;padding:11px 2px 8px;display:flex;flex-direction:column;align-items:center;gap:5px}.tool-row>button:hover{background:#e2eacd;transform:translateY(-2px)}.tool-icon{height:22px;display:block}.tool-icon svg{height:21px;width:23px}.tool-row b{font-size:10px;font-weight:600}.tool-row small{font-size:8px;color:#879c6e}.game-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:9px;color:var(--muted)}.game-bottom button{font-size:9px;background:transparent;padding:2px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sidebar{padding-top:37px}.sidebar h3{font-size:17px;font-weight:650;margin:12px 0 23px}.theme-options{display:grid;gap:10px}.theme-option{display:flex;gap:12px;align-items:center;border-radius:12px;text-align:left;padding:10px;background:#eef0e1;border:1px solid transparent}.theme-option.active{border-color:#90a273;background:#e7eddb}.theme-option:hover{background:#e2eacf}.theme-preview{position:relative;width:41px;height:46px;flex-shrink:0}.theme-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.theme-text b{font-size:11px;font-weight:650}.theme-text span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.theme-check{margin-left:auto;font-size:12px;color:#5a7947}.record-panel{border-top:1px solid var(--line);padding-top:26px;margin-top:28px}.record-panel>div{display:flex;align-items:center;justify-content:space-between;margin-top:19px;font-size:11px;color:var(--muted)}.record-panel b{color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums}.sidebar-foot{color:var(--muted);font-size:10px;line-height:1.9;margin-top:32px}footer{max-width:1200px;margin:25px auto;text-align:center;font-size:10px;color:#8b9684;padding:0 15px}footer>span{font-size:8px;display:block;margin-top:7px}.toast{position:fixed;z-index:150;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);opacity:0;max-width:calc(100% - 32px);width:max-content;padding:12px 20px;border-radius:12px;background:#244334ef;color:#fff;font-size:12px;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.game-overlay{position:absolute;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:#f6f8eff3;backdrop-filter:blur(8px)}.game-overlay[hidden]{display:none}.result-card{text-align:center;max-width:285px}.result-art{width:72px;height:72px;margin:0 auto 24px}.result-art img{width:100%;height:100%}.result-card>span{display:block;font-size:10px;letter-spacing:2px;color:var(--muted)}.result-card h2{font-size:28px;font-weight:650;margin:14px 0}.result-card p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 22px}.primary-button{display:block;width:100%;padding:13px 20px;background:var(--green);color:#fff;border-radius:10px;font-size:13px;font-weight:600}.primary-button:hover{background:#1e4934}.text-button{font-size:11px;color:var(--muted);background:transparent;margin-top:14px;padding:10px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:20px}.close-button{font-size:22px}dialog{border:1px solid var(--line);border-radius:21px;padding:23px;width:min(390px,calc(100% - 28px));max-height:85dvh;color:var(--ink);background:#fbfcf4;overflow:auto}dialog::backdrop{background:#1c302e88;backdrop-filter:blur(4px)}dialog form>p{color:var(--muted);font-size:12px;line-height:1.8}dialog ol{padding-left:20px;font-size:12px;line-height:1.9;color:var(--muted);margin:14px 0 25px}dialog li{margin:10px 0}dialog .dialog-note{font-size:10px;padding-top:12px}.match-flash{animation:match-flash .35s ease}.load-error{margin:30px;text-align:center;line-height:1.9}.load-error button{margin-top:12px}
@keyframes hint-pulse{50%{filter:brightness(1.1);transform:translateY(-4px)}}@keyframes arrive{from{opacity:.5;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}@keyframes match-flash{50%{background-color:#d5e6a7}}
@media(min-width:1550px){.layout{margin-top:65px;gap:60px;grid-template-columns:1fr 470px 265px;max-width:1330px}.intro h1{font-size:44px}}
@media(max-width:1190px){.layout{grid-template-columns:1fr 430px;max-width:940px;gap:60px}.sidebar{display:none}}
@media(max-width:820px){.site-header{padding:15px 20px 12px}.brand{font-size:18px;gap:9px}.brand img{width:35px;height:35px}.brand small{font-size:9px;letter-spacing:0}.header-right{gap:7px}.free-label{font-size:10px;margin-right:2px}.layout{display:block;max-width:470px;margin:17px auto 0;padding:0 16px}.intro,.sidebar{display:none}.game-shell{padding:19px 19px 15px;border-radius:21px}.game-heading h2{font-size:21px}.game-eyebrow{font-size:9px}.mode-row{margin-top:16px}.game-bottom{margin-top:13px}.board{aspect-ratio:6.95/6.32}.tool-row{margin-top:14px;gap:8px}.tool-row>button{padding:9px 2px 7px}.tray{min-height:58px;gap:3px;padding:6px}.icon-button{width:32px;height:32px}.theme-option{padding:12px}footer{margin-top:18px;margin-bottom:max(15px,env(safe-area-inset-bottom));font-size:9px}.progress-count>span{font-size:22px}.progress-track{margin-top:10px}}
@media(max-width:370px){.layout{padding:0 11px;margin-top:12px}.site-header{padding:12px 14px 10px}.brand small{display:none}.game-shell{padding:17px 15px 13px}.free-label{font-size:9px}.tool-row{gap:5px}.tray-caption{font-size:8px}.game-eyebrow{font-size:8px}.game-heading h2{font-size:19px}.mode-row button{padding:6px 14px}.game-bottom{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}