:root{font-family:Gilroy,Montserrat,Poppins,sans-serif;color:#1e2833;background:#f8f8f8}*{box-sizing:border-box}html,body,#app,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Gilroy,Montserrat,Poppins,sans-serif}button{font:inherit}#game-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#f8f8f8}#three-root,#three-root canvas,.labels-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#three-root canvas{touch-action:none;display:block}#hud-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud-root button{pointer-events:auto;border:0;cursor:pointer}#loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;gap:10px;background:#f8f8f8;transition:opacity .26s ease,transform .26s ease;pointer-events:none}#loading img{width:min(180px,45vw)}#loading span{font-weight:700;color:#1e2833}#loading.done{opacity:0;transform:translateY(-10px)}.topbar{position:absolute;top:calc(env(safe-area-inset-top) + 12px);left:12px;right:12px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;z-index:5}.pill,.clock-pill,.bell{min-height:40px;border-radius:20px;box-shadow:0 8px 24px #1e28331a;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.pill{gap:6px;padding:0 13px;color:#1e2833;background:#fff;transform:scale(1);transition:transform .22s ease}.pill span{font-size:11px;font-weight:700;color:#ee7d6e}.pill strong{font-size:15px;line-height:1}.co2-pill{background:#c6e063}.co2-pill span{color:#1e2833}.clock-pill{justify-self:end;background:#ffffffdb;padding:0 12px;font-weight:600;font-size:13px}.bell{width:40px;background:#fff;position:relative}.bell i{position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#ee7d6e;opacity:0}.bell.unread i{opacity:1}.squash{transform:scale(1.15)}.toast-stack{position:absolute;top:calc(env(safe-area-inset-top) + 62px);left:50%;width:min(358px,92vw);display:grid;gap:8px;transform:translate(-50%);z-index:6;pointer-events:auto}.rental-toast{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #1e28331f;transform:translateY(-120%) rotate(-1deg);opacity:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .22s ease}.rental-toast.show{transform:translateY(0) rotate(0);opacity:1}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#1e2833}.toast-copy strong{display:block;font-size:14px;line-height:1.22}.toast-copy p{margin:4px 0 10px;opacity:.68;font-size:12px;font-weight:600}.toast-actions{display:flex;gap:8px}.toast-actions button{height:34px;padding:0 14px;border-radius:17px;font-weight:700}.accept{background:#ee7d6e;color:#fff}.decline{background:#ebebeb;color:#1e2833}.ttl{display:block;width:100%;height:4px;margin-top:10px;border-radius:2px;background:#c6e063;transform-origin:left center}.bottom-cta{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);width:min(340px,88vw);min-height:52px;border-radius:26px;background:#ee7d6e;color:#fff;font-weight:800;box-shadow:0 14px 32px #ee7d6e57;transform:translate(-50%);opacity:1;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .16s ease;z-index:7}.bottom-cta.hidden{transform:translate(-50%,24px);opacity:0;pointer-events:none}.prop-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:12px;background:#fff;color:#1e2833;box-shadow:0 8px 24px #1e28331f;font-size:12px;font-weight:700;white-space:nowrap;transition:opacity .18s ease,transform .18s ease}.prop-badge.hidden{opacity:0;transform:translateY(8px)}.prop-badge span{width:9px;height:9px;border-radius:50%;background:#c6e063}.prop-badge[data-status=reserved] span{background:#ee7d6e;animation:pulse .9s infinite}.prop-badge[data-status=out] span{background:#1e2833}.emote-chip{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 6px 18px #1e28331f;font-weight:800;color:#ee7d6e}.emote-chip.hidden{opacity:0}.notification-panel{position:absolute;top:0;right:0;bottom:0;width:min(340px,88vw);z-index:10;pointer-events:auto;background:#fff;box-shadow:-16px 0 40px #1e28331f;transform:translate(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);padding:calc(env(safe-area-inset-top) + 18px) 18px 18px}.notification-panel.open{transform:translate(0)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head img{width:118px}.panel-head button{width:34px;height:34px;border-radius:50%;background:#ebebeb;font-size:20px}.panel-list{display:grid;gap:8px}.panel-list div{padding:12px;border-radius:8px;background:#f8f8f8;font-weight:600;font-size:13px}.impact-card{position:absolute;left:50%;top:50%;width:min(330px,88vw);z-index:12;pointer-events:auto;transform:translate(-50%,-50%) scale(1);background:#fff;border-radius:16px;padding:20px;box-shadow:0 18px 48px #1e28332e;transition:transform .18s ease,opacity .18s ease}.impact-card.hidden{opacity:0;transform:translate(-50%,-45%) scale(.96);pointer-events:none}.impact-card button{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;background:#ebebeb}.impact-card h2{margin:16px 0 12px;font-size:22px;line-height:1.15}.impact-card strong{display:block;font-size:25px;color:#1e2833}.impact-card p{margin:10px 0 0;opacity:.7;font-weight:600}.banner-slot{position:absolute;left:50%;bottom:86px;transform:translate(-50%);z-index:8;pointer-events:none}.purchase-banner{width:min(342px,88vw);border-radius:16px;background:#c6e063;color:#1e2833;padding:14px 16px;box-shadow:0 12px 28px #1e283321;font-weight:800;transform:translateY(24px);opacity:0;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease}.purchase-banner.show{transform:translateY(0);opacity:1}.fly-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;pointer-events:none}.fly-chip{position:absolute;border-radius:999px;padding:8px 11px;background:#fff;color:#1e2833;font-size:13px;font-weight:800;box-shadow:0 10px 22px #1e283324;transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .62s ease}.fly-chip.co2{background:#c6e063}.tap-ripple{position:absolute;z-index:4;width:48px;height:48px;border:3px solid #EE7D6E;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.6);opacity:1;animation:ripple .48s ease-out forwards}.confetti{position:absolute;top:46%;width:9px;height:13px;border-radius:2px;opacity:1;z-index:14;pointer-events:none;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease}@keyframes ripple{to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}@keyframes pulse{50%{transform:scale(1.35)}}@media (max-width: 420px){.topbar{left:8px;right:8px;gap:6px}.pill{padding:0 10px}.pill strong{font-size:13px}.clock-pill{font-size:12px;padding:0 9px}}