:root{--paper: #f4ead8;--ink: #1c140c;--muted: #6d5844;--wood1: #e4bc88;--wood2: #c9955a;--wood3: #8a5528;--seal: #c45c26;--ok: #2f7d4a;--no: #b42318;--shadow: 0 16px 40px rgba(80, 40, 10, .22);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,system-ui,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,#fff6e6 0%,transparent 55%),var(--paper);color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none}button,input,textarea,select{font:inherit;color:inherit}.app{min-height:100dvh;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));display:flex;flex-direction:column;gap:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{margin:0;font-size:22px;letter-spacing:.12em;font-weight:700}.sub,.muted,.kicker,.topic{margin:0;color:var(--muted);font-size:14px}.stage{flex:1;display:grid;grid-template-columns:1fr;gap:14px;align-content:start}.board-wrap{width:min(92vw,calc(100dvh - 240px),720px);margin:0 auto}.goban{position:relative;width:100%;aspect-ratio:1;padding:4.6%;border-radius:14px;background:repeating-linear-gradient(90deg,rgba(120,70,20,.05) 0 2px,transparent 2px 11px),linear-gradient(160deg,var(--wood1),var(--wood2) 55%,#b88248);box-shadow:inset 0 0 0 10px var(--wood3),var(--shadow);touch-action:none}.goban.is-locked{filter:saturate(.92)}.goban-lines{width:100%;height:100%;display:block;overflow:visible}.goban-lines line{stroke:#5a3518;stroke-width:.045}.goban-lines circle{fill:#4a2a12}.stone{position:absolute;width:calc(100% / 14 * .86);height:calc(100% / 14 * .86);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.stone-black{background:radial-gradient(circle at 32% 28%,#5a5a5a,#111 58%);box-shadow:1px 2px 4px #00000073}.stone-white{background:radial-gradient(circle at 32% 28%,#fff,#e7e1d4 70%);box-shadow:1px 2px 4px #00000047}.stone.is-preview{opacity:.45}.stone.is-last:after{content:"";position:absolute;inset:36%;border-radius:50%;background:var(--seal)}.side{display:flex;flex-direction:column;gap:10px;max-width:720px;margin:0 auto;width:min(92vw,720px)}.banner{margin:0;padding:10px 12px;background:#ffffff73;border-radius:10px}.banner.win{color:var(--ok);font-weight:700}.banner.warn{color:var(--seal);font-weight:700}.row-actions{display:flex;flex-wrap:wrap;gap:8px}button{border:0;border-radius:12px;min-height:48px;padding:0 16px;background:#efe2cc;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--seal);color:#fff;font-weight:700;min-width:140px}button.ghost{background:transparent;border:1px solid rgba(90,53,24,.25)}button.danger,.ghost.danger{color:var(--no)}button.icon-btn{min-width:64px}.overlay{position:fixed;inset:0;background:#1c140c6b;display:flex;justify-content:center;align-items:flex-start;padding:calc(18px + var(--safe-t)) 16px calc(16px + var(--safe-b));overflow:auto;z-index:20}.sheet{width:min(560px,100%);background:#fff8ee;border-radius:18px;padding:18px 16px 20px;box-shadow:var(--shadow)}.quiz-overlay,.quiz-sheet,.quiz-sheet h2,.quiz-sheet p,.quiz-sheet .q-text,.quiz-sheet .kicker,.quiz-sheet .topic,.quiz-sheet .muted,.quiz-sheet .hint,.quiz-sheet .explain{color:#1c140c}.quiz-sheet .choice,.quiz-sheet .short-input{background:#fff;color:#1c140c;border:2px solid #c4a574}.quiz-sheet .choice.selected{background:#fde8d8;color:#1c140c;border-color:#c45c26}.quiz-sheet .primary{color:#fff}.quiz-sheet .ghost{color:#1c140c}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet h2{margin:6px 0 12px;font-size:26px}.q-text{font-size:22px;line-height:1.45;margin:8px 0 14px}.choices{display:grid;gap:8px;margin-bottom:12px}.choice{text-align:left;background:#fff;border:2px solid transparent}.choice.selected{border-color:var(--seal);background:#fde8d8}.short-input,.field input,.field select,.field textarea,.prompt-box{width:100%;border:1px solid rgba(90,53,24,.22);border-radius:12px;padding:12px;background:#fff;color:#1c140c;user-select:text;-webkit-user-select:text;pointer-events:auto}.prompt-box{min-height:220px;font-size:16px;line-height:1.55;resize:vertical}.settings-sheet{color:#1c140c;max-height:min(92dvh,900px);overflow:auto}.settings-sheet textarea,.settings-sheet input,.settings-sheet select{color:#1c140c;background:#fff}.short-input{min-height:52px;font-size:20px;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field span{font-size:14px;color:var(--muted)}.toggle{display:flex;align-items:center;gap:8px;min-height:44px}.linkish{align-self:flex-start;min-height:36px;background:none;color:var(--seal);padding:0}.memory-box{background:#f3e6d2;border-radius:12px;padding:12px}.memory-box h3{margin:0 0 8px}.summary{line-height:1.5}.episode-list{list-style:none;padding:0;margin:8px 0 12px}.episode-list li{display:flex;gap:8px;margin:6px 0;font-size:13px}.ok{color:var(--ok)}.no{color:var(--no)}.feedback{padding:10px 12px;border-radius:10px;margin:8px 0 12px}.ok-text{background:#e7f6ec;color:var(--ok)}.no-text{background:#fdecea}.hint,.explain{margin:8px 0 12px;line-height:1.5}.pulse{animation:pulse 1.2s ease-in-out infinite}.error-box{background:#fdecea;padding:10px;border-radius:10px}@keyframes pulse{50%{opacity:.45}}.home-hero{margin:8px 0 18px}.home-hero h1{margin:6px 0 0;font-size:clamp(28px,6vw,40px)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:980px}.game-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:220px;padding:18px;text-align:left;background:#fff8ee;box-shadow:var(--shadow);border:2px solid transparent}.game-card:hover,.game-card:focus-visible{border-color:var(--seal)}.game-card strong{font-size:24px}.game-card span{color:var(--muted);line-height:1.4}.game-art{width:100%;height:88px;border-radius:12px;margin-bottom:4px}.goban-mini{background:linear-gradient(160deg,var(--wood1),var(--wood2));position:relative;box-shadow:inset 0 0 0 6px var(--wood3)}.goban-mini i{position:absolute;width:18px;height:18px;border-radius:50%}.goban-mini i:nth-child(1){left:22%;top:28%;background:#111}.goban-mini i:nth-child(2){left:48%;top:42%;background:#f3eee4}.goban-mini i:nth-child(3){left:70%;top:30%;background:#111}.cards-mini{display:flex;align-items:center;justify-content:center;gap:8px;background:#e8f1e4}.pvz-mini{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#8fbf4a,#5e8d2f)}.pvz-mini b{font-size:28px;font-weight:400}.bj-mini{display:flex;align-items:center;justify-content:center;gap:10px;background:#14532d}.bj-mini b{background:#fff;color:#b42318;padding:8px 10px;border-radius:8px;font-size:18px}.bj-app{max-width:820px;margin:0 auto;background:radial-gradient(circle at top,#1b7a45,#0d3b24);color:#f4ead8;border-radius:16px}.bj-app .sub,.bj-app .brand{color:#fff8ee}.bj-app .icon-btn,.bj-app .ghost{background:#fff8ee;color:#1c140c;font-weight:700;border:2px solid #fde8d8}.bj-app .primary{color:#fff}.bj-app .sheet,.bj-app .sheet h2,.bj-app .sheet p,.bj-app .sheet span,.bj-app .sheet label{color:#1c140c}.bj-dealer,.bj-player{padding:8px 4px 12px}.bj-row{display:flex;gap:8px;flex-wrap:wrap}.bj-card{width:72px;height:102px;background:#fff;color:#1c140c;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 12px #00000040}.bj-card b{font-size:28px}.bj-card.red{color:#b42318}.bj-card.back{background:repeating-linear-gradient(45deg,#7f1d1d,#7f1d1d 8px,#991b1b 8px 16px)}.bj-hand{margin-bottom:10px;padding:8px;border-radius:12px}.bj-hand.active{outline:2px solid #fbbf24}.bj-actions{margin-top:8px}.seed-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seed{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:72px;padding:8px 6px;background:#fff8ee;border:3px solid transparent}.seed.selected{border-color:var(--seal)}.seed.poor{opacity:.45}.seed-emoji{font-size:26px;line-height:1}.lawn-wrap{width:100%;max-width:920px;margin:0 auto}.lawn{position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);aspect-ratio:1.7;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);touch-action:manipulation}.plot{min-height:0;border-radius:0;border:1px solid rgba(255,255,255,.12);background:#7cb342}.plot.r1{background:#689f38}.plot.house{background:#c7a15a}.actor{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:2;font-size:clamp(22px,4.2vw,36px);line-height:1;display:flex;flex-direction:column;align-items:center}.actor .hp{display:block;height:4px;background:#2f7d4a;border-radius:2px;margin-top:2px}.zombie{z-index:3}.zombie.eating{animation:chew .25s linear infinite}.pea{width:14px;height:14px;border-radius:50%;background:#7cb342;box-shadow:0 0 0 2px #33691e;z-index:4}.sun-drop{position:absolute;transform:translate(-50%,-50%);z-index:5;min-height:48px;min-width:48px;border-radius:50%;font-size:28px;background:#ffec96e6;padding:0}@keyframes chew{50%{transform:translate(-50%,-56%)}}.pvz-stage{min-height:100dvh;background:#1a2a12;padding:calc(6px + var(--safe-t)) 8px calc(10px + var(--safe-b));display:flex;flex-direction:column;gap:6px}.pvz-hud{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pvz-chip,.pvz-meta{background:#5d4037;color:#ffe7b3;border-radius:8px;min-height:40px;padding:0 10px;font-size:14px}.sun-bank{display:flex;align-items:center;gap:4px;background:#3e2723;border-radius:10px;padding:2px 10px 2px 2px;color:#fff;min-height:48px}.sun-bank img{width:40px;height:40px}.sun-bank b{font-size:22px}.pvz-stage .seed-bar{display:flex;gap:6px;flex:1}.seed-pack{width:58px;height:72px;padding:2px;background:linear-gradient(#8d6e63,#5d4037);border:3px solid #3e2723;border-radius:6px;position:relative}.seed-pack.selected{border-color:#ffd54f}.seed-pack.poor{opacity:.4}.seed-pack img{width:100%;height:52px;object-fit:contain}.seed-pack .cost{position:absolute;right:2px;bottom:0;color:#fff59d;font-size:12px;font-weight:700}.lawn-board{position:relative;width:100%;max-width:1100px;margin:0 auto;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.lawn-bg{width:100%;height:100%;object-fit:cover;display:block}.lawn-play{position:absolute;inset:40% 14% 1.5% 17%}.lawn-play .lawn-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.lawn-play .plot{background:transparent;border:0;min-height:0}.lawn-play .actor{position:absolute;transform:translate(-50%,-80%);pointer-events:none;z-index:2;width:11%}.lawn-play .actor img{width:100%;height:auto;display:block;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.35))}.lawn-play .zombie{width:13%;z-index:3;animation:shambling .7s steps(2) infinite}.lawn-play .zombie.eating{animation:chew .22s linear infinite}.lawn-play .pea-img{width:3.2%;z-index:4;transform:translate(-50%,-50%)}.lawn-play .plant.fuse img{filter:brightness(1.6) saturate(1.4)}.boom{position:absolute;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff59d,#ff6f00 45%,transparent 70%);z-index:6;pointer-events:none}.lawn-play .sun-drop{background:transparent;min-width:52px;min-height:52px}.lawn-play .sun-drop img{width:48px;height:48px}.huge-wave{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:8;background:#781414e0;color:#fff;font-size:22px;font-weight:800;padding:10px 18px;border-radius:8px;pointer-events:none}.pvz-banner{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px;font-weight:700}.win-b{color:#fff59d}.lose-b{color:#ffcdd2}.pvz-resign{align-self:center;color:#ffe0b2;border-color:#ffe0b259}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-width:900px}.level-card{min-height:110px;background:#efe2cc;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.level-card.locked{opacity:.45}.level-card em{color:var(--ok);font-style:normal;font-size:13px}@keyframes shambling{50%{transform:translate(-50%,-78%) rotate(-2deg)}}.cards-mini b{width:36px;height:50px;border-radius:6px;background:#fff;display:grid;place-items:center;box-shadow:1px 2px #0000001f;color:var(--seal);font-size:18px}.tf-app{max-width:720px;margin:0 auto}.tf-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tf-card{min-height:120px;background:#fff;border:3px solid #e6d3b4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.tf-card.selected{border-color:var(--seal);background:#fde8d8}.tf-num{font-size:42px;font-weight:700;line-height:1}.tf-expr{font-size:13px;color:var(--muted);word-break:break-all}.tf-ops{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tf-op{font-size:28px;min-height:56px;background:#fff;border:2px solid #e6d3b4}.tf-op.selected{border-color:var(--seal);background:#fde8d8}.tf-status{min-height:20px}@media(orientation:landscape)and (min-width:800px){.stage{grid-template-columns:minmax(0,1fr) minmax(260px,34vw);align-items:center}.board-wrap{width:min(88dvh,100%);margin:0}.side{margin:0;width:auto}.tf-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.tf-card{min-height:140px}}