*{box-sizing:border-box} :root{font-family:ui-rounded,"Tahoma",system-ui,sans-serif;color:#704e49;background:#fff5f2;font-synthesis:none}body{margin:0;min-height:100svh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:grid;place-items:center}button{font:inherit;font-weight:700;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;border:2px solid #ead4c6;background:#fffaf2;border-radius:16px;transition:transform .12s,background .15s}button:active:not(:disabled){transform:translateY(2px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,summary:focus-visible{outline:3px solid #20988d;outline-offset:3px}.game-shell{width:min(1160px,100%);background:#fffaf2;border:2px solid #efdcd1;border-radius:25px;overflow:hidden;box-shadow:0 12px 50px #be8e7c22}header{height:70px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px dashed #efdbd0}h1{font-size:clamp(23px,3.5vw,37px);color:#389e9d;margin:0;letter-spacing:-1.5px;font-weight:900}h1>span:first-child{color:#ee7886}.brand-paw{font-size:24px;color:#e88a8f}nav{display:flex;gap:10px}.icon-button{width:46px;font-size:27px;border-color:#e9989e;color:#d5707c;box-shadow:0 3px #f0ced0}.arena{position:relative;width:100%;aspect-ratio:1.95;overflow:hidden;background:#ace4ee}canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.hud{position:absolute;left:3%;right:3%;top:17px;display:grid;grid-template-columns:1fr 110px 1fr;gap:28px;pointer-events:none}.health{align-self:start;background:#fffaf2ed;padding:9px 12px;border:2px solid white;border-radius:18px;box-shadow:0 3px 0 #b9897526}.health>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:13px;margin-bottom:6px}.health b{font-size:19px}.health.cat b{color:#d6687c}.health.dog b{color:#338b86}.health-track{height:16px;border-radius:20px;overflow:hidden;background:#e6bfc7}.health i{display:block;height:100%;width:100%;background:linear-gradient(#ffa5af,#ef7689);border-radius:20px;transition:width .35s}.dog .health-track{background:#bcd4cc}.dog i{background:linear-gradient(#83e0cc,#44b4ab)}.wind{display:flex;flex-direction:column;align-items:center;background:#fffaf2f2;border:2px solid white;border-radius:25px;padding:7px 4px;box-shadow:0 3px #b9897526;font-size:12px}.wind strong{font-size:20px;color:#458f9b}.wind>span{font-size:10px;margin-top:4px}.feedback{position:absolute;top:26%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;font-weight:800;font-size:clamp(14px,2.5vw,26px);padding:8px 18px;border-radius:20px;color:#805144;background:#fffaf2ec;opacity:0;transition:opacity .15s;pointer-events:none}.feedback.show{opacity:1}.overlay{position:absolute;inset:0;background:#fff2e62c;display:flex;align-items:center;justify-content:center;padding:15px;overflow:auto;backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.paper{width:360px;max-width:100%;text-align:center;background:#fffaf2f7;border:3px solid white;border-radius:26px;padding:20px 24px;box-shadow:0 8px 0 #dba68e40,0 18px 45px #85644730}.little{font-size:12px;color:#a16f63;margin:0 0 6px}h2{font-size:30px;line-height:1.24;margin:4px 0 12px;letter-spacing:-.7px}h2 em{font-style:normal;color:#e87588}.paper p{font-size:13px;line-height:1.6;margin:8px 0 12px}.choices{display:flex;gap:8px;margin-bottom:9px}.choices button{flex:1;font-size:13px;border-radius:12px;min-height:39px}.selected{background:#fbdfe2;border-color:#ea92a1}.primary{background:#f48190;color:white;border:2px solid #ffe7e7;box-shadow:0 4px 0 #d56375;font-size:16px;text-shadow:0 1px #b7576044}#start,.paper>.primary{width:100%;margin:5px 0 8px;min-height:49px}.paper .best{font-size:11px;color:#9e8275;margin:7px 0 0}details{font-size:11px;margin-top:8px}summary{cursor:pointer}details p{text-align:left;font-size:11px!important}.controls{display:grid;grid-template-columns:135px 1fr 155px 250px;gap:20px;align-items:center;padding:20px 24px 17px;border-top:2px solid #f2dfc5;background:#fff4df}.turn-info{display:flex;flex-direction:column;gap:3px}.turn-info small{font-size:12px}.turn-info strong{font-size:23px;color:#dd7883}.turn-info span{font-size:12px}.power-caption{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:9px}.power-track{height:22px;border:3px solid white;background:#eadccb;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px #dbc09c}.power-track>div{height:100%;width:0;background:linear-gradient(90deg,#8ad3b0,#f6dc8b,#fa8991)}.power-scale{display:flex;justify-content:space-between;font-size:10px;margin-top:6px}.throw{min-height:78px;touch-action:none;user-select:none;-webkit-user-select:none;font-size:14px;line-height:1.5}.throw strong{font-size:20px}.items{display:flex;gap:8px}.items button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:80px;min-width:0;border-radius:16px;background:#f0e2f3;border-color:#dabada}.items button:nth-child(2){background:#e0f0ef;border-color:#aed7ce}.items button:nth-child(3){background:#e6efcf;border-color:#c7d2ab}.items b{font-size:25px}.items span{font-size:10px}.items small{font-size:9px;font-weight:400}.items .selected{box-shadow:0 0 0 3px #ed8997}footer{display:flex;justify-content:space-between;padding:9px 24px;font-size:10px;color:#a98e7f;gap:8px}.result-art{width:100px;height:95px;object-fit:contain}.secondary{width:100%;margin-top:8px}.result-stats{display:flex;justify-content:space-around;margin:12px 0;font-size:13px}.result-stats strong{display:block;font-size:25px;color:#df7486}
@media(max-width:760px){body{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.game-shell{border-radius:19px}header{height:58px;padding:8px 13px}h1{font-size:27px}.icon-button{width:40px;min-height:40px;font-size:23px}nav{gap:7px}.arena{aspect-ratio:1.16}.hud{left:3%;right:3%;top:10px;grid-template-columns:1fr 66px 1fr;gap:6px}.health{padding:6px;border-radius:12px}.health b{font-size:14px}.health>div:first-child{font-size:9px;gap:2px}.health-track{height:12px}.wind{padding:4px 1px;border-radius:17px}.wind small{font-size:9px}.wind strong{font-size:14px}.wind>span{font-size:8px}.controls{padding:15px 14px;grid-template-columns:80px 1fr;gap:12px}.turn-info strong{font-size:19px}.turn-info small{font-size:10px}.throw{grid-column:1/3;min-height:62px}.throw br{display:none}.throw strong{margin-left:7px}.items{grid-column:1/3;justify-content:center}.items button{height:59px;display:grid;grid-template-columns:auto auto;column-gap:7px;padding:7px}.items b{grid-row:1/3;font-size:24px}.items span{font-size:10px}.items small{font-size:9px}.paper{padding:15px 20px;width:300px}.paper h2{font-size:24px}.paper p{font-size:11px}.choices button{font-size:11px;min-height:36px}#start{min-height:43px}.overlay{padding:10px;align-items:center}.paper .little{font-size:10px}footer{padding:8px 12px;font-size:8px}.brand-paw{font-size:18px}.feedback{top:30%}}
@media(max-width:420px){h1{font-size:24px}.arena{aspect-ratio:1.02}.paper{padding:12px 17px}.paper h2{font-size:23px}.paper p{margin:5px 0 8px}.controls{gap:10px;padding:12px}.items button{padding:5px}.items span{font-size:9px}}
@media(max-height:540px) and (orientation:landscape){body{padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left))}.game-shell{max-width:920px}header{height:44px}h1{font-size:25px}.icon-button{min-height:34px;height:34px}.arena{aspect-ratio:auto;height:calc(100svh - 154px)}.controls{display:grid;grid-template-columns:85px 1fr 130px 230px;gap:12px;padding:9px 15px}.throw{grid-column:auto;min-height:57px}.items{grid-column:auto}.items button{height:58px}.items span{font-size:9px}.items small{font-size:8px}.turn-info strong{font-size:17px}.hud{top:6px}.health{padding:5px 8px}.health b{font-size:14px}.wind{padding:3px}.wind strong{font-size:15px}.paper{width:510px;padding:9px 20px}.paper h2{font-size:20px;display:inline}.paper h2 br{display:none}.paper p{font-size:11px;margin:4px}.paper .little,.paper .best,details{display:none}.choices{display:inline-flex;width:45%;margin:5px 4px}.choices button{font-size:10px;min-height:32px}#start{min-height:36px;margin:2px}footer{padding:5px 14px;font-size:8px}.feedback{top:32%;font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.overlay{align-items:flex-start}.paper{margin-block:auto;flex-shrink:0}
@media(min-width:761px) and (min-height:541px){.game-shell{width:min(1160px,100%,calc((100svh - 248px)*1.95))}.controls{grid-template-columns:95px 1fr 125px 220px;gap:13px;padding:17px 20px}.turn-info strong{font-size:20px}}
@media(max-height:540px) and (orientation:landscape){.game-shell{display:grid;grid-template-columns:minmax(0,1fr) 228px;max-width:100%;width:100%}header,footer{grid-column:1/3}.arena{height:calc(100svh - 80px);aspect-ratio:auto}.controls{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;border-top:0;border-left:2px solid #efdfc6;align-content:center}.turn-info{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.turn-info small{width:100%}.turn-info strong{font-size:19px}.power-group{min-width:0}.throw{min-height:52px}.throw br{display:none}.throw strong{font-size:17px}.items{gap:5px}.items button{height:63px;display:flex;padding:4px}.items b{font-size:20px}.items span{font-size:9px}.items small{font-size:8px}.hud{grid-template-columns:1fr 65px 1fr;gap:6px;left:2%;right:2%}.health>div:first-child{font-size:9px}.health b{font-size:12px}.health-track{height:10px}.wind small{font-size:9px}.wind>span{font-size:8px}.paper{width:330px;padding:10px 17px}.paper h2{display:block;font-size:23px}.paper h2 br{display:initial}.paper p{font-size:11px;margin:6px 0}.choices{display:flex;width:100%;margin:6px 0}.choices button{min-height:32px}#start{min-height:38px}.feedback{font-size:14px}.result-art{width:55px;height:55px}.result-stats{margin:6px 0}.result-stats strong{font-size:20px}}