*,:before,:after{box-sizing:border-box}:where(#app *){min-width:0;min-height:0}html,body{overscroll-behavior:none;color:#f5f5f5;background:#0e0e10;width:100%;min-width:0;height:100%;min-height:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[hidden]{display:none!important}#app{paint-order:stroke fill;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden;container-type:size}:root{--safe-top:var(--playabl-safe-area-top,env(safe-area-inset-top,0px));--safe-right:var(--playabl-safe-area-right,env(safe-area-inset-right,0px));--safe-bottom:var(--playabl-safe-area-bottom,env(safe-area-inset-bottom,0px));--safe-left:var(--playabl-safe-area-left,env(safe-area-inset-left,0px))}.safe-area{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);min-width:0;min-height:0;position:absolute}.bleed-top,.bleed-bottom{position:relative}.bleed-top:before,.bleed-bottom:after{content:"";background:inherit;pointer-events:none;position:absolute;inset-inline:0}.bleed-top:before{height:var(--safe-top);bottom:100%}.bleed-bottom:after{height:var(--safe-bottom);top:100%}#app svg{paint-order:normal}canvas,.game-surface{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:100%;min-height:0;display:block}button,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hud-row{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(6px,2cqw,14px);width:100%;min-width:0;padding:clamp(6px,2cqmin,12px);display:flex}.badge{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;align-items:center;gap:.4em;min-width:0;max-width:100%;padding-inline:.4em;font-size:clamp(12px,3.5cqw,18px);line-height:1.2;display:inline-flex;overflow:hidden}.pip-row{box-sizing:border-box;align-items:center;gap:clamp(2px,.8cqw,6px);display:inline-flex}.pip{aspect-ratio:1;flex:none;place-items:center;width:clamp(12px,4cqw,20px);display:grid;overflow:hidden}.controls-row{box-sizing:border-box;justify-content:center;align-items:center;gap:clamp(12px,3cqw,20px);width:100%;min-width:0;padding:clamp(8px,2cqmin,14px);display:flex}.control-btn{box-sizing:border-box;white-space:nowrap;flex:0 auto;justify-content:center;align-items:center;min-width:44px;max-width:100%;min-height:44px;padding:.5em 1em;font-size:clamp(13px,3.5cqw,18px);line-height:1.2;display:inline-flex;overflow:hidden}.control-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;padding-inline:.4em;overflow:hidden}.dogeball{--ink:#1a1020;--teal:#0f8a7e;--teal-hi:#3ee6c8;--orange:#ff6a1a;--mustard:#ffd23f;--purple:#5b2a86;--display:Bangers, "Arial Black", Impact, sans-serif;background:#a86c12;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative}.game-canvas{position:absolute;inset:0}.hud-layer{pointer-events:none;z-index:2}.top-hud{flex-wrap:nowrap;align-items:flex-start;padding:clamp(6px,2cqmin,12px)}.hud-left{flex-direction:column;flex:0 auto;align-items:flex-start;gap:4px;min-width:0;display:flex}.hud-sub{gap:4px;min-width:0;max-width:100%;display:flex}.badge{border:3px solid var(--ink);color:#fff;font-family:var(--display);letter-spacing:.04em;box-shadow:0 3px 0 var(--ink);border-radius:10px}.score-badge{background:#0d4a52;flex-shrink:0;justify-content:center;min-width:3.2em;padding:.04em .4em;font-size:clamp(20px,7cqw,34px);line-height:1.05}.best-badge,.mult-badge{box-shadow:0 2px 0 var(--ink);border-width:2px;border-radius:7px;padding:.05em .45em;font-size:clamp(11px,3.2cqw,15px)}.best-badge{color:var(--mustard);background:#1a1020c7}.mult-badge{background:var(--orange);color:#fff;flex-shrink:0}.wave-badge{background:var(--purple);flex-shrink:0;padding:.08em .5em;font-size:clamp(16px,5cqw,26px)}.hearts{flex:0 auto;justify-content:center;gap:clamp(2px,1cqw,6px);padding-top:2px}.heart-pip{width:clamp(20px,7cqw,34px)}.heart-pip canvas{width:100%;height:100%}.action-btn{border:4px solid var(--ink);background:radial-gradient(circle at 35% 30%, #22b3a3, var(--teal) 60%, #0a5f57);width:clamp(76px,23cqmin,112px);height:clamp(76px,23cqmin,112px);box-shadow:0 6px 0 var(--ink);color:#fff;font-family:var(--display);letter-spacing:.05em;pointer-events:auto;cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:clamp(18px,5.5cqmin,28px);transition:transform 60ms,filter .12s,background .12s;display:grid;position:absolute;bottom:clamp(10px,3.5cqw,20px);right:clamp(10px,3.5cqw,20px)}.action-btn .control-label{-webkit-text-stroke:.08em var(--ink);padding-inline:.2em}.action-btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.action-btn.is-throw{background:radial-gradient(circle at 35% 30%, #ffa04d, var(--orange) 60%, #c2400a)}.action-btn.is-open{background:radial-gradient(circle at 35% 30%, #a8fff0, var(--teal-hi) 60%, #129c88);transform:scale(1.06)}.action-btn.is-cooldown{filter:grayscale(.7)brightness(.8)}.action-btn.is-ready{animation:1.1s ease-in-out infinite action-pulse}@keyframes action-pulse{50%{transform:scale(1.08)}}.banner{text-align:center;pointer-events:none;width:max-content;max-width:92%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.banner.pop{animation:.35s cubic-bezier(.2,1.6,.4,1) banner-pop}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-6deg)}}.banner-title{font-family:var(--display);letter-spacing:.04em;color:var(--mustard);-webkit-text-stroke:.07em var(--ink);text-shadow:.06em .07em 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;padding-inline:.2em;font-size:min(13cqw,12cqh,64px);line-height:1;overflow:hidden}.banner-sub{border:2px solid var(--ink);background:var(--purple);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;max-width:100%;margin-top:.3em;padding:.2em .7em;font-size:clamp(12px,3.6cqw,17px);font-weight:800;display:inline-block;overflow:hidden}.hint{border:2px solid var(--ink);color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#1a1020cc;border-radius:999px;width:max-content;max-width:60%;padding:.3em .9em;font-size:clamp(13px,3.8cqw,18px);font-weight:800;position:absolute;bottom:clamp(14px,4cqh,36px);left:50%;overflow:hidden;transform:translate(-50%)}.gameover{z-index:3;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px);background:#1a10208c;place-items:center;animation:.25s fade-in;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.go-panel{border:4px solid var(--ink);background:var(--purple);width:min(86%,340px);box-shadow:0 8px 0 var(--ink);color:#fff;text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:clamp(4px,1.5cqh,10px);padding:clamp(14px,4cqmin,26px);animation:.35s cubic-bezier(.2,1.6,.4,1) banner-pop-plain;display:flex}@keyframes banner-pop-plain{0%{transform:scale(.6)}}.go-title{font-family:var(--display);color:var(--orange);-webkit-text-stroke:.06em var(--ink);text-shadow:.05em .06em 0 var(--ink);font-size:min(16cqw,14cqh,72px);line-height:1}.go-wave{color:var(--mustard);font-size:clamp(14px,4cqw,18px);font-weight:800}.go-score{font-family:var(--display);letter-spacing:.03em;font-variant-numeric:tabular-nums;font-size:min(14cqw,11cqh,56px);line-height:1}.go-best{color:#e6d6ff;min-height:1.3em;font-size:clamp(13px,3.8cqw,17px);font-weight:800}.go-best.is-new{color:var(--mustard);font-family:var(--display);letter-spacing:.05em;font-size:clamp(18px,5.5cqw,26px);animation:.8s ease-in-out infinite action-pulse}.retry-btn{border:4px solid var(--ink);background:var(--orange);min-height:52px;box-shadow:0 5px 0 var(--ink);color:#fff;font-family:var(--display);letter-spacing:.05em;cursor:pointer;border-radius:14px;margin-top:4px;padding-inline:1.4em;font-size:clamp(20px,6cqw,28px)}.retry-btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}