:root{color:#f4edd2;font-synthesis:none;text-rendering:optimizelegibility;--panel-bg:#111916c2;--panel-bg-strong:#17201be6;--panel-border:#89e2c547;--panel-highlight:#f6cf5b2e;--text:#f4edd2;--muted:#adc6bb;--accent:#83e1c7;--gold:#f0c35a;--danger:#f06a3d;--shadow:#0207055c;background:#111b18;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:100%;margin:0;overflow:hidden}button{color:var(--text);min-height:34px;font:inherit;cursor:pointer;background:#f6cf5b21;border:1px solid #83e1c757;border-radius:6px;padding:7px 10px;transition:background .12s,border-color .12s,transform .12s}button:hover{background:#f6cf5b40;border-color:#f6cf5bb8}button:disabled{cursor:not-allowed;opacity:.52}button:active{transform:translateY(1px)}.hud-shell{pointer-events:none;position:fixed;inset:0}.hud-shell button{pointer-events:auto}.top-bar{flex-wrap:wrap;gap:10px;display:flex;position:absolute;top:16px;left:320px}.top-bar>div,.side-panel,.toast{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 18px 38px var(--shadow);-webkit-backdrop-filter:blur(16px)}.top-bar>div{background:linear-gradient(135deg, #83e1c729, #f0c35a14), var(--panel-bg);border-radius:7px;min-width:118px;padding:9px 12px}.label{color:var(--muted);text-transform:uppercase;font-size:11px;line-height:1.2;display:block}.top-bar strong{color:var(--gold);margin-top:2px;font-size:19px;display:block}.side-panel{pointer-events:auto;border-radius:8px;width:min(360px,100vw - 32px);padding:14px;position:absolute;top:16px;bottom:16px;right:16px;overflow-y:auto}.panel-section+.panel-section{border-top:1px solid #89e2c52e;margin-top:16px;padding-top:13px}.panel-section h2{color:#f7e8ad;margin:0 0 9px;font-size:15px}.seed-list{gap:8px;display:grid}.seed-card{grid-template-columns:1fr auto;gap:8px;display:grid}.seed-card>button:first-child{text-align:left;background:#ffffff0d;justify-content:space-between;align-items:center;gap:10px;display:flex}.seed-card.selected>button:first-child{background:#83e1c72e;border-color:#83e1c7d1}.seed-card small{color:var(--muted);white-space:nowrap}.seed-card .buy{color:#ffe3a1;min-width:68px}.plot-card{background:#ffffff0f;border:1px solid #89e2c533;border-radius:7px;min-height:90px;padding:10px}.plot-card p{margin:0 0 5px}.action-row{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.inventory-list,.event-list,.recipe-list{gap:7px;display:grid}.progression-card{background:#ffffff0d;border-radius:7px;gap:9px;padding:9px;display:grid}.level-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.level-line small{color:var(--muted)}.progress-track{background:#02070552;border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--gold));height:100%;display:block}.role-list{gap:7px;display:grid}.role-chip{background:#0207052e;border:1px solid #89e2c529;border-radius:6px;padding:7px}.role-chip.unlocked{background:#f0c35a1a;border-color:#f0c35a6b}.role-chip strong,.role-chip small{display:block}.role-chip small{color:var(--muted);margin-top:3px;line-height:1.35}.inventory-actions{margin:0 0 9px}.inventory-row{background:#ffffff0d;border-radius:6px;grid-template-columns:1fr 32px auto;align-items:center;gap:8px;padding:6px 7px;display:grid}.inventory-row strong{text-align:right;color:var(--accent)}.recipe-card{background:#ffffff0d;border-radius:7px;gap:8px;padding:8px;display:grid}.recipe-card.locked{background:#f06a3d12;border:1px solid #f06a3d38}.recipe-card strong,.recipe-card small{display:block}.recipe-card small{color:var(--muted);margin-top:3px;line-height:1.35}.recipe-lock{color:#ffb38f}.recipe-actions{grid-template-columns:1fr auto auto;align-items:center;gap:7px;display:grid}.recipe-actions span{color:var(--accent);font-size:13px}.event-list{margin-top:10px}.event-row{background:#02070538;border-radius:6px;grid-template-columns:1fr;gap:2px;padding:6px 8px;font-size:12px;display:grid}.event-row small{color:var(--muted)}.event-row strong{color:#ffe3a1}.toast{pointer-events:none;color:#fff3c5;background:linear-gradient(135deg, #f0c35a29, #83e1c71a), var(--panel-bg-strong);border-radius:8px;max-width:min(520px,100vw - 48px);min-height:42px;padding:11px 14px;position:absolute;bottom:22px;left:24px}@media (width<=840px){.top-bar{top:10px;left:12px;right:12px}.top-bar>div{flex:1;min-width:94px}.side-panel{width:auto;max-height:45vh;inset:auto 12px 12px}.toast{display:none}}