:root{color:#efe5c9;font-synthesis:none;text-rendering:optimizelegibility;background:#19211e;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}html{width:100%;height:100%;margin:0;overflow:hidden}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body,#root{overscroll-behavior:none;height:100%;min-height:100dvh;overflow:hidden}button{font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #f0d59a}.loading-screen{letter-spacing:.04em;background:radial-gradient(circle,#34473d,#18201d 68%);place-content:center;justify-items:center;gap:12px;height:100%;min-height:100dvh;font-size:1.25rem;display:grid}.welcome-screen,.map-screen,.battle-screen{isolation:isolate;width:100%;height:100%;min-height:100dvh;position:relative;overflow:hidden}.welcome-screen{padding:max(28px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#101714 var(--bg-garden-map) center / cover no-repeat;place-items:center;display:grid;overflow:hidden}.welcome-screen:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(2px)saturate(.6);backdrop-filter:blur(2px)saturate(.6);background:linear-gradient(90deg,#0f1614d6,#161e1a7a,#0f1614d6);position:absolute;inset:0}.welcome-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 190px 45px #101714}.welcome-card{text-align:center;color:#3a3027;clip-path:polygon(2% 0,98% 0,100% 6%,100% 94%,98% 100%,2% 100%,0 94%,0 6%);background:linear-gradient(#e4d6b3e6,#d2c199f0),repeating-linear-gradient(4deg,#0000 0 4px,#443a2a0d 5px 6px);border:1px solid #eedaa8b3;width:min(560px,100%);max-width:100%;margin:0 auto;padding:56px 48px 48px;position:relative;box-shadow:0 30px 100px #09100d,inset 0 0 45px #6b4e253d}.welcome-card:before,.prompt-scroll:before{content:"";pointer-events:none;border:1px solid #5a462b57;position:absolute;inset:10px}.seal{color:#ead9b5;background:#7d302b;border:2px solid #b8785b;place-items:center;width:68px;height:68px;margin:-72px auto 22px;font:700 2rem Songti SC,STSong,serif;display:grid;transform:rotate(-3deg);box-shadow:0 8px 22px #2c121080}.seal span{transform:rotate(3deg)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin:0 0 6px;font-size:.72rem}.welcome-card h1{overflow-wrap:anywhere;max-width:100%;margin:0 auto;font-size:clamp(2.35rem,8.4vw,4.4rem);font-weight:600;line-height:1.05}.welcome-card>p:not(.eyebrow){max-width:420px;margin:22px auto;font-size:1.18rem;line-height:1.42}.welcome-rule{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;margin:24px 0;font-size:.78rem;display:flex}.welcome-rule span{background:#4a3a2659;flex:1;height:1px}.primary-button{color:#f2e5c5;cursor:pointer;letter-spacing:.04em;background:linear-gradient(#40574b,#273a31);border:1px solid #b99c62;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:0 23px;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:inset 0 0 0 2px #e7d09e14,0 7px 20px #13191547}.primary-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.main-menu{gap:10px;width:min(300px,100%);margin:0 auto;display:grid}.main-menu .primary-button,.main-menu .menu-button{width:100%}.menu-button{color:#473b2d;cursor:pointer;letter-spacing:.035em;background:#efe0bc61;border:1px solid #51402873;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 20px;transition:transform .2s,background .2s;display:inline-flex}.menu-button:hover{background:#f6e8c6b3;transform:translateY(-1px)}.menu-exit-button{color:#6a302b;border-color:#70332b6b}.menu-info-card{width:min(520px,100%)}.menu-info-card .menu-button{margin-top:12px}.map-backdrop,.battle-backdrop{z-index:-3;background-position:50%;background-size:cover;position:absolute;inset:-3%}.map-backdrop{background-image:var(--bg-garden-map)}.garden-map-overlay{z-index:-2;pointer-events:none;width:106%;height:106%;position:absolute;inset:-3%}.map-screen:after,.battle-screen:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0d17131f,#0000 32% 70%,#0a100e47);position:absolute;inset:0;box-shadow:inset 0 0 130px 20px #0a120fad}.map-header{z-index:10;text-shadow:0 2px 6px #121813;background:linear-gradient(#111a16db,#0000);justify-content:space-between;align-items:center;min-height:72px;padding:0 32px;display:flex;position:absolute;inset:0 0 auto}.brand-mark,.garden-summary,.garden-summary span{align-items:center;display:flex}.brand-mark{letter-spacing:.04em;gap:9px;font-size:1.35rem;font-weight:600}.map-brand-progress{gap:5px;display:grid}.player-level{color:#eadfbe;grid-template-columns:34px minmax(96px,1fr) auto;align-items:center;gap:9px;display:grid}.player-level>strong{color:#34291d;background:radial-gradient(circle,#f2dfaa,#b58c45);border:1px solid #e5c77b;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 15px #dcb5633d}.player-level-track{background:#0a1611b3;border:1px solid #e5cc9180;height:7px;overflow:hidden}.player-level-track i{background:linear-gradient(90deg,#987139,#e6c46d);height:100%;transition:width .7s;display:block;box-shadow:0 0 9px #d4ad57}.player-level small{letter-spacing:.035em;white-space:nowrap;min-width:92px;font-size:.72rem}.player-level.is-compact{grid-template-columns:24px 96px auto;gap:6px}.player-level.is-compact>strong{width:24px;height:24px;font-size:.78rem}.player-level.is-compact .player-level-track{height:5px}.player-level.is-compact small{min-width:80px;font-size:.65rem}.garden-summary{color:#e1d6b9;gap:24px;font-size:.95rem}.garden-summary span{gap:7px}.map-stage{position:absolute;inset:0;overflow:hidden}.map-canvas{transform-origin:50%;transition:transform .35s;position:absolute;inset:9% 15% 9% 3%}.bed-grid{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(11,minmax(0,1fr));gap:.48%;display:grid;position:absolute;inset:7% 7% 5%;transform:perspective(1200px)rotateX(1deg)}.bed-hotspot-legacy{color:#f0e1b8;cursor:pointer;isolation:isolate;background:0 0;border:1px solid #0000;border-radius:3px;min-width:0;min-height:0;padding:0;transition:filter .2s;position:relative;overflow:hidden}.bed-shape--0{clip-path:polygon(2% 6%,94% 1%,99% 11%,97% 91%,88% 98%,6% 95%,0 83%)}.bed-shape--1{clip-path:polygon(5% 0,96% 4%,100% 18%,94% 100%,9% 96%,1% 83%)}.bed-shape--2{clip-path:polygon(0 13%,8% 2%,91% 0,100% 12%,96% 94%,80% 100%,4% 92%)}.bed-shape--3{clip-path:polygon(7% 3%,88% 0,100% 9%,98% 84%,90% 100%,8% 96%,1% 14%)}.bed-shape--4{clip-path:polygon(1% 8%,10% 0,94% 5%,100% 89%,91% 100%,4% 93%)}.bed-shape--5{clip-path:polygon(4% 0,100% 7%,96% 93%,84% 100%,3% 95%,0 14%)}.bed-shape--6{clip-path:polygon(8% 2%,90% 0,100% 16%,93% 96%,13% 100%,0 88%)}.bed-shape--7{clip-path:polygon(0 5%,86% 1%,100% 13%,96% 90%,83% 100%,7% 95%)}.bed-hotspot-legacy:before{content:"";z-index:4;opacity:0;pointer-events:none;background:radial-gradient(#f0d79e38,#f0d79e14 46%,#0000 72%);border-radius:50%;transition:opacity .2s;position:absolute;inset:7%}.bed-hotspot-legacy:after{content:none}.bed-art{z-index:0;background:var(--soil,#536146);filter:saturate(calc(.62 + (1 - var(--infection)) * .72)) brightness(calc(.72 + (1 - var(--infection)) * .32));pointer-events:none;transition:filter .45s,background .45s;position:absolute;inset:2px;overflow:hidden}.bed-art:before{content:"";mix-blend-mode:screen;opacity:calc(.35 + (1 - var(--infection)) * .35);background:linear-gradient(105deg,#efdca01f,#0000 38%,#14281b33),repeating-linear-gradient(8deg,#e6d79b1a 0 1px,#0000 1px 13px);position:absolute;inset:0}.bed-art:after{content:"";opacity:calc(.18 + var(--infection) * .38);background:radial-gradient(at 50% 42%,#0000 35%,#0c14106b 100%);position:absolute;inset:0}.bed-art--jade{--soil:#526344}.bed-art--reed-bed{--soil:#647049}.bed-art--water-soil{--soil:#4a6d68}.bed-art--blue-earth{--soil:#50677a}.bed-art--warm-loam{--soil:#806744}.bed-art--silver-grass{--soil:#727c69}.bed-art--rose-loam{--soil:#795b53}.bed-art--tea-earth{--soil:#5e6747}.bed-art--pale-earth{--soil:#827661}.bed-art--ember-earth{--soil:#755343}.bed-art--moss-soil{--soil:#3f6655}.bed-art--night-earth{--soil:#48556d}.plant-bed{opacity:calc(.56 + (1 - var(--infection)) * .44);mix-blend-mode:screen;border-radius:45%;position:absolute;inset:8% 7%}.plant-bed--plum{background:radial-gradient(#ec99aa8f,#0000 66%)}.plant-bed--bamboo{background:repeating-linear-gradient(90deg,#bfba5b8f 0 3px,#0000 3px 11px)}.plant-bed--lotus{background:radial-gradient(circle at 28% 58%,#89c4a3ab 0 12%,#0000 13%),radial-gradient(circle at 75% 32%,#8ec8a98c 0 15%,#0000 16%)}.plant-bed--hydrangea{background:radial-gradient(circle,#89a4d7a8 0 11%,#0000 12%) 0 0/17px 14px}.plant-bed--chrysanthemum{background:radial-gradient(circle,#ecb758ad 0 8%,#0000 9%) 0 0/15px 13px}.plant-bed--reed{background:repeating-linear-gradient(102deg,#c2c07994 0 2px,#0000 2px 9px)}.plant-bed--peony{background:radial-gradient(circle at 35% 52%,#dc818eab 0 16%,#0000 17%),radial-gradient(circle at 72% 40%,#f0aa9c8a 0 13%,#0000 14%)}.plant-bed--tea{background:radial-gradient(#819b57bd 0 16%,#0000 17%) 0 0/21px 14px}.plant-bed--magnolia{background:radial-gradient(circle,#e2cab8a8 0 12%,#0000 13%) 0 0/24px 18px}.plant-bed--lily{background:radial-gradient(circle at 42% 48%,#ec8264b3 0 12%,#0000 13%),radial-gradient(circle at 76% 72%,#d65e6e80 0 10%,#0000 11%)}.plant-bed--moss{background:radial-gradient(#74b47fb8 0 20%,#0000 21%) 0 0/18px 13px}.plant-bed--bells{background:radial-gradient(#aa80dcb8 0 12%,#0000 13%) 0 0/16px 17px}.plant-cluster{--cluster-fill:#c99b78;--cluster-highlight:#f5d9b3;--cluster-radius:62% 38% 57% 43%;border-radius:var(--cluster-radius);width:clamp(15px,28%,34px);height:clamp(13px,44%,30px);transform:translate(-50%, -50%) rotate(var(--cluster-rotation)) scale(calc(var(--cluster-scale) * (.84 + (1 - var(--infection)) * .2)));opacity:calc(.4 + (1 - var(--infection)) * .6);filter:drop-shadow(0 2px 2px #141d1257);transition:opacity .45s,transform .45s,filter .45s;position:absolute}.plant-cluster:before{content:"";border-radius:var(--cluster-radius);background:var(--cluster-fill);box-shadow:8px 4px 0 -2px color-mix(in srgb, var(--cluster-fill), #172c1b 28%);position:absolute;inset:10% 3% 22% 16%}.plant-cluster:after{content:"";background:var(--cluster-highlight);width:31%;height:36%;box-shadow:-8px 12px 0 -2px color-mix(in srgb, var(--cluster-fill), #172c1b 18%);border-radius:65% 35%;position:absolute;top:4%;right:3%}.plant-cluster--plum{--cluster-fill:#c9839d;--cluster-highlight:#f2c1bb;--cluster-radius:55% 45% 58% 42%}.plant-cluster--bamboo{--cluster-fill:#b4ad55;--cluster-highlight:#e0d987;--cluster-radius:20% 20% 52% 52%;width:clamp(9px,16%,20px);height:clamp(17px,57%,38px)}.plant-cluster--lotus{--cluster-fill:#72a88c;--cluster-highlight:#e6b1c8;--cluster-radius:50% 50% 42% 58%}.plant-cluster--hydrangea{--cluster-fill:#799bd0;--cluster-highlight:#c6d8ee;--cluster-radius:57%}.plant-cluster--chrysanthemum{--cluster-fill:#d09d46;--cluster-highlight:#fae4a1;--cluster-radius:49% 51% 46% 54%}.plant-cluster--reed{--cluster-fill:#b2b677;--cluster-highlight:#e6dba1;--cluster-radius:18% 18% 58% 58%;width:clamp(8px,14%,19px);height:clamp(19px,64%,41px)}.plant-cluster--peony{--cluster-fill:#ce718b;--cluster-highlight:#f0b0ad;--cluster-radius:62% 38% 48% 52%}.plant-cluster--tea{--cluster-fill:#709154;--cluster-highlight:#a9c276;--cluster-radius:50% 50% 38% 62%}.plant-cluster--magnolia{--cluster-fill:#cdb7a7;--cluster-highlight:#f4e0d0;--cluster-radius:58% 42% 60% 40%}.plant-cluster--lily{--cluster-fill:#cf6b62;--cluster-highlight:#f4b55f;--cluster-radius:45% 55% 57% 43%}.plant-cluster--moss{--cluster-fill:#70a478;--cluster-highlight:#a7d08a;--cluster-radius:58% 42% 55% 45%;width:clamp(16px,33%,38px);height:clamp(11px,34%,24px)}.plant-cluster--bells{--cluster-fill:#866db8;--cluster-highlight:#d1a8e5;--cluster-radius:43% 57% 56% 44%}.plant-cluster--secondary{opacity:calc(.27 + (1 - var(--infection)) * .46)}.bed-decoration{opacity:calc(.16 + (1 - var(--infection)) * .28);mix-blend-mode:screen;position:absolute;inset:0}.bed-decoration--stones{background:radial-gradient(at 12% 16%,#dcd0ab8c 0 3%,#0000 4%),radial-gradient(at 86% 78%,#dcd0ab80 0 4%,#0000 5%)}.bed-decoration--lanterns{background:radial-gradient(circle at 15% 22%,#f2c66fe6 0 4%,#0000 5%),radial-gradient(circle at 85% 78%,#f2c66fc7 0 3%,#0000 4%)}.bed-decoration--water{background:repeating-linear-gradient(170deg,#0000 0 11px,#a4dcd857 12px 13px)}.bed-decoration--terraces{background:repeating-linear-gradient(0deg,#0000 0 14px,#dfcf9152 15px 17px)}.bed-decoration--paths{background:linear-gradient(135deg,#0000 46%,#decfa157 47% 51%,#0000 52%)}.bed-decoration--stepping-stones{background:radial-gradient(at 22% 77%,#dcd0ab8f 0 4%,#0000 5%),radial-gradient(at 45% 61%,#dcd0ab85 0 4%,#0000 5%),radial-gradient(at 69% 47%,#dcd0ab75 0 4%,#0000 5%)}.bed-decoration--star-bells{background:radial-gradient(circle at 18% 21%,#c0b1f5b3 0 2%,#0000 3%),radial-gradient(circle at 78% 36%,#c0b1f5b3 0 2%,#0000 3%),radial-gradient(circle at 63% 83%,#c0b1f58c 0 2%,#0000 3%)}.weed-layer{--weed-ink:#301c3e;z-index:3;opacity:calc(var(--infection) * .94);transform:scale(calc(.78 + var(--infection) * .3));transform-origin:50%;filter:drop-shadow(0 2px 3px #160b1d9e);transition:opacity .5s,transform .5s;position:absolute;inset:-8%}.weed-layer:before{content:"";background:radial-gradient(ellipse at 40% 50%, var(--weed-ink) 0 3%, transparent 4%) 0 0 / 22px 17px;opacity:.56;position:absolute;inset:0}.weed-layer i{background:linear-gradient(var(--weed-ink), #18151e);border-radius:100% 0;width:3px;height:82%;position:absolute;bottom:2%;left:17%;transform:rotate(-19deg)}.weed-layer i:nth-child(2){height:66%;left:39%;transform:rotate(11deg)}.weed-layer i:nth-child(3){height:91%;left:68%;transform:rotate(24deg)}.weed-layer i:nth-child(4){height:51%;left:86%;transform:rotate(-31deg)}.weed-layer--vine{--weed-ink:#361941}.weed-layer--thistle{--weed-ink:#2e263f}.weed-layer--bramble{--weed-ink:#27152e}.weed-layer--shadow-grass{--weed-ink:#24322a}.weed-layer--thistle:before{background:radial-gradient(circle,#574071 0 8%,#0000 9%) 0 0/18px 14px}.weed-layer--bramble i{box-shadow:5px 15px 0 -1px var(--weed-ink), -5px 28px 0 -1px var(--weed-ink);border-radius:50% 0}.weed-layer--shadow-grass i{border-radius:100% 0 0;height:44%;bottom:0}.bed-hotspot-legacy:hover,.bed-hotspot-legacy.is-selected{z-index:2;filter:brightness(1.14)}.bed-hotspot-legacy:hover:before,.bed-hotspot-legacy.is-selected:before{opacity:1}.bed-hotspot-legacy.is-locked{cursor:default}.bed-status{z-index:7;place-items:center;display:grid;position:absolute;inset:0}.bed-status svg{filter:drop-shadow(0 2px 2px #14201c);opacity:.9;width:15px}.bed-hotspot-legacy:not(.is-selected):not(:hover) .bed-status{opacity:.25}.bed-hotspot-legacy.is-locked:not(.is-selected):not(:hover) .bed-status{opacity:.62}.bed-hotspot-legacy.is-locked .bed-status svg{box-sizing:content-box;color:#ddd0b4;background:#171c1bb8;border:1px solid #decfb259;border-radius:50%;padding:4px}.weed-orb{background:#785378;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px 4px #6b3d6fc7}.bed-panel{z-index:12;color:#342d24;clip-path:polygon(6% 0,94% 0,100% 8%,100% 92%,94% 100%,6% 100%,0 92%,0 8%);background:linear-gradient(135deg,#e7d9b8f5,#c3b28ced);border:1px solid #f4e2b9ad;width:min(290px,25vw);padding:28px;position:absolute;top:50%;right:25px;transform:translateY(-50%);box-shadow:0 18px 56px #080f0c99,inset 0 0 32px #46301b2e}.bed-panel:after{content:"";pointer-events:none;border:1px solid #4b3b253d;position:absolute;inset:9px}.bed-panel h1{z-index:1;text-transform:capitalize;margin:4px 0 6px;font-size:2rem;line-height:1;position:relative}.bed-subtitle{opacity:.72;min-height:40px;margin:0 0 18px;font-size:.95rem;line-height:1.25}.health-line{background:#423747;border:1px solid #2f372a52;height:7px;overflow:hidden}.health-line span{background:linear-gradient(90deg,#697e5d,#b49d57);height:100%;transition:width .5s;display:block}.bed-meta{justify-content:space-between;margin:9px 0 20px;font-size:.83rem;display:flex}.bed-panel .primary-button{z-index:2;width:100%;position:relative}.locked-note{opacity:.65;align-items:center;gap:8px;margin-top:24px;display:flex}.map-hint{z-index:10;color:#efe2c4b8;letter-spacing:.06em;text-shadow:0 2px 4px #101815;margin:0;font-size:.83rem;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.battle-screen{touch-action:none}.xp-toast{z-index:26;color:#fff1bf;text-shadow:0 2px 8px #1c241d,0 0 18px #e2c062b8;pointer-events:none;justify-items:center;gap:2px;animation:1.05s both xp-toast;display:grid;position:absolute;top:29%;left:50%;transform:translate(-50%)}.xp-toast strong{font-size:clamp(1.55rem,4vw,2.5rem)}.xp-toast span{color:#e7c467;letter-spacing:.15em;font-size:.8rem}.xp-toast small{color:#f1dfad}.xp-toast.has-milestone:before{content:"";z-index:-1;background:radial-gradient(circle,#e8c66c6b,#0000 66%);border-radius:50%;animation:.75s ease-out both combo-pulse;position:absolute;inset:-35px -70px}@keyframes xp-toast{0%{opacity:0;transform:translate(-50%,18px)scale(.8)}25%,72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-18px)scale(1.06)}}@keyframes xp-toast-reduced{0%,99%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}.writing-circle .pinyin-toast{z-index:16;color:#2c2418;letter-spacing:.045em;pointer-events:none;background:linear-gradient(#ecdfbff5,#d6c49af0);border:1px solid #68522e80;margin:0;padding:.12em .55em .18em;font-size:clamp(1.65rem,4.4vw,2.55rem);font-weight:700;line-height:1.05;animation:1.05s both pinyin-toast;position:absolute;top:76%;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #18181252,inset 0 0 12px #60421d1a}@keyframes pinyin-toast{0%{opacity:0;transform:translate(-50%,10px)scale(.88)}18%,72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(1.04)}}@keyframes pinyin-toast-reduced{0%,99%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}@keyframes combo-pulse{0%{opacity:0;transform:scale(.6)}45%{opacity:1}to{opacity:0;transform:scale(1.4)}}.animation-debug-screen{background:#17231f}.animation-debug-prompt{pointer-events:none}.animation-debug-writing-circle{opacity:.72}.animation-debug-writing-circle>span{color:#36302633;font:clamp(8rem,25vw,17rem)/1 Songti SC,STSong,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animation-debug-controls{z-index:40;right:50%;bottom:max(24px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);touch-action:manipulation;background:#0e1813e0;border:1px solid #dac48f61;align-items:stretch;gap:10px;padding:10px;display:flex;position:absolute;transform:translate(50%);box-shadow:0 12px 36px #050b088c,inset 0 0 24px #ebd6a509}.animation-debug-controls button{white-space:nowrap}.animation-debug-achievement{min-height:48px}.animation-debug-xp{align-items:center;gap:7px;display:flex}.animation-debug-xp>span{color:#e5d4b0;letter-spacing:.1em;align-items:center;gap:5px;padding:0 5px;font-size:.78rem;font-weight:700;display:inline-flex}.animation-debug-xp button{color:#3a3025;cursor:pointer;background:linear-gradient(#f0dcaa,#bfa064);border:1px solid #c9aa67;width:48px;min-height:48px;box-shadow:inset 0 0 0 2px #fff6d82e}.animation-debug-xp button:hover{filter:brightness(1.1)}.xp-summary{color:#3d3326;border-block:1px solid #5b442647;gap:7px;width:min(390px,100%);min-width:0;max-width:100%;margin:4px auto 14px;padding:12px 0;display:grid}.xp-summary>span,.xp-summary>strong{justify-content:space-between;align-items:baseline;gap:8px 12px;min-width:0;font-size:.86rem;display:flex}.xp-summary>strong{border-top:1px solid #5b442633;padding-top:7px;font-size:1rem}.xp-summary b{color:#395b41;flex:none;margin-left:auto}.xp-summary b.is-negative{color:#7b3e3b}.xp-summary .player-level{color:#403527;grid-template-columns:34px minmax(0,1fr) auto;min-width:0;margin-top:6px}.xp-summary .player-level-track,.xp-summary .player-level small{min-width:0}.level-up-beat{color:#765521;letter-spacing:.08em;opacity:0;justify-content:center;align-items:center;gap:7px;margin-top:4px;font-weight:700;animation:.62s both level-up-beat;display:flex}@keyframes level-up-beat{0%{opacity:0;transform:scale(.72)}58%{opacity:1;text-shadow:0 0 18px #e6c26d;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.cleared-state .primary-button{transition:transform .2s,filter .2s,box-shadow .4s}.cleared-state .primary-button.is-ready{box-shadow:0 0 0 1px #f6db9480,0 0 25px #dab85d6b}.back-button{z-index:20;color:#dfd0ac;cursor:pointer;background:#1d221db8;border:1px solid #d7c18e8c;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:25px;left:26px;box-shadow:0 5px 15px #0e110e73}.battle-assist-buttons{z-index:20;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:25px;right:26px}.composition-button,.note-button{color:#dfd0ac;cursor:pointer;background:#1d221db8;border:1px solid #d7c18e8c;border-radius:26px;align-items:center;gap:8px;min-height:52px;padding:0 16px;display:inline-flex;box-shadow:0 5px 15px #0e110e73}.note-button.has-note{border-color:#e6c26ed9;box-shadow:0 5px 15px #0e110e73,inset 0 0 0 1px #e6c26e59}.prompt-scroll{z-index:14;color:#302820;clip-path:polygon(8% 0,92% 0,100% 22%,100% 78%,92% 100%,8% 100%,0 78%,0 22%);background:linear-gradient(#e6d9bcf7,#cbb995f2);border:1px solid #68522ead;flex-direction:column;justify-content:center;align-items:center;width:min(390px,56vw);min-height:82px;padding:12px 32px;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #18181261,inset 0 0 22px #60421d24}.prompt-scroll span{letter-spacing:.1em;opacity:.72;font-size:.76rem}.prompt-scroll strong{letter-spacing:.035em;overflow-wrap:normal;word-break:normal;text-align:center;text-wrap:balance;width:100%;min-width:0;font-size:clamp(1.65rem,3vw,2.3rem);font-weight:600;line-height:1.08;display:block}.primitive-prompt{text-align:center;opacity:.62;justify-content:center;align-items:center;gap:4px;width:100%;margin:6px 0 0;line-height:1.1;display:flex}.primitive-prompt svg{flex:none}.primitive-prompt b{overflow-wrap:anywhere;min-width:0;font-size:.86rem;font-weight:500}.writing-circle{z-index:10;aspect-ratio:1;pointer-events:none;width:min(600px,100vw - 40px,72dvh);position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.writing-circle:before,.writing-circle:after{content:"";aspect-ratio:1;pointer-events:none;width:70.71%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.writing-circle:before{background:radial-gradient(circle,#efe1c124,#efe1c114 66%,#e6d7b50a 84%,#0000);border:1px solid #49403329;border-radius:50%;box-shadow:inset 0 0 30px #473a270e,0 5px 18px #1c171212}.writing-circle:after{border:1px solid #49403329}.writing-target{aspect-ratio:1;pointer-events:auto;cursor:crosshair;width:70.71%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.writing-target svg{touch-action:none;max-width:100%;max-height:100%;display:block;overflow:hidden;width:100%!important;height:100%!important}.writing-circle .streak-highlight path{stroke:url(#streak-jade-highlight)!important;stroke-opacity:var(--streak-ink-opacity)!important}.hint-button{z-index:14;color:#e5d4b0;cursor:pointer;background:#1a201bbf;border:1px solid #cdb58252;align-items:center;gap:7px;padding:9px 12px;display:flex;position:absolute;bottom:28px;right:26px}.stroke-error-hint{z-index:16;color:#f4e9cc;text-shadow:0 1px 2px #101410;pointer-events:none;background:#101612f0;border:1px solid #e2cd967a;align-items:flex-start;gap:10px;width:min(360px,100vw - 48px);padding:10px 14px;animation:.45s both stroke-error-hint;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0a0e0c80}.stroke-error-hint svg{color:#e7c467;flex:none;margin-top:2px}.stroke-error-hint div{gap:2px;min-width:0;display:grid}.stroke-error-hint strong{letter-spacing:.02em;font-size:.92rem}.stroke-error-hint span{color:#d8c9a6;font-size:.78rem;line-height:1.35}@keyframes stroke-error-hint{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.bed-cleanliness{z-index:14;color:#e8d8b6;align-items:center;gap:9px;display:flex;position:absolute;bottom:29px;left:27px}.bed-cleanliness>span{background:#251b28cc;border:1px solid #e2cfa56b;width:110px;height:5px;overflow:hidden}.bed-cleanliness i{background:#88996c;height:100%;transition:width .6s;display:block}.battle-playfield{position:absolute;inset:0}.composition-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b100db3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.composition-dialog{color:#382f25;clip-path:polygon(5% 0,95% 0,100% 7%,100% 93%,95% 100%,5% 100%,0 93%,0 7%);background:linear-gradient(135deg,#e7d9b8fa,#c3b28cf7);border:1px solid #f4e2b9b8;width:min(440px,100%);max-height:min(620px,100dvh - 48px);padding:35px 38px 34px;position:relative;overflow:auto;box-shadow:0 24px 70px #0000008c,inset 0 0 32px #46301b29}.composition-dialog:before{content:"";pointer-events:none;border:1px solid #4b3b2538;position:absolute;inset:9px}.composition-eyebrow{letter-spacing:.15em;opacity:.64;text-transform:uppercase;margin:0 0 5px;font-size:.7rem;position:relative}.composition-dialog h1{overflow-wrap:anywhere;margin:0 34px 21px 0;font-size:clamp(1.65rem,5vw,2.25rem);font-weight:600;line-height:1.05;position:relative}.composition-dialog h1 span{font-family:Songti SC,STSong,serif}.composition-close{z-index:1;color:#4b3c2b;cursor:pointer;background:#eedfbb94;border:1px solid #4b3b2559;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:20px;right:21px}.composition-list{gap:9px;margin:0;padding:0;list-style:none;display:grid;position:relative}.composition-list li{background:#f5e7c561;border:1px solid #4b3b2538;align-items:center;gap:15px;min-height:59px;padding:8px 14px;font-size:1.13rem;line-height:1.18;display:flex}.component-hanzi{color:#4d653e;text-align:center;flex:none;width:34px;font:1.8rem/1 Songti SC,STSong,serif}.note-editor{resize:none;width:100%;min-height:168px;color:inherit;font:inherit;background:#f5e7c561;border:1px solid #4b3b2538;margin:0 0 18px;padding:12px 14px;line-height:1.35;display:block;position:relative}.note-editor::placeholder{color:#382f258c}.note-dialog .note-save{width:100%;position:relative}.walkthrough-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b100db8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.walkthrough-dialog{color:#382f25;clip-path:polygon(5% 0,95% 0,100% 7%,100% 93%,95% 100%,5% 100%,0 93%,0 7%);background:linear-gradient(135deg,#e7d9b8fa,#c3b28cf7);border:1px solid #f4e2b9b8;flex-direction:column;width:min(440px,100%);max-height:min(720px,100dvh - 32px);padding:28px 32px 26px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 70px #0000008c,inset 0 0 32px #46301b29}.walkthrough-dialog:before{content:"";pointer-events:none;border:1px solid #4b3b2538;position:absolute;inset:9px}.walkthrough-eyebrow{letter-spacing:.15em;opacity:.64;text-transform:uppercase;margin:0 0 4px;font-size:.7rem;position:relative}.walkthrough-dialog h1{overflow-wrap:anywhere;margin:0;font-size:clamp(1.55rem,5vw,2.1rem);font-weight:600;line-height:1.1;position:relative}.walkthrough-chinese{color:#4d653e;margin:6px 0 0;font:1.35rem/1.1 Songti SC,STSong,serif;position:relative}.walkthrough-description{white-space:pre-line;margin:14px 0 16px;line-height:1.4;position:relative}.walkthrough-demo{aspect-ratio:1;background:#f5e7c575;border:1px solid #4b3b2538;flex:none;width:min(250px,68vw,38dvh);margin:0 auto 16px;position:relative}.walkthrough-demo-target,.walkthrough-demo-glyph{width:100%;height:100%}.walkthrough-demo-glyph{color:#382f25;place-items:center;font:5.4rem/1 Songti SC,STSong,serif;display:grid}.walkthrough-demo-status{color:#5a4a38;text-align:center;margin:0;font-size:.78rem;position:absolute;inset:auto 10px 10px}.walkthrough-demo.is-ready .walkthrough-demo-status{display:none}.walkthrough-actions{gap:8px;display:grid;position:relative}.walkthrough-actions .menu-button,.walkthrough-actions .primary-button{width:100%}.cleared-state{z-index:12;color:#3c3428;text-align:center;background:#e0d3b2db;border:1px solid #efddb5cc;width:min(460px,100% - 40px);min-width:0;max-width:calc(100% - 24px);padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #17171261,inset 0 0 45px #644c2a2e}.cleared-state>svg{color:#5f7659;width:50px;height:50px}.cleared-state .cleared-eyebrow{color:#735b37;letter-spacing:.18em;text-transform:uppercase;margin:8px 0 0;font-size:.7rem;font-weight:700}.cleared-state h1{margin:8px 0;font-size:2.5rem}.cleared-state p{margin:0 auto 24px;line-height:1.4}@media (width<=820px){.map-header{padding:0 18px}.map-canvas{inset:6% 2% 30%}.bed-grid{inset:8% 4%}.bed-panel{top:auto;right:15px;bottom:max(16px, env(safe-area-inset-bottom,0px));width:auto;padding:19px 23px;left:15px;transform:none}.bed-panel h1{font-size:1.5rem}.bed-subtitle{min-height:auto;margin-bottom:10px}.bed-panel .health-line,.bed-panel .bed-meta{display:none}.bed-panel .primary-button{min-height:39px}.map-hint{display:none}.welcome-card{margin-top:28px;padding:48px 22px 34px}.welcome-card h1{font-size:clamp(2.05rem,9.2vw,3.1rem)}.welcome-card>p:not(.eyebrow){margin:18px auto;font-size:1.05rem}.seal{width:58px;height:58px;margin:-58px auto 16px;font-size:1.7rem}.prompt-scroll{top:max(10px, env(safe-area-inset-top,0px));width:min(68vw,100% - 96px);min-height:72px;padding:10px 16px}.back-button{top:max(15px, env(safe-area-inset-top,0px));width:45px;height:45px;left:14px}.battle-assist-buttons{top:max(15px, env(safe-area-inset-top,0px));right:14px}.composition-button,.note-button{border-radius:50%;justify-content:center;width:45px;min-height:45px;padding:0}.composition-button span,.note-button span{display:none}.writing-circle{width:min(100vw - 32px,72dvh);top:46%}.battle-screen.has-primitive .writing-circle{top:49%}.hint-button{left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom,0px));justify-content:center;font-size:.78rem}.stroke-error-hint{bottom:max(68px, calc(env(safe-area-inset-bottom,0px) + 52px));width:min(360px,100vw - 24px)}.bed-cleanliness{top:max(92px, calc(env(safe-area-inset-top,0px) + 78px));bottom:auto;left:13px}.bed-cleanliness>span{width:72px}.cleared-state{width:min(460px,100% - 24px);padding:28px 20px 24px}.cleared-state h1{font-size:clamp(1.7rem,7vw,2.1rem)}.xp-summary .player-level{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}.xp-summary .player-level>strong{width:30px;height:30px}.xp-summary .player-level small{font-size:.68rem}.composition-backdrop{padding:18px}.composition-dialog{max-height:calc(100dvh - 36px);padding:31px 27px 27px}.composition-close{top:17px;right:17px}.walkthrough-backdrop{padding:12px}.walkthrough-dialog{max-height:calc(100dvh - 24px);padding:22px 20px 18px}.walkthrough-demo{width:min(210px,58vw,34dvh);margin-bottom:12px}.walkthrough-description{margin:10px 0 12px;font-size:.95rem}.animation-debug-controls{right:12px;bottom:max(12px, env(safe-area-inset-bottom,0px));display:grid;left:12px;transform:none}.animation-debug-achievement{width:100%}.animation-debug-xp{justify-content:center}}@media (height<=650px){.prompt-scroll{min-height:62px}.prompt-scroll strong{font-size:1.6rem}.writing-circle{width:min(100vw - 32px,90dvh);top:48%}.writing-circle .pinyin-toast{top:58%}.battle-screen.has-primitive .writing-circle{top:51%}.hint-button{right:12px;bottom:max(12px, env(safe-area-inset-bottom,0px));justify-content:center;left:12px}.stroke-error-hint{bottom:max(64px, calc(env(safe-area-inset-bottom,0px) + 48px))}.bed-cleanliness{top:max(92px, calc(env(safe-area-inset-top,0px) + 78px));bottom:auto;left:13px}.walkthrough-dialog{max-height:calc(100dvh - 16px);padding:16px 16px 14px}.walkthrough-demo{width:min(150px,42dvh)}.walkthrough-dialog h1{font-size:1.35rem}.walkthrough-chinese{font-size:1.1rem}.walkthrough-description{margin:8px 0 10px;font-size:.88rem}}@media (height<=650px) and (aspect-ratio>=4/3){.prompt-scroll{top:max(70px, calc(env(safe-area-inset-top,0px) + 60px));left:max(12px, env(safe-area-inset-left,0px));width:min(260px,50% - 110px);min-height:0;padding:8px 12px;transform:none}.writing-circle{width:min(600px,92dvh,100vw - 36px);top:50%;left:60%}.bed-cleanliness{top:max(15px, env(safe-area-inset-top,0px));bottom:auto;left:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.xp-toast{animation:1.05s step-end both xp-toast-reduced!important}.pinyin-toast{animation:1.05s step-end both pinyin-toast-reduced!important}.stroke-error-hint{animation:none!important}}.map-screen{background:#17231f}.map-screen:after{display:none}.map-header{pointer-events:none}.map-header>*{pointer-events:auto}.garden-summary{gap:15px}.map-grid-button,.map-menu-button,.map-stats-button,.stats-back{color:#f1e4c7;cursor:pointer;background:#16241db8;border:1px solid #e2cc957a;align-items:center;gap:7px;min-height:34px;padding:0 11px;display:inline-flex;box-shadow:0 3px 14px #070f0b52}.map-grid-button:hover,.map-menu-button:hover,.map-stats-button:hover,.stats-back:hover{background:#405843e0}.map-grid-button[aria-pressed=true]{color:#fff6d7;background:#56704deb}.garden-map-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#12231f;position:absolute;inset:0;overflow:hidden}.map-loading-screen{z-index:20;color:#efe5c9;letter-spacing:.04em;background:radial-gradient(circle,#34473d,#18201d 68%);place-content:center;justify-items:center;gap:12px;font-size:1.25rem;display:grid;position:absolute;inset:0}.map-loading-screen.has-error{gap:18px}.map-loading-screen button{color:#f2e5c5;cursor:pointer;background:linear-gradient(#40574b,#273a31);border:1px solid #b99c62;min-height:42px;padding:0 20px;box-shadow:inset 0 0 0 2px #e7d09e14,0 7px 20px #13191547}.garden-map-viewport:active{cursor:grabbing}.garden-map-content{transform-origin:0 0;will-change:transform;width:1600px;height:1200px;position:absolute;top:0;left:0;overflow:hidden}.garden-map-viewport.has-map-error .garden-map-content{visibility:hidden}.garden-map-canvas,.garden-map-grid,.garden-map-grid-source,.garden-map-cell-grid,.garden-map-hotspots,.map-debug-overlay{width:100%;height:100%;position:absolute;inset:0}.garden-map-canvas{pointer-events:none;display:block}.garden-map-grid{z-index:1;pointer-events:none;opacity:0;transition:opacity .14s}.garden-map-grid-source{filter:invert(88%)sepia(28%)saturate(645%)hue-rotate(348deg)brightness(104%);display:block}.garden-map-cell-grid{overflow:visible}.garden-map-cell-grid line{stroke:#fff0b0;stroke-width:2px;stroke-opacity:.9}.garden-map-grid.is-visible{opacity:.48}.garden-map-hotspots{z-index:2}.bed-hotspot{color:#efe4c9;cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:border-color .16s,background .16s,filter .16s;display:grid;position:absolute}.bed-hotspot:hover,.bed-hotspot:focus-visible{z-index:4;filter:brightness(1.1);background:radial-gradient(#ffefb133,#0000 68%);border-color:#f6e5afd1}.bed-hotspot.is-locked{cursor:not-allowed}.bed-lock{opacity:0;filter:drop-shadow(0 2px 2px #111);width:21px;transition:opacity .16s}.bed-hotspot.is-locked:hover .bed-lock,.bed-hotspot.is-locked:focus-visible .bed-lock{opacity:.86}.bed-hotspot.is-locked-pulse{animation:.5s locked-pulse}@keyframes locked-pulse{50%{background:#a45c7061;border-color:#e9b1a2}}.map-debug-overlay{z-index:5;pointer-events:none;fill:#fff;paint-order:stroke;stroke:#17221f;stroke-width:3px;font:16px ui-monospace,monospace;overflow:visible}.debug-biome{fill:#78ffa00d;stroke:#7dff9a;stroke-width:2.5px}.debug-cell{fill:#48ccf91a;stroke:#41d6ef;stroke-width:1.5px}.debug-bed{fill:none;stroke:#f3d458;stroke-width:3px}.statistics-screen{color:#f0e4c7;background:radial-gradient(at 50% 0,#3c554a,#17231f 62%);width:100%;height:100%;min-height:100dvh;overflow:hidden auto}.statistics-header{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121f19e6;justify-content:space-between;align-items:center;min-height:68px;padding:0 32px;display:flex;position:sticky;top:0}.statistics-content{width:min(1220px,100% - 40px);margin:0 auto;padding:48px 0 72px}.statistics-content h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3.5rem);font-weight:600}.statistics-tabs{gap:8px;margin:0 0 24px;display:flex}.statistics-tabs button{color:#e7dcc1;cursor:pointer;background:#0c1a1475;border:1px solid #dcc7974d;min-height:38px;padding:0 16px}.statistics-tabs button[aria-selected=true]{color:#2f2a21;background:linear-gradient(#ead9ae,#c6a667);border-color:#d6b96f}.statistics-totals{color:#dcd2ba;flex-wrap:wrap;gap:8px 14px;margin:0 0 24px;display:flex}.statistics-totals span{background:#0f1c1773;border:1px solid #dbc89947;padding:7px 11px}.srs-legend{flex-wrap:wrap;gap:7px;margin:0 0 20px;display:flex}.srs-legend-item{color:#eee2c7;background:#0f1c1791;border:1px solid #dcca9e30;align-items:center;gap:5px;padding:5px 8px;font-size:.82rem;display:inline-flex}.srs-legend-item i{border:1px solid #ffffff59;border-radius:50%;width:11px;height:11px}.srs-legend-item b{color:#fff7dd;margin-left:2px}.character-detail{color:#352c28;background:#e6d6ae;flex-wrap:wrap;align-items:baseline;gap:6px 13px;min-height:44px;margin:0 0 16px;padding:9px 12px;display:flex;box-shadow:0 8px 21px #030c083d}.character-detail strong{font:600 1.8rem Songti SC,STSong,serif}.character-detail span{font-size:.86rem}.character-wall{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;display:grid}.character-tile{aspect-ratio:1;color:#fff;cursor:pointer;text-shadow:0 1px 2px #00000073;border:1px solid #fff3;border-radius:7px;place-items:center;min-width:0;padding:0;font:600 clamp(1rem,2vw,1.35rem) Songti SC,STSong,serif;transition:transform .12s,filter .12s;display:grid;box-shadow:inset 0 -2px #00000021}.character-tile:hover,.character-tile:focus-visible{z-index:1;filter:brightness(1.17);transform:scale(1.17)}.achievement-badge{filter:drop-shadow(0 5px 8px #020a0752);background-repeat:no-repeat;background-size:400% 200%;border-radius:48%;flex:none;place-items:center;width:86px;height:106px;display:grid}.achievement-badge.is-biome{background-size:500% 300%;width:88px;height:98px}.achievement-badge.is-large{width:154px;height:190px}.achievement-badge.is-large.is-biome{width:162px;height:180px}.achievement-badge.is-locked{filter:grayscale()brightness(.47)opacity(.72)}.achievement-badge.is-locked svg{color:#f1e5c8;filter:drop-shadow(0 2px 3px #111);width:22px}.achievement-collection-summary{color:#d9cba9;align-items:baseline;gap:10px;margin:0 0 28px;display:flex}.achievement-collection-summary strong{color:#f2dfaa;font-size:1.6rem}.achievement-group{margin:0 0 38px}.achievement-group>h2{color:#e9d7ad;letter-spacing:.035em;margin:0 0 14px;font-size:1.25rem;font-weight:500}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:10px;display:grid}.achievement-card{background:linear-gradient(135deg,#2f463ab8,#101f18cc);border:1px solid #dac48f38;align-items:center;gap:13px;min-height:122px;padding:10px 13px 10px 8px;display:flex;box-shadow:inset 0 0 24px #ebd6a509}.achievement-card.is-locked{color:#b6ae99;background:#111e1899}.achievement-card h3{color:#f1dfb6;margin:0 0 5px;font-size:1.05rem;font-weight:600}.achievement-card.is-locked h3{color:#c4bba5}.achievement-card p{margin:0;font-size:.8rem;line-height:1.34}.achievement-card time,.achievement-counter{color:#d7bd7b;letter-spacing:.04em;margin-top:8px;font-size:.72rem;display:inline-block}.achievement-counter{background:#040e093d;border:1px solid #d6bb783d;padding:3px 7px}.achievement-popup-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070e0bc2;place-items:center;padding:18px;animation:.35s both achievement-backdrop;display:grid;position:fixed;inset:0}.achievement-popup{color:#382f24;text-align:center;clip-path:polygon(5% 0,95% 0,100% 6%,100% 94%,95% 100%,5% 100%,0 94%,0 6%);background:linear-gradient(145deg,#eadbb5,#cdb583);border:1px solid #e6cc8b;justify-items:center;width:min(430px,100%);max-height:calc(100dvh - 36px);padding:25px 38px 34px;animation:.7s cubic-bezier(.2,.86,.28,1.14) both achievement-card-in;display:grid;position:relative;overflow:auto;box-shadow:0 24px 80px #0000009e,inset 0 0 42px #573b1c33}.achievement-popup:before{content:"";pointer-events:none;border:1px solid #5e452445;position:absolute;inset:10px}.achievement-seal{color:#eadbb8;background:#8e392d;border:1px solid #6d251d;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 3px 9px #511a1459}.achievement-popup-eyebrow{color:#6c512e;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:10px 0 -6px!important;font-size:.72rem!important}.achievement-popup .achievement-badge{animation:.7s .35s both achievement-badge-in}.achievement-popup h2{margin:-8px 0 7px;font-size:clamp(1.8rem,7vw,2.45rem);font-weight:600}.achievement-popup>p:not(.achievement-popup-eyebrow){max-width:320px;margin:0 0 20px;line-height:1.4}.achievement-popup .primary-button{z-index:2;position:relative}.achievement-spark{opacity:0;background:#c99e45;border-radius:80% 0;width:7px;height:13px;animation:1.1s ease-out .35s both achievement-spark;position:absolute}.achievement-spark.spark-1{top:31%;left:12%;transform:rotate(22deg)}.achievement-spark.spark-2{animation-delay:.55s;top:23%;right:14%}.achievement-spark.spark-3{animation-delay:.72s;top:48%;right:9%;transform:rotate(65deg)}@keyframes achievement-backdrop{0%{opacity:0}}@keyframes achievement-card-in{0%{opacity:0;transform:scale(.84)translateY(18px)}}@keyframes achievement-badge-in{0%{opacity:0;transform:scale(.65)rotate(-4deg)}70%{transform:scale(1.06)rotate(1deg)}}@keyframes achievement-spark{0%{opacity:0;translate:0 18px}35%{opacity:.9}to{opacity:0;translate:8px -35px;rotate:100deg}}@media (width<=820px){.map-header{min-height:58px;padding:max(8px, env(safe-area-inset-top,0px)) 13px 8px}.brand-mark{font-size:1.08rem}.player-level.is-compact{grid-template-columns:22px 72px auto}.player-level.is-compact>strong{width:22px;height:22px}.player-level.is-compact small{min-width:68px;font-size:.58rem}.garden-summary{gap:7px;font-size:.76rem}.map-grid-button,.map-menu-button,.map-stats-button{justify-content:center;width:34px;min-height:34px;padding:0}.map-stats-button span{display:none}.statistics-header{min-height:58px;padding:max(8px, env(safe-area-inset-top,0px)) 14px 8px}.statistics-content{width:min(100% - 24px,1220px);padding:29px 0 42px}.achievement-grid{grid-template-columns:1fr}.achievement-card{min-height:112px}.achievement-popup{padding-inline:25px}.character-wall{grid-template-columns:repeat(auto-fill,minmax(29px,1fr));gap:3px}.srs-legend-item{font-size:.72rem}}