/* Dawg Dayz production playability layer */
body.pro-game-ui{--game-safe-top:max(8px,env(safe-area-inset-top));--game-safe-bottom:max(8px,env(safe-area-inset-bottom));--glass:rgba(10,14,19,.72);--glass-strong:rgba(10,14,19,.92);--game-line:rgba(255,255,255,.11);--game-accent:#e8ad49;--game-mint:#72cfb9;--game-red:#e67b70}
body.pro-game-ui .hud-top{top:var(--game-safe-top);left:10px;right:10px;transform:none;min-width:0;width:auto;height:36px;border-radius:12px;padding:5px 9px;background:linear-gradient(180deg,rgba(13,18,24,.78),rgba(9,13,18,.66));box-shadow:0 8px 28px rgba(0,0,0,.19);border-color:rgba(255,255,255,.08)}
body.pro-game-ui .brand strong{font-size:9px;letter-spacing:.20em}body.pro-game-ui .brand span{font-size:7px;margin-top:2px}body.pro-game-ui .currency{font-size:13px}
body.pro-game-ui .dog-card,body.pro-game-ui .tasks,body.pro-game-ui .human-status{transition:opacity .18s ease,transform .18s ease}
body.pro-game-ui .desktop-help{display:none}

/* Default gameplay is intentionally sparse. Full cards open only when requested. */
body.pro-game-ui:not(.dog-panel-open) .dog-card{opacity:0;pointer-events:none;transform:translateY(-8px) scale(.97)}
body.pro-game-ui:not(.task-panel-open) .tasks{opacity:0;pointer-events:none;transform:translateY(-8px) scale(.97)}
body.pro-game-ui .dog-card{left:10px;top:82px;width:min(220px,58vw);padding:11px;border-radius:15px;background:var(--glass-strong);z-index:9}
body.pro-game-ui .tasks{right:10px;top:82px;width:min(230px,62vw);padding:11px;border-radius:15px;background:var(--glass-strong);z-index:9;max-height:46vh;overflow:auto}
body.pro-game-ui .human-status{display:none}

.pro-hud{position:fixed;z-index:7;inset:0;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pro-chip{pointer-events:auto;border:1px solid var(--game-line);background:var(--glass);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:0 8px 24px rgba(0,0,0,.20);color:#f4f1e9}
.pro-status-chip{position:absolute;left:10px;top:calc(var(--game-safe-top) + 44px);display:flex;align-items:center;gap:8px;min-width:118px;max-width:180px;height:38px;border-radius:13px;padding:5px 8px;text-align:left}
.pro-dog-mark{width:27px;height:27px;border-radius:9px;background:linear-gradient(145deg,#20262d,#11161b);display:grid;place-items:center;font-size:11px;font-weight:900;color:var(--game-accent);border:1px solid rgba(255,255,255,.08)}
.pro-status-copy{min-width:0;display:grid;gap:1px}.pro-status-copy strong{font-size:10px;line-height:1}.pro-status-copy span{font-size:7px;color:#aeb5bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-status-bars{display:flex;gap:2px;margin-top:2px}.pro-status-bars i{width:13px;height:2px;border-radius:99px;background:#4b555c}.pro-status-bars i.good{background:var(--game-mint)}.pro-status-bars i.warn{background:var(--game-accent)}.pro-status-bars i.bad{background:var(--game-red)}

.pro-room-chip{position:absolute;top:calc(var(--game-safe-top) + 44px);left:50%;transform:translateX(-50%);height:30px;border-radius:999px;padding:0 11px;display:flex;align-items:center;gap:6px;white-space:nowrap;pointer-events:none}.pro-room-dot{width:5px;height:5px;border-radius:50%;background:var(--game-mint);box-shadow:0 0 10px rgba(114,207,185,.6)}.pro-room-chip b{font-size:8px;letter-spacing:.08em;text-transform:uppercase}.pro-room-chip span{font-size:7px;color:#aab2b9}

.pro-menu-btn{position:absolute;right:10px;top:calc(var(--game-safe-top) + 44px);width:36px;height:36px;border-radius:12px;border:1px solid var(--game-line);background:var(--glass);color:#fff;font-size:15px;pointer-events:auto;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.18)}

.pro-objective{position:absolute;left:50%;top:calc(var(--game-safe-top) + 82px);transform:translateX(-50%);max-width:min(78vw,430px);min-height:28px;border-radius:10px;padding:6px 9px;display:flex;align-items:center;gap:7px;pointer-events:auto}.pro-objective-icon{font-size:12px}.pro-objective-copy{display:grid;min-width:0;gap:1px}.pro-objective-copy b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-objective-copy span{font-size:7px;color:#aeb5bc}.pro-objective-distance{margin-left:auto;font-size:7px;color:var(--game-accent);font-variant-numeric:tabular-nums}

/* Existing prompt becomes a small contextual subtitle near the primary action. */
body.pro-game-ui .interaction-prompt{left:auto;right:12px;bottom:calc(var(--game-safe-bottom) + 120px);transform:none;max-width:210px;min-height:0;padding:6px 9px;border-radius:9px;font-size:8px;line-height:1.25;text-align:right;background:rgba(8,12,16,.68);border-color:rgba(255,255,255,.08);box-shadow:none}

/* Mobile controls: thumb-first, visually quiet, large actual hit targets. */
body.pro-game-ui .mobile-controls{bottom:calc(var(--game-safe-bottom) + 46px);height:124px}
body.pro-game-ui .joystick{left:14px;bottom:6px;width:92px;height:92px;background:radial-gradient(circle,rgba(255,255,255,.045),rgba(0,0,0,.12));border-color:rgba(255,255,255,.09);box-shadow:0 10px 30px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.02)}
body.pro-game-ui .stick{width:36px;height:36px;background:rgba(238,238,235,.15);border-color:rgba(255,255,255,.20)}
body.pro-game-ui .mobile-buttons{right:13px;bottom:7px;grid-template-columns:58px 46px;grid-template-rows:58px 34px;gap:7px;align-items:end}
body.pro-game-ui .action-btn{height:46px;border-radius:16px;background:rgba(11,16,22,.77);border-color:rgba(255,255,255,.12);font-size:7px;letter-spacing:.06em;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .1s ease,background .12s ease,border-color .12s ease}
body.pro-game-ui .action-btn:active{transform:scale(.94)}
body.pro-game-ui .action-btn.primary{height:58px;border-radius:19px;background:linear-gradient(165deg,#efb953,#d99c38);color:#1d150a;font-size:9px;border-color:rgba(255,227,173,.34)}
body.pro-game-ui .action-btn:nth-child(3){grid-column:1/-1;width:72px;height:31px;border-radius:11px;justify-self:end;font-size:6px;color:#cfd4d8}
body.pro-game-ui .action-btn.context-ready{box-shadow:0 0 0 2px rgba(232,173,73,.16),0 9px 26px rgba(0,0,0,.20)}

/* Native five-button bar remains available but is folded into the game menu on touch devices. */
@media(pointer:coarse),(max-width:800px){body.pro-game-ui .bottom-nav{display:none!important}}

.pro-menu-sheet{position:fixed;z-index:20;inset:0;display:none;align-items:flex-end;justify-content:center;background:rgba(4,7,10,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}.pro-menu-sheet.open{display:flex}.pro-menu-panel{width:min(520px,100%);max-height:82vh;border:1px solid rgba(255,255,255,.10);border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(180deg,rgba(18,24,31,.98),rgba(9,13,18,.99));box-shadow:0 -18px 54px rgba(0,0,0,.38);padding:16px 15px calc(15px + env(safe-area-inset-bottom));overflow:auto}.pro-menu-grab{width:34px;height:3px;border-radius:99px;background:rgba(255,255,255,.18);margin:0 auto 13px}.pro-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pro-menu-head div{display:grid;gap:2px}.pro-menu-head strong{font-size:16px;letter-spacing:-.02em}.pro-menu-head span{font-size:8px;color:#9fa8b0}.pro-close{width:34px;height:34px;border-radius:11px;border:1px solid var(--game-line);background:rgba(255,255,255,.04);font-size:16px;color:white}.pro-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pro-menu-action{min-height:68px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#f3f0e9;display:grid;place-items:center;align-content:center;gap:5px;padding:9px 5px}.pro-menu-action b{font-size:13px;font-weight:650}.pro-menu-action span{font-size:7px;color:#9ca5ad}.pro-menu-action.primary{background:linear-gradient(145deg,rgba(232,173,73,.16),rgba(232,173,73,.06));border-color:rgba(232,173,73,.24)}.pro-section-title{margin:16px 2px 7px;color:#8f99a2;font-size:7px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.pro-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07)}.pro-setting-row:first-of-type{border-top:0}.pro-setting-copy{display:grid;gap:2px}.pro-setting-copy b{font-size:9px}.pro-setting-copy span{font-size:7px;color:#929ca5}.pro-segment{display:flex;border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden}.pro-segment button{border:0;border-right:1px solid rgba(255,255,255,.07);background:transparent;color:#9da6ae;padding:7px 8px;font-size:7px}.pro-segment button:last-child{border-right:0}.pro-segment button.active{background:rgba(232,173,73,.16);color:#f1bd65}.pro-toggle{width:38px;height:22px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:#202830;padding:2px}.pro-toggle i{display:block;width:16px;height:16px;border-radius:50%;background:#89939b;transition:transform .16s,background .16s}.pro-toggle.on i{transform:translateX(16px);background:var(--game-mint)}

.pro-onboarding{position:fixed;z-index:25;inset:0;background:rgba(5,8,11,.82);backdrop-filter:blur(8px);display:grid;place-items:end center;padding:20px 16px calc(18px + env(safe-area-inset-bottom))}.pro-onboarding-card{width:min(440px,100%);border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(160deg,#151c24,#0b1016);padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.42)}.pro-onboarding-card .step{color:var(--game-accent);font-size:7px;font-weight:800;letter-spacing:.15em}.pro-onboarding-card h2{font-size:22px;margin:5px 0 7px;letter-spacing:-.03em}.pro-onboarding-card p{font-size:10px;line-height:1.55;color:#aab3ba;margin:0 0 15px}.pro-onboarding-actions{display:flex;gap:8px}.pro-onboarding-actions button{flex:1;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#fff;font-size:9px;font-weight:750}.pro-onboarding-actions .next{background:var(--game-accent);color:#24190b;border-color:transparent}

body.ui-large .pro-hud,body.ui-large .mobile-controls{transform:scale(1.08);transform-origin:center bottom}body.ui-small .pro-hud{font-size:90%}
body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}

@media(min-width:801px) and (pointer:fine){.pro-status-chip{top:64px}.pro-room-chip{top:64px}.pro-menu-btn{top:64px}.pro-objective{top:104px}.pro-menu-panel{border-radius:20px;margin-bottom:20px;max-width:480px;border-bottom:1px solid rgba(255,255,255,.10)}body.pro-game-ui:not(.dog-panel-open) .dog-card{opacity:1;pointer-events:auto;transform:none}body.pro-game-ui:not(.task-panel-open) .tasks{opacity:1;pointer-events:auto;transform:none}.pro-status-chip{display:none}}

@media(max-width:390px){.pro-objective{max-width:70vw}.pro-room-chip{max-width:120px;overflow:hidden}.pro-room-chip span{display:none}.pro-menu-grid{gap:6px}.pro-menu-action{min-height:62px}.pro-status-chip{max-width:138px}.pro-status-copy span{max-width:80px}}