body{overflow:hidden;background:linear-gradient(145deg,#ad8b72,#816452 48%,#5b4438)}.dash-page{height:100vh;display:grid;grid-template-rows:auto 1fr;padding:18px}.dash-nav{z-index:5;margin:0}.stage{position:relative;min-height:0;margin-top:14px;border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;background:linear-gradient(#b8cfda 0 55%,#d9c2aa 55% 100%);box-shadow:0 22px 65px #27191342}canvas{display:block;width:100%;height:100%}.dash-hud{position:absolute;inset:17px 17px auto;display:flex;justify-content:space-between;pointer-events:none}.hud-group{display:flex;gap:8px}.hud-chip{padding:9px 14px;border-radius:999px;background:#412f27d6;border:1px solid rgba(255,255,255,.12);font-weight:800}.sound{pointer-events:auto;border:0;cursor:pointer}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#31221c7a;backdrop-filter:blur(8px)}.overlay.hidden{display:none}.dash-card{width:min(430px,calc(100% - 30px));padding:29px;text-align:center;border-radius:25px;background:#dec6b0;color:#3e2d25;border:1px solid #f0ddcb;box-shadow:0 26px 70px #28191347}.dash-card .mini{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#7b5d4a}.dash-card h1{font:700 43px Georgia,serif;margin:8px 0}.dash-card p{line-height:1.55}.dash-btn{border:0;border-radius:999px;padding:12px 22px;background:#765845;color:#fff8f0;font-weight:800;cursor:pointer}.controls{margin-top:13px;font-size:12px;color:#745a4b}.hidden{display:none!important}@media(max-width:700px){.dash-page{padding:10px}.stage{margin-top:9px}.dash-nav .brand{font-size:22px}.dash-nav .nav-links a:not(:first-child){display:none}.hud-chip{padding:7px 10px;font-size:12px}}