:root{--green: #2e5a2e;--green-ink: #1d3a22;--cream: #fff8ea;--cream-dim: #f3e9d2;--orange: #ff8a50;--orange-deep: #d95f2b;--gold: #f0b429;--ink: #2b2118;--muted: #7a6a4f;--line: #d9c9a3;--radius: 18px;--shadow: 0 6px 18px rgba(20, 30, 15, .14);--pill-bg: rgba(20, 35, 20, .78);--serif: "Songti SC", "STSong", "Noto Serif SC", serif;--sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#14240f;overflow:hidden;font-family:var(--sans);color:var(--ink);-webkit-tap-highlight-color:transparent}#game canvas{display:block;margin:0 auto}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}.overlay{position:absolute;inset:0;pointer-events:none}.overlay>*{pointer-events:auto}button{font-family:inherit;cursor:pointer;border:2px solid var(--line);background:var(--cream);color:var(--ink);border-radius:999px;padding:8px 18px;font-size:14px;box-shadow:var(--shadow);transition:transform .08s,filter .15s,box-shadow .08s}button:hover{filter:brightness(1.05)}button:active{transform:translateY(2px);box-shadow:none}button:disabled{opacity:.55;cursor:default}button.primary{background:linear-gradient(180deg,#ffa06b,var(--orange));border-color:var(--orange-deep);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}button.gold{background:linear-gradient(180deg,#ffd45e,var(--gold));border-color:#c88f14;color:var(--ink)}button.ghost{background:transparent;box-shadow:none;border-color:var(--line)}input,textarea,select{font-family:inherit;font-size:14px;color:var(--ink);background:#fffdf6;border:2px solid var(--line);border-radius:14px;padding:9px 12px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff8a502e}a{color:var(--green)}.card,.panel{background:var(--cream);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:14px 16px}.panel h3{margin:0 0 10px;font-size:15px;color:var(--green-ink)}.muted{color:var(--muted);font-size:12px}.dock{position:fixed;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:2px;padding:6px 10px;background:var(--pill-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;border:1px solid rgba(255,248,234,.15);box-shadow:0 6px 18px #0a140873;z-index:40}.dock-item{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:54px;padding:5px 8px 4px;text-decoration:none;color:#fff8eab8;border-top:3px solid transparent;border-radius:10px;transition:background .15s,color .15s}.dock-item:hover{background:#fff8ea1a;color:var(--cream)}.dock-item.active{border-top-color:var(--gold);color:var(--gold)}.dock-icon{font-size:18px;line-height:1.2}.dock-label{font-size:10px;letter-spacing:1px}.hud{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:35;display:flex;flex-direction:column;align-items:center;gap:6px}.hud-capsule{display:flex;align-items:center;gap:14px;padding:7px 18px;background:var(--pill-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,248,234,.15);border-radius:999px;color:var(--cream);font-size:13px;cursor:pointer;box-shadow:0 4px 14px #0a140866;white-space:nowrap}.hud-capsule b{color:var(--gold);font-weight:600}.hud-capsule img{width:18px;height:18px;image-rendering:pixelated;vertical-align:-4px}.hud-detail{background:var(--cream);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 16px;font-size:12px;line-height:1.8;animation:dropIn .25s ease-out}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}#toast-root{position:fixed;top:64px;right:14px;display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none}.toast{max-width:320px;background:var(--pill-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--cream);border:1px solid rgba(240,180,41,.4);border-left:4px solid var(--gold);border-radius:12px;padding:9px 14px;font-size:13px;box-shadow:0 4px 14px #0a140866;opacity:0;transform:translate(30px);transition:all .35s}.toast.show{opacity:1;transform:none}.toast-success{border-left-color:#8ed15f}.toast-error{border-left-color:#e0603c}.modal-mask{position:fixed;inset:0;background:#08120a99;display:flex;align-items:center;justify-content:center;z-index:60;pointer-events:auto;animation:fadeIn .25s}@keyframes fadeIn{0%{opacity:0}}.modal-box{width:min(460px,92vw);max-height:82vh;display:flex;flex-direction:column;background:var(--cream);border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 34px #141e0f4d;overflow:hidden;animation:popIn .3s cubic-bezier(.2,1.4,.4,1)}@keyframes popIn{0%{transform:scale(.85) translateY(16px);opacity:0}to{transform:none;opacity:1}}.modal-wide{width:min(700px,94vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--green-ink);color:var(--cream);font-weight:600;letter-spacing:1px}.modal-close{border:none;background:none;box-shadow:none;color:var(--cream);font-size:22px;line-height:1;padding:2px 8px}.modal-body{padding:16px;overflow-y:auto;font-size:14px;line-height:1.75}.auth-hero{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.05)}.auth-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08120a40,#08120a8c)}.auth-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(370px,92vw);padding:28px 26px 24px;text-align:center;z-index:2}.auth-card h1{margin:0 0 4px;font-size:22px;color:var(--green-ink)}.auth-card .sub{font-size:12px;color:var(--muted);margin-bottom:18px}.auth-card form{display:flex;flex-direction:column;gap:10px;margin-top:12px;text-align:left}.auth-tabs{display:flex;gap:6px;margin-top:14px}.auth-tabs button{flex:1}.auth-tabs button.active{background:var(--green);border-color:var(--green-ink);color:#fff}.auth-error{color:#c0401f;font-size:13px;min-height:18px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:14px 0 10px}.divider:before,.divider:after{content:"";flex:1;border-top:1px dashed var(--line)}.prompt-panel{position:fixed;left:50%;bottom:76px;transform:translate(-50%);width:min(680px,94vw);padding:14px 16px;font-size:13px;z-index:45;animation:sheetUp .3s cubic-bezier(.2,1.2,.4,1)}@keyframes sheetUp{0%{transform:translate(-50%,30px);opacity:0}to{transform:translate(-50%);opacity:1}}.pp-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.pp-title{font-weight:700;color:var(--green-ink);font-size:14px}.pp-origin{font-size:12px;color:var(--muted);background:#f7efdb;border:1px dashed var(--line);border-radius:10px;padding:6px 10px;margin-bottom:10px;word-break:break-all;line-height:1.6}.pp-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;align-items:center}.pp-actions{display:flex;gap:8px;flex-wrap:wrap}.pp-actions .primary{flex:1;min-width:150px;font-size:15px;padding:10px 16px}.pp-bag{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line);display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}.pp-bag button{font-size:11px;padding:2px 8px}.r-common{color:#5d8a3c}.r-rare{color:#2f7fc4}.r-epic{color:#8b4fc4}.r-legend{color:#c87a12}.ritual-mask{position:fixed;inset:0;background:#08120ac7;z-index:80;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s}.ritual-card{width:min(520px,92vw);background:linear-gradient(170deg,#fdf6e3,#f5e9cd);border:2px solid var(--gold);border-radius:18px;padding:22px 24px;box-shadow:0 0 40px #f0b42940,0 14px 40px #00000080;transition:transform .45s cubic-bezier(.4,0,.6,1),opacity .4s}.ritual-card.glow-typing{animation:cardBreath 2.2s ease-in-out infinite}@keyframes cardBreath{0%,to{box-shadow:0 0 24px #f0b42933,0 14px 40px #00000080}50%{box-shadow:0 0 56px #f0b42980,0 14px 40px #00000080}}.ritual-card.vanish{transform:scale(.05) translateY(40px);opacity:0}.ritual-target{font-size:12px;color:var(--muted);border-left:3px solid var(--gold);padding-left:10px;margin-bottom:12px;line-height:1.6}.ritual-card textarea{font-size:16px;font-family:var(--serif);background:#fffdf6e6;min-height:90px;resize:none}.ritual-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.chip{border:1px solid var(--line);background:#fffdf6;border-radius:999px;padding:3px 12px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.chip.on{background:var(--gold);border-color:#c88f14;color:var(--ink);box-shadow:0 0 10px #f0b42980}.chip .rarity{font-size:10px;opacity:.7}.ritual-actions{display:flex;gap:10px;margin-top:12px}.ritual-actions .primary{flex:1;font-size:15px;padding:11px}.ritual-flash{position:fixed;inset:0;background:#fff8ea;opacity:0;pointer-events:none;z-index:85}.ritual-particle{position:fixed;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff2c0,var(--gold) 60%,transparent);box-shadow:0 0 12px #f0b429e6;z-index:86;pointer-events:none}.ritual-waiting{position:fixed;z-index:86;transform:translate(-50%,-100%);text-align:center;color:var(--cream);pointer-events:none}.ritual-waiting .listen{font-size:14px;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:listenPulse 1.8s ease-in-out infinite}@keyframes listenPulse{0%,to{opacity:.75}50%{opacity:1}}.ritual-waiting .proverb{margin-top:6px;font-size:12px;font-family:var(--serif);color:#fff8eabf;transition:opacity .6s}.ripple-ring{position:absolute;left:50%;top:44px;width:30px;height:30px;border:2px solid rgba(240,180,41,.8);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 2s ease-out infinite}@keyframes ripple{0%{width:20px;height:20px;opacity:1}to{width:140px;height:140px;opacity:0}}.ritual-result-ring{position:fixed;border:3px solid var(--gold);border-radius:50%;z-index:86;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 24px #f0b42999}.ritual-number{position:fixed;z-index:87;transform:translate(-50%,-50%);color:var(--gold);font-size:30px;font-weight:700;font-family:var(--serif);text-shadow:0 0 20px rgba(240,180,41,.8),0 2px 4px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap}.ritual-number small{display:block;font-size:13px;font-weight:400;color:var(--cream);text-align:center;letter-spacing:2px}.ritual-tablet{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:88;width:min(480px,90vw);background:linear-gradient(165deg,#232a1e,#141a12);border:1px solid rgba(240,180,41,.65);outline:6px solid rgba(20,26,18,.9);border-radius:10px;padding:28px 30px;color:var(--gold);font-family:var(--serif);font-size:16px;line-height:2.1;letter-spacing:1px;box-shadow:0 0 60px #f0b42938,0 24px 60px #000000b3,inset 0 0 46px #0000008c;animation:tabletIn .8s ease-out}@keyframes tabletIn{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.ritual-tablet .tablet-actions{margin-top:16px;text-align:center}.ritual-leaf{position:fixed;z-index:89;font-size:22px;pointer-events:none;filter:drop-shadow(0 0 8px rgba(142,209,95,.9))}.ritual-confetti{position:fixed;width:8px;height:12px;z-index:89;pointer-events:none;top:-20px}.page{position:absolute;inset:0 0 74px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.page h2{margin:4px 0;color:var(--cream);font-size:18px;text-shadow:0 2px 6px rgba(0,0,0,.5)}.crop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.crop-pick{border:2px solid var(--line);border-radius:12px;padding:8px 10px;background:#fffdf6;cursor:pointer;font-size:13px;transition:border-color .15s,background .15s}.crop-pick.on{border-color:var(--orange);background:#ffedd8}.dish-flip{perspective:900px}.dish-inner{transition:transform .7s;transform-style:preserve-3d;position:relative}.dish-flip.flipped .dish-inner{transform:rotateY(180deg)}.dish-face{backface-visibility:hidden}.dish-back{position:absolute;inset:0;transform:rotateY(180deg)}.score-bar{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12px}.score-bar .track{flex:1;height:10px;background:#ecdfc0;border-radius:999px;overflow:hidden}.score-bar .fill{height:100%;background:linear-gradient(90deg,#ffb37a,var(--orange))}.tabs{display:flex;gap:6px;margin-bottom:10px}.tabs button{border-radius:999px;padding:5px 16px}.tabs button.active{background:var(--green);color:#fff;border-color:var(--green-ink)}.kw-btn{margin:3px}.post-card{display:flex;flex-direction:column;gap:6px}.post-card .meta{display:flex;gap:10px;font-size:12px;color:var(--muted)}.post-card .acts{display:flex;gap:8px}.kind-tag{display:inline-block;font-size:11px;border-radius:6px;padding:1px 8px;background:var(--green);color:#fff}.kind-tag.dish{background:var(--orange)}.kind-tag.prompt{background:#8b4fc4}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.mutant-card{text-align:center;padding:12px 8px}.mutant-sil{width:48px;height:48px;margin:0 auto 6px;border-radius:40% 45% 42% 48%;background:#2a2318;filter:blur(1px);display:flex;align-items:center;justify-content:center;color:#6a5a40;font-size:18px}.stars{color:var(--gold);letter-spacing:2px}.pavilion-banner{width:100%;height:140px;object-fit:cover;border-radius:12px;border:2px solid var(--line);display:block}.village-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.village-card{border:2px solid var(--line);border-radius:12px;background:#fffdf6;padding:10px 12px;font-size:13px;display:flex;flex-direction:column;gap:6px}.village-card.adopted{background:#f0ead6}.village-card .code{font-size:11px;color:var(--muted)}.village-plot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}.bar-wrap{margin:8px 0}.bar-label{font-size:12px;display:flex;justify-content:space-between}.bar-track{height:16px;background:#ecdfc0;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.bar-fill{height:100%}.cert-card{border:3px double #a5763a;background:linear-gradient(160deg,#fff8e6,#f5e0b8);border-radius:var(--radius);padding:22px;text-align:center;animation:certIn .8s cubic-bezier(.2,1.4,.4,1)}@keyframes certIn{0%{transform:scale(.6) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}.farmer-log{height:240px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:#fffdf6;padding:10px;display:flex;flex-direction:column;gap:8px;font-size:13px}.chat-msg{max-width:82%;padding:7px 12px;border-radius:14px;line-height:1.6}.chat-msg.me{align-self:flex-end;background:var(--orange);color:#fff;border-bottom-right-radius:4px}.chat-msg.bot{align-self:flex-start;background:#e9f0da;border-bottom-left-radius:4px}.farmer-quick{display:flex;gap:8px;margin-top:8px}.farmer-quick button{flex:1;font-size:12px}.key-plain{background:var(--green-ink);color:#b8f39a;font-family:ui-monospace,Menlo,Consolas,monospace;border-radius:10px;padding:12px;word-break:break-all;font-size:13px}.chat-log{height:180px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:#fffdf6;padding:10px;display:flex;flex-direction:column;gap:6px;font-size:13px}.guide-tip{position:fixed;z-index:55;background:var(--cream);border:3px solid var(--gold);border-radius:var(--radius);padding:10px 14px;max-width:260px;font-size:13px;box-shadow:0 8px 24px #0a140880;animation:bob 1.2s ease-in-out infinite;pointer-events:auto}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:640px){.prompt-panel{left:0;right:0;bottom:0;transform:none;width:100%;border-radius:16px 16px 0 0;max-height:62vh;overflow-y:auto;animation:sheetUpMobile .3s ease-out}@keyframes sheetUpMobile{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.modal-box{width:96vw;max-height:88vh}.page{padding:10px;bottom:72px}#toast-root{left:12px;right:12px}.toast{max-width:none}.hud-capsule{gap:8px;padding:6px 12px;font-size:12px;max-width:96vw;overflow-x:auto}.dock{width:calc(100vw - 16px);justify-content:space-around;bottom:8px}.dock-item{min-width:0;flex:1}}