:root{color:#383633;background:#e7e2d8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#e9e4da}button{font:inherit;color:inherit}button:focus-visible{outline:2px dashed #596355;outline-offset:3px}#game-container{position:fixed;inset:0}#game-container canvas{display:block}#hud,#modal-root,#toast{position:fixed;inset:0;pointer-events:none}.paper-card{background:#f7f4edf0;border:1.5px solid rgba(56,54,51,.72);border-radius:13px 16px 12px 15px;box-shadow:2px 3px #48433b1a}.topbar{position:absolute;top:16px;left:50%;width:min(880px,calc(100% - 32px));height:64px;transform:translate(-50%);display:flex;align-items:center;padding:8px 12px 8px 14px;pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;min-width:185px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1.5px solid #5f5c56;border-radius:50% 48% 53% 45%;font-family:Georgia,serif;font-size:23px}.brand b{display:block;font-family:STKaiti,KaiTi,serif;font-size:18px;letter-spacing:.08em}.brand small{display:block;color:#77736b;font-size:11px;margin-top:1px}.points{margin-left:auto;padding:0 22px;border-left:1px solid #c8c2b7;border-right:1px solid #c8c2b7;text-align:center}.points span{display:block;color:#77736b;font-size:11px;letter-spacing:.18em}.points strong{display:block;font-family:Georgia,serif;font-size:22px;line-height:24px}.toolbar{display:flex;align-items:center;gap:7px;margin-left:14px}.toolbar button,.edit-tools button,.modal button,.quiet-button{border:1.4px solid #706c65;background:#f4f1e9;border-radius:9px 11px 8px 10px;padding:8px 13px;cursor:pointer;transition:transform .13s ease,background .13s ease}.toolbar button:hover,.edit-tools button:hover,.modal button:hover:not(:disabled){transform:translateY(-1px) rotate(-.25deg);background:#ebe7dd}.toolbar button.active,.modal button.primary{background:#8f9f89;color:#f8f5ee;border-color:#596355}.toolbar small{display:inline-grid;min-width:17px;height:17px;place-items:center;margin-left:3px;border-radius:50%;background:#ded8cd;font-size:10px}.toolbar .icon-button{width:34px;height:34px;padding:0;border-radius:50%}.task-card{position:absolute;top:102px;left:22px;width:246px;padding:17px 18px 15px}.eyebrow{display:block;color:#7a756c;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.task-card h2,.modal h2{margin:7px 0 5px;font-family:STKaiti,KaiTi,serif;font-size:19px;font-weight:700}.task-card p{margin:0 0 13px;color:#69655e;font-size:13px;line-height:1.5}.progress{height:5px;overflow:hidden;border-radius:99px;background:#dad4c8}.progress i{display:block;height:100%;border-radius:inherit;background:#8f9f89;transition:width .3s ease}.task-meta{display:flex;justify-content:space-between;margin-top:7px;color:#77736b;font-family:Georgia,serif;font-size:11px}.edit-tools{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px;pointer-events:auto}.edit-tools>span{padding:0 8px;color:#65705f;font-weight:700;font-size:12px}.edit-tools button{padding:7px 11px}.edit-tools button:disabled,.modal button:disabled{opacity:.42;cursor:default}.edit-tools em{padding:0 10px;color:#77736b;font-size:12px}.quiet-button{position:absolute;right:15px;bottom:14px;padding:5px 8px;opacity:.35;font-size:10px;pointer-events:auto}.quiet-button:hover{opacity:.9}.mobile-pad{display:none}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:#32302c38;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.modal{width:min(540px,100%);max-height:min(650px,calc(100vh - 38px));overflow:auto;padding:23px;background-color:#f4f1e9;background-image:repeating-linear-gradient(3deg,transparent 0,transparent 18px,rgba(78,72,63,.018) 19px)}.wide-modal{width:min(760px,100%)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #d2ccc0;padding-bottom:14px}.modal-header h2{margin-bottom:0;font-size:25px}.modal-header>button{border:0;padding:0;width:34px;height:34px;font-family:Georgia,serif;font-size:25px}.modal-intro,.modal-note{color:#6f6a62;font-size:13px;line-height:1.55}.modal-note{margin:17px 0 0;padding-top:12px;border-top:1px dashed #c8c1b4}.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.shop-item{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #c5bfb3;border-radius:10px 13px 9px 12px;background:#fff3}.shop-item img{width:58px;height:50px;object-fit:contain}.shop-item h3{margin:0 0 3px;font-family:STKaiti,KaiTi,serif;font-size:16px}.shop-item span{color:#8a857c;font-size:10px}.shop-item button{padding:7px 9px;font-size:11px;white-space:nowrap}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.inventory-item{min-height:125px;display:flex;flex-direction:column;align-items:center;gap:5px}.inventory-item img{width:68px;height:58px;object-fit:contain}.inventory-item b{font-family:STKaiti,KaiTi,serif}.inventory-item span{color:#7c776f;font-size:11px}.empty-state{padding:55px 20px 45px;text-align:center}.empty-state span{font-family:STKaiti,KaiTi,serif;font-size:20px}.empty-state p{color:#77736b;font-size:13px}.collection{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid #d2ccc0;font-size:11px}.collection span{color:#77736b;margin-right:auto}.collection b{font-weight:500}.seed-list{display:grid;gap:9px;margin-top:17px}.seed-list button{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;text-align:left}.seed-list i{width:20px;height:20px;border:1px solid #5f5c56;border-radius:54% 46% 51% 49%}.seed-list span b,.seed-list span small{display:block}.seed-list span small{color:#77736b;margin-top:2px;font-size:11px}.seed-list strong{font-size:12px}.help-list{list-style:none;padding:0;margin:18px 0}.help-list li{display:grid;grid-template-columns:90px 1fr;gap:13px;padding:10px 0;border-bottom:1px dashed #d0c9bd;font-size:13px;line-height:1.5}.help-list b{font-family:STKaiti,KaiTi,serif;font-size:15px}.help-list span{color:#66625b}.danger-link{color:#826a62!important;border-style:dashed!important;background:transparent!important}.danger{background:#836d64!important;color:#fffaf2!important}.confirm{text-align:center;padding:18px 10px 10px}.confirm h2{margin-top:13px;font-size:24px}.confirm p{max-width:360px;margin:0 auto 25px;color:#6f6a62;line-height:1.6;font-size:13px}.confirm div{display:flex;justify-content:center;gap:10px}.save-actions{display:flex;gap:10px;margin-top:18px}.save-actions button{flex:1}.fishing{text-align:center;padding:20px 10px 12px}.fishing h2{font-size:26px}.fishing p{color:#6f6a62}.fishing>button{min-width:150px;margin-top:10px}.bobber{height:120px;padding-top:8px;color:#59696b;font-size:44px;line-height:30px}.bobber i{display:block;width:18px;height:28px;margin:-3px auto 0;background:#b9a68d;border:2px solid #4f5150;border-radius:50% 50% 45% 45%}.bobber.waiting i{animation:drift 1.8s ease-in-out infinite}.bobber.bite i{animation:bite .3s ease-in-out infinite alternate;background:#8f9f89}.fish-mark{height:110px;display:grid;place-items:center;color:#617577;font-family:Georgia,serif;font-size:40px}@keyframes drift{50%{transform:translate(4px,2px) rotate(3deg)}}@keyframes bite{to{transform:translateY(15px) rotate(-5deg)}}.debug-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:17px}.debug-panel button{min-height:46px}.debug-panel button:last-child{grid-column:1 / -1}#toast{inset:auto auto 27px 50%;width:max-content;max-width:calc(100vw - 32px);transform:translate(-50%,14px);padding:10px 16px;border:1px solid #5f5c56;border-radius:10px 13px 9px 12px;background:#f4f1e9;color:#47443f;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:20}#toast.show{opacity:1;transform:translate(-50%)}@media(max-width:760px){.topbar{top:8px;height:54px;padding:6px 8px}.brand{min-width:0}.brand-mark,.brand small{display:none}.brand b{font-size:15px;white-space:nowrap}.points{padding:0 10px}.points strong{font-size:18px}.toolbar{gap:3px;margin-left:7px}.toolbar button{padding:7px 8px;font-size:12px}.task-card{top:72px;left:8px;width:205px;padding:12px}.task-card h2{font-size:16px}.task-card p{font-size:11px}.item-grid{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(2,1fr)}.mobile-pad{position:absolute;right:12px;bottom:16px;width:150px;height:105px;display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:5px;pointer-events:auto}.mobile-pad button{border:1px solid #5f5c56;border-radius:50%;background:#f4f1e9d9;color:#494640}.mobile-pad button:first-child{grid-column:2}.mobile-pad button:nth-child(2){grid-row:2;grid-column:1}.mobile-pad button:nth-child(3){grid-row:2;grid-column:2;background:#8f9f89;color:#fff}.mobile-pad button:nth-child(4){grid-row:2;grid-column:3}.mobile-pad button:last-child{display:none}.edit-tools{bottom:128px;width:calc(100% - 24px);overflow-x:auto;justify-content:flex-start}.quiet-button{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}