: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}.login-sheet{max-width:420px;display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff8ee;border-radius:16px;box-shadow:var(--shadow)}.login-sheet label{display:flex;flex-direction:column;gap:6px;font-size:15px}.login-sheet input{min-height:44px;padding:8px 12px;border:2px solid #c4a574;border-radius:10px;background:#fff}.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:50}.sheet{width:min(560px,100%);background:#fff8ee;border-radius:18px;padding:18px 16px 20px;box-shadow:var(--shadow)}.quiz-overlay{color:#1c140c;z-index:90;pointer-events:auto}.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}.jh-mini{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#3d2b1f,#1a120c 70%)}.jh-mini b{font-size:40px;color:#e8c872;font-weight:700}.gg-root{min-height:100dvh;background:radial-gradient(900px 500px at 10% 0%,#3b2a18 0%,transparent 50%),#120d09;color:#f3e6c8;padding:calc(8px + var(--safe-t)) 10px calc(10px + var(--safe-b));display:flex;flex-direction:column;gap:8px;font-family:Songti SC,STSong,SimSun,serif}.gg-top{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid #8a6a32;background:#1c120ad9;padding:8px 10px}.gg-top b{color:#e8c872;margin-right:10px}.gg-btn{background:#2a1c12;color:#f3e6c8;border:1px solid #8a6a32;min-height:40px}.gg-body{flex:1;display:grid;grid-template-columns:minmax(160px,22%) minmax(0,1fr) minmax(220px,32%);gap:8px;min-height:0}.gg-hero,.gg-side{border:1px solid #8a6a32;background:#140e08e6;padding:10px;overflow:auto}.gg-portrait{width:72px;height:72px;border-radius:8px;display:grid;place-items:center;background:#3d2b1f;color:#e8c872;font-size:32px;border:1px solid #c4a574}.gg-hero h2{margin:8px 0 0}.gg-hero ul{list-style:none;padding:0;margin:10px 0}.gg-hero li{display:flex;align-items:center;gap:6px;margin:6px 0;font-size:14px}.gg-hero li i{width:8px;height:8px;border-radius:50%}.gg-hero li b{margin-left:auto}.gg-hint{color:#c4b08a;font-size:13px}.gg-map{position:relative;border:1px solid #8a6a32;background:linear-gradient(#12281659,#12281659),radial-gradient(circle at 40% 40%,#2d4a32,#1a2418 70%);min-height:280px}.gg-pin{position:absolute;transform:translate(-50%,-50%);background:#1c140c;color:#e8c872;border:1px solid #c4a574;min-height:36px;padding:4px 8px;font-size:13px}.gg-pin.here{background:#8a6a32;color:#1c140c;font-weight:700}.gg-npcs{display:grid;gap:4px;max-height:34%;overflow:auto;margin-bottom:8px}.gg-npc{display:flex;flex-direction:column;align-items:flex-start;background:#1c140c;color:#f3e6c8;min-height:40px;padding:4px 8px;text-align:left}.gg-npc em{font-style:normal;color:#c4b08a;font-size:12px}.gg-log{height:48%;overflow:auto;background:#0c0a07;padding:8px;font-size:13px;line-height:1.45}.gg-log p{margin:0 0 6px}.gg-log .sys{color:#8b9bb4}.gg-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gg-skill{background:#1c140c;color:#f3e6c8;border:2px solid #8a6a32;display:flex;flex-direction:column;align-items:center;min-height:72px;padding:6px}.gg-skill em{font-style:normal;font-size:12px;color:#c4b08a}.gg-roster{list-style:none;padding:0;margin:0;max-height:70dvh;overflow:auto}.gg-roster li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #efe2cc;font-size:14px}@media(max-width:800px){.gg-body{grid-template-columns:1fr}.gg-map{min-height:200px}}.jh-root{min-height:100dvh;background:#07080e;color:#f3e6c8;padding:calc(8px + var(--safe-t)) 10px calc(10px + var(--safe-b));display:flex;flex-direction:column;gap:8px;font-family:Songti SC,STSong,SimSun,serif}.jh-top{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid #8a6a32;background:#0a0c16eb;padding:8px 10px}.jh-top b{color:#e8c872;margin-right:10px}.jh-btn{background:#16141c;color:#f3e6c8;border:1px solid #8a6a32;min-height:40px;padding:0 10px}.jh-world{position:relative;flex:1;min-height:0;border:1px solid #8a6a32;overflow:hidden;background:#05060a}.jh-world img{width:100%;height:100%;object-fit:cover;display:block}.jh-pin{position:absolute;transform:translate(-50%,-50%);background:#140c08;color:#f3e6c8;border:1px solid #e8c872;min-height:32px;padding:2px 8px 2px 6px;font-size:13px;display:flex;align-items:center;gap:4px}.jh-pin i{font-style:normal;background:#c45c26;color:#fff8ee;font-size:11px;padding:0 4px}.jh-pin.here{background:#e8c872;color:#1c140c;font-weight:700}.jh-pin.wild{font-size:11px;padding:1px 6px;min-height:26px;border-color:#6d9a4c;background:#0c1408;color:#d7efc4}.jh-pin.wild i{background:#3d7a2c}.jh-pin.wild.k-mtn{border-color:#c4a06a;background:#1a1208;color:#f0ddb8}.jh-pin.wild.k-mtn i{background:#8a5a28}.jh-pin.wild.k-riv{border-color:#6aa8c8;background:#081218;color:#c8e4f4}.jh-pin.wild.k-riv i{background:#2a6a8a}.jh-pin.wild.k-hunt{border-color:#6d9a4c;background:#0c1408;color:#d7efc4}.jh-pin.wild.k-hunt i{background:#3d7a2c}.jh-pin.wild.here{font-weight:700}.jh-pin.wild.k-mtn.here{background:#d4b07a;color:#1c140c}.jh-pin.wild.k-riv.here{background:#8ec8e0;color:#0c1820}.jh-pin.wild.k-hunt.here{background:#9dce7a;color:#14200c}.arcade-pin i,.fic-tag{background:#6d4c9a!important}.arcade-sheet{background:#fff8ee;color:#1c140c;max-width:min(720px,100%)}.arcade-inner .game-grid{margin-top:12px}.jh-map-hint{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:6px 10px;background:#06080ec7;color:#c4b08a;font-size:13px}.jh-city{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.jh-wx{position:absolute;inset:0;pointer-events:none;z-index:4;background:#080c181f}.jh-root.night .jh-wx{background:#04081685}.jh-root.wx-雨 .jh-wx{background-image:repeating-linear-gradient(105deg,transparent 0 8px,rgba(170,200,230,.18) 8px 9px);animation:jh-rain .7s linear infinite}.jh-root.wx-雪 .jh-wx,.jh-root.wx-雹 .jh-wx{background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 2px);background-size:28px 28px;animation:jh-snow 4s linear infinite}.jh-root.wx-雹 .jh-wx{background-size:18px 18px;animation-duration:1.6s}@keyframes jh-rain{0%{background-position:0 0}to{background-position:12px 36px}}@keyframes jh-snow{0%{background-position:0 0}to{background-position:20px 48px}}.jh-spots{display:flex;flex-wrap:wrap;gap:6px}.jh-spots button{min-height:36px;background:#16141c;color:#f3e6c8;border:1px solid #5a4a32;padding:0 8px;display:flex;align-items:center;gap:4px}.jh-spots button.on{border-color:#e8c872;color:#e8c872}.jh-spots .his,.jh-spots .fic{font-style:normal;font-size:11px;padding:0 4px}.jh-spots .his{background:#c45c26;color:#fff}.jh-spots .fic{background:#3d3a48;color:#c4b08a}.jh-spots .wild-tag{font-style:normal;font-size:11px;padding:0 4px;background:#3d7a2c;color:#fff}.jh-spots .wild-tag.k-mtn{background:#8a5a28}.jh-spots .wild-tag.k-riv{background:#2a6a8a}.jh-spots .wild-tag.k-hunt{background:#3d7a2c}.jh-sheet h2 small{font-weight:400;color:#c4b08a;font-size:13px}.jh-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(150px,22%) minmax(0,1fr) minmax(180px,26%);gap:8px}.jh-list,.jh-card,.jh-chat{background:#0a0c16eb;border:1px solid #8a6a32;min-height:0}.jh-list{overflow:auto;padding:8px}.jh-list h3{margin:0 0 8px;display:flex;justify-content:space-between;font-size:15px}.jh-list small{color:#c4b08a;font-weight:400}.jh-ava-row{width:100%;display:flex;align-items:center;gap:8px;background:transparent;color:inherit;text-align:left;min-height:48px;padding:4px;border:1px solid transparent}.jh-ava-row.on{border-color:#e8c872;background:#1c140c}.jh-ava-row em{display:block;font-style:normal;color:#c4b08a;font-size:12px}.jh-ava{width:36px;height:36px;border:2px solid #e8c872;display:grid;place-items:center;background:#1a120c;flex:0 0 auto}.jh-ava.lg{width:56px;height:56px;font-size:24px;margin:8px auto 0}.jh-chat{display:flex;flex-direction:column}.jh-log{flex:1;overflow:auto;padding:10px;font-size:15px;line-height:1.5;background:#0000108c}.jh-log p{margin:0 0 8px}.jh-log .sys{color:#7cff7c}.jh-log .you{color:#9ad7ff}.jh-log .npc{color:#ffe27a}.jh-log .emote{color:#c4b08a}.jh-name{display:inline;background:transparent;border:none;border-radius:4px;color:inherit;font:inherit;font-weight:700;padding:0 2px;min-height:32px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.jh-name.on{background:#e8c87238}.jh-input{display:flex;gap:6px;padding:8px;border-top:1px solid #8a6a32}.jh-input input{flex:1;min-height:40px;background:#0c0a12;color:#f3e6c8;border:1px solid #8a6a32;padding:0 8px}.jh-card{padding:8px;overflow:auto;text-align:center}.jh-card p,.jh-card ul{margin:6px 0;text-align:left;font-size:13px}.jh-card ul{list-style:none;padding:0}.jh-tag{color:#e8c872}.jh-acts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.jh-acts button{min-height:40px;background:#1c140c;color:#f3e6c8;border:1px solid #8a6a32}.jh-acts .warn{grid-column:1 / -1;border-color:#ff4d4f;color:#ff4d4f}.jh-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.jh-skill{background:#1c140c;color:#f3e6c8;border:2px solid #8a6a32;display:flex;flex-direction:column;align-items:center;min-height:64px;padding:6px}.jh-sheet{width:min(560px,100%);background:#16141c;color:#f3e6c8;border:1px solid #c4a574;border-radius:12px;padding:16px}.jh-sheet.wide{width:min(720px,100%)}.jh-sheet h2,.jh-sheet h3{margin:0 0 8px;color:#e8c872}.jh-caution{color:#ffb347;font-size:13px}.jh-items,.jh-book{list-style:none;padding:0;margin:0;max-height:60dvh;overflow:auto}.jh-items li,.jh-book li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #3d3428}.jh-book li{align-items:flex-start}.rpg-talk,.rpg-battle{position:fixed;inset:0;z-index:30;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(10px + var(--safe-t)) 12px calc(12px + var(--safe-b))}.rpg-dim{position:absolute;inset:0;background:linear-gradient(transparent 10%,#0608108c 48%,#060810e0);pointer-events:none}.rpg-bust{position:absolute;right:6%;bottom:28%;height:min(58vh,420px);object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));z-index:1}.rpg-box{position:relative;z-index:2;background:#0c0a14e0;border:2px solid #c4a574;padding:10px;color:#f3e6c8}.rpg-name{display:flex;align-items:center;gap:8px;color:#e8c872;font-weight:700;margin-bottom:4px}.rpg-name small{font-weight:400;color:#c4b08a}.rpg-name .jh-btn{margin-left:auto}.rpg-memo{margin:0 0 6px;color:#c4b08a;font-size:13px}.rpg-lines{max-height:22vh;overflow:auto;font-size:15px}.rpg-lines p{margin:0 0 6px}.rpg-acts{margin-top:8px}.rpg-battle{justify-content:space-between}.bt-row{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px}.bt-side{width:42%;text-align:center;color:#f3e6c8}.bt-side img{height:28vh;object-fit:contain;filter:drop-shadow(0 8px 16px #000)}.bt-side i{display:block;height:10px;background:#3d2b1f;border:1px solid #c4a574;margin:6px 0}.bt-side i em{display:block;height:100%;background:#c45c26}.bt-side i.mp em{background:#3b82c4}.bt-side small{display:block;color:#c4b08a;font-size:12px;margin-top:2px}.bt-log{position:relative;z-index:2;background:#080810cc;border:1px solid #8a6a32;padding:8px;max-height:22vh;overflow:auto;color:#ffe27a}.bt-skills{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bt-skills button{min-height:52px;background:#1c140c;color:#f3e6c8;border:2px solid #8a6a32}.jh-log{background-color:#0c0a12}@media(max-width:800px){.jh-main{grid-template-columns:1fr}.jh-list{max-height:28vh}.rpg-bust{height:36vh;right:0}}.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}.pvz-tip{margin:0;color:#ffe082;font-weight:700;text-align:center}.lawn-play{position:absolute;inset:34% 9% 0 11%;z-index:7;touch-action:none;cursor:pointer}.lawn-play .lawn-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);pointer-events:none;z-index:1}.plot-hit{border:1px solid rgba(255,255,255,.07)}.plot-hit.on{background:#ffeb3b47}.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;pointer-events:none}.lawn-play .sun-drop img{width:48px;height:48px}.huge-wave{position:absolute;left:50%;top:18%;transform:translate(-50%);z-index:12;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}}