:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#603f23;background:#d7ebc3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:500;--brown: #70451f;--brown-dark: #54351f;--cream: #fff9e8;--gold: #f5b51d;--orange: #ed8f25;--green: #64a843}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:#d7ebc3;overscroll-behavior:none}button{font:inherit}.game-shell{width:min(100vw,490px);height:100vh;height:100dvh;min-height:0;margin-inline:auto;overflow:hidden;position:relative;background-color:#8bd26a;box-shadow:0 12px 48px #3d522c3d;isolation:isolate}.screen-loading{background-position:center;background-repeat:no-repeat;background-size:contain}.image-screen{position:absolute;top:50%;left:50%;width:min(100%,56.25vh);width:min(100%,56.25dvh);height:auto;aspect-ratio:9 / 16;transform:translate(-50%,-50%);overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:100% 100%}.hotspot{position:absolute;border:0;padding:0;background:transparent;opacity:0;cursor:pointer;touch-action:manipulation}.hotspot:focus-visible{opacity:1;outline:4px solid #fff6bf;outline-offset:-5px;border-radius:28px}.home-feed-zone{left:4%;top:75.5%;width:44%;height:16%}.home-enter-zone{right:4%;top:75.5%;width:44%;height:16%}.home-screen:before,.selection-artboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.home-screen:before{background-image:url(/assets/web/v1/clean/home-header-no-wallet.webp);-webkit-mask-image:linear-gradient(to right,#000 43.8%,transparent 46%),linear-gradient(to bottom,#000 6.5%,transparent 8.2%);mask-image:linear-gradient(to right,#000 43.8%,transparent 46%),linear-gradient(to bottom,#000 6.5%,transparent 8.2%)}.selection-artboard:before{background-image:url(/assets/web/v1/clean/care-header-no-wallet.webp);-webkit-mask-image:linear-gradient(to right,transparent 70.8%,#000 72.5%),linear-gradient(to bottom,#000 5.5%,transparent 7%);mask-image:linear-gradient(to right,transparent 70.8%,#000 72.5%),linear-gradient(to bottom,#000 5.5%,transparent 7%)}.selection-artboard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url(/assets/web/v1/clean/care-footer-no-progress.webp) center / 100% 100% no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 32.6%,#000 33.3%,#000 65.6%,transparent 66.5%),linear-gradient(to bottom,transparent 91.7%,#000 92.1%,#000 98.7%,transparent 99.5%);mask-image:linear-gradient(to right,transparent 32.6%,#000 33.3%,#000 65.6%,transparent 66.5%),linear-gradient(to bottom,transparent 91.7%,#000 92.1%,#000 98.7%,transparent 99.5%);-webkit-mask-composite:source-in;mask-composite:intersect}.wood-chip,.back-chip{border:2px solid #94602b;color:#fff7de;background:#a96d2e;box-shadow:0 4px #764721,inset 0 1px #ffffff5c;font-weight:900;cursor:pointer;touch-action:manipulation}.wood-chip:hover{filter:brightness(1.06)}.wood-chip:active,.primary-button:active,.secondary-button:active{transform:translateY(2px);box-shadow:0 2px #58391c80}.help-chip{position:absolute;z-index:2;top:3%;right:4%;padding:7px 12px;border-radius:18px 18px 14px 14px;font-size:12px}.home-rule-chip{position:absolute;z-index:2;left:9%;bottom:2.7%;width:82%;min-height:4.5%;padding:5px 9px;display:grid;place-items:center;border:2px solid rgba(183,128,53,.88);border-radius:18px;background:#fff8e0f0;box-shadow:0 3px #7f4f21b8,inset 0 1px #fff;transform:none;white-space:nowrap;color:#6c4a2c;text-align:center;text-shadow:0 1px 0 #fff9e8;font-size:clamp(9px,2.6vw,12px);font-weight:800;pointer-events:none}.lobby-screen{background-color:#75bf4a}.lobby-screen .lobby-home,.lobby-screen .lobby-rules,.lobby-screen .lobby-cat-care,.lobby-screen .lobby-feed,.lobby-screen .lobby-enter,.lobby-screen .lobby-tutorial-dismiss{z-index:2;opacity:0}.lobby-home{top:.8%;left:2%;width:12%;height:5.6%}.lobby-rules{top:6.8%;left:2%;width:12%;height:5.6%}.lobby-cat-care{top:6.1%;right:15%;width:14%;height:6.3%}.lobby-wallet-value{position:absolute;z-index:1;top:2.2%;right:6%;width:17%;height:3.1%;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#462b1af7;box-shadow:inset 0 1px 1px #ffffff24;color:#fff2d8;font-size:clamp(11px,4vw,17px);font-weight:900;letter-spacing:.02em;text-shadow:0 2px 0 #744b2a;white-space:nowrap}.lobby-metric-value{position:absolute;z-index:1;top:14.55%;height:2.35%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(203,167,102,.9);border-radius:999px;background:#fff6dcfa;color:#6d4826;font-size:clamp(10px,3vw,15px);font-weight:900;line-height:1;white-space:nowrap;pointer-events:none}.lobby-pool-value{left:11.7%;width:18%;border-color:#76502f;background:#654127fa;color:#fff3ce}.lobby-mice-value{left:35.4%;width:13.4%}.lobby-time-value{left:52%;width:15.2%;border-color:#745032;background:#68452afa;color:#fff3ce;font-size:clamp(9px,2.5vw,12px)}.lobby-rank-value{left:71.4%;width:14%}.lobby-breed-grid{position:absolute;z-index:3;top:66.25%;left:1.4%;right:1.4%;height:18%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:.7%;padding:1% .7%;border-radius:10px;background:linear-gradient(180deg,#9ac95f,#acd76e 50%,#91bf55)}.lobby-screen .hotspot:focus-visible{opacity:1;outline:3px solid #fff4ae;outline-offset:-4px;border-radius:16px}.lobby-live-rate{position:absolute;z-index:1;left:41%;top:89%;height:3%;width:18%;display:grid;place-items:center;color:#fff4d6;font-size:clamp(11px,3.7vw,16px);font-weight:1000;text-shadow:0 2px 0 #79512a,0 0 3px #79512a;pointer-events:none}.lobby-feed{left:5%;bottom:5.5%;width:31%;height:9%}.lobby-enter{right:5%;bottom:5.5%;width:31%;height:9%}.lobby-tutorial-dismiss{right:7%;bottom:5%;width:31%;height:10%}.lobby-guided .lobby-breed-grid{top:72.8%;height:14.1%}.lobby-guided .lobby-live-rate{top:90.5%}.lobby-guided .lobby-enter{left:5%;right:auto;top:87.4%;bottom:auto;width:34%;height:7.8%}.lobby-guided .lobby-tutorial-dismiss{top:87.4%;bottom:auto;height:7.8%}.lobby-guided .lobby-feed{display:none}.lobby-guided .lobby-wallet-value{top:2.2%}.lobby-guided .lobby-metric-value{top:61.2%;height:2.8%}.lobby-guided .lobby-pool-value{left:6%;width:17%}.lobby-guided .lobby-mice-value{left:31%;width:14%}.lobby-guided .lobby-rank-value{left:56%;width:13%}.lobby-guided .lobby-time-value{left:78%;width:16%}.lobby-screen .lobby-enter:focus-visible,.lobby-screen .lobby-tutorial-dismiss:focus-visible{opacity:.2;background:#fff3a5}.back-chip{position:absolute;z-index:4;top:2.2%;left:3.7%;width:42px;height:42px;border-radius:13px;font-size:32px;line-height:30px}.selection-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;background:#84ca5a;scrollbar-width:thin;scrollbar-color:rgba(116,83,44,.45) transparent;display:flex;flex-direction:column;align-items:center}.selection-artboard{position:relative;width:100%;height:auto;aspect-ratio:9 / 16;flex:0 0 auto;background-color:#84ca5a;background-position:center top;background-repeat:no-repeat;background-size:100% 100%}.selection-breed-picker{position:absolute;z-index:4;top:31.8%;left:6.8%;width:35%;height:6.8%;min-height:0}.selection-breed-picker.is-open{z-index:8}.breed-picker-trigger{width:100%;height:100%;min-width:0;padding:4px 5px;display:flex;align-items:center;gap:4px;border:2px solid #b87930;border-radius:14px;background:linear-gradient(155deg,#fffbe9,#f9df9e);box-shadow:0 3px #985d25,inset 0 0 0 2px #fff5cf;color:#74471f;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.breed-picker-trigger:hover,.selection-breed-picker.is-open .breed-picker-trigger{background:linear-gradient(155deg,#fff7d8,#ffd977)}.breed-picker-trigger:focus-visible{outline:2px solid #70451f;outline-offset:3px}.breed-picker-avatar{width:28%;flex:0 0 28%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#fffae3;box-shadow:0 0 0 1px #e4b360}.breed-picker-current{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.breed-picker-current strong{font-size:clamp(11px,3vw,16px);font-weight:900;line-height:1.15;white-space:nowrap}.breed-picker-current small{font-size:clamp(8px,2.15vw,10px);font-weight:700;color:#99713d;line-height:1.1;white-space:nowrap}.breed-picker-chevron{flex:0 0 12px;width:12px;height:16px;fill:none;stroke:#9f6528;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.is-open .breed-picker-chevron{transform:rotate(180deg)}.breed-picker-popover{position:absolute;top:calc(100% + 9px);left:0;width:min(340px,calc(100vw - 48px));display:flex;flex-direction:column;overflow:hidden;border:3px solid #a86b2c;border-radius:19px;background:#fff4d7;box-shadow:0 5px #77491f,0 12px 25px #52321055,inset 0 0 0 2px #ffdf9d}.breed-picker-popover.opens-above{top:auto;bottom:calc(100% + 9px)}.breed-picker-heading{flex:0 0 auto;padding:10px 12px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(#f7d193,#edb769);border-bottom:1px solid #d2964d;box-shadow:inset 0 2px #ffe5b2}.breed-picker-heading strong{font-size:15px;font-weight:900;color:#75451e}.breed-picker-heading span{font-size:10px;color:#936337}.breed-picker-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7a460 transparent;padding:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.breed-picker-option{position:relative;min-width:0;min-height:62px;padding:6px;display:flex;align-items:center;gap:5px;border:1px solid #dec08b;border-radius:12px;color:#70451f;background:linear-gradient(135deg,#fffdf0,#fcebc5);box-shadow:0 2px #ddbd89,inset 0 1px #fff;text-align:left;cursor:pointer;touch-action:manipulation}.breed-picker-option:hover{background:#ffefbf}.breed-picker-option.is-selected{border-color:#dd9b1c;background:linear-gradient(#fff0b2,#ffdf79);box-shadow:0 2px #c28a32,inset 0 0 0 1px #fff8d4}.breed-picker-option:focus-visible{outline:2px solid #ad681f;outline-offset:-3px}.breed-option-avatar{flex:0 0 35%;min-width:0;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;align-items:center;background:#fff9e5}.breed-option-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.breed-option-copy strong{font-size:clamp(11px,3vw,13px);font-weight:900;white-space:nowrap;line-height:1.15}.breed-option-copy small{font-size:10px;color:#9e7547;font-weight:700;line-height:1.2}.breed-option-check{position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#bf841e;color:#fff7d7;font-size:10px;line-height:1}.breed-picker-hint{flex:0 0 auto;margin:0;padding:0 10px 8px;color:#ac8554;text-align:center;font-size:10px}.selection-level-badge{position:absolute;z-index:4;top:35.7%;right:9.5%;width:19%;height:3.1%;display:grid;place-items:center;border:2px solid #d89d31;border-radius:999px;color:#784b20;background:#fff0bd;box-shadow:0 2px #a96d2c;font-size:clamp(10px,3vw,14px);font-weight:1000}.breed-hit-grid{position:absolute;left:9.7%;right:9.1%;top:53%;height:37.8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3.5% 2.5%;padding:.6%;border-radius:18px;background:#fff2cc}.cat-breed-card{position:relative;container-type:inline-size;display:grid;grid-template-rows:.22fr 1fr .3fr .25fr;align-items:center;justify-items:center;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:3% 4%;overflow:hidden;border:2px solid #b78640;border-radius:12%/7%;background:linear-gradient(135deg,#fffef1,#fff6d9 60%,#ffedc2);box-shadow:inset 0 0 0 2px #fffbe8,0 2px #96642e;color:#70451f;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cat-breed-card.is-selected{border-color:#e7a616;background:linear-gradient(135deg,#fffceb,#fff1bd);box-shadow:inset 0 0 0 2px #ffe574,inset 0 0 9px #ffe685,0 0 0 1px #fff9cc,0 0 7px #ffd650}.cat-breed-card:focus-visible{outline:2px solid #835520;outline-offset:-5px}.cat-card-state{justify-self:start;max-width:100%;padding:1px 5px;border-radius:999px;color:#fffbed;background:#b98236;font-size:clamp(7px,15cqi,12px);font-weight:900;line-height:1.1;white-space:nowrap}.cat-card-state.is-empty{visibility:hidden}.is-selected>.cat-card-state{background:#bd7f13}.cat-card-portrait{display:block;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:10%;pointer-events:none}.cat-card-name,.cat-card-role{width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-align:center;font-size:clamp(8px,18cqi,16px);font-weight:900;line-height:1.2}.cat-card-name{padding:2% 0;border-radius:6px;background:#f8e6b4}.cat-card-role{font-size:clamp(7px,16cqi,13px);color:#986735}.breed-stat{position:absolute;width:39%;height:3.5%;min-height:20px;border:1px solid #dfbd75;border-radius:14px;background:#fff8def5;color:#704723;text-align:center;line-height:1.75;font-size:clamp(10px,2.8vw,13px);font-weight:900;pointer-events:none}.selected-caption{position:absolute;left:7%;top:37.4%;width:58%;height:3.5%;display:flex;justify-content:center;align-items:center;padding:2px 5px;border:1px solid rgba(216,173,95,.8);border-radius:12px;background:#fff8e0e6;color:#754a22;font-size:clamp(8px,2.25vw,11px);font-weight:700;text-align:center;line-height:1.15}.selected-caption b{margin-left:4px;color:#e8792a;font-size:1.12em}.primary-button,.secondary-button{border:2px solid #d4910e;border-radius:20px;color:#6d421c;background:#ffd13d;box-shadow:0 5px #bf7f13,inset 0 2px #ffffff8a;font-weight:900;cursor:pointer;touch-action:manipulation}.primary-button:hover{background:#ffda5c}.secondary-button{border-color:#a57a45;color:#735337;background:#fff5da;box-shadow:0 4px #9b7544}.selection-feed{position:relative;z-index:3;left:auto;bottom:auto;width:100%;height:100%;padding:3px;border-radius:15px;font-size:clamp(12px,3.5vw,16px)}.selection-feed span{display:block;margin-top:1px;font-size:clamp(8px,2.5vw,11px);font-weight:800}.selection-enter{position:relative;z-index:3;width:100%;height:100%;min-height:0;padding:3px;border-radius:15px;font-size:clamp(10px,3vw,14px);line-height:1.05}.selection-enter small{display:block;margin-top:2px;font-size:clamp(7px,2.1vw,10px);font-weight:800}.cat-growth-summary{position:absolute;z-index:2;left:8%;top:39.2%;width:84%;height:12.2%;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;border:2px solid #c48a34;border-radius:18px;background:#fff9e7f7;box-shadow:0 3px #9a652a,inset 0 1px #fff}.cat-growth-summary>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #ecd5a4;border-radius:10px;background:#fff5d9;text-align:center}.cat-growth-summary span{color:#8d6a3e;font-size:clamp(7px,2vw,10px);font-weight:800;white-space:nowrap}.cat-growth-summary b{overflow:hidden;max-width:100%;color:#6a431e;font-size:clamp(10px,3vw,14px);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.cat-growth-summary b.trait-live{color:#4b9a48}.growth-actions{position:absolute;z-index:5;left:5%;right:5%;bottom:1.8%;width:auto;height:7.1%;min-height:0;margin:0;display:grid;grid-template-columns:1fr 1.06fr 1fr;align-items:stretch;gap:2%}.level-progress{min-width:0;padding:5px 6px;display:flex;flex-direction:column;justify-content:center;gap:4px;border:2px solid #a96d31;border-radius:999px;background:#fff8e0f7;box-shadow:0 3px #a56726;color:#805329;text-align:center}.level-progress span,.level-progress b{font-size:clamp(8px,2.5vw,11px);font-weight:900;white-space:nowrap}.level-progress-track{height:8px;overflow:hidden;border:1px solid #9d6b34;border-radius:8px;background:#79502e}.level-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd849,#f3911d);transition:width .2s ease}.trait-unlock-button{min-width:0;padding:3px;border:2px solid #ca8117;border-radius:999px;color:#70451f;background:linear-gradient(#ffe577,#ffb51f);box-shadow:0 4px #a66918,inset 0 1px #fffc;font-size:clamp(10px,3vw,14px);font-weight:900;cursor:pointer;touch-action:manipulation}.trait-unlock-button small{display:block;margin-top:2px;font-size:clamp(7px,2vw,10px);font-weight:800}.trait-unlock-button.is-unlocked{border-color:#6b9c4d;background:linear-gradient(#e8f5bd,#a9d46a)}.trait-unlock-button:active{transform:translateY(2px);box-shadow:0 2px #a66918}@media(max-height:700px){.cat-growth-summary{gap:2px;padding:3px}.growth-actions{gap:1.5%}.level-progress{padding:3px;gap:2px}}.tutorial-start{position:absolute;left:27%;bottom:2.3%;width:46%;height:7.2%;font-size:19px}.matching-screen{display:grid;place-items:center;background-position:center}.matching-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2d3d2457}.matching-card{position:relative;width:84%;padding:27px 22px 25px;border:4px solid #b87c37;border-radius:28px;background:#fff7e3;box-shadow:0 8px #8e5e2d,0 16px 34px #2f3a2440;text-align:center}.matching-cat{width:74px;height:74px;margin:0 auto 8px;border:3px solid #e0b53e;border-radius:50%;background-size:300% 300%;background-position:8% 25%;box-shadow:0 4px #c48b24}.eyebrow{color:#a6742e;font-size:11px;font-weight:900;letter-spacing:.12em}.matching-card h1{margin:6px 0 15px;color:#68421f;font-size:22px}.matching-card p{margin:8px 0;font-size:14px;font-weight:800}.match-progress{height:14px;overflow:hidden;border:2px solid #a6742e;border-radius:99px;background:#f3e3b3}.match-progress span{display:block;height:100%;border-radius:inherit;background:#91c95e;transition:width .15s ease}.matching-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.matching-actions button{min-height:40px;padding:8px 13px;border-radius:14px;font-size:12px}.matching-actions .gold-button{border:2px solid #ba8128;background:#ffd65d;color:#70451f;font-weight:900;cursor:pointer}.match-pot{margin-top:15px;padding:10px;border-radius:15px;background:#ffebae;font-size:13px;font-weight:800}.match-pot b{color:#bc7717;font-size:18px}.battle-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#a4df76}.battle-hud{position:absolute;z-index:4;top:max(7px,env(safe-area-inset-top));left:7px;right:7px;min-height:0;padding:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:5px;border:2px solid #a97736;border-radius:16px;background:#fff8e3e8;box-shadow:0 4px 11px #4d462940;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hud-pill{min-width:0;min-height:42px;padding:3px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border:1.5px solid #cfaa68;border-radius:12px;background:#fffef6;text-align:center;color:#855c2a}.hud-pill span{overflow:hidden;max-width:100%;color:#9b7440;font-size:clamp(8px,2.1vw,10px);white-space:nowrap}.hud-pill b{display:block;max-width:100%;overflow:hidden;font-size:clamp(11px,3.2vw,15px);white-space:nowrap;text-overflow:ellipsis}.hud-pot{background:#fff0bd}.hud-rate b{color:#d94b4a}.hud-timer{border-color:#db7971;background:#fff0e8;color:#b8493c}.hud-timer.is-warning{animation:warning-flash .65s ease-in-out infinite alternate}@keyframes warning-flash{0%{background:#fff0e8}to{background:#ffc9bb}}.pause-button{min-height:36px;padding:3px 8px;border-radius:12px;font-size:12px}.arena-wrap{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;overflow:hidden;touch-action:none}.arena-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.arena-canvas:active{cursor:grabbing}.live-rank{position:absolute;z-index:3;top:max(126px,calc(env(safe-area-inset-top) + 121px));right:8px;width:min(37%,158px);padding:6px;border:2px solid #a86b2d;border-radius:15px;background:#fff8e2f0;box-shadow:0 4px #855526,0 6px 16px #373b2238;pointer-events:none}.live-rank-title{min-height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px;border-bottom:1px solid #e7cf99;color:#75471f;font-size:13px;font-weight:900}.live-rank-title span{color:#9a7645;font-size:9px}.live-rank-row{min-height:27px;display:grid;grid-template-columns:21px minmax(0,1fr) 22px;gap:4px;align-items:center;padding:2px 3px;border-bottom:1px solid rgba(221,197,147,.55);color:#684827;font-size:10px;font-weight:800}.live-rank-row:last-child{border-bottom:0}.live-rank-row.is-player{border-radius:7px;background:#fff0b2;box-shadow:inset 0 0 0 1px #e6b438}.live-rank-row .rank-number{width:20px;height:20px;min-width:20px;font-size:9px}.live-rank-row>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-rank-row>strong{text-align:right;font-size:11px}.arena-tools{position:absolute;z-index:3;right:10px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 78px));display:flex;gap:7px}.tool-button{width:clamp(64px,19vw,82px);min-height:58px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid #c77c18;border-radius:16px;background:linear-gradient(#ffe479,#f5ad21);color:#704519;box-shadow:0 4px #a76613,inset 0 2px #ffffffad;font-size:10px;font-weight:900;cursor:pointer;touch-action:manipulation}.tool-button:active{transform:translateY(2px);box-shadow:0 2px #a76613}.tool-button:disabled{filter:grayscale(.7);opacity:.68;cursor:default}.tool-button.is-armed{outline:3px solid #fff8cb;box-shadow:0 0 0 5px #f5aa22a6}.boost-tool{border-color:#468ab8;background:linear-gradient(#d5f1ff,#68b5e8);box-shadow:0 4px #3477a9,inset 0 2px #ffffffb8}.boost-tool:active{box-shadow:0 2px #3477a9}.tool-icon{font-size:19px;line-height:20px}.tool-button b{font-size:9px}.battle-footer{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:70px;padding:7px 10px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;grid-template-rows:auto;gap:4px 8px;align-items:center;border-top:2px solid rgba(169,119,54,.75);background:#fff7dfe6;box-shadow:0 -4px 12px #3e492624;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#684b2d}.drag-instruction{grid-row:1;align-self:center;font-size:clamp(10px,2.8vw,13px);font-weight:900}.drag-dot{display:inline-block;width:9px;height:9px;margin-right:6px;border:2px solid #fff;border-radius:50%;background:#ee9224;box-shadow:0 0 0 2px #b87727;vertical-align:-1px}.battle-score{grid-column:2;grid-row:1;text-align:right;font-size:11px;font-weight:800}.battle-score b{color:#e67a25;font-size:17px}.result-screen{background-position:center}.result-title{position:absolute;top:7.3%;left:20%;width:60%;margin:0;color:#fff7df;font-size:clamp(24px,6.6vw,34px);font-weight:1000;line-height:1.15;letter-spacing:.05em;text-align:center;text-shadow:0 3px 0 #713b1b,2px 0 #713b1b,-2px 0 #713b1b,0 -2px #713b1b,0 5px 2px rgba(64,33,14,.68)}.result-stats{position:absolute;top:25.1%;left:10.2%;width:79.6%;height:14.1%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.7%}.result-stats>div{position:relative;min-width:0;text-align:center}.result-stats span{position:absolute;top:19%;left:2%;right:2%;overflow:hidden;color:#693d1d;font-size:clamp(8px,2.7vw,12px);font-weight:1000;white-space:nowrap}.result-stats b{position:absolute;right:2%;bottom:9%;left:2%;overflow:hidden;color:#713b1d;font-size:clamp(12px,3.7vw,18px);font-weight:1000;line-height:1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #fff2c9}.result-prize-heading{position:absolute;top:40.1%;left:18%;width:63%;height:3%;display:flex;align-items:center;color:#72441e;font-size:clamp(10px,3.3vw,15px);font-weight:1000}.result-prize-cards{position:absolute;top:43.7%;left:11.4%;width:77.2%;height:11.4%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.7%}.result-prize-cards>div{position:relative;min-width:0;text-align:center}.result-prize-cards span,.result-prize-cards b{position:absolute;right:1%;left:1%;overflow:hidden;color:#633a1e;font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.result-prize-cards span{top:58%;font-size:clamp(7px,2.4vw,11px)}.result-prize-cards b{top:75%;font-size:clamp(9px,3vw,14px)}.result-ranking-title{position:absolute;top:55.6%;left:35%;width:30%;height:3.3%;margin:0;display:grid;place-items:center;color:#fff7df;font-size:clamp(15px,4vw,20px);font-weight:1000;line-height:1;text-shadow:0 2px 0 #743b1c,1px 0 #743b1c,-1px 0 #743b1c,0 -1px #743b1c}.result-rows{position:absolute;top:59.7%;left:13.4%;width:73.2%;height:29.4%;display:grid;grid-template-rows:repeat(10,minmax(0,1fr));gap:.15%}.result-row{min-width:0;padding:0 2% 0 5.7%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.92fr) minmax(0,.48fr) minmax(0,.95fr);align-items:center;color:#633c20;font-size:clamp(8px,2.65vw,12px);font-weight:900;line-height:1;text-align:center}.result-row.is-player{border-radius:12px;background:#ffc7196e;box-shadow:inset 0 0 0 1.5px #bb7013e6,0 1px 4px #9159153d}.rank-name{min-width:0;display:flex;align-items:center;gap:5px;text-align:left}.rank-name>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-number{flex:0 0 17px;height:17px;display:grid;place-items:center;color:#fff8db;font-size:clamp(8px,2.1vw,10px);font-weight:1000;text-shadow:0 1px 2px #743b1c}.result-score{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.result-prize-label{color:#7b502b}.result-row>strong{overflow:hidden;color:#673a1e;font-size:clamp(9px,2.8vw,13px);font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.result-actions{position:absolute;top:91.2%;left:9.8%;width:80.4%;height:7.1%;display:grid;grid-template-columns:1fr 1fr;gap:7%}.result-actions button{min-width:0;height:100%;padding:0 4%;border:0;border-radius:24px;background:transparent;color:#fff9e4;font-size:clamp(15px,4.7vw,23px);font-weight:1000;letter-spacing:.03em;text-shadow:0 2px 0 #683619,1px 0 #683619,-1px 0 #683619,0 -1px #683619,0 3px 2px rgba(69,36,17,.5);cursor:pointer;touch-action:manipulation}.result-actions button:focus-visible{outline:3px solid #fff7c8;outline-offset:-7px}.result-actions button:hover{filter:brightness(1.08)}.modal-scrim{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;padding:20px;display:grid;place-items:center;background:#30352385}.modal-card{position:relative;width:min(100%,360px);padding:27px 21px 18px;border:4px solid #a96d31;border-radius:24px;background:#fff8e4;box-shadow:0 8px #7c512b,0 14px 32px #1f2a1940;text-align:center}.modal-card h2{margin:0 0 13px;color:#68411d;font-size:21px}.modal-paw{position:absolute;top:-21px;left:calc(50% - 24px);width:48px;height:42px;display:grid;place-items:center;border:3px solid #a96d31;border-radius:50% 50% 43% 43%;background:#f7cf58;color:#82511e;font-size:16px;font-weight:900}.modal-copy{color:#76583a;font-size:13px;line-height:1.5}.modal-copy p{margin:8px 0}.modal-copy b{color:#a4661e}.modal-copy .modal-small{color:#9a8263;font-size:11px}.modal-actions{margin-top:17px;display:flex;justify-content:center;gap:10px}.modal-actions button{min-height:42px;padding:7px 12px;font-size:12px}.modal-entry{width:min(100%,390px);max-height:calc(100% - 8px);overflow:hidden;padding:0;display:flex;flex-direction:column;border:4px solid #98602a;border-radius:25px;background:#fff7e2;box-shadow:0 8px #73491f,0 14px 32px #1f2a194d,inset 0 0 0 2px #e7bd72}.modal-entry-header{flex:0 0 auto;min-height:61px;padding:7px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #88521f;background:linear-gradient(180deg,#e9b66c,#bc752e);color:#fff8e7;text-shadow:0 2px 0 #77431d,0 0 4px rgba(70,34,12,.35)}.modal-entry-header h2{margin:0;color:#fff8e7;font-size:21px;letter-spacing:.04em}.modal-entry-header>span{font-size:24px;filter:drop-shadow(0 1px 0 #85521e)}.modal-entry .modal-copy{min-height:0;overflow:auto;padding:10px 15px 4px;color:#76502b;scrollbar-width:thin}.entry-selected-cat{min-height:68px;padding:4px 9px;display:grid;grid-template-columns:60px minmax(0,1fr) 38px;gap:10px;align-items:center;text-align:left}.entry-cat-avatar{width:58px;height:58px;display:grid;place-items:center;border:3px solid #dfb442;border-radius:16px;background:linear-gradient(145deg,#fff6c7,#ffc75a);box-shadow:0 3px #a46d2c,inset 0 1px #fff;color:#6c4826;font-size:23px;font-weight:900}.entry-cat-avatar img{display:block;width:100%;height:100%;padding:2px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(85,55,28,.22))}.entry-cat-avatar.breed-tone-1{background:linear-gradient(145deg,#d3d1ca,#77716c);color:#fff6da}.entry-cat-avatar.breed-tone-2{background:linear-gradient(145deg,#fffefa,#d8eaff);color:#4b6586}.entry-cat-avatar.breed-tone-3{background:linear-gradient(145deg,#fff2d0,#ed9a56);color:#6c4826}.entry-cat-avatar.breed-tone-4{background:linear-gradient(145deg,#dce9f2,#788797);color:#fff}.entry-cat-avatar.breed-tone-5{background:linear-gradient(145deg,#fff2e1,#caa986);color:#6c4826}.entry-selected-cat>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.entry-selected-cat>div:nth-child(2) b{overflow:hidden;color:#70431c;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.entry-selected-cat>div:nth-child(2) span{color:#987447;font-size:11px;font-weight:800}.entry-trophy{text-align:center;font-size:28px;filter:drop-shadow(0 2px 0 #cf9b36)}.entry-cost-panel{min-height:79px;margin:4px 0 3px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:13px;border:3px solid #9a5d26;border-radius:19px;background:linear-gradient(180deg,#d7964d,#ae6828);box-shadow:0 4px #794719,inset 0 1px #ffffff73;color:#fff8e8;text-shadow:0 2px 0 #7c4b20}.entry-cost-icon{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border:3px solid #e8b636;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff4a8,#f4a91d 67%,#bf7414);color:#8e5416;font-size:20px;font-weight:1000;text-shadow:0 1px #ffe898;box-shadow:0 2px #89511d}.entry-cost-panel>div{min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.05}.entry-cost-panel>div>span{font-size:13px;font-weight:900}.entry-cost-panel strong{color:#fff4b7;font-size:clamp(26px,8vw,35px);letter-spacing:.03em;-webkit-text-stroke:.4px #874d18}.entry-cost-panel small{font-size:13px;letter-spacing:0;-webkit-text-stroke:0}.entry-confirm-hint{margin:8px 2px 6px!important;color:#75491f;font-size:12px;font-weight:900}.entry-rules{padding:3px 10px;border:1px solid #efdbab;border-radius:15px;background:linear-gradient(180deg,#fff6dc,#f9ebc5);text-align:left}.entry-rules>div{min-height:31px;display:flex;align-items:center;gap:7px;border-bottom:1px dashed #e3cb96;color:#6f4c2a;font-size:clamp(10px,2.9vw,12px);font-weight:800}.entry-rules>div:last-child{border-bottom:0}.entry-rules>div>span{flex:0 0 21px;width:21px;height:21px;display:grid;place-items:center;border:1px solid #e7ba50;border-radius:50%;background:#ffdf75;font-size:12px}.entry-rules b{color:#9a5f20;white-space:nowrap}.entry-pool-preview{margin-top:7px;padding:7px 8px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e1bd64;border-radius:12px;background:#ffedaf;color:#805122;font-size:12px;font-weight:900}.entry-pool-preview b{color:#bd7517;font-size:18px}.entry-small-note{margin:5px 0 0!important;color:#9a8263;font-size:10px}.modal-entry .modal-actions{flex:0 0 auto;margin:0;padding:8px 15px 15px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-entry .modal-actions button{min-height:48px;border-radius:17px;font-size:15px}@media(max-height:700px){.modal-scrim{padding:10px}.modal-entry-header{min-height:50px}.modal-entry .modal-copy{padding-top:6px}.entry-selected-cat{min-height:55px}.entry-cost-panel{min-height:66px}.entry-rules>div{min-height:27px}.modal-entry .modal-actions{padding-bottom:10px}}.toast{position:absolute;z-index:12;left:50%;bottom:12%;max-width:88%;transform:translate(-50%);padding:10px 16px;border:2px solid #98602a;border-radius:18px;background:#fff5d5;color:#69441f;box-shadow:0 4px #895625;font-size:13px;font-weight:900;text-align:center;animation:toast-pop .18s ease-out}@keyframes toast-pop{0%{opacity:.4;transform:translate(-50%,9px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:700px){body{display:grid;place-items:center;background:#d5e8be}.game-shell{height:min(100vh,940px);height:min(100dvh,940px);border-radius:20px}}@media(max-height:700px){.battle-hud{gap:4px}.hud-pill{min-height:37px}.live-rank{top:116px}.battle-footer{min-height:62px}.arena-tools{bottom:74px}}@media(max-height:560px),(orientation:landscape)and (max-height:700px){.screen-home,.screen-lobby,.screen-tutorial{overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior-y:contain}.home-screen,.lobby-screen,.tutorial-screen{position:relative;top:auto;left:auto;width:100%;transform:none}}