:root{--green: #1b8f3a;--green-dark: #12642a;--road: #c7c7c7;--grass: #dff3df;--sky: #e9f7ff;--topbar-h: 56px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--sky);color:#06320f}.app-shell{display:grid;grid-template-rows:var(--topbar-h) 1fr;height:100dvh}.top-bar{height:var(--topbar-h);padding:8px 12px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #e5e7eb}.brand{display:flex;align-items:center;gap:8px;font-weight:800}.brand-badge{width:28px;height:28px;border-radius:6px;background:var(--green);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.game-area{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.overlay-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;z-index:3}.card{background:#fff;border:2px solid var(--green);border-radius:16px;padding:16px;box-shadow:0 6px 20px #00000026}.row{display:flex;gap:12px;align-items:center;justify-content:center}.title{font-weight:900;font-size:18px;color:var(--green-dark)}.subtle{color:#475569;font-size:12px}.pill{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#ffffffeb;border:2px solid var(--green);color:var(--green-dark);padding:6px 10px;border-radius:999px;font-weight:800}.hud{position:absolute;top:10px;left:10px;background:#fffc;padding:6px 10px;border-radius:8px;font-weight:700}.edge-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.edge-indicator{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px}.edge-bubble{width:40px;height:40px;border-radius:999px;background:#fffffff2;border:2px solid var(--green);display:grid;place-items:center;box-shadow:0 3px 10px #0000001f}.edge-label{position:absolute;top:42px;left:50%;transform:translate(-50%);background:#ffffffe6;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:800;color:#334155;border:1px solid #e5e7eb}.controls{position:relative}.controls-overlay{position:absolute;left:0;right:0;bottom:0;padding:10px 12px calc(12px + var(--safe-b));z-index:2;pointer-events:auto;background:transparent}.controls-overlay .honk-btn{position:absolute;left:0;right:0;margin:0 auto;bottom:calc(64px + var(--safe-b))}.controls-overlay .unhook-btn{position:absolute;left:calc(50% + 96px);transform:translate(-50%);bottom:calc(76px + var(--safe-b));width:64px;height:64px;border-radius:50%;background:#f59e0b;border:none;color:#fff;font-size:12px;font-weight:900;box-shadow:0 6px 20px #0000002e}.rescued-strip{position:absolute;left:12px;right:12px;bottom:calc(8px + var(--safe-b));display:flex;justify-content:center}.dpad{width:180px;height:180px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;touch-action:none}.btn{background:#fff;border:2px solid var(--green);color:var(--green-dark);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px;font-weight:800;-webkit-user-select:none;user-select:none}.btn.active{background:#e9f7ee}.honk-btn{width:96px;height:96px;border-radius:50%;background:var(--green);border:none;color:#fff;font-size:20px;font-weight:900;box-shadow:0 6px 20px #0003}.honk-btn.honking{animation:honk-squish .18s ease-out}.honk-btn.honking-hold{animation:honk-squish .28s ease-in-out infinite}@keyframes honk-squish{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(.9,.85);filter:brightness(1.1)}to{transform:scale(1);filter:brightness(1)}}.rescued-grid{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.rescued-badge{width:56px;height:56px;border-radius:999px;overflow:hidden;border:3px solid var(--green);background:#fff;display:grid;place-items:center;box-shadow:0 3px 10px #0000001f}.rescued-badge img{width:100%;height:100%;object-fit:cover}.rescued-letter{font-weight:900;color:#0f172a}.spacer{height:6px}.footer-note{text-align:center;font-size:12px;color:#6b7280}@media (min-width: 768px){.dpad{width:220px;height:220px}.honk-btn{width:112px;height:112px}}.drive-layer{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}