@charset "UTF-8";
:root{color-scheme:dark;--ink:#171137;--deep:#100d28;--surface:#251e49;--line:#433765;--white:#fffafa;--soft:#bdb5dc;--cyan:#6be4ef;--pink:#ff70b7;--yellow:#ffe073}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#362355 0,transparent 42%),radial-gradient(ellipse at 94% 80%,#142e4d 0,transparent 40%),var(--deep);color:var(--white);font-family:"Trebuchet MS",ui-rounded,system-ui,sans-serif;font-size:16px;min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible,canvas:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}[hidden]{display:none!important}.arcade{width:min(1192px,100%);padding:24px 32px 18px;margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px}.brand{display:flex;gap:7px;align-items:center;font-weight:900;font-size:30px;letter-spacing:-1.5px}.brand-del{color:var(--cyan)}.brand-ziah{color:var(--pink)}.amp{font-size:23px;color:#fff}.brand-divider{height:24px;width:1px;background:#66547f;margin:0 10px}.arcade-label{font-size:12px;letter-spacing:2px;color:var(--soft)}.top-actions{display:flex;gap:8px}.icon-button{background:#ffffff08;border:1px solid #5c4b7b;border-radius:12px;padding:9px 13px;display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700}.icon-button span:first-child{font-size:20px;color:var(--cyan);line-height:1}.icon-button:hover:not(:disabled){background:#ffffff15}.game-shell{border:1px solid #6b5387;border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 22px 70px #0004}.dashboard{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;background:linear-gradient(100deg,#302451,#21193e)}.eyebrow{display:block;font-size:12px;letter-spacing:2px;font-weight:800;color:var(--cyan);margin-bottom:5px}h1{font-size:24px;margin:0;letter-spacing:-.5px}.meters{display:flex;gap:32px}.meter{min-width:66px}.meter-label{display:block;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#c6bddd;margin-bottom:3px}.meter strong{font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}.meter strong span{font-size:18px}.time-meter strong{color:var(--yellow)}.time-meter.low strong{color:var(--pink)}.lives-meter strong{color:var(--pink);white-space:nowrap}.lives-meter strong span{font-size:24px}.arena{position:relative;aspect-ratio:1.95;min-height:410px;background:#141d37;overflow:hidden;isolation:isolate}#game-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;outline-offset:-5px}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 38%,#282353dd,#161134dc 76%);padding:22px;z-index:3}.start-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:600px}.round-tag{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:2px}.round-tag span{color:var(--yellow);margin-right:7px}.arcade-title{font-size:clamp(44px,6.5vw,80px);font-weight:1000;letter-spacing:-3px;line-height:.86;margin:16px 0 10px;color:white;transform:rotate(-3deg);text-shadow:4px 5px 0 #704dc0}.arcade-title span{color:var(--yellow);font-size:1.1em;text-shadow:4px 5px 0 #b84e81}.start-subtitle{font-size:16px;color:#e0d8f5;margin:10px 0 2px}.character-picker{display:flex;gap:26px;justify-content:center;margin:6px 0 12px}.character-choice{background:transparent;border:2px solid transparent;border-radius:18px;padding:5px 14px;transition:background .15s,border-color .15s;min-width:132px}.character-choice.selected{border-color:var(--cyan);background:#6be4ef12}.character-choice[data-character="ziah"].selected{border-color:var(--pink);background:#ff70b712}.character-choice:hover{background:#ffffff09}.portrait{display:block;background-image:url("assets/wolf-pups.png");background-repeat:no-repeat;background-size:264px 132px;width:94px;height:132px;margin:0 auto}.del-portrait{background-position:-29px 0}.ziah-portrait{background-position:-148px 0}.character-name{display:flex;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:800;margin-top:2px}.chosen-mark{color:var(--cyan);visibility:hidden}.selected .chosen-mark{visibility:visible}[data-character="ziah"] .chosen-mark{color:var(--pink)}.primary-button{padding:14px 36px;border-radius:12px;background:var(--yellow);color:#2c2144;font-size:19px;font-weight:900;min-width:220px;box-shadow:0 5px 0 #af7839;transition:transform .12s,filter .12s}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 #af7839}.start-tip{font-size:14px;color:#c6bfde;margin:15px 0 0}.play-footer{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#241b42}.control-hint{display:flex;align-items:center;gap:7px;font-size:14px;color:#ded6ee}.key-cap{display:inline-grid;place-items:center;width:29px;height:28px;border:1px solid #80729c;border-radius:6px;font-weight:900;color:white}.control-hint>span:last-child{margin-left:6px}.encouragement{font-size:14px;color:#c2b6d8}.encouragement span{color:var(--pink);margin-left:6px}.touch-controls{display:none}.item-guide{display:flex;align-items:center;justify-content:center;gap:25px;padding:24px 8px 10px;flex-wrap:wrap}.guide-label{font-size:12px;font-weight:900;letter-spacing:1.6px;color:var(--soft)}.guide-item{display:flex;align-items:center;gap:8px;font-size:14px}.item-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:30px}.guide-item b{display:block;font-size:14px;color:var(--cyan);margin-top:2px}.avoid-guide{display:flex;align-items:center;gap:8px;font-size:14px;color:#c4bad9;margin-left:8px;border-left:1px solid var(--line);padding-left:22px}.avoid-guide>span{font-size:23px}.bottom-note{text-align:center;font-size:12px;color:#998cad;margin:16px 0 0}.secondary-overlay{background:#161134eb;backdrop-filter:blur(6px)}.message-card{text-align:center;width:min(470px,100%)}.message-card h2{font-size:30px;line-height:1.15;margin:15px 0 8px;letter-spacing:-.7px}.message-card p{color:#dfd6ef;line-height:1.5;margin:12px 0 22px}.message-icon{font-size:48px;color:var(--cyan)}.finish-pups{display:flex;justify-content:center;width:210px;margin:0 auto 14px}.finish-pups .portrait{margin:0}.final-score{margin:16px 0 4px;display:flex;flex-direction:column;color:var(--yellow)}.final-score strong{font-size:62px;letter-spacing:-2px;line-height:1}.final-score span{font-size:12px;letter-spacing:3px;font-weight:900;margin-top:7px}.text-button{display:block;background:transparent;color:#d9d0ed;text-decoration:underline;margin:20px auto 0;font-size:14px;padding:8px}.game-notice{position:absolute;pointer-events:none;inset:18px 0 auto;text-align:center;font-size:22px;font-weight:900;color:var(--yellow);text-shadow:0 2px 6px #08081c;z-index:2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{background:#fff;color:#111;padding:20px}button,canvas{-webkit-tap-highlight-color:transparent}
@media(pointer:coarse){.touch-controls{display:flex;align-items:center;gap:15px}.control-hint{display:none}.direction-button{width:72px;height:52px;font-size:31px;font-weight:900;border-radius:12px;background:#4f3d75;border:1px solid #86729e;touch-action:none;user-select:none;-webkit-user-select:none}.direction-button:active,.direction-button.held{background:var(--cyan);color:var(--ink)}.drag-tip{font-size:12px;color:#c7bcdf;text-align:center;line-height:1.4}.play-footer{justify-content:center}.encouragement{display:none}}
@media(max-width:650px){.arcade{padding:14px 12px 18px}.masthead{margin-bottom:14px}.brand{font-size:26px;gap:5px}.amp{font-size:20px}.brand-divider,.arcade-label{display:none}.top-actions{gap:6px}.icon-button{padding:8px 10px;font-size:12px;gap:5px}.dashboard{gap:10px;padding:13px 14px;align-items:center}.game-name h1{font-size:18px;max-width:110px;line-height:1.1}.game-name .eyebrow{font-size:10px;letter-spacing:1px}.meters{gap:13px}.meter{min-width:43px}.meter-label{font-size:10px;letter-spacing:.8px}.meter strong{font-size:25px}.meter strong span{font-size:14px}.lives-meter strong span{font-size:16px}.arena{aspect-ratio:4/5;min-height:440px;max-height:660px}.overlay{padding:16px}.arcade-title{font-size:58px;margin:17px 0 9px}.start-subtitle{font-size:14px}.round-tag{font-size:10px;letter-spacing:1.3px}.character-picker{gap:16px;margin:12px 0 17px}.character-choice{min-width:110px;padding:5px 8px}.start-tip{font-size:12px;line-height:1.4;max-width:250px}.play-footer{padding:13px 12px}.touch-controls{display:flex;align-items:center;gap:15px}.direction-button{width:72px;height:50px;font-size:31px;font-weight:900;border-radius:12px;background:#4f3d75;border:1px solid #86729e;touch-action:none;user-select:none;-webkit-user-select:none}.direction-button:active,.direction-button.held{background:var(--cyan);color:var(--ink)}.drag-tip{font-size:12px;color:#c7bcdf;text-align:center;line-height:1.4}.control-hint,.encouragement{display:none}.play-footer{justify-content:center}.item-guide{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;padding:20px 14px 4px;max-width:360px;margin:auto}.guide-label{grid-column:1/-1;text-align:center}.guide-item{justify-content:center;gap:9px;font-size:14px}.avoid-guide{grid-column:1/-1;justify-content:center;border:0;padding:8px 0 0;margin:0}.message-card h2{font-size:26px}.finish-pups{margin-bottom:12px}.bottom-note{margin-top:16px}}
@media(min-width:651px) and (max-width:900px){.arena{min-height:485px}.meters{gap:22px}.encouragement{display:none}}
@media(max-width:650px){.character-picker{margin:8px 0 12px}.character-picker .portrait{height:108px;width:78px;background-size:216px 108px}.character-picker .del-portrait{background-position:-24px 0}.character-picker .ziah-portrait{background-position:-121px 0}.arcade-title{font-size:52px;margin:12px 0 7px}.start-subtitle{margin:8px 0 0}.primary-button{padding:12px 30px}.start-tip{margin-top:13px}.arena{min-height:450px}}
@media(max-width:360px){.arcade{padding-inline:8px}.dashboard{padding-inline:10px}.meters{gap:9px}.game-name h1{font-size:16px}.icon-button{padding:7px 8px}.icon-button span:last-child{font-size:11px}.brand{font-size:24px}.arcade-title{font-size:49px}.character-picker{gap:10px}.arena{min-height:450px}}
.overlay{overflow-y:auto;align-items:flex-start}.start-content,.message-card{margin:auto;flex-shrink:0}
@media(max-width:650px){.finish-pups{width:155px;margin-bottom:8px}.finish-pups .portrait{height:88px;width:69px;background-size:176px 88px}.finish-pups .del-portrait{background-position:-19px 0}.finish-pups .ziah-portrait{background-position:-98px 0}.message-card h2{margin-top:10px;font-size:24px}.message-card p{margin-bottom:16px;font-size:14px}.final-score{margin-top:12px}.final-score strong{font-size:54px}.text-button{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.game-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.game-nav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 16px;border:1px solid #5c4b7b;border-radius:12px;color:#ded6ee;text-decoration:none;font-size:14px;font-weight:800;line-height:1.3}.game-nav a[aria-current="page"]{background:#6be4ef14;border-color:var(--cyan);color:var(--cyan)}.game-nav a:hover{background:#ffffff15}.game-nav a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.game-nav a span{font-size:18px}
@media(max-width:650px){.game-nav{gap:7px;margin-bottom:14px}.game-nav a{flex:1;padding:9px 10px;font-size:12px;min-height:44px;gap:5px}}