@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@500;700;900&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#fff;background:#181130;font-synthesis:none;--ink: #181130;--cream: #fff7df;--sun: #ffdf4f;--coral: #ff654f;--mint: #67f2bd;--violet: #7968ff}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:radial-gradient(circle at 50% 30%,#6940bd,#181130 72%)}button{font:inherit}#canvas-wrap,#canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#canvas-wrap canvas{cursor:crosshair}.hud-top{position:fixed;z-index:8;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;pointer-events:none}.brand{filter:drop-shadow(0 5px 0 rgba(24,17,48,.22))}.brand-kicker,.eyebrow{display:block;font-size:.68rem;font-weight:900;letter-spacing:.19em}.brand strong{display:block;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(1.45rem,3vw,2.4rem);letter-spacing:-.06em;line-height:.9;transform:rotate(-2deg)}.brand i,h1 i{color:var(--sun);font-style:normal}.score-card{min-width:160px;padding:12px 15px 11px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink);transform:rotate(1deg);text-align:right}.score-card span{font-size:.65rem;letter-spacing:.18em;font-weight:900}.score-card b{display:block;font-family:Archivo Black,Impact,sans-serif;font-size:1.65rem;line-height:1}.score-card em{display:inline-block;margin-top:5px;padding:2px 7px;color:#fff;background:var(--coral);border-radius:99px;font-size:.65rem;font-style:normal;font-weight:900}.mission-card{position:fixed;z-index:8;top:118px;right:28px;width:min(320px,calc(100vw - 40px));display:grid;grid-template-columns:54px 1fr;gap:13px;padding:15px;color:var(--ink);background:#fff7dff0;border:3px solid var(--ink);border-radius:18px;box-shadow:7px 7px #181130e0;transition:transform .25s ease;pointer-events:none}.mission-card.complete{transform:scale(1.06) rotate(-1deg)}.mission-icon{width:54px;height:54px;display:grid;place-items:center;background:var(--sun);border:2px solid var(--ink);border-radius:13px;font-size:1.65rem;box-shadow:3px 3px 0 var(--ink)}.mission-card .eyebrow{color:#775c66}.mission-card h2{margin:4px 0 2px;font-family:Archivo Black,Impact,sans-serif;font-size:1.05rem;letter-spacing:-.03em}.mission-card p{margin:0 0 9px;font-size:.82rem;line-height:1.25}.mission-card b{float:right;margin-top:4px;font-size:.73rem}.mission-progress{height:9px;overflow:hidden;background:#d9cfba;border:2px solid var(--ink);border-radius:99px}.mission-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--coral),var(--sun));transition:width .3s ease}.zoomies{position:fixed;z-index:8;bottom:65px;left:28px;width:min(310px,calc(100vw - 56px));pointer-events:none;filter:drop-shadow(0 4px 0 rgba(24,17,48,.25))}.zoom-label{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.72rem;font-weight:900;letter-spacing:.12em}.zoom-track{height:18px;overflow:hidden;padding:3px;background:var(--ink);border:2px solid #fff;border-radius:99px}.zoom-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#65efbd,#ffe64f,#ff654f);transition:width .25s ease}.zoomies.ready .zoom-track{animation:charge .5s infinite alternate}.zoomies small{display:block;margin-top:5px;font-size:.66rem;font-weight:700;text-shadow:0 2px 4px #181130}@keyframes charge{to{filter:brightness(1.35);transform:scaleX(1.02)}}.controls{position:fixed;z-index:8;left:50%;bottom:19px;display:flex;gap:10px;transform:translate(-50%);white-space:nowrap;pointer-events:none}.controls span{padding:7px 10px;background:#181130b8;border:1px solid rgba(255,255,255,.25);border-radius:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.65rem;font-weight:700}kbd{color:var(--sun);font:inherit;font-weight:900}#crosshair{position:fixed;z-index:7;top:50%;left:50%;width:20px;height:20px;opacity:.65;transform:translate(-50%,-50%);pointer-events:none}#crosshair i{position:absolute;top:9px;left:3px;width:14px;height:2px;border-radius:2px;background:#fff;box-shadow:0 1px 2px #181130}#crosshair i:last-child{transform:rotate(90deg)}.toast{position:fixed;z-index:15;top:24%;left:50%;min-width:180px;padding:12px 18px;color:var(--ink);background:var(--sun);border:3px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink);font-family:Archivo Black,Impact,sans-serif;text-align:center;opacity:0;transform:translate(-50%,-10px) scale(.85) rotate(-2deg);transition:.22s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) scale(1) rotate(-2deg)}.start-screen{position:fixed;z-index:30;inset:0;display:grid;place-items:center;overflow:hidden;padding:28px;background:radial-gradient(circle at 70% 30%,#c799ff 0 8%,transparent 33%),linear-gradient(145deg,#7968fff2,#2d185efa);transition:opacity .55s ease,visibility .55s}.start-screen:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.18) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.18) 2px,transparent 2px);background-size:42px 42px;transform:perspective(500px) rotateX(58deg) scale(1.8) translateY(24%)}.start-screen.hidden{opacity:0;visibility:hidden}.sun-orb{position:absolute;width:min(60vw,720px);aspect-ratio:1;right:-10vw;top:-28vw;border-radius:50%;background:var(--sun);box-shadow:0 0 0 24px #ffdf4f1f,0 0 0 48px #ffdf4f14}.start-card{position:relative;width:min(980px,94vw);min-height:530px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;color:var(--ink);background:var(--cream);border:5px solid var(--ink);border-radius:30px 90px 30px 30px;box-shadow:18px 18px #181130a6;overflow:hidden}.dog-portrait{position:relative;align-self:stretch;display:grid;place-items:end center;overflow:hidden;background:linear-gradient(180deg,#69eec0,#32bfa1)}.dog-portrait:before{content:"";position:absolute;width:380px;height:380px;top:46px;border:4px solid var(--ink);border-radius:50%;background:var(--sun);box-shadow:12px 12px #18113029}.dog-portrait img{position:relative;z-index:1;width:110%;max-height:510px;object-fit:contain;object-position:center bottom;filter:drop-shadow(12px 12px 0 rgba(24,17,48,.18))}.dog-portrait span{position:absolute;z-index:2;left:22px;top:22px;padding:8px 12px;color:#fff;background:var(--coral);border:3px solid var(--ink);border-radius:9px;box-shadow:4px 4px 0 var(--ink);font-size:.72rem;font-weight:900;transform:rotate(-3deg)}.start-copy{padding:48px}.start-copy .eyebrow{color:#6d5960}.start-copy h1{margin:12px 0 18px;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(4rem,8vw,7.4rem);line-height:.72;letter-spacing:-.095em;transform:rotate(-2deg)}.start-copy h1 i{-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--coral)}.start-copy>p{max-width:390px;margin:28px 0 25px;font-size:1.12rem;font-weight:800;line-height:1.35}#play{width:min(330px,100%);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;color:var(--ink);background:var(--sun);border:3px solid var(--ink);border-radius:13px;box-shadow:6px 6px 0 var(--ink);cursor:pointer;transform:rotate(-1deg);transition:.16s ease}#play:hover{background:#fff16f;transform:translateY(-3px) rotate(-1deg);box-shadow:9px 9px 0 var(--ink)}#play:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}#play span{font-family:Archivo Black,Impact,sans-serif;font-size:1.35rem}#play small{font-size:.68rem;font-weight:900;letter-spacing:.08em}.start-copy .fineprint{margin:17px 0 0;color:#766d64;font-size:.66rem;font-weight:700}.resume{position:fixed;z-index:20;left:50%;bottom:100px;display:none;padding:13px 18px;color:var(--ink);background:var(--sun);border:3px solid var(--ink);border-radius:11px;box-shadow:5px 5px 0 var(--ink);font-weight:900;transform:translate(-50%);cursor:pointer}.resume.show{display:block}.mobile-controls{display:none}@media(max-width:800px){.hud-top{padding:15px}.score-card{min-width:130px}.score-card b{font-size:1.25rem}.mission-card{top:90px;right:14px;width:270px;transform:scale(.9);transform-origin:top right}.zoomies{left:15px;bottom:125px;width:220px}.controls{display:none}.start-card{grid-template-columns:1fr;min-height:auto;border-radius:24px 55px 24px 24px}.dog-portrait{height:300px}.dog-portrait:before{width:250px;height:250px;top:25px}.dog-portrait img{height:310px;width:auto}.start-copy{padding:28px}.start-copy h1{font-size:clamp(3.4rem,17vw,5rem)}.start-copy>p{margin:18px 0;font-size:.95rem}.mobile-controls{position:fixed;z-index:10;inset:auto 12px 14px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.dpad{width:132px;display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:3px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.mobile-controls button{pointer-events:auto;touch-action:none;color:#fff;background:#181130b8;border:2px solid rgba(255,255,255,.72);border-radius:50%;font-size:.7rem;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.actions{display:flex;gap:7px;align-items:flex-end}.actions button{width:54px;height:54px}.actions button:nth-child(2){width:66px;height:66px;background:#ff654fc7}}@media(max-height:700px)and (min-width:801px){.start-card{min-height:430px;width:min(850px,94vw)}.dog-portrait img{max-height:420px}.start-copy{padding:36px}.start-copy h1{font-size:5.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}