*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:#382717}body.landing{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#fff5bd,#8dc87a 55%,#3f7557);padding:20px}.login-card{width:min(430px,100%);padding:30px;border:1px solid #fff7;background:linear-gradient(145deg,#fff8ddf2,#ead7a8ed);border-radius:28px;box-shadow:0 30px 90px #173c2c66}.login-card.wide{width:min(620px,100%)}.brand{font-size:2rem;letter-spacing:.18em}.brand b{color:#2d7654}label{display:grid;gap:7px;margin:16px 0}input,button{font:inherit;padding:13px;border-radius:12px;border:1px solid #6f7f55}button{background:#376d4f;color:#fff;cursor:pointer}.error,.notice{padding:12px;border-radius:12px;background:#fff3}.payment code{display:block;overflow-wrap:anywhere;margin:10px 0;padding:9px;background:#fff8}body.game{overflow:hidden;background:#9ec77c}#scene{height:100vh;width:100vw;background:radial-gradient(ellipse at center,#dfd08b 0 9%,#8fc06b 40%,#477352);position:relative}#hexMap{width:100%;height:100%;touch-action:none}.hex polygon{fill:#8fc66e;stroke:#f9e8a1;stroke-width:2;filter:drop-shadow(0 4px 2px #274a3340)}.hex text{text-anchor:middle;font-size:38px;pointer-events:none}.terrain-soil polygon{fill:#b98358}.terrain-water polygon{fill:#78b9d2}.terrain-road polygon{fill:#d7b978}.terrain-forest polygon{fill:#5e9d59}.terrain-square polygon{fill:#e6cd8a}.has-event polygon{animation:pulse 1.4s infinite;cursor:pointer;stroke:#fff}.drawer{position:fixed;z-index:20;background:#f4e5b9ed;border:1px solid #fff9;box-shadow:0 18px 50px #203d2a66;backdrop-filter:blur(10px);transition:.25s}.top-drawer{top:-130px;left:50%;transform:translateX(-50%);width:min(700px,90vw);padding:18px;border-radius:0 0 22px 22px;display:flex;gap:22px;align-items:center}.top-drawer.open{top:0}.right-drawer{right:-300px;top:50%;transform:translateY(-50%);width:280px;max-height:80vh;padding:20px;border-radius:22px 0 0 22px}.right-drawer.open{right:0}.drawer-toggle{position:fixed;z-index:30;width:48px;height:38px;padding:0}.drawer-toggle.top{top:0;left:50%;transform:translateX(-50%);border-radius:0 0 14px 14px}.drawer-toggle.right{right:0;top:50%;transform:translateY(-50%);border-radius:14px 0 0 14px}.object-card{position:fixed;z-index:25;left:50%;bottom:24px;transform:translateX(-50%);width:min(380px,90vw);padding:20px;border-radius:20px;background:#fff3d9ef;box-shadow:0 20px 50px #2338}.hidden{display:none}.admin{background:#f1ead2;padding:30px}.admin main{max-width:900px;margin:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats div{padding:20px;background:#fff;border-radius:16px}.stats b{font-size:2rem;display:block}@keyframes pulse{50%{filter:brightness(1.25) drop-shadow(0 0 12px #fff)}}@media(max-width:700px){.right-drawer{width:86vw;right:-86vw}.top-drawer{font-size:.75rem;flex-wrap:wrap}.hex text{font-size:30px}.stats{grid-template-columns:1fr 1fr}}
.zoom-tools{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;margin-bottom:10px}.zoom-tools button{padding:10px}.wallet-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #6c5a3425}.muted{opacity:.7}.card-close{position:absolute;right:10px;top:8px;width:34px;height:34px;padding:0;border:0;background:transparent;color:#382717;font-size:24px}.yard{position:absolute;inset:0;overflow:auto;padding:72px clamp(16px,4vw,54px) 40px;background:linear-gradient(#a9d68eaa,#f5e0a9dd),radial-gradient(circle at 25% 20%,#fff7cc,#79a864);z-index:5}.yard>header{max-width:1200px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:end;gap:20px}.yard h1{margin:.15em 0;font-size:clamp(2rem,6vw,4.5rem);font-family:Georgia,serif}.yard h2{margin-top:0}.yard-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr .75fr;gap:18px;align-items:start}.yard-grid>article{background:#fff2d7e8;border:1px solid #fff9;border-radius:24px;padding:20px;box-shadow:0 18px 60px #304b3150;backdrop-filter:blur(8px)}.yard-card{padding:14px;border-radius:16px;background:#fff9;margin:10px 0;border:1px solid #77613f24}.yard-card b,.yard-card small{display:block}.yard-card small{margin:6px 0 10px;line-height:1.35}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-actions button{flex:1;min-width:120px}.progress{height:8px;background:#745e3820;border-radius:99px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:#4f8b58}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.yard-grid{grid-template-columns:1fr}.yard{padding-top:58px}.yard>header{align-items:center}.top-drawer button{padding:8px}}

/* Persistent game navigation and map controls */
.view-switcher{position:fixed;z-index:36;top:18px;left:18px;display:flex;gap:10px;padding:7px;background:#f4e5b9e8;border:1px solid #fff9;border-radius:18px;box-shadow:0 12px 36px #203d2a55;backdrop-filter:blur(10px)}
.view-switcher button{padding:11px 15px;background:#376d4f;border-color:#376d4f;white-space:nowrap}.view-switcher button.active{background:#244f3a;box-shadow:inset 0 0 0 2px #f4d981}
.map-zoom-controls{position:fixed;z-index:36;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:48px 48px 48px;gap:9px;padding:8px;border-radius:18px;background:#f4e5b9e8;border:1px solid #fff9;box-shadow:0 14px 40px #203d2a66;backdrop-filter:blur(10px)}
.map-zoom-controls button{width:48px;height:48px;padding:0;font-size:1.4rem;font-weight:800}
.right-drawer>button{width:100%;margin:5px 0}
.entity-icon{float:right;width:72px;height:72px;object-fit:contain;margin:-4px -4px 8px 12px;filter:drop-shadow(0 8px 8px #3b352744)}
.shop-product{min-height:150px}.live-price{clear:both;margin:10px 0;padding:9px 11px;border-radius:11px;background:#5d7c4d16;font-size:.88rem;font-weight:600}
@media(max-width:700px){.view-switcher{top:10px;left:10px;gap:5px;padding:5px;border-radius:14px}.view-switcher button{padding:9px 10px;font-size:.78rem}.map-zoom-controls{right:12px;bottom:12px;grid-template-columns:43px 43px 43px;padding:6px;gap:6px}.map-zoom-controls button{width:43px;height:43px}.drawer-toggle.top{left:auto;right:12px;transform:none}.top-drawer{padding-top:58px}.entity-icon{width:60px;height:60px}}
.admin-products{display:grid;gap:18px;margin:20px 0}.admin-product{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 35px #3b3b2a18}.admin-product h3{margin-top:0}.admin-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-fields label{margin:0}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}@media(max-width:800px){.admin-fields{grid-template-columns:1fr}.admin{padding:15px}}

/* Natural biome map */
.terrain-mountain polygon{fill:#9b967c}.terrain-meadow polygon{fill:#9dcc72}.terrain-pasture polygon{fill:#76ad67}.terrain-field polygon{fill:#c79a5f}.terrain-garden polygon{fill:#a96f4d}
.terrain-mountain polygon{filter:drop-shadow(0 5px 2px #39483c55)}.terrain-water polygon{fill:#70b8d2}.terrain-forest polygon{fill:#4f9254}.terrain-road polygon{fill:#d5b776}.terrain-square polygon{fill:#e5cf8e}

/* One token renderer across the game */
.token-icon{width:28px;height:28px;object-fit:contain;vertical-align:middle;border-radius:50%;filter:drop-shadow(0 3px 4px #263c2e55)}
.token-icon-lg{width:58px;height:58px;float:right;margin:-5px 20px 8px 12px}.token-icon-admin{width:70px;height:70px;float:right}.token-row span{display:flex;align-items:center;gap:9px}
.token-event-marker{pointer-events:none;transform-box:fill-box;transform-origin:center;animation:tokenFloat 1.6s ease-in-out infinite}.token-halo{fill:#fff4a055;stroke:#fff6bc;stroke-width:3;animation:tokenHalo 1.25s ease-out infinite}.token-event-icon{filter:drop-shadow(0 5px 5px #1c382d88)}.action-dot{fill:#fff;stroke:#5e8e53;stroke-width:3;animation:actionBlink .8s ease-in-out infinite alternate}
.starter-event .token-halo{fill:#fff27a77;stroke:#fff}.shared-event .token-halo{fill:#a8ffb855;stroke:#ddffd8}
@keyframes tokenFloat{50%{transform:translateY(-7px) scale(1.06)}}@keyframes tokenHalo{0%{opacity:.9;transform:scale(.75)}100%{opacity:0;transform:scale(1.28)}}@keyframes actionBlink{to{transform:scale(1.35);fill:#eaff79}}
.token-admin-card small{display:block;overflow-wrap:anywhere}.object-card b{font-size:1.15rem}.object-card p{margin:8px 0 14px}
/* Full terrain rendering and token actions */
.terrain-detail{pointer-events:none}.map-object{pointer-events:none;filter:drop-shadow(0 10px 8px #27402f66)}
.terrain-field polygon{fill:#d3a24e}.terrain-garden polygon{fill:#9e6848}.terrain-pasture polygon{fill:#79ad5d}.terrain-meadow polygon{fill:#9acb70}.terrain-mountain polygon{fill:#8b8778}.terrain-water polygon{fill:#65b2d1}.terrain-forest polygon{fill:#4f8c49}
.token-event-marker{filter:drop-shadow(0 9px 8px #173b2d88)}.token-event-icon{pointer-events:none}.has-event{cursor:pointer}.has-event:hover .token-event-marker{filter:drop-shadow(0 0 16px #fff6a8)}
.trustline-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #6c5a3425}.trustline-row.ok b{color:#2b7048}.trustline-row.missing b,.trustline-warning{color:#9b3e31}.trustline-warning{font-size:.76rem;padding:3px 0 8px 37px}.lp-bonus-card{display:grid;gap:5px;padding:10px;border-radius:12px;background:#fff7d7aa}.lp-bonus-card span{font-size:.82rem}.right-drawer{overflow:auto}