@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;700&display=swap";.main-menu{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;color:#fff0d0;background:radial-gradient(ellipse at 80% 68%,transparent 0%,#08171e28 60%,#08131cd9 100%),linear-gradient(90deg,#0d1923eb,#0d19239c 38%,#0d192314 70%);overflow:auto;font-family:Fredoka,Arial,sans-serif}.main-menu[open]{display:flex;align-items:center}.main-menu:not([open]){display:none}.main-menu::backdrop{background:#0a172033}body:has(.main-menu[open]) canvas{border-color:transparent;box-shadow:none;border-radius:0}.title-content{position:relative;isolation:isolate;flex-shrink:0;width:min(45vw,610px);margin:48px 0 90px clamp(24px,5vw,90px);padding:32px 30px 26px;border:1px solid #9ac7bb40;border-radius:24px;background:linear-gradient(145deg,#243c46e8,#112530ef 62%);box-shadow:0 30px 90px #0007,inset 0 1px #d8f0d716}.title-content:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #b5d3c112;border-radius:18px;pointer-events:none}.title-panel-edge{position:absolute;top:-1px;left:32px;right:32px;height:2px;background:linear-gradient(90deg,transparent,#a4d6c2aa,transparent);display:flex;justify-content:flex-end;gap:5px;padding-right:10px}.title-panel-edge i{display:block;width:3px;height:21px;transform:translateY(-10px) rotate(25deg);background:#edc97b;border-radius:2px;box-shadow:0 0 12px #f4ce7844}.title-logo{position:relative;overflow:hidden;width:100%;aspect-ratio:3.45;margin:0 0 30px;pointer-events:none;filter:drop-shadow(0 5px 0 #09131b) drop-shadow(0 0 24px #ebd6a015)}.title-logo img{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-34%);-webkit-user-select:none;user-select:none}.title-actions{display:grid;gap:14px;width:100%}.title-actions button{position:relative;display:flex;align-items:center;gap:18px;min-height:88px;padding:15px 20px;border:1px solid #87b5b35c;border-radius:13px;background:linear-gradient(130deg,#31535b,#233d49);color:#f0f5db;text-align:left;font-family:inherit;cursor:pointer;box-shadow:0 5px #081b2490,inset 0 1px #d4fff01a;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.title-actions b{font-size:clamp(20px,1.8vw,26px);font-weight:700;letter-spacing:.1px}.title-mode-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #a6cdbb30;border-radius:12px;background:#0c252b55;color:#adddc8}.title-mode-icon svg{width:34px;height:34px}.title-button-mark{display:grid;place-items:center;width:26px;height:32px;margin-left:auto;color:#a5cfc5}.title-button-mark svg{width:20px;height:20px}.title-actions button.title-primary{border-color:#ffe2a4;background:linear-gradient(125deg,#ffe2a3,#edba60);color:#342b2a;box-shadow:0 5px #80563a,0 10px 25px #eaba4d10,inset 0 1px #fff4d5}.title-primary .title-mode-icon{background:#f9e4ae80;border-color:#a5763e4d;color:#745135}.title-primary .title-button-mark{color:#745135}.title-actions button:hover{transform:translateY(-3px);border-color:#bbe6d2;background:linear-gradient(130deg,#406873,#2a4c56);box-shadow:0 8px #081b2490,0 12px 28px #0003}.title-actions button.title-primary:hover{background:linear-gradient(125deg,#ffebba,#ffd183);box-shadow:0 8px #80563a,0 14px 30px #eaba4d1c}.title-actions button:active{transform:translateY(2px);box-shadow:0 2px #081b2490}.main-menu :focus-visible{outline:3px solid #b2f2da;outline-offset:5px}.title-options{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:flex-start;margin-top:27px;padding-top:21px;border-top:1px solid #a6cdbb26;font:13px/1.5 Arial,sans-serif;color:#bbd0cb}.title-options label{display:flex;align-items:center;gap:9px;white-space:nowrap;cursor:pointer;padding:3px 0}.title-options input{accent-color:#f0cd84;margin:0;width:16px;height:16px}.title-options summary{cursor:pointer;padding:3px 0}.title-options details{flex:1;min-width:100px}.title-options details>div{width:100%;min-width:180px;margin-top:12px;padding:12px 14px;border:1px solid #91b3a645;border-radius:10px;background:#0d202bcf;font:12px/1.7 Arial,sans-serif;color:#dce9d8}.title-options details p{margin:0 0 12px}.title-options details p:last-child{margin-bottom:0}.title-footer{position:fixed;bottom:0;left:0;width:100%;padding:22px clamp(24px,5vw,90px);display:flex;align-items:center;justify-content:space-between;gap:16px;font:11px Arial,sans-serif;letter-spacing:.5px;color:#b0c5bb;background:linear-gradient(transparent,#09151bd9)}.title-footer>span:first-child{display:flex;align-items:center;gap:8px;color:#e7ce96}.title-footer>span:first-child:before{content:"";width:6px;height:6px;background:#e7ce96;border-radius:50%;box-shadow:0 0 10px #e7ce9666}@media (max-width:760px){.main-menu{background:linear-gradient(145deg,#10222de8,#10222d99)}.main-menu[open]{align-items:center;justify-content:center}.title-content{width:min(530px,calc(100% - 32px));padding:26px 22px 22px;margin:40px 16px 92px}.title-logo{margin-bottom:24px}.title-actions button{min-height:78px}.title-footer{padding:18px 24px;font-size:10px}.title-options details>div{min-width:140px}}@media (max-height:650px){.main-menu[open]{align-items:flex-start}.title-content{margin-top:20px;margin-bottom:20px;padding:22px}.title-logo{margin-bottom:20px}.title-actions{gap:10px}.title-actions button{min-height:70px;padding:10px 16px}.title-options{margin-top:20px;padding-top:16px}.title-footer{position:static;flex:0 0 auto}.main-menu[open]{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.title-actions button{transition:none}.title-actions button:hover,.title-actions button:active{transform:none}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:grid;place-items:center;background:#0b1020;color:#fff;font-family:Fredoka,Arial,sans-serif;overflow:hidden}canvas{border:5px solid #d54b5d;box-shadow:0 0 0 5px #fff2bf,0 18px 55px #0009;border-radius:10px;image-rendering:auto}.paw-mart{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 28px);border:5px solid #34223a;border-radius:16px;padding:0;overflow:auto;background:#fff0cf;color:#34223a;box-shadow:0 0 0 4px #f3b957,0 24px 90px #0009;font-family:Fredoka,Arial,sans-serif;margin:auto}.paw-mart::backdrop{background:#0b1020aa;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shop-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 26px 15px;background:#d54b5d;color:#fff2cf;border-bottom:4px solid #34223a}.shop-kicker{font-size:10px;letter-spacing:1.6px;margin:0 0 2px}.shop-header h1{font-size:48px;line-height:1;margin:0;letter-spacing:-1px;text-shadow:2px 3px #34223a}.shop-header h1 span{font-size:14px;vertical-align:top;margin-left:3px;text-shadow:none}.shop-subtitle{margin:7px 0 0;font-size:15px}.shop-wallet{text-align:right;flex-shrink:0}.shop-wallet>span{display:block;font-size:11px;letter-spacing:2px}.shop-wallet strong{display:block;font-size:40px;line-height:1.1;color:#ffe28b;text-shadow:2px 2px #34223a}.shop-wallet small{display:block;font-size:10px;margin-top:6px}.shop-round{display:flex;justify-content:space-between;gap:12px;padding:9px 26px;background:#34223a;color:#ffda83;font-size:12px;letter-spacing:1px}.shop-round .urgent{color:#ff8d8b}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 22px 8px}.shop-card{background:#fffaf0;border:3px solid #34223a;border-radius:10px;padding:12px;box-shadow:0 3px #34223a18}.upgrade-heading{display:flex;gap:10px;align-items:center}.upgrade-icon{display:grid;place-items:center;background:#f4bd59;border:2px solid #34223a;border-radius:9px;width:38px;height:38px;flex-shrink:0;font-size:27px;line-height:1}.upgrade-heading h2{font-size:17px;margin:0;line-height:1.1}.upgrade-level{font-size:10px;letter-spacing:1px;opacity:.75}.upgrade-effect{font-family:Arial,sans-serif;font-size:12px;margin:10px 0 6px;min-height:14px}.upgrade-preview{font-size:13px;margin:0 0 10px;font-variant-numeric:tabular-nums;min-height:17px}.upgrade-meter{display:flex;gap:4px;margin:0 0 10px}.upgrade-meter span{height:5px;flex:1;background:#e7d8be;border-radius:2px}.upgrade-meter .filled{background:#689254}.shop-card button,.shop-ready{cursor:pointer;border:2px solid #34223a;border-radius:6px;font-family:inherit;font-weight:700;transition:background .1s,transform .1s}.shop-card button{background:#ffd166;color:#34223a;box-shadow:0 3px #34223a;width:100%;padding:9px 4px;font-size:11px}.shop-card button:hover:enabled{background:#ffe5a1;transform:translateY(-1px)}.shop-card button:active:enabled{transform:translateY(2px);box-shadow:none}.shop-card button:disabled{cursor:default;background:#ede2cf;color:#746558;box-shadow:0 3px #b7a990}.shop-card.maxed{background:#eff1d7}.shop-card.maxed button{background:#d8e4b8}.shop-card button:focus-visible,.shop-ready:focus-visible{outline:3px solid #327a97;outline-offset:4px}.shop-feedback{min-height:20px;text-align:center;font-size:12px;margin:7px 20px;color:#8a3847}.shop-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px 17px}.shop-footer p{font-size:11px;color:#786355;margin:0;line-height:1.5}.shop-ready{background:#34223a;color:#fff0cf;padding:12px 20px;font-size:14px;box-shadow:0 3px #b28e6e}.shop-ready:hover{background:#554058}.shop-ready span{margin-left:15px;color:#ffd166}@media (max-width:700px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.shop-header{padding:16px}.shop-header h1{font-size:36px}.shop-wallet strong{font-size:30px}.shop-kicker{font-size:8px;letter-spacing:.5px}.shop-round{padding:9px 16px;font-size:10px}.shop-footer{padding:10px 14px 16px}.shop-ready{font-size:12px;padding:10px}}@media (max-width:420px){.shop-header{align-items:flex-start;gap:8px}.shop-header h1{font-size:29px}.shop-wallet>span{font-size:9px}.shop-wallet strong{font-size:26px}.shop-wallet small{max-width:115px;line-height:1.5}.shop-subtitle{font-size:12px}.upgrade-icon{display:none}.shop-card{padding:10px}.upgrade-heading h2{font-size:15px}.upgrade-preview{font-size:11px}.upgrade-effect{font-size:11px;min-height:26px}.shop-card button{font-size:10px}.shop-feedback{font-size:11px}.shop-footer p{display:none}.shop-ready{width:100%}}.session-menu,.online-menu{position:fixed;bottom:8px;z-index:40}.session-menu{left:12px}.online-menu{right:12px}.session-menu button,.online-menu button,.local-lobby button,.shop-players button,.shop-revives button{font:inherit;cursor:pointer;background:#ffd166;color:#34223a;border:2px solid #34223a;border-radius:7px;padding:8px 12px}.local-lobby{margin:auto;width:min(650px,94vw);max-height:90vh;overflow:auto;background:#fff0cf;color:#34223a;border:4px solid #d54b5d;border-radius:16px;padding:26px;font-family:Fredoka,Arial,sans-serif}.local-lobby::backdrop{background:#0b1020bb}.local-lobby h1{margin-top:0}.local-lobby label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0}.local-lobby select,.local-lobby input{padding:9px;font:inherit;max-width:65%;border:2px solid #34223a;border-radius:5px}.local-lobby pre{white-space:pre-wrap;line-height:1.8;background:#34223a;color:#fff0cf;padding:15px;min-height:60px}.lobby-actions{display:flex;flex-wrap:wrap;gap:8px}.control-guide{font-size:12px}.lobby-status{font-size:13px;color:#8a3847}.shop-players,.shop-revives{display:flex;flex-wrap:wrap;gap:8px;padding:10px 22px 0}.shop-players button{font-size:12px;background:var(--kitten-color)}.shop-players button[aria-pressed=true]{outline:3px solid #d54b5d}.pad-selected{outline:3px solid #327a97;outline-offset:2px}button:disabled{opacity:.55;cursor:default}.session-menu,.online-menu{display:none}.paws-button{position:fixed;top:14px;left:18px;z-index:45;background:#121a20e8;border:1px solid #fff5;color:#fff3d4;border-radius:5px;padding:10px 16px;font:700 13px Fredoka,Arial;cursor:pointer;letter-spacing:1px}.paws-menu{margin:auto;width:min(550px,92vw);max-height:94vh;overflow:auto;background:linear-gradient(145deg,#202d36,#11171f);color:#fff2d0;border:2px solid #64715f;border-radius:12px;padding:35px;box-shadow:0 25px 100px #000c;font-family:Fredoka,Arial}.paws-menu::backdrop{background:#070d16cf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-eyebrow{color:#ffd166;letter-spacing:3px;font-size:10px}.paws-menu h1{font-size:46px;line-height:1;margin:22px 0 14px;color:#ffd166;text-shadow:3px 3px #7c2d3b}.paws-menu h1 span{display:block;color:#fff0cc;font-size:38px}.menu-description{font-size:14px;color:#b9c8bc;line-height:1.5}.menu-buttons{display:grid;gap:10px;margin-top:24px}.menu-buttons button{background:#f2ce72;color:#202b32;border:0;border-radius:4px;padding:15px 12px;text-align:left;font:700 15px Fredoka,Arial;cursor:pointer}.menu-buttons button:hover{background:#fff0b2}.menu-buttons button[data-exit]{background:#783a48;color:#fff1d3}.menu-controls{font:12px/1.8 Arial;color:#a9b5b2;margin-bottom:0}[hidden]{display:none!important}.party-hud{position:fixed;bottom:12px;left:50%;z-index:32;width:940px;margin-left:-470px;transform-origin:bottom center;pointer-events:none;display:flex;justify-content:center;gap:8px}.health-card{display:flex;align-items:center;gap:8px;width:229px;height:62px;padding:5px 9px 5px 5px;background:linear-gradient(100deg,#0c141cf5,#121e28e8);border:1px solid #b6c3ad45;border-radius:4px;box-shadow:0 2px 6px #0007}.cat-portrait{width:43px;height:48px;object-fit:contain;flex-shrink:0;background:linear-gradient(135deg,#d6d6bb33,#83948222);border-radius:2px}.health-info{flex:1;min-width:0}.health-name{display:flex;justify-content:space-between;align-items:center;gap:3px;font:700 10px Arial;color:#fff7df}.health-name span{font-size:19px;font-weight:900;white-space:nowrap}.health-meter{height:6px;background:#39463e;margin-top:2px;overflow:hidden}.health-meter i{display:block;height:100%;width:100%;transform-origin:left;transition:transform .12s linear}.health-status{font:9px/1.3 Arial;color:#d4d9c9;margin-top:3px;white-space:nowrap}.health-ability{font:8px Arial;letter-spacing:.3px;color:#ffdf8e;min-height:9px;margin-top:1px}.health-card.own{border-color:#f2d37caa;background:linear-gradient(100deg,#1c242bf5,#182b29ed)}.critical .health-meter{box-shadow:0 0 6px #ff394455}.critical .cat-portrait{background:#78303b55}@media (max-width:700px){.paws-button{top:7px;left:9px;padding:7px 10px}.paws-menu{padding:24px}}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #5ecbde;outline-offset:3px}.local-lobby button{padding:10px 14px;border:1px solid #795b49;border-radius:6px;background:#ffd77c;color:#302331;font-weight:700;cursor:pointer}.local-lobby button:hover:not(:disabled){background:#ffeab9}.local-lobby [data-invite-url]{width:100%;font:12px monospace}.local-lobby [data-server]{font:12px monospace;overflow-wrap:anywhere;color:#70594d}.music-control{display:flex;align-items:center;gap:9px;font:13px Arial;color:#c8d7ce;margin-top:18px}.music-control input{accent-color:#ffd166}[data-vote-status]{font:12px/1.5 Arial;color:#a6e7e2}.menu-buttons button[data-vote]{background:#9cddd2}.health-card.own{border-left:3px solid #ffe08c}.health-ability{color:#9ef2ed;font-weight:700}@media (prefers-reduced-motion:reduce){.health-meter i{transition:none}}.menu-buttons small{display:block;margin-top:5px;font:12px/1.4 Arial,sans-serif;opacity:.75}.online-lobby{width:min(1060px,96vw);padding:28px;background:linear-gradient(145deg,#243540,#141f2d);color:#fff0cf;border-color:#78bbb4}.online-lobby::backdrop{background:#080e19ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.online-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.online-heading h1{font-size:30px;margin:5px 0 9px;color:#ffe094}.online-eyebrow{font:700 11px Arial;letter-spacing:2px;color:#8bdcd1;margin:0}.online-heading p[data-subtitle]{font:14px/1.5 Arial;color:#c3d1d5;margin:0 0 22px}.online-count{white-space:nowrap;background:#0d1823;border:1px solid #8bdcd155;border-radius:30px;padding:9px 13px;font:700 12px Arial;color:#9ce4d7}.online-entry{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:18px;margin-bottom:20px}.online-entry>div{background:#ffffff08;border:1px solid #ffffff20;border-radius:10px;padding:20px}.online-entry h2{font-size:18px;margin:0 0 10px}.online-entry p{font:14px/1.5 Arial;color:#c3d1d5}.online-entry label{font:14px Arial}.online-entry input{width:65%;text-transform:uppercase}.online-invite{display:flex;align-items:center;gap:20px;background:#0d1823;border:1px solid #8bdcd144;border-radius:9px;padding:14px 18px;margin-bottom:20px}.online-invite small{display:block;font:10px Arial;letter-spacing:2px;color:#a9c5c9}.online-invite strong{font:700 26px monospace;letter-spacing:3px;color:#ffe094}.online-invite .copy-code{display:block;padding:3px 0;margin-top:5px;background:none;border:0;box-shadow:none;min-height:0;font:12px Arial,sans-serif;color:#bbd0d6;text-decoration:underline;cursor:pointer}.itch-link{color:#ffe094;font:12px Arial,sans-serif;text-underline-offset:3px}.online-invite label{flex:1;font:12px Arial;color:#bbd0d6;margin:0}.online-lobby .online-invite input{max-width:100%;min-width:0;flex:1;background:#243540;color:#e4f0e8;border-color:#516779}.online-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.online-slot{text-align:center;border:2px solid #576978;border-radius:12px;background:linear-gradient(160deg,#344953,#1b2936);overflow:hidden}.online-slot.is-you{border-color:var(--cat-color);box-shadow:0 0 0 2px #ffe09422}.slot-badges{min-height:32px;padding:10px 5px 0;font:700 11px Arial;letter-spacing:1px;color:var(--cat-color)}.slot-stage{height:148px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 65%,#c7e9c921,transparent 65%)}.slot-stage img{width:152px;height:152px;object-fit:contain;max-width:100%}.online-slot h2{font-size:18px;margin:2px 0 7px;color:var(--cat-color)}.slot-status{font:700 10px Arial;letter-spacing:1px;color:#a7e1c6;margin:0;padding:0 5px 17px}.online-slot.empty{border-style:dashed;background:#12202b}.online-slot.empty img{opacity:.23;filter:grayscale(.7)}.online-slot.empty .slot-status{color:#8598a9}.online-hint{font:12px/1.5 Arial;color:#a9bdca;text-align:center}.online-settings{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;margin-top:16px;border-top:1px solid #ffffff20;padding-top:8px}.online-settings label{font:13px Arial;gap:12px}.online-settings select{max-width:none;background:#edf0df;color:#23313c}.online-settings p{flex-basis:100%;font:12px/1.5 Arial;color:#adbfcb;margin:0}.online-lobby pre{font:13px/1.5 Arial;background:transparent;color:#bce5d7;min-height:0;margin:14px 0;padding:0}.online-lobby .lobby-actions{border-top:1px solid #ffffff20;padding-top:16px}.online-lobby button[data-start]{background:#98dfc7;border-color:#98dfc7;margin-right:auto;min-width:230px}.online-lobby button[data-leave],.online-lobby button[data-close]{background:transparent;color:#d6e3df;border-color:#617785}.online-lobby [data-server]{color:#8098ac;font-size:10px;margin-bottom:0}@media (max-width:700px){.online-lobby{padding:18px}.online-heading{display:block}.online-count{display:inline-block;margin-bottom:14px}.online-entry{grid-template-columns:1fr}.online-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.online-invite{flex-wrap:wrap;gap:10px}.online-invite label{flex-basis:100%}.slot-stage{height:112px}.slot-stage img{width:120px;height:120px}.online-settings select{max-width:65vw}.online-heading h1{font-size:25px}}.controls-help,.room-help,.connection-help{font:13px/1.6 Arial,sans-serif;margin:14px 0}.controls-help summary,.room-help summary,.connection-help summary{cursor:pointer}.controls-help p,.room-help p,.connection-help p{margin:8px 0}.menu-description:empty,.shop-feedback:empty,.online-hint:empty,.slot-status:empty{display:none}.online-lobby pre:empty{display:none}@media (max-width:560px){.shop-header{padding:16px}.shop-header h1{font-size:32px}.shop-wallet strong{font-size:30px}.title-footer{flex-wrap:wrap}.title-options{gap:18px}}
