:root{--broth: #f4a259;--broth-deep: #e07a3f;--broth-lite: #f6a637;--broth-edge: #b86a16;--broth-wash: #fff0db;--cream: #fff6e9;--card: #fffaf2;--ink: #2b2118;--ink-warm: #5b4632;--ink-warm-deep: #6c4a1f;--muted: #756656;--sun: #ffe3a8;--grass: #86995a;--shadow: #6e6a86;--ok: #6bbf59;--bad: #e05050;--white: #fff;--label-gold: #9a7344;--accent-ink: #a85f12;--ghost-edge: #f0d3b4;--track: #ecdcc4;--glass: rgba(255, 248, 236, .62);--glass-soft: rgba(255, 248, 236, .55);--glass-strong: rgba(255, 248, 236, .82);--line: rgba(58, 44, 32, .12);--line-light: rgba(255, 255, 255, .5);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-pill: 999px;--t-display: 52px;--t-h1: 30px;--t-h2: 22px;--t-h3: 16px;--t-body: 14px;--t-label: 12px;--t-caption: 10px;--m-instant: 80ms;--m-quick: .16s;--m-settle: .3s;--m-slow: .6s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--sait: max(env(safe-area-inset-top), var(--discord-safe-area-inset-top, 0px));--saib: max(env(safe-area-inset-bottom), var(--discord-safe-area-inset-bottom, 0px));--sail: max(env(safe-area-inset-left), var(--discord-safe-area-inset-left, 0px));--sair: max(env(safe-area-inset-right), var(--discord-safe-area-inset-right, 0px));--font: ui-rounded, "SF Pro Rounded", "Quicksand", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font);color:var(--ink);background:radial-gradient(120% 80% at 70% 18%,#fad9a0,#f6c77a 45%,#e7a96a);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}.overlay.show{touch-action:pan-y}#app{position:fixed;top:0;right:0;bottom:0;left:0}.world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/bg-catio.jpg) center bottom / cover no-repeat}@media (orientation: landscape){.world{background-image:url(/bg-catio-land.jpg);background-position:center bottom}}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--s-2) + var(--sait)) calc(var(--s-3) + var(--sair)) var(--s-2) calc(var(--s-3) + var(--sail));pointer-events:none}.topbar>*{pointer-events:auto}.brand-mini{font-weight:800;font-size:var(--t-h3);color:var(--broth-deep);opacity:.9;letter-spacing:.2px}.icon-btn{width:40px;height:40px;border:none;border-radius:50%;display:grid;place-items:center;background:#fffaf2d1;color:var(--ink);font-size:var(--t-h3);font-weight:700;cursor:pointer;box-shadow:0 2px 6px #2b21181f;transition:transform var(--m-quick) var(--ease-out),background var(--m-quick) var(--ease-out)}.icon-btn svg{width:20px;height:20px;stroke:var(--ink);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{background:#fffffff2}.icon-btn:active{transform:scale(.92)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:none}.overlay.show{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:calc(var(--s-7) + var(--sait)) var(--s-4) calc(var(--s-5) + var(--saib));background:linear-gradient(180deg,rgba(40,28,18,.14),transparent 20%)}.overlay.play{display:block;pointer-events:none}.overlay.play .coach{pointer-events:none}.panel{width:100%;max-width:440px;background:var(--card);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:0 14px 40px #2b211840;animation:rise var(--m-settle) var(--ease-back)}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.97)}}.panel h2{margin:0 0 var(--s-1);font-size:var(--t-h2)}.panel h3{margin:var(--s-4) 0 var(--s-2);font-size:var(--t-h3)}.muted{color:var(--muted);font-size:var(--t-body)}.muted.small{font-size:var(--t-label)}.center{text-align:center}.home{width:100%;max-width:440px;align-self:stretch;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-1) 0 max(var(--saib),76px)}.home-id{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);cursor:pointer;font-size:var(--t-body)}.home-id .who{display:flex;align-items:center;gap:var(--s-2);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink-warm);background:var(--glass-soft);border:1px solid var(--line-light);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.home-id .who b{color:var(--ink);font-weight:800}.home-id .best{flex:none;display:inline-flex;align-items:baseline;gap:var(--s-1);font-weight:900;color:var(--broth-deep);background:var(--glass-soft);border:1px solid var(--line-light);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}.home-id .best small{font-size:var(--t-caption);font-weight:800;letter-spacing:.5px;color:var(--label-gold)}.brand{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);margin:0}.brand-mark{width:clamp(116px,22vh,168px);height:auto;filter:drop-shadow(0 6px 14px rgba(43,33,24,.32));animation:bob 3.4s ease-in-out infinite}.brand-wm{height:clamp(46px,8vh,72px);width:auto;filter:drop-shadow(0 3px 6px rgba(43,33,24,.28))}.brand-tag{margin:0;font-size:var(--t-body);font-weight:700;letter-spacing:.5px;color:var(--ink-warm-deep);text-shadow:0 1px 0 rgba(255,255,255,.45)}.splash-mark{width:clamp(150px,40vw,220px);height:auto;filter:drop-shadow(0 5px 14px rgba(43,33,24,.2))}.splash-wm{width:min(86%,360px);height:auto;margin-top:var(--s-1)}@keyframes bob{50%{transform:translateY(-4px)}}.event-banner{width:100%;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;font-family:var(--font);background:var(--glass);color:var(--ink);font-weight:800;font-size:var(--t-label);text-align:center;padding:var(--s-2) var(--s-3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:bob 3.4s ease-in-out infinite}.event-banner:active{transform:scale(.985)}.hero{display:flex;align-items:center;gap:var(--s-3);width:100%;text-align:left;cursor:pointer;font-family:var(--font);color:var(--ink);border:2px solid var(--broth-edge);border-radius:var(--r-lg);padding:var(--s-4);background:linear-gradient(180deg,var(--broth-lite),var(--broth-deep));box-shadow:0 10px 24px #cf7a1c61,inset 0 1px #fff6;transition:transform var(--m-quick) var(--ease-out),filter var(--m-quick) var(--ease-out)}.hero:hover{filter:brightness(1.04)}.hero:active{transform:scale(.985)}.hero-mark{width:52px;height:52px;flex:none;border-radius:50%;background:#ffffff2e;display:grid;place-items:center}.hero-mark img{width:48px;height:48px}.hero-t{flex:1;min-width:0}.hero-k{display:block;font-size:var(--t-label);font-weight:800;letter-spacing:.8px;text-transform:uppercase;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-ti{display:block;font-size:var(--t-h2);font-weight:900;line-height:1.1;margin:0}.hero-s{display:block;font-size:var(--t-label);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-go{font-size:var(--t-h1);font-weight:900;opacity:.9;flex:none}.modes{display:flex;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modes button{flex:1;border:none;background:none;cursor:pointer;font-family:var(--font);color:var(--ink);padding:var(--s-2) var(--s-1);display:flex;flex-direction:column;align-items:center;gap:var(--s-1);border-right:1px solid var(--line);transition:background var(--m-quick) var(--ease-out)}.modes button:last-child{border-right:none}.modes button:hover{background:#ffffff40}.modes button:active{background:#ffffff59}.modes .mt{font-weight:800;font-size:var(--t-body)}.modes .ms{font-size:var(--t-caption);color:var(--muted)}.navbar{display:flex;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:var(--s-1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.navbar button{flex:1;border:none;background:none;cursor:pointer;font-family:var(--font);color:var(--ink-warm);padding:var(--s-2) 2px;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);font-size:var(--t-label);font-weight:700;position:relative;transition:transform var(--m-quick) var(--ease-out)}.navbar button:active{transform:scale(.94)}.navbar svg{width:21px;height:21px;stroke:var(--ink-warm);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.tab-badge{position:absolute;top:1px;right:calc(50% - 22px);background:var(--broth-deep);color:var(--white);font-size:var(--t-caption);font-weight:800;border-radius:var(--r-pill);padding:0 var(--s-1);line-height:15px}.first-hint{text-align:center;font-size:var(--t-label);font-weight:800;color:var(--ink);margin-top:0;text-shadow:0 1px 3px rgba(255,248,236,.95),0 0 6px rgba(255,248,236,.8)}.legal{text-align:center;font-size:var(--t-label);font-weight:600;color:var(--ink-warm-deep);margin-top:0;text-shadow:0 1px 3px rgba(255,248,236,.9),0 0 5px rgba(255,248,236,.75)}.legal a{color:inherit;text-decoration:none;font-weight:700}.legal a:active{color:var(--broth-deep)}.fdot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px #fff9}.btn{display:block;width:100%;border:none;cursor:pointer;font-family:var(--font);background:linear-gradient(135deg,var(--broth),var(--broth-deep));color:var(--ink);border-radius:var(--r);padding:var(--s-3) var(--s-4);font-weight:800;font-size:var(--t-h3);margin-top:var(--s-2);box-shadow:0 6px 16px #e07a3f59;transition:transform var(--m-quick) var(--ease-out),filter var(--m-quick) var(--ease-out)}.btn:hover{filter:brightness(1.04)}.btn:active{transform:scale(.97)}.btn.big{padding:var(--s-4)}.btn.ghost{background:var(--white);color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--ghost-edge)}.btn.small{width:auto;padding:var(--s-2) var(--s-3);font-size:var(--t-body);margin:0}.link{background:none;border:none;color:var(--accent-ink);font-family:var(--font);font-weight:700;font-size:var(--t-body);cursor:pointer;padding:var(--s-2)}.res-links{display:flex;justify-content:center;gap:var(--s-3);margin-top:var(--s-2)}.results{text-align:center;position:relative;overflow:hidden}.res-score{font-size:var(--t-display);font-weight:900;color:var(--accent-ink);line-height:1;margin:var(--s-2) 0;font-variant-numeric:tabular-nums}.res-rank{font-size:var(--t-h1);font-weight:900;color:var(--ink)}.res-rank .of{font-size:var(--t-h3);color:var(--muted);font-weight:700}.res-rank-sub{font-size:var(--t-body);color:var(--muted);margin-bottom:var(--s-3)}.res-stats{display:flex;gap:var(--s-3);margin:var(--s-4) 0}.stat{flex:1;background:var(--cream);border-radius:var(--r);padding:var(--s-3)}.stat-cap{display:block;font-size:var(--t-label);color:var(--muted)}.stat-val{font-weight:800;font-size:var(--t-h3)}.res-actions{margin-top:var(--s-2)}.duel-score{display:flex;align-items:center;justify-content:center;gap:var(--s-4);font-size:var(--t-h3);margin:var(--s-4) 0}.duel-score .vs{color:var(--muted);font-weight:800}.list-panel{min-height:60vh}.seg{display:flex;gap:var(--s-2);margin-bottom:var(--s-3)}.tab{flex:1;border:none;background:var(--cream);border-radius:var(--r-sm);padding:var(--s-2);font-family:var(--font);font-weight:700;font-size:var(--t-body);color:var(--muted);cursor:pointer;white-space:nowrap;transition:background var(--m-quick) var(--ease-out),color var(--m-quick) var(--ease-out)}.tab.on{background:var(--broth-deep);color:var(--white)}.list{display:flex;flex-direction:column;gap:var(--s-1)}.lb-row{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--cream);font-size:var(--t-body)}.lb-row.me{background:var(--broth-wash);box-shadow:inset 0 0 0 2px var(--broth)}.lb-row.sticky{position:sticky;bottom:0}.lb-rank{font-weight:800;text-align:center;color:var(--muted)}.lb-rank.medal{font-size:var(--t-h3)}.lb-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-tier{font-size:var(--t-label);color:var(--muted)}.lb-score{font-weight:800;color:var(--accent-ink)}.empty{text-align:center;color:var(--muted);padding:var(--s-6) var(--s-3)}.goal{background:var(--cream);border-radius:var(--r);padding:var(--s-4)}.goal-head{font-size:var(--t-body);margin-bottom:var(--s-2)}.goal-bar{height:14px;border-radius:var(--r-pill);background:var(--track);overflow:hidden}.goal-fill{height:100%;background:linear-gradient(90deg,var(--broth),var(--broth-deep));border-radius:var(--r-pill);transition:width var(--m-slow) var(--ease-out)}.goal-fill.done{background:linear-gradient(90deg,#ffd66b,#f4a259)}.goal-sub{font-size:var(--t-label);color:var(--muted);margin-top:var(--s-2)}.war-h{display:flex;align-items:center;gap:var(--s-2)}.war{display:flex;flex-direction:column;gap:var(--s-2)}.war-row{display:grid;grid-template-columns:24px 1fr 70px auto;align-items:center;gap:var(--s-2);font-size:var(--t-body)}.war-rank{text-align:center;font-weight:800;color:var(--muted)}.war-name{display:flex;align-items:center;gap:var(--s-2);font-weight:700;overflow:hidden;white-space:nowrap}.war-bar{height:9px;background:var(--track);border-radius:var(--r-pill);overflow:hidden}.war-fill{display:block;height:100%;border-radius:var(--r-pill);transition:width var(--m-slow) var(--ease-out)}.war-total{font-weight:800;font-size:var(--t-label);text-align:right}.battle-join{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.code-input{flex:1;min-width:0;border-radius:var(--r-sm);border:1.5px solid rgba(180,140,90,.3);background:var(--white);padding:var(--s-3);font-family:var(--font);font-weight:800;font-size:var(--t-h3);text-transform:uppercase;letter-spacing:4px;text-align:center;color:var(--ink)}.code-input:focus{outline:none;border-color:var(--broth-deep)}.battle-code{text-align:center;font-size:var(--t-display);font-weight:900;letter-spacing:10px;color:var(--accent-ink);background:var(--cream);border-radius:var(--r);padding:var(--s-4);margin:var(--s-3) 0 var(--s-2);font-variant-numeric:tabular-nums}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-top:var(--s-3)}.faction-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);border:2px solid var(--line);background:var(--cream);border-radius:var(--r);padding:var(--s-3);font-family:var(--font);cursor:pointer;transition:transform var(--m-quick) var(--ease-out),border-color var(--m-quick) var(--ease-out)}.faction-card:active{transform:scale(.97)}.faction-card.on{border-color:var(--fc);box-shadow:0 0 0 3px color-mix(in srgb,var(--fc) 30%,transparent)}.fc-dot{width:22px;height:22px;border-radius:50%;box-shadow:inset -2px -3px 4px #00000026}.fc-el{font-size:var(--t-label);color:var(--muted)}.coach{position:absolute;left:0;right:0;bottom:18%;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);pointer-events:none;transition:opacity var(--m-slow) var(--ease-out)}.coach.fade{opacity:0}.coach-finger{font-size:40px;animation:tap 1.3s ease-in-out infinite}@keyframes tap{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(10px) rotate(-8deg)}}.coach-text{background:#2b2118cc;color:var(--white);border-radius:var(--r);padding:var(--s-2) var(--s-3);font-size:var(--t-body);text-align:center}.splash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-5)}.splash-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);background:#fff8ecbd;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.55);border-radius:var(--r-lg);padding:var(--s-5) var(--s-6);box-shadow:0 16px 44px #2b211847}.splash-machine{position:relative}.splash-dome{width:86px;height:86px;border-radius:50% 50% 44% 44%;background:linear-gradient(160deg,#ffffffe6,#fff0dc66);border:5px solid var(--cream);box-shadow:0 8px 22px #2b211838;display:grid;place-items:center}.splash-capsule{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd0e8,#e89ac4);animation:bob 1.6s ease-in-out infinite;box-shadow:inset -4px -5px 8px #0000001f}.splash-base{width:70px;height:16px;border-radius:0 0 var(--r-sm) var(--r-sm);background:#d9a368;margin:0 auto}.splash-title{font-size:var(--t-h1);margin:var(--s-1) 0 0;color:var(--ink)}.splash-sub{margin:0;color:var(--ink-warm);font-size:var(--t-body)}.splash-state{display:flex;align-items:center;gap:var(--s-2);color:var(--muted);font-size:var(--t-body)}.splash-dot{width:8px;height:8px;border-radius:50%;background:var(--broth);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.help{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--t-body);line-height:1.4}.help li{background:var(--cream);border-radius:var(--r-sm);padding:var(--s-3)}.verify{text-align:center}.spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--track);border-top-color:var(--broth-deep);margin:var(--s-4) auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.conf:before{content:"✨🐾✨";position:absolute;top:var(--s-2);left:0;right:0;text-align:center;font-size:var(--t-h2);animation:drift 2s ease-out}@keyframes drift{0%{opacity:0;transform:translateY(-10px)}30%{opacity:1}to{opacity:.6}}#toast{position:fixed;left:50%;bottom:calc(var(--s-6) + var(--saib));transform:translate(-50%) translateY(20px);background:#2b2118eb;color:var(--white);padding:var(--s-3) var(--s-4);border-radius:var(--r);font-size:var(--t-body);font-weight:600;opacity:0;transition:all var(--m-settle) var(--ease-out);z-index:50;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.watch-banner{position:absolute;top:calc(var(--s-7) + var(--sait));left:50%;transform:translate(-50%);background:#2b2118d1;color:var(--white);padding:var(--s-2) var(--s-4);border-radius:var(--r);font-size:var(--t-body);font-weight:600;z-index:25;pointer-events:none;white-space:nowrap}.lb-row.watchable{cursor:pointer}.lb-row.watchable:active{transform:scale(.99)}.watch-ic{color:var(--broth-deep);font-size:var(--t-label);margin-left:var(--s-1)}:focus-visible{outline:3px solid var(--broth-deep);outline-offset:2px;border-radius:var(--r-sm)}.navbar button,.tab,.btn,.hero,.modes button,.faction-card,.lb-row.watchable{min-height:44px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.gs-block{background:var(--cream);border-radius:var(--r);padding:var(--s-3);margin-top:var(--s-3)}.gs-head{font-size:var(--t-label);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:var(--s-2);display:flex;align-items:center;gap:var(--s-2)}.gs-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) 0;font-size:var(--t-body);border-bottom:1px solid rgba(180,140,90,.12)}.gs-row:last-child{border-bottom:none}.gs-row.earned .gs-name{color:var(--accent-ink)}.gs-row:not(.earned){opacity:.78}.gs-name{font-weight:600;flex:1}.gs-desc{font-size:var(--t-label)}.fb-form{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-2)}.fb-area{width:100%;box-sizing:border-box;border-radius:var(--r-sm);border:1.5px solid rgba(180,140,90,.3);background:var(--white);padding:var(--s-3);font-size:var(--t-body);font-family:inherit;resize:vertical;min-height:72px;color:var(--ink)}.fb-area:focus{outline:none;border-color:var(--broth-deep)}