:root{font-family:Inter,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#fff;background:#130b2b;font-synthesis:none;text-rendering:optimizeLegibility;--cat: #45d9ff;--cat-soft: #a8efff;--bird: #ff4fa3;--bird-soft: #ffb3d5;--yellow: #fff238;--lime: #99ff4f;--violet: #9b5cff;--panel: #21154a;--line: #6c52b6;--muted: #c9bfee}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 20% 10%,#6a24a8 0,transparent 30%),radial-gradient(circle at 85% 20%,#c51a78 0,transparent 28%),linear-gradient(160deg,#100827,#21104a 48%,#120a2c)}button,select,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:1}.app{position:relative;isolation:isolate;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;gap:8px;overflow:hidden}.app:before{content:"";position:fixed;inset:-30vmax;z-index:-3;background:conic-gradient(from 0deg,#2d0f67,#831d8d,#1b4e8c,#2d0f67);animation:bgSpin 22s linear infinite;opacity:.72}.app:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 92%);mask-image:linear-gradient(to bottom,#000,transparent 92%)}.intensity-hyper:before{animation-duration:12s;filter:saturate(1.25)}.intensity-max:before{animation-duration:6s;filter:saturate(1.55) contrast(1.05)}@keyframes bgSpin{to{transform:rotate(1turn)}}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient i{--x: calc((var(--i) * 83) % 97);position:absolute;left:calc((var(--i) * 8.4%) - 2%);top:calc((var(--i) * 13%) - 22%);color:#ffffff35;font-style:normal;font-size:calc(14px + (var(--i) % 4) * 7px);animation:floaty calc(6s + (var(--i) % 4) * 1.2s) linear infinite;animation-delay:calc(var(--i) * -.73s)}@keyframes floaty{0%{transform:translate3d(0,110vh,0) rotate(0) scale(.7);opacity:0}12%{opacity:.5}85%{opacity:.35}to{transform:translate3d(calc((var(--i) % 3 - 1) * 70px),-30vh,0) rotate(300deg) scale(1.35);opacity:0}}.screen-flash{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:0;mix-blend-mode:screen}.screen-place .screen-flash{animation:flash .28s ease-out;background:#55e7ff}.screen-upgrade .screen-flash{animation:flash .34s ease-out;background:#fff342}.screen-capture .screen-flash{animation:captureFlash .5s ease-out;background:#ff2e8b}.screen-finish .screen-flash{animation:finishFlash 1s ease-out;background:linear-gradient(90deg,#45d9ff,#fff238,#ff4fa3)}.screen-reset .screen-flash{animation:flash .28s ease-out;background:#9b5cff}@keyframes flash{0%{opacity:.55}to{opacity:0}}@keyframes captureFlash{0%{opacity:.82}28%{opacity:.08}50%{opacity:.62}to{opacity:0}}@keyframes finishFlash{0%,20%,40%{opacity:.62}10%,30%,55%{opacity:.08}to{opacity:0}}.header{width:min(100%,520px);text-align:center;z-index:1}.title-line{display:flex;align-items:center;justify-content:center;gap:7px}.rules-icon-button{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:2px solid #ffffffb8;border-radius:50%;padding:0;background:#1a0c3dcc;color:#fff;box-shadow:0 0 13px #45d9ff66,0 2px #09031d;cursor:pointer}.rules-icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rules-icon-button .rules-icon-dot{fill:currentColor;stroke:none}.rules-icon-button:active{transform:translateY(2px) scale(.94);box-shadow:0 0 8px #45d9ff55}.rules-icon-button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.eyebrow{display:inline-block;font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--yellow);animation:blinkPop 1.4s steps(2,end) infinite}@keyframes blinkPop{50%{transform:scale(1.06);filter:brightness(1.4)}}.title{position:relative;margin:0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(38px,12vw,62px);line-height:.95;letter-spacing:.06em;color:#fff;-webkit-text-stroke:2px #13072f;text-shadow:3px 3px 0 #ff3f9b,-3px -3px 0 #43ddff,0 0 18px #fff75a88;animation:titleBeat 1.15s ease-in-out infinite}.intensity-hyper .title{animation-duration:.82s}.intensity-max .title{animation-duration:.55s}@keyframes titleBeat{0%,to{transform:scale(1) rotate(-.4deg)}48%{transform:scale(1.035) rotate(.4deg)}}.versus{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:3px;font-weight:1000;font-size:12px}.versus span:first-child{color:var(--cat);text-shadow:0 0 10px var(--cat)}.versus span:last-child{color:var(--bird);text-shadow:0 0 10px var(--bird)}.versus b{color:var(--yellow);font-size:10px;transform:rotate(-6deg)}.scorebar{width:min(100%,480px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;padding:6px;border:2px solid #7c5ed4;border-radius:8px;background:#160c35d9;box-shadow:0 5px #090318,0 0 22px #7a3cff44;font-variant-numeric:tabular-nums}.side-score{display:flex;gap:6px;align-items:center;min-width:0;font-size:11px;line-height:1.05}.side-score span:not(.score-face){min-width:0}.side-score strong{display:block;white-space:nowrap}.side-score small{display:block;margin-top:2px;color:#d5cbfa;font-size:8px;white-space:nowrap}.bird-score{justify-content:flex-end;text-align:right}.cat-score strong,.cat-score .score-face{color:var(--cat)}.bird-score strong,.bird-score .score-face{color:var(--bird)}.score-face{width:22px;height:22px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 12px currentColor;font-weight:1000}.turn-chip{padding:5px 7px;border-radius:6px;background:linear-gradient(135deg,#fff238,#ffbc35);color:#29123f;box-shadow:0 3px #8b4c00;font-size:9px;font-weight:1000;white-space:nowrap;animation:chipBeat 1s ease-in-out infinite}@keyframes chipBeat{50%{transform:translateY(-1px) scale(1.04)}}.stim-meter{width:min(100%,480px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;font-size:9px;font-weight:1000;color:var(--yellow)}.stim-meter>div{height:8px;overflow:hidden;border:1px solid #7e6ab8;border-radius:6px;background:#09041b}.stim-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#45d9ff,#9cff4f 35%,#fff238 62%,#ff4fa3);box-shadow:0 0 10px #fff238;transition:width .25s cubic-bezier(.2,.8,.2,1);animation:meterGlow .7s ease-in-out infinite alternate}@keyframes meterGlow{to{filter:brightness(1.5) saturate(1.4)}}.board-shell{position:relative;padding:6px;border:3px solid #8d6eff;border-radius:8px;background:#0b0520;box-shadow:0 7px #070213,0 0 0 2px #2a1760,0 0 26px #8058ff77}.intensity-hyper .board-shell{box-shadow:0 7px #070213,0 0 0 2px #2a1760,0 0 34px #ff4fa366}.intensity-max .board-shell{animation:boardBeat .6s ease-in-out infinite}@keyframes boardBeat{50%{transform:scale(1.008)}}.board{display:grid;grid-template-columns:repeat(6,min(13.1vw,60px));gap:3px}.cell{width:min(13.1vw,60px);aspect-ratio:1;border:1px solid #6652a1;border-radius:5px;background:radial-gradient(circle at 30% 25%,#38236c,#201347 58%,#160d35);color:inherit;padding:0;position:relative;display:grid;place-items:center;cursor:default;overflow:visible;isolation:isolate;transition:transform .12s ease,border-color .12s ease,filter .12s ease}.cell:after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:3px;background:linear-gradient(135deg,#ffffff0c,transparent 45%,#ffffff08)}.cell.control-white{background:radial-gradient(circle at 30% 25%,#1d86bc,#134c8d 52%,#182354);border-color:#3fd9ff}.cell.control-black{background:radial-gradient(circle at 30% 25%,#a32470,#721859 52%,#381549);border-color:#ff4fa3}.cell.legal{cursor:pointer;border-color:var(--yellow);animation:legalBreathe .8s ease-in-out infinite}.cell.legal:active{transform:scale(.9) rotate(-1deg);filter:brightness(1.45)}.cell.legal:focus-visible{outline:3px solid #fff;outline-offset:2px}@keyframes legalBreathe{0%,to{box-shadow:inset 0 0 #fff23800,0 0 #fff23800}50%{box-shadow:inset 0 0 0 2px #fff23877,0 0 16px #fff23888}}.cell-shine{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.cell-shine:before{content:"";position:absolute;width:36%;height:160%;top:-30%;left:-60%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffff55,transparent);animation:sweep 3.2s linear infinite}@keyframes sweep{72%,to{left:140%}}.cell.last{z-index:2;box-shadow:inset 0 0 0 3px var(--yellow),0 0 22px #fff238aa;animation:lastPop .42s cubic-bezier(.17,.84,.44,1)}@keyframes lastPop{0%{transform:scale(.72) rotate(-4deg)}55%{transform:scale(1.12) rotate(2deg)}to{transform:scale(1)}}.cell.captured:before{content:"ﾊﾟｧﾝ!!";position:absolute;inset:-8px;z-index:22;display:grid;place-items:center;color:#fff;font-size:clamp(12px,4vw,20px);font-weight:1000;-webkit-text-stroke:1px #4c0531;text-shadow:0 0 12px #ff2e8b;background:radial-gradient(circle,#fff 0 7%,#ffea42 8% 20%,#ff2e8b99 32%,transparent 64%);animation:kaboom .74s ease-out forwards;pointer-events:none}@keyframes kaboom{0%{opacity:1;transform:scale(.35) rotate(-9deg)}45%{opacity:1;transform:scale(1.28) rotate(5deg)}to{opacity:0;transform:scale(1.65) rotate(-3deg)}}.mascot-wrap{position:relative;width:78%;height:78%;display:grid;place-items:center;animation:mascotPulse 1.12s ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 4px 3px #0007)}.intensity-hyper .mascot-wrap{animation-duration:.82s}.intensity-max .mascot-wrap{animation-duration:.58s}@keyframes mascotPulse{0%,to{transform:scale(.94) translateY(1px) rotate(-1deg)}48%{transform:scale(1.08) translateY(-2px) rotate(1deg)}}.mascot-aura{position:absolute;inset:-10%;border:2px solid currentColor;border-radius:50%;opacity:.22;animation:aura 1.12s ease-out infinite;animation-delay:var(--delay)}@keyframes aura{0%{transform:scale(.68);opacity:.48}to{transform:scale(1.25);opacity:0}}.cat-side{color:var(--cat)}.bird-side{color:var(--bird)}.mascot{width:100%;height:100%;overflow:visible}.cat-side .animal-main{fill:#fff1ca;stroke:#ff9f45;stroke-width:2.2}.cat-side .animal-shadow{fill:#9a4bff55}.cat-side .animal-ear{fill:#ff79b7}.cat-side .animal-eye{fill:#2b163a}.cat-side .animal-face,.cat-side .animal-cheek{fill:none;stroke:#7b365d;stroke-width:2;stroke-linecap:round}.bird-side .animal-main{fill:#fff;stroke:#d9e4f7;stroke-width:2.2}.bird-side .animal-shadow{fill:#ff4fa344}.bird-cap,.bird-wing{fill:#343040}.bird-side .animal-eye{fill:#18131f}.bird-beak{fill:#ffb12f}.bird-cheek{fill:#ff8fbf}.level-ring{fill:none;stroke:var(--yellow);stroke-width:2;stroke-dasharray:4 3;transform-origin:32px 32px;animation:ringSpin 2.4s linear infinite;filter:drop-shadow(0 0 3px #fff238)}@keyframes ringSpin{to{transform:rotate(360deg)}}.level-crown{fill:var(--yellow);stroke:#ff8a00;stroke-width:1.5;transform-origin:32px 16px;animation:crownBob .6s ease-in-out infinite alternate;filter:drop-shadow(0 0 3px #fff238)}@keyframes crownBob{to{transform:translateY(-2px) rotate(3deg)}}.level-pips{position:absolute;right:-2px;bottom:-2px;display:flex;gap:2px}.level-pips i{width:5px;height:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 5px var(--yellow)}.danger-orbit{position:absolute;top:-7px;left:-6px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#ff3030;color:#fff;font-size:12px;font-weight:1000;box-shadow:0 0 10px #ff3030;animation:danger .42s ease-in-out infinite alternate}@keyframes danger{to{transform:scale(1.25) rotate(10deg)}}.territory-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:15px;font-weight:1000;opacity:.65;animation:territoryBeat 1.4s ease-in-out infinite}.territory-mark.white{color:var(--cat);border:1px solid var(--cat);box-shadow:0 0 12px #45d9ff88}.territory-mark.black{color:var(--bird);border:1px solid var(--bird);box-shadow:0 0 12px #ff4fa388}@keyframes territoryBeat{50%{transform:scale(1.17);opacity:.9}}.tap-bait{color:var(--yellow);font-size:25px;font-weight:1000;text-shadow:0 0 12px #fff238;animation:tapBait .65s ease-in-out infinite alternate}@keyframes tapBait{to{transform:scale(1.3) rotate(8deg)}}.influence{position:absolute;left:3px;right:3px;bottom:2px;z-index:8;display:flex;justify-content:space-between;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:0 1px 2px #000;pointer-events:none}.influence .w{color:#b8f2ff}.influence .b{color:#ffc0dd}.upgrade-badge,.siege-badge{position:absolute;z-index:9;top:2px;padding:2px 3px;border-radius:4px;font-size:7px;font-weight:1000;box-shadow:0 0 8px currentColor}.upgrade-badge{right:2px;background:var(--yellow);color:#3b1c46;animation:badge .48s ease-in-out infinite alternate}.siege-badge{left:2px;background:#ff3030;color:#fff;animation:badge .34s ease-in-out infinite alternate}@keyframes badge{to{transform:scale(1.16)}}.burst{position:absolute;inset:50%;z-index:40;pointer-events:none}.burst i{--angle: calc(var(--i) * 45deg);position:absolute;left:-8px;top:-8px;font-style:normal;font-size:15px;color:var(--yellow);text-shadow:0 0 7px currentColor;animation:burstOut .72s cubic-bezier(.12,.7,.15,1) forwards}.burst-capture i{color:#fff;font-size:18px}.burst-upgrade i{color:var(--yellow)}@keyframes burstOut{0%{opacity:1;transform:rotate(var(--angle)) translate(0) scale(.45) rotate(calc(var(--angle) * -1))}78%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translate(44px) scale(1.25) rotate(calc(var(--angle) * -1))}}.status{width:min(100%,480px);min-height:29px;display:grid;place-items:center;padding:5px 9px;text-align:center;border:2px solid #6e57b4;border-radius:7px;background:#160c35e8;color:#fff;font-size:11px;font-weight:900;box-shadow:0 3px #080218}.status.result{color:var(--yellow);border-color:var(--yellow);font-size:14px;animation:winner .6s ease-in-out infinite alternate}@keyframes winner{to{transform:scale(1.03);box-shadow:0 0 20px #fff238aa}}.ticker{width:min(100%,480px);min-height:20px;overflow:hidden;white-space:nowrap;text-align:center;color:#d9d0ff;font-size:9px;font-weight:800}.ticker span{display:inline-block;margin-right:6px;padding:2px 5px;border-radius:4px;background:#ff305f;color:#fff;font-size:7px;animation:hot .5s steps(2,end) infinite}@keyframes hot{50%{background:var(--yellow);color:#3a1437}}.controls{width:min(100%,520px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.control,.control-button{min-height:39px;border:2px solid #6c52b6;border-radius:7px;background:linear-gradient(160deg,#2e1c62,#1c1042);color:#fff;padding:6px 8px;box-shadow:0 3px #09031d}.control{display:flex;flex-direction:column;gap:2px}.control-static strong{min-height:20px;display:flex;align-items:center;font-size:12px;line-height:1}.control label{color:#cbbff6;font-size:7px;font-weight:900;letter-spacing:.09em}.control select,.control input{width:100%;min-height:20px;border:0;outline:0;background:transparent;color:inherit;font-weight:800}.control input{appearance:textfield}.control-button{cursor:pointer;font-size:10px;font-weight:1000;transition:transform .1s ease,filter .1s ease}.control-button:active{transform:translateY(3px);box-shadow:none}.control-button.primary{border-color:var(--yellow);background:linear-gradient(135deg,#ff4fa3,#8b4fff);color:#fff;text-shadow:0 1px 2px #3b0d42;animation:primaryBeat .9s ease-in-out infinite}@keyframes primaryBeat{50%{filter:brightness(1.22)}}.rules-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#070315dd;backdrop-filter:blur(7px) saturate(1.2);-webkit-backdrop-filter:blur(7px) saturate(1.2);animation:modalFade .16s ease-out}@keyframes modalFade{0%{opacity:0}}.rules{width:min(100%,520px);border:2px solid #8f70ea;border-radius:8px;background:radial-gradient(circle at 80% 0%,#6d247355 0,transparent 38%),linear-gradient(160deg,#251052,#13082f);padding:16px 16px 14px;color:#eee9ff;font-size:12px;line-height:1.58;box-shadow:0 14px 46px #000c,0 0 32px #8058ff55}.rules-dialog{position:relative;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:modalPop .18s cubic-bezier(.2,.85,.25,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(8px)}}.rules-close{position:absolute;top:8px;right:8px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;padding:0 0 2px;background:#0e0627cc;color:#fff;font-size:22px;line-height:1;cursor:pointer}.rules-close:active{transform:scale(.92)}.rules-close:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.rules h2{margin:0 42px 8px 0;color:var(--yellow);font-size:16px}.rules p{margin:7px 0}.rules ul{margin:7px 0 7px 18px;padding:0}.rules li{margin:3px 0}.rules li::marker{color:var(--bird)}.rules .note{color:var(--muted);font-size:10px}@media(max-width:420px){.app{gap:7px}.board{gap:2px}.scorebar{gap:3px;padding:5px}.side-score{font-size:9px}.side-score small{font-size:7px}.score-face{width:18px;height:18px;font-size:10px}.turn-chip{padding:4px 5px;font-size:8px}.controls{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.app:before{animation:none}}