@font-face{font-family:GameFont;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK0nS.ttf) format("truetype");font-weight:400;font-display:swap}:root{--bg-0: #1a0f1f;--bg-1: #2a1738;--gold: #ffd560;--gold-dark: #a87a14;--red: #e64545;--red-dark: #8a1d1d;--blue: #4a8de0;--blue-dark: #1d3a7a;--green: #5dd870;--panel: #2e1a3d;--panel-2: #3a234d;--panel-border: #ffd560;--text: #fff5dc;--text-dim: #c9b89a;--ki: #7ad8ff;--hp: #ff6c6c;--pink: #ffa6c1;--cream: #fff0c2;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100vh;height:100dvh;background:var(--bg-0);color:var(--text);font-family:Pixelify Sans,VT323,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.25;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}button{font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border:2px solid var(--panel-border);background:linear-gradient(to bottom,#3d2452,#261438);color:var(--text);padding:10px 14px;letter-spacing:.5px;box-shadow:inset 0 -3px #00000073,inset 0 1px #ffffff1a,0 0 0 2px #0d0614;transition:transform 60ms ease,filter 60ms ease}button:hover:not(:disabled){filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -1px #0006,0 0 0 2px #0d0614}button:disabled{opacity:.42;cursor:not-allowed}.btn-secondary{border-color:var(--gold-dark);color:var(--text-dim);font-size:13px}.app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#2a1738,#0d0614)}.phone{width:min(440px,100vw);height:min(820px,100vh);height:min(820px,100dvh);background:var(--bg-0);position:relative;overflow:hidden;overflow:clip;display:flex;flex-direction:column;border:3px solid var(--gold-dark);box-shadow:0 0 40px #ffd56026}@media (max-width: 500px){html.standalone .phone{width:100vw;height:100vh;height:100dvh;border:none;box-shadow:none}}.menu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}.menu h1{font-family:GameFont,monospace;font-size:28px;color:var(--gold);text-shadow:3px 3px 0 var(--red-dark),6px 6px 0 rgba(0,0,0,.6);margin:0 0 20px;text-align:center;line-height:1.4}.menu p{color:var(--text-dim);text-align:center;font-size:14px}.menu input{background:var(--bg-1);color:var(--text);border:2px solid var(--gold-dark);padding:10px 14px;font-family:inherit;font-size:16px;width:240px;text-align:center}.hud-top,.hud-bottom{background:linear-gradient(to bottom,#4a2c6d,#2a1738);padding:8px 12px;border-bottom:3px solid var(--gold-dark);z-index:2;position:relative}.hud-bottom{border-bottom:none;border-top:3px solid var(--gold-dark);background:linear-gradient(to top,#4a2c6d,#2a1738)}.hud-top{padding-top:calc(8px + var(--safe-top))}html.standalone .hud-top:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--safe-top) + 14px);z-index:-1;background:linear-gradient(to bottom,#0d0614cc 55%,#0d061400);pointer-events:none}.hud-top.backdrop{border-bottom:none;background:none}.hud-top.backdrop .move-icon.icon-frame{background-color:#2b183e}.hud-top.backdrop .hud-name,.hud-top.backdrop .coins{text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.hud-top.backdrop .heart-img,.hud-top.backdrop .coin-img{filter:drop-shadow(0 1px 0 rgba(0,0,0,.7)) drop-shadow(0 0 1px rgba(0,0,0,.6))}.hud-top.backdrop .heart-img.empty{filter:grayscale(1) brightness(.4)}.hud-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.hud-name{font-family:GameFont,monospace;font-size:13px;color:var(--text);letter-spacing:1px;text-shadow:2px 2px 0 #000}.shield-readout{font-family:GameFont,monospace;font-size:12px;color:#9fd4ff;text-shadow:2px 2px 0 #000;white-space:nowrap}.coins{position:relative;z-index:6;color:var(--text);font-family:GameFont,monospace;font-size:16px;display:inline-flex;align-items:center;gap:6px;text-shadow:2px 2px 0 #000}.coin-gain{position:absolute;right:0;bottom:100%;margin-bottom:2px;font-family:GameFont,monospace;font-size:13px;color:#ffe98a;text-shadow:2px 2px 0 #000;white-space:nowrap;pointer-events:none;animation:coin-gain 1.5s ease-out forwards}@keyframes coin-gain{0%{transform:translateY(6px) scale(.7);opacity:0}18%{transform:translateY(0) scale(1.25);opacity:1}60%{transform:translateY(-15px) scale(1);opacity:1}to{transform:translateY(-32px) scale(.95);opacity:0}}.coin-gain.down{bottom:auto;top:100%;margin:2px 0 0;animation-name:coin-gain-down}@keyframes coin-gain-down{0%{transform:translateY(-6px) scale(.7);opacity:0}18%{transform:translateY(0) scale(1.25);opacity:1}60%{transform:translateY(15px) scale(1);opacity:1}to{transform:translateY(32px) scale(.95);opacity:0}}.coins-icon{display:inline-block;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff5a0,var(--gold) 60%,#8a6010 100%);box-shadow:inset 0 -2px #0000004d}.hp-bar{display:flex;gap:3px;flex:1;justify-content:center;align-items:center}.heart{width:16px;height:16px;background:var(--hp);clip-path:polygon(50% 100%,0% 35%,15% 15%,35% 15%,50% 35%,65% 15%,85% 15%,100% 35%);filter:drop-shadow(1px 1px 0 #000)}.heart.empty{background:#4a2020;filter:none;opacity:.6}.heart-slot{position:relative;display:inline-flex;flex:0 0 auto}.heart-fly{position:absolute;left:0;top:0;pointer-events:none;z-index:6;animation:heart-fly 1.15s ease-out forwards}@keyframes heart-fly{0%{transform:translate(0) scale(1) rotate(0);opacity:1}25%{transform:translate(4px,-16px) scale(1.3) rotate(14deg);opacity:1}to{transform:translate(20px,-52px) scale(.45) rotate(48deg);opacity:0}}.heart-fly.down{animation-name:heart-fly-down}@keyframes heart-fly-down{0%{transform:translate(0) scale(1) rotate(0);opacity:1}25%{transform:translate(4px,16px) scale(1.3) rotate(-14deg);opacity:1}to{transform:translate(20px,52px) scale(.45) rotate(-48deg);opacity:0}}.heart-img{width:18px;height:18px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 #000)}.heart-img.empty{filter:grayscale(1) brightness(.4);opacity:.7}.coin-img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 #000)}.ki-row{display:flex;align-items:center}.ki-bolt{width:34px;height:34px;margin-right:-16px;position:relative;z-index:2;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(0,0,0,.8)) drop-shadow(0 0 2px rgba(0,0,0,.6));flex:0 0 auto}.ki-bolt-text{font-size:24px;line-height:34px;text-align:center}.ki-bar{position:relative;flex:1;height:18px;background:#120818;border:none;display:flex;gap:2px;padding:2px;border-radius:7px;box-shadow:0 0 0 2px #120818,0 3px 0 2px #00000059;box-sizing:content-box}.ki-count.num{position:absolute;left:13px;top:50%;transform:translateY(-72%);z-index:3;font-family:GameFont,monospace;font-size:15px;color:#fff;text-shadow:2px 2px 0 #1a0f1f,-1px -1px 0 #1a0f1f,1px -1px 0 #1a0f1f,-1px 1px 0 #1a0f1f,1px 1px 0 #1a0f1f;pointer-events:none}.ki-seg{flex:1;border-radius:3px;background:linear-gradient(to bottom,#3a2152,#2c1840);box-shadow:inset 0 -2px #0000004d}.ki-seg:first-child{border-radius:5px 3px 3px 5px}.ki-seg:last-child{border-radius:3px 5px 5px 3px}.ki-seg.filled{position:relative;overflow:hidden;background:linear-gradient(to bottom,#fff6c4,#ffe36b,#ffd84a 70%,#c98d12);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #00000059}.ki-seg.filled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-100%);animation:ki-shine 2.6s ease-in-out infinite}@keyframes ki-shine{0%{transform:translate(-100%)}55%{transform:translate(100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.ki-seg.filled:after{animation:none}}.move-icons{display:flex;gap:6px;margin-top:6px;justify-content:center}.icon-frame{background-image:var(--frame-bg, none);background-size:100% 100%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;box-sizing:border-box;image-rendering:pixelated}.icon-symbol{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block}.icon-frame>.icon-symbol{width:82%;height:82%}.icon-symbol[alt=rock]{transform:scale(.78)}.icon-symbol[alt=heartstone]{transform:none}.move-icon{flex:1 1 0;min-width:0;max-width:38px;width:38px;height:auto;font-size:16px;position:relative}.move-icon:before{content:"";display:block;padding-top:100%}.move-icon>.icon-symbol{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.move-icon.icon-frame>.icon-symbol{top:9%;right:9%;bottom:9%;left:9%;width:82%;height:82%}.move-icon>span:not(.lv-badge){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}button.move-icon{background-color:transparent;border:none;box-shadow:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center}button.move-icon:active:not(:disabled){transform:none}button.move-icon:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.move-icon .lv-badge{position:absolute;top:-6px;right:-6px;background:var(--gold);color:#1a0f1f;font-family:GameFont,monospace;font-size:8px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #1a0f1f}.arena{flex:1;position:relative;z-index:1;overflow:hidden;background:#1a0f1f}.arena-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.arena-overlay>*{pointer-events:auto}.arena-ceiling{position:absolute;top:0;left:0;right:0;z-index:0;background-color:#d8d2c2;background-repeat:no-repeat}.hud-icon-btn{width:28px;height:28px;flex:0 0 auto;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;color:var(--gold);font-size:24px;line-height:1;cursor:pointer;transition:filter .15s}.hud-icon-btn img{width:100%;height:100%;object-fit:contain}.hud-icon-btn:hover:not(:disabled){filter:brightness(1.3)}.hud-icon-btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.arena-settings{position:absolute;left:10px;bottom:100%;margin-bottom:2px;filter:drop-shadow(1px 1px 0 #000) drop-shadow(-1px -1px 0 #000)}.hud-local{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:5px 12px 3px;background:linear-gradient(to top,#10081ab8,#10081a66 55%,#10081a00)}.hud-local .hud-name-row{margin-bottom:0}.hud-local .hud-name,.hud-local .coins{text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.hud-local .heart-img,.hud-local .coin-img{filter:drop-shadow(0 1px 0 rgba(0,0,0,.7)) drop-shadow(0 0 1px rgba(0,0,0,.6))}.hud-local .heart-img.empty{filter:grayscale(1) brightness(.4)}.bottom-box{position:relative;background:linear-gradient(to bottom,#301b44,#1d1127 55%,#150b1c);border-top:3px solid var(--gold-dark);box-shadow:0 -3px #120818,inset 0 3px #ffd56038,inset 0 14px 18px -12px #ffd5601f}.bottom-box .cards{background:none;border-top:none;padding-bottom:6px}.move-row{position:relative}.move-row.emoting .cards:not(.emote-picker){visibility:hidden}.emote-picker.cards{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:8px;overflow:hidden}.emote-blob{font-family:GameFont,monospace;font-size:10px;line-height:1.05;color:#1a0f1f;background:#fff;border:2px solid #1a0f1f;border-radius:12px;padding:2px 6px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;position:relative;box-shadow:0 2px #00000059}.emote-blob:active{transform:translateY(2px);box-shadow:none}.hud-ki{padding:0 12px max(10px,var(--safe-bottom))}.arena-settings:hover:not(:disabled){filter:drop-shadow(1px 1px 0 #000) drop-shadow(-1px -1px 0 #000) brightness(1.3)}.clock-badge,.round-badge{background:linear-gradient(to bottom,#4f3172,#2b1838);border:2px solid #120818;border-radius:9px;box-shadow:inset 0 0 0 2px #ffd560bf,inset 0 3px #ffffff1f,0 2px #120818}.clock-badge{position:absolute;top:3px;right:10px;padding:5px 9px;display:flex;flex-direction:column;align-items:center;min-width:46px;z-index:4;font-family:GameFont,monospace}.clock-badge .value{font-size:17px;color:var(--text);text-shadow:0 2px 0 #120818,2px 0 0 #120818,-2px 0 0 #120818,0 -2px 0 #120818}.clock-badge.low{background:linear-gradient(to bottom,#e04848,#7d1212);animation:clock-beat .5s ease-in-out infinite alternate}.clock-badge.low .value{color:#fff}@keyframes clock-beat{0%{transform:scale(1)}to{transform:scale(1.12)}}.round-badge{position:absolute;top:3px;left:10px;padding:7px 10px 6px;font-family:GameFont,monospace;font-size:11px;color:var(--gold);z-index:4;text-shadow:0 2px 0 #120818,2px 0 0 #120818,-2px 0 0 #120818,0 -2px 0 #120818}.cards{display:flex;gap:4px;padding:12px 5px;background:linear-gradient(to bottom,#2a1738,#1a0f1f);border-top:3px solid var(--gold-dark);overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scroll-snap-type:x proximity}.cards{scrollbar-width:thin;scrollbar-color:#8a6010 #1a0a2a}.cards::-webkit-scrollbar{height:5px}.cards::-webkit-scrollbar-track{background:#1a0a2a;border-radius:3px}.cards::-webkit-scrollbar-thumb{background:#8a6010;border-radius:3px;border:1px solid #c09030}.cards::-webkit-scrollbar-thumb:hover{background:#c09030}.card-slot{flex:1 1 0;min-width:0;position:relative;display:flex;scroll-snap-align:center}.cards.crowded .card-slot{flex:0 0 auto;width:82px}.card{--top: #8a64b0;--face: #5b3a82;--bottom: #3b2259;--lip: #26143c;--line: #120818;--ring: rgba(255, 213, 96, .75);position:relative;flex:1;width:100%;background:linear-gradient(to bottom,var(--top) 0%,var(--face) 45%,var(--bottom) 100%);border:3px solid var(--line);border-radius:12px;padding:8px 1px 11px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;cursor:pointer;box-shadow:inset 0 0 0 2px var(--ring),inset 0 3px #ffffff4d,inset 0 -6px 0 var(--lip),0 4px 0 var(--line);font-family:inherit;transition:transform 70ms ease,box-shadow 70ms ease}.card:hover:not(:disabled){filter:brightness(1.08)}.card:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--ring),inset 0 3px #ffffff4d,inset 0 -3px 0 var(--lip),0 1px 0 var(--line)}.card:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed}.card.selected{--top: #ffe58a;--face: #ffc93c;--bottom: #f2a20c;--lip: #b86d00;--line: #3d1f00;--ring: rgba(255, 255, 255, .7);box-shadow:inset 0 0 0 2px var(--ring),inset 0 3px #ffffff8c,inset 0 -6px 0 var(--lip),0 4px 0 var(--line),0 0 16px #ffc93cb3}.card .card-flash{border-radius:9px}.card-icon{font-size:26px;text-shadow:2px 2px 0 #000;width:min(64px,100%);height:auto;aspect-ratio:1;flex:none}.card.selected .card-icon{text-shadow:2px 2px 0 rgba(0,0,0,.3)}.card-name{font-family:GameFont,monospace;font-size:9px;letter-spacing:0;text-shadow:1px 1px 0 var(--line);margin-top:5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:clip}.card-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:linear-gradient(to bottom,#ffe58a,#f2a20c);color:#3d1f00;border:2px solid #120818;font-family:GameFont,monospace;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #0006;z-index:2}.card.selected .card-badge{background:#fff2b0}.card.selected .card-name{color:#3d1f00;text-shadow:none}.block-warn{position:absolute;top:2px;left:2px;z-index:2;padding:1px 4px;font-size:10px;font-weight:700;line-height:1.2;color:#1a0f1f;background:var(--gold);border:1px solid #1a0f1f;border-radius:3px;pointer-events:none}.block-warn.critical{color:#fff;background:#d33;border-color:#fff;animation:block-warn-pulse .9s ease-in-out infinite}@keyframes block-warn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.upgrade-streaks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.upgrade-streaks span{position:absolute;bottom:-10%;width:3px;height:14px;background:linear-gradient(to top,#ffd560 0%,rgba(255,213,96,.6) 50%,transparent 100%);box-shadow:0 0 4px #ffd56099;border-radius:2px;opacity:0;animation:streak-rise 2.8s ease-out infinite}.upgrade-streaks span:nth-child(1){left:8%;bottom:-10%;animation-delay:0s}.upgrade-streaks span:nth-child(2){left:22%;bottom:-10%;animation-delay:1s}.upgrade-streaks span:nth-child(3){left:78%;bottom:-10%;animation-delay:.5s}.upgrade-streaks span:nth-child(4){left:92%;bottom:-10%;animation-delay:1.6s}.upgrade-streaks span:nth-child(5){left:6%;bottom:38%;animation-delay:.7s}.upgrade-streaks span:nth-child(6){left:20%;bottom:38%;animation-delay:1.8s}.upgrade-streaks span:nth-child(7){left:80%;bottom:38%;animation-delay:.3s}.upgrade-streaks span:nth-child(8){left:94%;bottom:38%;animation-delay:1.4s}.upgrade-streaks span:nth-child(9){left:10%;bottom:78%;animation-delay:1.2s}.upgrade-streaks span:nth-child(10){left:24%;bottom:78%;animation-delay:.4s}.upgrade-streaks span:nth-child(11){left:76%;bottom:78%;animation-delay:1.9s}.upgrade-streaks span:nth-child(12){left:90%;bottom:78%;animation-delay:.9s}@keyframes streak-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}40%{opacity:.9}55%{transform:translateY(-120%);opacity:0}to{transform:translateY(-120%);opacity:0}}.level-pick.peek{pointer-events:none}.level-pick.peek button{opacity:1}.card.dead{opacity:.45;cursor:pointer}.card-notice{position:fixed;transform:translate(-50%,-100%);padding:7px 12px;background:#1a0f1f;border:2px solid var(--gold);border-radius:5px;font-family:GameFont,monospace;font-size:9px;color:var(--gold);white-space:nowrap;z-index:60;pointer-events:none;animation:notice-pop 1.8s ease-out forwards}@keyframes notice-pop{0%{opacity:0;transform:translate(-50%,-100%) scale(.6)}10%{opacity:1;transform:translate(-50%,-100%) scale(1)}80%{opacity:1}to{opacity:0}}.level-pick{position:fixed;width:90px;padding:5px;display:flex;flex-direction:column;gap:5px;z-index:1000;border:2px solid var(--gold);border-radius:12px;background:linear-gradient(to bottom,#3e2556,#22122f);box-shadow:0 0 0 2px #120818,0 8px 16px #0009}.level-pick:before,.level-pick:after{content:"";position:absolute;left:calc(50% + var(--arrow, 0px));transform:translate(-50%);border:8px solid transparent}.level-pick:before{top:calc(100% + 2px);border-top-color:#120818}.level-pick:after{top:calc(100% - 1px);border-top-color:var(--gold);border-width:7px}.level-pick button{display:flex;align-items:center;justify-content:center;min-height:0;padding:5px 4px 8px;border:2px solid #120818;border-radius:9px;background:linear-gradient(to bottom,#8a64b0,#5b3a82 45%,#3b2259);box-shadow:inset 0 0 0 2px #ffd560b3,inset 0 2px #ffffff4d,inset 0 -4px #26143c,0 3px #120818;font-family:inherit;line-height:1}.level-pick button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffd560b3,inset 0 2px #ffffff4d,inset 0 -2px #26143c,0 1px #120818}.level-pick button:disabled{opacity:1;filter:grayscale(.7) brightness(.6)}.level-pick .lp-info{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.level-pick .lp-stat,.level-pick .lp-cost{display:inline-flex;align-items:center;gap:3px;font-family:GameFont,monospace;font-size:12px;letter-spacing:1px;white-space:nowrap;text-shadow:1px 0 0 currentColor,2px 1px 0 #120818,1px 1px 0 #120818,0 1px 0 #120818,-1px 0 0 #120818,2px -1px 0 #120818}.level-pick .lp-stat{color:var(--gold)}.level-pick .lp-cost{color:var(--ki)}.level-pick .stat-icon{width:14px;height:14px;vertical-align:0;align-self:flex-start;margin-top:-2px}.fight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:8;pointer-events:none;animation:fight-out 1.7s linear forwards}.fight-overlay:before{content:"";position:absolute;left:0;right:0;top:50%;height:140px;margin-top:-66px;background:linear-gradient(to bottom,#12081800,#120818c7 20%,#120818c7 80%,#12081800);animation:band-in .25s ease-out backwards}.fight-overlay:after{content:"";position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-100px 0 0 -130px;border-radius:50%;background:radial-gradient(circle,#fff4c8f2,#ffc85066 35%,#ffc85000 68%);opacity:0;animation:slam-flash .5s .6s ease-out forwards}.fight-overlay .round-text{position:relative;z-index:1;font-family:GameFont,monospace;font-size:22px;color:var(--gold);text-shadow:0 3px 0 #120818,3px 0 0 #120818,-3px 0 0 #120818,0 -3px 0 #120818,0 6px 0 var(--red-dark);letter-spacing:3px;animation:round-in .45s cubic-bezier(.2,1.4,.4,1) backwards}.fight-overlay .fight-text{position:relative;z-index:2;font-family:GameFont,monospace;font-size:min(52px,12.5vw);color:#ff4a3d;text-shadow:0 4px 0 #120818,4px 0 0 #120818,-4px 0 0 #120818,0 -4px 0 #120818,4px 4px 0 #120818,-4px 4px 0 #120818,0 9px 0 #5a0d0d;letter-spacing:4px;margin-top:12px;animation:fight-slam .42s .38s cubic-bezier(.3,0,.5,1) backwards}@keyframes round-in{0%{opacity:0;transform:translateY(-36px)}}@keyframes fight-slam{0%{opacity:0;transform:scale(3)}60%{opacity:1;transform:scale(.9)}80%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes band-in{0%{transform:scaleY(0)}}@keyframes slam-flash{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes fight-out{0%,84%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.fight-overlay .round-text,.fight-overlay .fight-text,.fight-overlay:before{animation:none}.fight-overlay:after{display:none}.clock-badge.low{animation:none}}.shop{position:absolute;inset:calc(8px + var(--safe-top)) 8px calc(8px + var(--safe-bottom));background:linear-gradient(to bottom,#2a1738,#1a0f1f);display:flex;flex-direction:column;padding:18px;z-index:50;border:3px solid var(--gold);border-radius:18px;box-shadow:0 0 0 3px #120818,0 0 30px #ffd5604d;container:shop / size}.shop h2{font-family:GameFont,monospace;color:var(--gold);font-size:18px;margin:0 0 14px;text-align:center;text-shadow:3px 3px 0 var(--red-dark);letter-spacing:2px}.shop-header{position:relative;margin-bottom:14px}.shop-header h2{margin:0}.shop-header-left{position:absolute;left:0;top:50%;margin-top:-14px;display:flex;gap:6px}.shop-guide-btn{background:none;border:none;box-shadow:none;padding:0}.shop-guide-btn img{object-fit:contain}.shop-header .timer{position:absolute;right:0;top:50%;transform:translateY(-50%)}.shop-status{display:flex;align-items:center;flex-wrap:nowrap;gap:14px;margin-bottom:8px}.shop-side{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-family:GameFont,monospace;font-size:12px;color:var(--text)}.shop-side .who{color:var(--text);letter-spacing:1px}.shop-side.mine{font-size:15px}.shop-side.mine .coin-img{width:20px;height:20px}.shop-side.mine .heart-img,.shop-side.mine .heart{width:18px;height:18px}.shop-side.theirs{font-size:11px;opacity:.85}.shop-side.theirs .coin-img{width:13px;height:13px}.shop-side.theirs .heart-img,.shop-side.theirs .heart{width:12px;height:12px}.shop-side .coin-img{width:15px;height:15px}.shop-side .heart-img,.shop-side .heart{width:14px;height:14px;margin-left:4px}.shop-hp{display:inline-flex;align-items:center;gap:4px;font-family:GameFont,monospace;font-size:12px;color:var(--text-dim);white-space:nowrap}.shop-hp .heart-img,.shop-hp .heart{width:14px;height:14px}.shop-items{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-right:-11px;padding-right:11px;scrollbar-width:thin;scrollbar-color:#8a6010 #1a0a2a;padding-bottom:4px}.shop-items::-webkit-scrollbar{width:5px}.shop-items::-webkit-scrollbar-track{background:#1a0a2a;border-radius:3px}.shop-items::-webkit-scrollbar-thumb{background:#8a6010;border-radius:3px;border:1px solid #c09030}.shop-items::-webkit-scrollbar-thumb:hover{background:#c09030}.shop-section-header{display:flex;align-items:baseline;gap:6px;font-family:GameFont,monospace;font-size:10px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin-top:4px;padding-bottom:4px;border-bottom:2px solid var(--gold-dark)}.shop-section-header:first-child{margin-top:0}.shop-section-header.locked{margin-top:12px;color:var(--text-dim);border-bottom-color:#5a4a22}.shop-item.locked{background:linear-gradient(to bottom,#3e2a52,#2b1a3b);box-shadow:inset 0 0 0 2px #a87a1480,inset 0 2px #ffffff14,inset 0 -4px #1d1029,0 2px #120818}.shop-item.locked .name{color:var(--text-dim)}.shop-item{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 auto;min-height:52px;max-height:96px;padding:3px 8px 6px;background:linear-gradient(to bottom,#64428a,#4a2d6c,#36204f);border:2px solid #120818;border-radius:11px;box-shadow:inset 0 0 0 2px #ffd56099,inset 0 2px #ffffff2e,inset 0 -4px #26143c,0 2px #120818}.shop-item.bought{animation:row-glow 1.2s ease-out;z-index:1}@keyframes row-glow{0%{border-color:#fff3c0;filter:drop-shadow(0 0 9px rgba(255,213,96,.95))}60%{border-color:var(--gold)}to{filter:drop-shadow(0 0 0 rgba(255,213,96,0))}}.row-flash{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2;border-radius:9px}.card-flash{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.card-flash .row-sweep{animation-delay:.35s;animation-duration:.8s}.card.upgraded{animation:row-glow 1.4s ease-out .25s}.chip-flash .row-sweep{animation:chip-sweep 3.2s ease-out infinite}.hand-chip.bought{animation:chip-glow 3.2s ease-out infinite}@keyframes chip-glow{0%{border-color:#fff3c0;filter:drop-shadow(0 0 8px rgba(255,213,96,.9))}30%,to{filter:drop-shadow(0 0 0 rgba(255,213,96,0))}}@keyframes chip-sweep{0%{left:-40%}28%{left:110%}to{left:110%}}.row-sweep{position:absolute;top:-20%;bottom:-20%;left:-40%;width:35%;background:linear-gradient(100deg,transparent 0%,rgba(255,240,180,0) 30%,rgba(255,240,180,.55) 50%,rgba(255,240,180,0) 70%,transparent 100%);animation:row-sweep .7s ease-out forwards}@keyframes row-sweep{0%{left:-40%}to{left:110%}}.shop-item.bought .icon{animation:bought-pulse .9s ease-out}.shop-item.bought .name .nm{animation:bought-pulse .9s ease-out .08s,name-shine .9s ease-out .08s;display:inline-block}@keyframes bought-pulse{0%{transform:scale(1)}30%{transform:scale(1.22);filter:brightness(1.6) drop-shadow(0 0 8px rgba(255,213,96,.9))}to{transform:scale(1);filter:none}}@keyframes name-shine{0%{color:#fff8dc;text-shadow:0 0 10px rgba(255,213,96,1),2px 2px 0 #000}}.max-tag{width:78px;flex:0 0 78px;display:inline-flex;align-items:center;justify-content:center;padding:12px 4px;font-family:GameFont,monospace;font-size:12px;letter-spacing:2px;color:var(--gold);text-shadow:2px 2px 0 #000}.max-tag.just{animation:max-pop 1.1s ease-out}@keyframes max-pop{0%{transform:scale(.4);opacity:0}35%{transform:scale(1.5);opacity:1;color:#fff8dc;text-shadow:0 0 14px rgba(255,213,96,1),2px 2px 0 #000}60%{transform:scale(1)}to{transform:scale(1);text-shadow:2px 2px 0 #000}}.shop-item .icon{font-size:22px;width:44px;height:44px;flex-shrink:0}.shop-item .info{flex:1}.shop-item .name{font-family:GameFont,monospace;font-size:11px;color:var(--text);margin-bottom:2px}.shop-item .lvl{font-family:GameFont,monospace;font-size:11px;color:var(--text-dim)}.shop-item>button:not(.shop-item-open),.buy-slot>button{width:78px;flex:0 0 78px;padding:6px 4px 9px;text-align:center;font-family:inherit;font-size:11px;color:var(--text);border:2px solid #120818;border-radius:9px;background:linear-gradient(to bottom,#8a64b0,#5b3a82 45%,#3b2259);box-shadow:inset 0 0 0 2px #ffd560d9,inset 0 2px #ffffff4d,inset 0 -4px #26143c,0 2px #120818}.buy-slot>button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffd560d9,inset 0 2px #ffffff4d,inset 0 -2px #26143c,0 0 #120818}.buy-slot>button:disabled{opacity:.45;filter:grayscale(.5)}.buy-slot{position:relative;display:inline-flex;flex:0 0 auto}.buy-slot>button.bought{animation:buy-flash .9s ease-out}@keyframes buy-flash{0%{filter:brightness(1.7) drop-shadow(0 0 10px rgba(255,213,96,.95))}to{filter:brightness(1) drop-shadow(0 0 0 rgba(255,213,96,0))}}.buy-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.buy-burst span{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3px 0 0 -3px;background:#ffe28a;box-shadow:0 0 8px #ffd560;animation:burst-fly .9s ease-out forwards}.buy-burst span:nth-child(1){--dx: 40px;--dy: 0px}.buy-burst span:nth-child(2){--dx: 28px;--dy: -22px}.buy-burst span:nth-child(3){--dx: 0px;--dy: -30px}.buy-burst span:nth-child(4){--dx: -28px;--dy: -22px}.buy-burst span:nth-child(5){--dx: -40px;--dy: 0px}.buy-burst span:nth-child(6){--dx: -28px;--dy: 22px}.buy-burst span:nth-child(7){--dx: 0px;--dy: 30px}.buy-burst span:nth-child(8){--dx: 28px;--dy: 22px}@keyframes burst-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}.shop-actions{display:flex;gap:8px;margin-top:14px}.shop-actions .cr-btn{flex:1;height:44px;padding:0 12px 3px;font-family:GameFont,monospace;font-size:13px;letter-spacing:2px;text-shadow:0 2px 0 var(--line),1px 0 0 var(--line),-1px 0 0 var(--line),0 -1px 0 var(--line)}.shop-item-open{flex:1;gap:8px;min-width:0;display:flex;align-items:center;text-align:left;background:none!important;border:none!important;box-shadow:none!important;padding:4px!important;margin:-4px;font-family:inherit;color:inherit;cursor:pointer;border-radius:8px}.shop-item-open:hover:not(:disabled){background:#f5c54217!important;filter:none}.shop-item-open:active:not(:disabled){transform:none;box-shadow:none!important}.shop-item-open:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.shop-item-open .info{display:flex;flex-direction:column;gap:2px;min-width:0}.move-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--safe-top) 0 var(--safe-bottom)}.move-info-card{background:linear-gradient(165deg,#1e0f32,#0d1825);border:2px solid #8a6010;border-radius:14px;width:270px;max-height:min(88vh,100%);overflow-y:auto;box-shadow:0 0 50px #000000e6,0 0 24px #8a601059;display:flex;flex-direction:column}.move-info-header{background:linear-gradient(180deg,#2e1548,#1e0f32);padding:22px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;border-bottom:1px solid #5a3a08}.move-info-icon{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden}.move-info-icon:not(.icon-frame){background:#0d0520;border:2px solid #5a3a08}.move-info-emoji{font-size:52px;line-height:1}.move-info-name{font-family:GameFont,monospace;font-size:18px;color:#f5c542;letter-spacing:3px;text-transform:uppercase}.move-info-sub{font-family:GameFont,monospace;font-size:9px;color:#d9b04a;letter-spacing:1px;text-transform:uppercase;margin-top:-2px}.move-info-sub.uses{color:var(--red)}.move-info-header.tight{padding-bottom:12px;gap:8px}.move-info-desc{font-size:11px;color:#b8a898;font-style:italic;text-align:center;line-height:1.55;padding:0 4px}.move-info-special{background:#b4500a2e;border-top:1px solid #7a3a08;border-bottom:1px solid #7a3a08;color:#e8a050;font-size:13px;padding:8px 14px;text-align:center;letter-spacing:.5px;line-height:1.4}.move-info-stats{padding:12px 14px 6px}.move-info-stats table{width:100%;border-collapse:collapse;font-family:GameFont,monospace;font-size:11px}.move-info-stats th{color:#8a6010;font-family:GameFont,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:3px 6px 5px;text-align:center;border-bottom:1px solid #3a2a4a}.move-info-stats td{padding:5px 6px;text-align:center;border-bottom:1px solid #1a1030;color:#c8b8a2}.move-info-stats tr.row-current td{color:#f5c542;background:#8a60102e;font-family:GameFont,monospace;border-bottom-color:transparent}.move-info-stats tr.row-current-last td{border-bottom:1px solid #3a2a4a}.move-info-stats tr.row-owned td{color:#908070}.move-info-stats tr.row-locked td{color:#3d3350}.move-info-close{margin:10px 14px 14px;background:#2a1540;border:1px solid #8a6010;color:#f5c542;font-family:GameFont,monospace;font-size:11px;letter-spacing:2px;padding:8px;border-radius:7px;cursor:pointer;transition:background .15s}.move-info-close:hover{background:#3a2050}.end-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0614f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:20}.end-screen h2{font-family:GameFont,monospace;font-size:28px;color:var(--gold);text-shadow:4px 4px 0 var(--red-dark),8px 8px 0 rgba(0,0,0,.7);letter-spacing:2px}.end-score{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 24px;border:2px solid var(--gold-dark);background:#3a234d80}.end-score .end-round{font-family:GameFont,monospace;font-size:11px;letter-spacing:2px;color:var(--text-dim)}.end-score .end-tally{display:flex;align-items:center;gap:10px;font-family:GameFont,monospace;font-size:22px;color:var(--gold)}.end-score .hp{display:inline-flex;align-items:center;gap:5px}.end-score .heart-img,.end-score .heart{width:18px;height:18px}.end-score .sep{color:var(--gold-dark)}.mute-btn{position:absolute;top:10px;left:50%;transform:translate(-50%);width:32px;height:32px;padding:0;font-size:16px;z-index:30}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(to bottom,#4f3172,#2b1838);border:3px solid #120818;border-radius:14px;padding:14px 20px 15px;font-size:17px;line-height:1.4;color:var(--text);text-shadow:0 2px 0 #120818;z-index:15;text-align:center;pointer-events:none;animation:toast-pop 2.7s ease-out forwards;max-width:84%;box-shadow:inset 0 0 0 2px #ffd560d9,inset 0 3px #ffffff1f,0 5px #120818,0 10px 22px #00000080}.toast.fading{animation:toast-fade-out .3s ease-in forwards}@keyframes toast-fade-out{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.9);opacity:0}}@keyframes toast-pop{0%{transform:translate(-50%,-120%);opacity:0}7%{transform:translate(-50%,-44%);opacity:1}11%{transform:translate(-50%,-53%)}14%{transform:translate(-50%,-50%)}88%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-50%);opacity:0}}.ready-flag{position:absolute;top:96px;right:10px;background:linear-gradient(to bottom,#8af09a,#3fae55);color:#0d3a1a;font-family:GameFont,monospace;font-size:9px;padding:6px 9px 5px;border:2px solid #0c2a14;border-radius:8px;z-index:4;letter-spacing:1px;box-shadow:inset 0 2px #ffffff73,0 2px #0c2a14}.debug-toggle{position:fixed;bottom:10px;right:10px;z-index:100;padding:4px 8px;font-size:10px;background:#1a0f1f;color:var(--gold);border:1px solid var(--gold)}.debug-panel{position:fixed;bottom:50px;right:10px;z-index:100;background:#0d0614f5;border:2px solid var(--gold);padding:8px;font-family:monospace;font-size:10px;color:var(--text);max-width:90vw;overflow-x:auto}.debug-row{display:flex;align-items:center;gap:4px;padding:4px 0;border-bottom:1px solid #3a234d}.debug-label{display:inline-block;width:80px;font-size:9px;color:var(--text-dim)}.debug-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.debug-cell img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;background:#2a1738;border:1px solid #555}.debug-cell .debug-name{font-size:8px;color:var(--gold)}.debug-miss{width:48px;height:48px;background:#5a1a1a;color:#ff6c6c;display:flex;align-items:center;justify-content:center;border:1px solid #ff6c6c}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:14}.timer{font-family:GameFont,monospace;color:var(--text);font-size:14px}.timer.low{color:var(--red);animation:blink .5s infinite}@keyframes blink{50%{opacity:.4}}.opp-wait{font-family:GameFont,monospace;font-size:10px;color:var(--text-dim);text-align:center;padding:12px}.settings-btn{background:none;border:none;box-shadow:none;color:var(--text-dim);font-size:26px;width:46px;height:46px;padding:0;line-height:1;margin-top:4px;transition:filter .15s}.settings-btn:hover:not(:disabled){filter:brightness(1.3)}.settings-btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.reconnect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1900}.reconnect-box{background:linear-gradient(to bottom,#2a1738,#1a0f1f);border:3px solid var(--gold);padding:22px 26px;text-align:center;max-width:80%;box-shadow:0 0 24px #ffd56040}.reconnect-box h3{font-family:GameFont,monospace;color:var(--gold);font-size:15px;margin:12px 0 6px;letter-spacing:1px}.reconnect-box p{color:var(--text-dim);font-size:11px;margin:0;line-height:1.5}.reconnect-spinner{width:26px;height:26px;margin:0 auto;border:3px solid var(--gold-dark);border-top-color:var(--gold);border-radius:50%;animation:reconnect-spin .9s linear infinite}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:2000}.settings-card{background:linear-gradient(165deg,#1e0f32,#0d1825);border:2px solid #8a6010;border-radius:14px;width:260px;padding:24px 20px 20px;box-shadow:0 0 50px #000000e6,0 0 24px #8a601059;display:flex;flex-direction:column;gap:18px}.settings-card h2{font-family:GameFont,monospace;color:var(--gold);font-size:15px;text-align:center;margin:0;text-shadow:2px 2px 0 var(--red-dark);letter-spacing:2px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-label{font-size:13px;color:var(--text-dim);letter-spacing:.3px}.lang-btns{display:flex;gap:6px}.settings-row.dimmed{opacity:.45}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:8px;margin:0;background:#2a1738;border:1px solid #8a6010;border-radius:4px;cursor:pointer}.volume-slider:disabled{cursor:default}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--gold);border:2px solid #8a6010;border-radius:3px;box-shadow:0 2px #00000080}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--gold);border:2px solid #8a6010;border-radius:3px}.volume-slider:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.toggle-btn{font-family:inherit;font-size:11px;padding:5px 12px;border-radius:4px;letter-spacing:.5px;min-width:44px}.toggle-btn.on{background:linear-gradient(to bottom,#3a7a2a,#1a4a12);border-color:var(--green);color:#c8ffb8;box-shadow:inset 0 -2px #0006,0 0 6px #5dd8704d}.toggle-btn.off{background:linear-gradient(to bottom,#4a2020,#2a1010);border-color:#6a2020;color:#c89090;box-shadow:inset 0 -2px #0006}.settings-close{font-family:GameFont,monospace;font-size:11px;letter-spacing:2px;color:var(--gold);padding:8px;background:#2a1540;border:1px solid #8a6010;border-radius:7px;margin-top:2px;cursor:pointer;transition:background .15s}.settings-close:hover{background:#3a2050;filter:none}.menu-buttons{display:flex;gap:12px;justify-content:center;margin-top:4px}.end-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:6px}.end-actions button{width:100%}.settings-leave{width:100%;margin-top:6px;border-color:var(--red)!important;color:var(--red);background:transparent!important;box-shadow:none!important;font-size:12px}.settings-leave:hover:not(:disabled){background:#c8323224!important;filter:none}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:2100;padding:calc(14px + var(--safe-top)) 14px calc(14px + var(--safe-bottom))}.guide-book{width:min(430px,100%);max-height:min(90vh,100%);display:flex;flex-direction:column;background:linear-gradient(to bottom,var(--bg-1) 0%,var(--bg-0) 100%);border:3px solid var(--gold);box-shadow:0 0 30px #ffd56047}.guide-head{padding:16px 16px 12px;border-bottom:2px solid var(--gold-dark);background:linear-gradient(to bottom,#4a2c6d 0%,var(--bg-1) 100%)}.guide-head h2{font-family:GameFont,monospace;color:var(--gold);font-size:16px;letter-spacing:2px;margin:0 0 8px;text-shadow:3px 3px 0 var(--red-dark)}.guide-head p{margin:0;font-size:11px;color:var(--text-dim);line-height:1.5}.guide-scroll{overflow-y:auto;padding:12px 14px 6px;flex:1}.guide-section-header{font-family:GameFont,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold-dark);padding-bottom:5px;margin:18px 0 10px}.guide-scroll>.guide-section-header:first-child{margin-top:0}.guide-rules{margin:0;padding-left:16px}.guide-rules li{font-size:11px;line-height:1.6;color:var(--text-dim);margin-bottom:7px}.guide-entry{background:linear-gradient(to bottom,var(--panel-2),var(--panel));border:2px solid var(--gold-dark);box-shadow:inset 0 -2px #0006;margin-bottom:6px}.guide-entry.open{border-color:var(--gold)}.guide-entry-head{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:none!important;border:none!important;box-shadow:none!important;padding:8px 10px!important;color:inherit;font-family:inherit;cursor:pointer}.guide-entry-head:hover:not(:disabled){background:#f5c54214!important;filter:none}.guide-entry-head:active:not(:disabled){transform:none;box-shadow:none!important}.guide-entry-head:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.guide-entry-head .icon{width:42px;height:42px;flex-shrink:0;font-size:20px}.guide-entry-name{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.guide-entry-name .n{font-family:GameFont,monospace;font-size:11px;color:var(--gold);text-shadow:2px 2px 0 #000}.guide-entry-name .sub{font-size:10px;color:var(--text-dim)}.guide-chevron{color:var(--gold-dark);font-size:11px;padding-right:2px}.guide-entry-body{padding:0 10px 12px}.guide-desc{margin:0 0 8px;font-size:11px;line-height:1.55;color:var(--text-dim)}.guide-special{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--gold);background:#ffd5601a;border-left:3px solid var(--gold-dark);padding:6px 8px}.guide-table-wrap{overflow-x:auto}.guide-table{font-family:GameFont,monospace;width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums;background:#00000038}th.col-coin{font-size:14px!important;letter-spacing:0!important}.guide-table th{font-family:GameFont,monospace;font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);text-align:left;padding:6px 8px;border-bottom:2px solid var(--gold-dark);white-space:nowrap}.guide-table td{padding:5px 8px;color:var(--text);border-bottom:1px solid rgba(255,213,96,.12)}.guide-table tbody tr:last-child td{border-bottom:none}.guide-table .pierce{color:var(--ki)}.guide-table .col-cost{color:var(--gold);text-align:right;border-left:1px solid rgba(255,213,96,.22)}.guide-econ{background:#00000038}.guide-econ td{color:var(--gold)}.guide-econ td:first-child{color:var(--text)}.guide-econ-more td{color:var(--text-dim)!important;font-size:10px}.guide-econ-note,.guide-unlock-intro{margin:8px 0 4px;font-size:10px;line-height:1.55;color:var(--text-dim)}.guide-unlock-intro{margin:0 0 8px}.leave-confirm{border:2px solid var(--red-dark);background:#c832321a;padding:10px;margin-top:6px}.leave-confirm p{margin:0 0 10px;font-size:11px;line-height:1.5;color:var(--text);text-align:center}.leave-confirm-actions{display:flex;gap:8px}.leave-confirm-actions button{flex:1;margin-top:0!important}.heart-gain{animation:heart-gain .72s ease-out 1;transform-origin:center}@keyframes heart-gain{0%{transform:scale(.2);filter:brightness(2.4) drop-shadow(0 0 8px #ff6a7a)}38%{transform:scale(1.65);filter:brightness(2) drop-shadow(0 0 10px #ff6a7a)}62%{transform:scale(.94);filter:brightness(1.3)}to{transform:scale(1);filter:none}}.shop-item .mastery{font-size:9px;color:var(--red);letter-spacing:.4px}.shop-item .name{display:flex;align-items:center;gap:6px;min-width:0}.shop-item .name .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-item .name .step{flex:0 0 auto;font-size:7px;line-height:1;padding:3px 4px 2px;letter-spacing:1px;border:1px solid #120818;border-radius:4px}.shop-item .name .step.up{color:var(--gold);background:#2a1738}.shop-item .name .step.new{color:#3d1f00;background:linear-gradient(to bottom,#ffe58a,#f2a20c)}.shop-item .statline{display:flex;align-items:baseline;gap:8px;margin-top:2px;flex-wrap:wrap}.shop-item .statline .stat{display:inline-flex;align-items:baseline;gap:2px;font-family:GameFont,monospace}.shop-item .statline .stat b{font-size:13px;color:var(--text)}.shop-item .statline .stat i{font-size:10px;font-style:normal;opacity:.85}.shop-item .statline .stat b{color:var(--text)}.shop-item .statline .stat.cost b{font-size:12px}.shop-empty{color:var(--text-dim);font-size:11px;padding:8px 2px}.shop-hand{margin-top:12px;flex:0 0 auto;display:flex;flex-direction:column;min-height:0}.hand-row{flex:0 0 auto;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 0 2px;scrollbar-width:none}.hand-row::-webkit-scrollbar{display:none}.hand-row{padding-bottom:5px}.hand-chip{position:relative;overflow:hidden;flex:0 0 auto;width:72px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 4px 7px!important;background:linear-gradient(to bottom,#8a64b0,#5b3a82 45%,#3b2259);border:2px solid #120818;border-radius:9px;box-shadow:inset 0 0 0 2px #ffd560b3,inset 0 2px #ffffff4d,inset 0 -4px #26143c,0 2px #120818}.hand-chip:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffd560b3,inset 0 2px #ffffff4d,inset 0 -2px #26143c,0 0 #120818}.hand-chip .chip-flash{border-radius:7px}.hand-chip .icon{width:100%;max-width:46px;height:auto;aspect-ratio:1;font-size:18px}.hand-chip .hand-name{font-family:GameFont,monospace;font-size:7px;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hand-chip .hand-lv{font-family:GameFont,monospace;font-size:7px;color:var(--text-dim)}.hand-chip.open{display:none}@container shop (min-height: 695px){.shop-item .name{font-size:12px}.shop-item .statline .stat b{font-size:14px}.hand-row{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;overflow:visible;padding-top:6px}.hand-chip{width:auto;min-width:0;gap:2px;padding:4px 4px 7px!important}.hand-chip .icon{max-width:42px}.hand-chip.open{display:block;background:#0003;border:2px dashed rgba(255,213,96,.35);box-shadow:none}.shop-actions{margin-top:10px}.shop-actions .cr-btn{height:50px;font-size:14px}}@container shop (min-height: 770px){.shop-item{min-height:70px}.shop-item .icon{width:56px;height:56px}.shop-item .name .step{font-size:8px}.shop-item .statline .stat b{font-size:15px}.shop-item .statline .stat.cost b{font-size:14px}.shop-item .statline .stat .stat-icon{width:17px;height:17px}.shop-item>button:not(.shop-item-open),.buy-slot>button{width:86px;flex-basis:86px;font-size:12px;padding:8px 4px 11px}.max-tag{width:86px;flex-basis:86px}.buy-cost{font-size:10px}.hand-chip .icon{max-width:46px}}.sell-bar{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 8px;border:2px solid var(--gold-dark);background:#00000040;font-family:GameFont,monospace;font-size:10px;color:var(--gold)}.sell-bar span{flex:1}.sell-bar button{font-size:10px;padding:5px 9px}.move-info-sell-btn{color:var(--gold)}.sell-bar.move-info-sell{margin:10px 14px 0;border-radius:7px;font-size:9px}.stat-icon{width:13px;height:13px;object-fit:contain;image-rendering:pixelated;vertical-align:-2px;flex:0 0 auto}.shop-item .statline .stat .stat-icon{width:15px;height:15px}.buy-cost{display:inline-flex;align-items:center;gap:2px;font-family:GameFont,monospace;font-size:9px;color:var(--gold)}.buy-cost .stat-icon{width:12px;height:12px;vertical-align:0}.sell-bar .stat-icon{width:12px;height:12px;vertical-align:-1px}.move-info-sell-btn{display:flex;align-items:center;justify-content:center;gap:4px}.move-info-sell-btn .stat-icon{width:13px;height:13px;vertical-align:0}.guide-table th .stat-icon,.move-info-stats th .stat-icon{width:11px;height:11px;vertical-align:-1px}.coin-amount{display:inline-flex;align-items:center;gap:3px}.coin-amount .stat-icon{vertical-align:0}.shop-item .statline .stat.atk .pierce{color:var(--text)}.shop-item .statline .mark{font-size:14px;line-height:1;margin-left:2px;align-self:center;position:relative;top:1px}.shop-item .statline .mark.warn{color:#ff9d3c}.shop-item .statline .mark.star{color:var(--gold)}.num{font-family:GameFont,monospace;font-size:.82em;letter-spacing:0;position:relative;top:.23em}.vs-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#1a0f1f;font-family:GameFont,monospace}.vs-bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%;object-fit:cover;filter:blur(5px) brightness(.7) saturate(.9)}.vs-wedge{position:absolute;top:0;right:0;bottom:0;left:0}.vs-wedge.blue{clip-path:polygon(0 0,0 100%,100% 100%);background:linear-gradient(200deg,#265adc2e,#143cbe8c)}.vs-wedge.red{clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(20deg,#dc32322e,#aa141e8c)}.vs-seam{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);clip-path:polygon(0 0,1.4% 0,100% 99.2%,100% 100%,98.6% 100%,0 .8%);filter:drop-shadow(0 0 6px rgba(255,213,96,.9))}.vs-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.vs-screen.found .vs-flash{animation:vs-flash .5s ease-out}@keyframes vs-flash{0%{opacity:.9}to{opacity:0}}.vs-fighter{position:absolute;width:68%;display:flex;flex-direction:column;align-items:center;gap:2px}.vs-fighter.blue{left:-9%;bottom:calc(14% + var(--safe-bottom))}.vs-fighter.red{right:-9%;top:calc(-3% + var(--safe-top))}.vs-fighter.blue .vs-name{margin-left:22%;margin-top:-6px}.vs-fighter.red .vs-name{margin-right:22%}.vs-sprite{width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 4px rgba(0,0,0,.45))}.vs-fighter.blue .vs-sprite{animation:vs-breathe 4.5s ease-in-out infinite;transform-origin:50% 100%}.vs-screen.ready .vs-fighter .vs-sprite{animation:vs-stomp .35s ease-out}@keyframes vs-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.005)}}@keyframes vs-stomp{0%{transform:scale(1.12)}60%{transform:scale(.97)}to{transform:scale(1)}}.vs-fighter.red .vs-sprite{animation:vs-enter .55s cubic-bezier(.2,1.3,.4,1)}@keyframes vs-enter{0%{transform:translate(60%,-40%);opacity:0}to{transform:none;opacity:1}}.vs-screen.found{animation:vs-shake .4s ease-out .05s}@keyframes vs-shake{0%,to{transform:none}20%{transform:translate(-6px,4px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}.vs-name{font-size:13px;color:var(--gold);letter-spacing:1px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.vs-searching{position:absolute;right:6%;top:9vh;width:100%;text-align:right;font-size:12px;color:#ffe0e0;letter-spacing:1px;text-shadow:2px 2px 0 #000;animation:vs-pulse 1.6s ease-in-out infinite}@keyframes vs-pulse{0%,to{opacity:.55}50%{opacity:1}}.vs-searching .dots i{display:inline-block;width:6px;height:6px;margin-left:4px;background:#ffe0e0;animation:vs-dot 1.2s infinite}.vs-searching .dots i:nth-child(2){animation-delay:.2s}.vs-searching .dots i:nth-child(3){animation-delay:.4s}@keyframes vs-dot{0%,60%,to{opacity:.2}30%{opacity:1}}.vs-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:44px;color:#fff;-webkit-text-stroke:2px #1a0f1f;text-shadow:4px 4px 0 var(--red-dark),0 0 18px rgba(255,213,96,.9);letter-spacing:2px}.vs-screen.found .vs-badge{animation:vs-slam .5s cubic-bezier(.2,1.4,.4,1) .15s both}@keyframes vs-slam{0%{transform:translate(-50%,-50%) scale(3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.vs-screen .vs-cancel{position:absolute;left:19%;right:19%;bottom:calc(5% + var(--safe-bottom));z-index:3;height:56px;font-size:30px;letter-spacing:3px}.vs-cancel:disabled{opacity:.35;filter:none}.vs-cancel:active:not(:disabled){transform:translateY(4px)}.cr-btn{--top: #ffe58a;--face: #ffc93c;--bottom: #f2a20c;--lip: #b86d00;--line: #3d1f00;position:relative;font-family:"Jersey 10",GameFont,monospace;font-size:26px;font-weight:400;line-height:1;letter-spacing:1px;color:#fff;padding:10px 18px 13px;border:3px solid var(--line);border-radius:14px;background:linear-gradient(to bottom,var(--top) 0%,var(--face) 48%,var(--bottom) 100%);box-shadow:inset 0 3px #ffffff8c,inset 0 -6px 0 var(--lip),0 5px 0 var(--line),0 9px 14px #00000073;text-shadow:0 2px 0 var(--line),2px 0 0 var(--line),-2px 0 0 var(--line),0 -2px 0 var(--line),2px 2px 0 var(--line),-2px 2px 0 var(--line);transition:transform 70ms ease,box-shadow 70ms ease,filter 70ms ease}.cr-btn:hover:not(:disabled){filter:brightness(1.07)}.cr-btn:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 3px #ffffff73,inset 0 -3px 0 var(--lip),0 1px 0 var(--line),0 3px 6px #0006}.cr-btn:disabled{opacity:1;filter:grayscale(.55) brightness(.75);cursor:default}.cr-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.cr-blue{--top: #8ccaff;--face: #4a9af5;--bottom: #2a63d6;--lip: #18409a;--line: #0b1f52}.cr-red{--top: #ff9d8f;--face: #ee5544;--bottom: #b8261f;--lip: #7d1212;--line: #3d0a0a}.cr-purple{--top: #8a64b0;--face: #5b3a82;--bottom: #3b2259;--lip: #26143c;--line: #120818}.home{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:calc(10px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));overflow:hidden;overflow:clip;isolation:isolate;animation:home-in .35s ease-out}@keyframes home-in{0%{opacity:0}}.home-bg{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:-3;background-size:cover;background-position:center 30%;filter:blur(4px) brightness(.42) saturate(1.15)}.home-bg.pan{top:0;right:0;bottom:0;left:0;overflow:hidden;filter:none;background:#1a0f1f}.home-bg.pan:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#10081a61}.home-pan{position:absolute;top:0;right:0;bottom:0;left:0;animation:pan-track 80s ease-in-out -40s infinite alternate}.home-pan img{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;image-rendering:auto;animation:pan-picture 80s ease-in-out -40s infinite alternate}@keyframes pan-track{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes pan-picture{0%{transform:translate(0)}to{transform:translate(-100%)}}.home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(to bottom,#1a0f1fd9,#1a0f1f26 28%,#1a0f1f1a 62%,#0d0614eb)}.home-glow{position:absolute;top:-50px;width:230px;height:230px;border-radius:50%;z-index:-1;background:radial-gradient(circle,#ff783c6b,#ff5a2800 70%);animation:glow-flicker 3.2s ease-in-out infinite;pointer-events:none}.home-glow.left{left:-80px}.home-glow.right{right:-80px;animation-delay:-1.6s}@keyframes glow-flicker{0%,to{opacity:.75}45%{opacity:1}60%{opacity:.85}}.home-fog{position:absolute;left:-50%;right:-50%;bottom:-30px;height:34%;z-index:-1;background:radial-gradient(ellipse 30% 40% at 20% 70%,rgba(220,230,255,.22),transparent 70%),radial-gradient(ellipse 25% 35% at 55% 80%,rgba(220,230,255,.18),transparent 70%),radial-gradient(ellipse 30% 40% at 85% 65%,rgba(220,230,255,.2),transparent 70%);filter:blur(6px);animation:fog-drift 18s linear infinite alternate;pointer-events:none}@keyframes fog-drift{0%{transform:translate(-8%)}to{transform:translate(8%)}}.home-top{flex:none;width:100%;display:flex;align-items:center;gap:8px}.name-plate,.icon-btn{border:3px solid #120818;border-radius:14px;background:linear-gradient(to bottom,#4a2c6d,#2a1738);box-shadow:inset 0 2px #ffffff26,inset 0 -3px #00000059,0 4px #120818}.name-plate:active:not(:disabled),.icon-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffffff26,inset 0 -2px #00000059,0 1px #120818}.name-plate{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;text-align:left}.name-badge{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:2px solid #0b1f52;background:linear-gradient(to bottom,#6fb9ff,#2560d8);box-shadow:inset 0 2px #ffffff73,inset 0 -3px #173f99;font-family:"Jersey 10",monospace;font-size:28px;color:#fff;text-shadow:0 2px 0 #0b1f52}.name-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Jersey 10",monospace;font-size:25px;font-weight:400;color:var(--cream);text-shadow:0 2px 0 #120818}.icon-btn{flex:none;width:50px;height:50px;padding:5px}.icon-btn img{width:100%;height:100%;object-fit:contain}.home-logo{flex:0 1 auto;min-height:0;max-width:86%;max-height:17%;object-fit:contain;filter:drop-shadow(0 6px 0 rgba(0,0,0,.45));animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.home-logo-text,.title-logo-text{margin:0;font-family:GameFont,monospace;font-size:28px;line-height:1.4;text-align:center;color:var(--gold);text-shadow:3px 3px 0 var(--red-dark),6px 6px 0 rgba(0,0,0,.6)}.arena-card{flex:0 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;position:relative;margin-bottom:16px;padding:0;border:none;background:none;box-shadow:none;animation:card-bob 5s ease-in-out infinite}.arena-card:active:not(:disabled){transform:none;box-shadow:none}@keyframes card-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.arena-frame{flex:1 1 auto;min-height:0;position:relative;display:block;width:100%;aspect-ratio:3 / 2;overflow:hidden;border:4px solid var(--gold);border-radius:18px;background:#120818;box-shadow:0 0 0 3px #120818,0 8px #120818,0 12px 24px #0000008c;transition:transform 90ms ease}.arena-card:active .arena-frame{transform:scale(.985)}.arena-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 55%,rgba(13,6,20,.6) 100%);box-shadow:inset 0 0 0 2px #ffffff38,inset 0 0 30px #00000073;border-radius:14px;pointer-events:none}.arena-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:art-in .35s ease-out}@keyframes art-in{0%{opacity:0;transform:scale(1.06)}}.arena-shine{position:absolute;top:-20%;bottom:-20%;left:-40%;width:30%;z-index:1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:skew(-18deg);animation:shine 5.5s ease-in-out infinite;pointer-events:none}@keyframes shine{0%,72%{left:-40%}to{left:130%}}.arena-mode{position:absolute;top:9px;right:9px;z-index:2;padding:4px 12px 6px;border:2px solid var(--gold);border-radius:10px;background:linear-gradient(to bottom,#b52a2a,#6e0f0f);box-shadow:inset 0 2px #ffffff4d,0 0 0 2px #2a0606,0 3px #2a0606;font-family:"Jersey 10",monospace;font-size:20px;letter-spacing:1px;color:var(--gold);text-shadow:0 2px 0 #2a0606,2px 0 0 #2a0606,-2px 0 0 #2a0606,0 -2px 0 #2a0606}html.standalone .home-logo,html.standalone .home-logo-text,html.standalone .home-actions{margin-top:auto}html.standalone .home-actions{margin-bottom:auto}html.standalone .home:after{content:"";margin-top:auto}.home-actions{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.play-btn{width:80%;height:72px;font-size:46px;letter-spacing:3px}.play-btn:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:19px;box-shadow:0 0 22px 4px #ffc93c99;opacity:0;animation:play-glow 2.4s ease-in-out infinite;pointer-events:none}.play-btn:disabled:after{animation:none}@keyframes play-glow{0%,to{opacity:0}50%{opacity:1}}.friend-btn{width:80%;height:54px;font-size:28px}.install-tip{position:relative;width:92%;display:flex;align-items:center;gap:10px;margin-top:2px;padding:8px 8px 8px 12px;border:2px solid var(--gold-dark);border-radius:12px;background:#1a0f1feb;box-shadow:0 4px #120818;font-size:13px;line-height:1.3;color:var(--cream);animation:tip-in .4s ease-out .6s both}.install-tip:after{content:"";position:absolute;left:50%;top:100%;margin-left:-7px;border:7px solid transparent;border-top-color:var(--gold-dark)}@keyframes tip-in{0%{opacity:0;transform:translateY(8px)}}.install-tip span{flex:1}.share-icon{flex:none;width:24px;height:24px;fill:none;stroke:#6fb9ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.install-tip-close{flex:none;width:28px;height:28px;padding:0;border:none;background:none;box-shadow:none;font-size:14px;color:var(--text-dim)}.home-error{margin:0;max-width:92%;padding:6px 12px;border:2px solid #ff8a80;border-radius:10px;background:#6e0f0fe0;color:#ffe0dc;font-size:14px;text-align:center}.busy-dots i{display:inline-block;width:10px;height:10px;margin:0 4px;background:#fff;box-shadow:0 2px 0 var(--line);animation:vs-dot 1.2s infinite}.busy-dots i:nth-child(2){animation-delay:.2s}.busy-dots i:nth-child(3){animation-delay:.4s}.sheet-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;background:#08030e9e;animation:dim-in .18s ease-out}@keyframes dim-in{0%{opacity:0}}.sheet{width:100%;max-height:86%;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:16px 16px calc(22px + var(--safe-bottom));border-top:4px solid var(--gold);border-radius:22px 22px 0 0;background:linear-gradient(to bottom,#3e2556,#22122f 60%);box-shadow:0 -3px #120818,0 -10px 30px #00000080;animation:sheet-up .26s cubic-bezier(.2,1.1,.4,1)}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-head h2{margin:0;font-family:"Jersey 10",monospace;font-size:34px;font-weight:400;letter-spacing:1px;color:var(--gold);text-shadow:0 3px 0 #120818,2px 0 0 #120818,-2px 0 0 #120818,0 -2px 0 #120818}.sheet-close{flex:none;width:42px;height:42px;padding:0 0 3px;font-size:20px;border-radius:12px}.sheet-main{width:100%;height:58px;font-size:30px}.mode-list{display:flex;flex-direction:column;gap:10px}.mode-tile{position:relative;display:flex;align-items:center;gap:12px;padding:8px 46px 8px 8px;text-align:left;border:3px solid #120818;border-radius:14px;background:linear-gradient(to bottom,#4a2c6d,#2e1a45);box-shadow:inset 0 2px #ffffff1f,0 4px #120818}.mode-tile:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffffff1f,0 1px #120818}.mode-tile img,.mode-thumb{flex:none;width:104px;height:70px;object-fit:cover;border:2px solid rgba(255,213,96,.5);border-radius:9px;background:#120818}.mode-text{display:flex;flex-direction:column;gap:3px;min-width:0}.mode-text b{font-family:"Jersey 10",monospace;font-size:24px;font-weight:400;color:var(--cream);text-shadow:0 2px 0 #120818}.mode-text small{font-size:13px;line-height:1.25;color:var(--text-dim)}.mode-tile.on{border-color:var(--gold);background:linear-gradient(to bottom,#6a3f8f,#3f2360);box-shadow:inset 0 2px #ffffff2e,0 4px #120818,0 0 14px #ffd56073}.mode-tile.on img{border-color:var(--gold)}.mode-check{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border:2px solid #3d1f00;border-radius:50%;background:linear-gradient(#ffe58a,#f2a20c);color:#3d1f00;font-size:18px;font-weight:900}.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:3px solid #120818;border-radius:14px;background:#160b20}.seg button{padding:9px 6px 10px;border:none;border-radius:10px;background:transparent;box-shadow:none;font-family:"Jersey 10",monospace;font-size:21px;font-weight:400;color:var(--text-dim)}.seg button:active:not(:disabled){transform:none;box-shadow:none}.seg button.on{background:linear-gradient(to bottom,#ffe58a,#f2a20c);box-shadow:inset 0 -3px #b86d00;color:#fff;text-shadow:0 2px 0 #3d1f00,2px 0 0 #3d1f00,-2px 0 0 #3d1f00,0 -2px 0 #3d1f00}.sheet-or{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:13px}.sheet-or:before,.sheet-or:after{content:"";flex:1;height:2px;background:#ffd56040}.code-row,.name-form{display:flex;gap:10px}.name-form{flex-direction:column}.code-input,.name-input{min-width:0;padding:6px 10px 8px;border:3px solid #120818;border-radius:12px;background:#160b20;box-shadow:inset 0 3px #0006,0 0 0 2px #ffd56059;font-family:"Jersey 10",monospace;color:var(--gold);text-align:center;outline:none}.code-input:focus,.name-input:focus{box-shadow:inset 0 3px #0006,0 0 0 2px var(--gold)}.code-input{flex:1;font-size:36px;letter-spacing:12px;text-transform:uppercase}.code-input::placeholder{font-size:24px;letter-spacing:4px;color:#c9b89a73}.code-row .cr-btn{flex:none;width:110px}.name-input{font-size:32px;letter-spacing:1px}.vs-screen.inviting .vs-badge{opacity:0}.vs-screen.inviting .vs-fighter.blue{width:56%;left:-4%;bottom:calc(13% + var(--safe-bottom))}.vs-invite{position:absolute;top:calc(4% + var(--safe-top));right:5%;z-index:3;width:min(80%,330px);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;border:3px solid #120818;border-radius:16px;background:linear-gradient(to bottom,#4e141cf0,#28080ef5);box-shadow:0 0 0 2px #ffd560cc,0 6px #120818,0 12px 24px #00000080;font-family:Pixelify Sans,sans-serif;animation:invite-in .4s cubic-bezier(.2,1.3,.4,1)}@keyframes invite-in{0%{opacity:0;transform:translateY(-20px) scale(.92)}}.vs-invite-label{font-family:"Jersey 10",monospace;font-size:19px;letter-spacing:2px;color:#ffd0c8}.vs-code{display:flex;gap:6px}.vs-code span{width:52px;height:60px;display:grid;place-items:center;border:3px solid #120818;border-radius:10px;background:#160b20;box-shadow:inset 0 3px #00000073,0 0 0 2px #ffd56080;font-family:"Jersey 10",monospace;font-size:48px;color:var(--gold);text-shadow:0 3px 0 #000}.vs-invite-hint{margin:0;font-size:12px;line-height:1.3;text-align:center;color:#ffe0dc;opacity:.85}.vs-share{width:100%;height:50px;font-size:26px}.vs-copy{width:100%;height:38px;padding:4px 6px 7px;font-size:20px}.vs-invite-wait{font-size:12px;color:#ffe0e0;animation:vs-pulse 1.6s ease-in-out infinite}.vs-invite-wait .dots i{display:inline-block;width:5px;height:5px;margin-left:4px;background:#ffe0e0;animation:vs-dot 1.2s infinite}.vs-invite-wait .dots i:nth-child(2){animation-delay:.2s}.vs-invite-wait .dots i:nth-child(3){animation-delay:.4s}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;overflow:clip;isolation:isolate;background:#0d0614;cursor:pointer;font-family:"Jersey 10",monospace}.title-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;opacity:0;transform:scale(1.08);transition:opacity .8s ease,transform 2.4s cubic-bezier(.2,.8,.3,1)}.title-screen.shown .title-art{opacity:1;transform:scale(1)}.title-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0d0614cc,#0d061433 30%,#0d061400,#0d06141a 70%,#0d0614d9)}.title-screen .home-fog{z-index:2}.title-top{position:absolute;top:calc(5% + var(--safe-top));left:0;right:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px}.title-logo{width:86%;max-width:380px;filter:drop-shadow(0 8px 0 rgba(0,0,0,.5))}.title-screen.shown .title-logo{animation:logo-slam .7s cubic-bezier(.2,1.5,.4,1) .25s both,title-float 4s ease-in-out 1s infinite}@keyframes logo-slam{0%{transform:scale(2.4);opacity:0}60%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.title-logo-text{margin-top:40px}.title-tagline{margin:0;white-space:pre-line;text-align:center;font-family:Pixelify Sans,sans-serif;font-size:15px;line-height:1.35;color:var(--cream);text-shadow:0 2px 0 #000,2px 0 0 #000,-2px 0 0 #000,0 -2px 0 #000;opacity:0}.title-screen.shown .title-tagline{animation:tagline-in .5s ease-out .8s both}@keyframes tagline-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.tap-plate{position:absolute;left:50%;bottom:calc(8% + var(--safe-bottom));z-index:4;transform:translate(-50%);white-space:nowrap;padding:10px 28px 12px;border:3px solid #2a0606;border-radius:14px;background:linear-gradient(to bottom,#b52a2a,#6e0f0f);box-shadow:inset 0 2px #ffffff4d,inset 0 -4px #0000004d,0 0 0 3px var(--gold),0 6px #2a0606,0 0 26px #ffa03c8c;font-size:32px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 3px 0 #2a0606,2px 0 0 #2a0606,-2px 0 0 #2a0606,0 -2px 0 #2a0606;animation:plate-in .5s cubic-bezier(.2,1.4,.4,1) .6s both,plate-pulse 1.8s ease-in-out 1.1s infinite}@keyframes plate-in{0%{transform:translate(-50%) translateY(30px) scale(.8);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes plate-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.06)}}.title-loading{position:absolute;left:50%;bottom:calc(10% + var(--safe-bottom));z-index:4;transform:translate(-50%);width:62%;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:20px;letter-spacing:2px;color:var(--text-dim);text-shadow:0 2px 0 #000}.load-bar{width:100%;height:16px;overflow:hidden;border:3px solid #120818;border-radius:8px;background:#160b20;box-shadow:0 0 0 2px #ffd56099}.load-bar i{display:block;width:40%;height:100%;background:linear-gradient(to bottom,#ffe58a,#f2a20c);animation:load-slide 1.1s ease-in-out infinite}@keyframes load-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.title-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#fff;opacity:0;pointer-events:none}.title-screen.leaving .title-flash{animation:title-flash .28s ease-out forwards}@keyframes title-flash{0%{opacity:0}35%{opacity:.85}to{opacity:1;background:#1a0f1f}}@media (prefers-reduced-motion: reduce){.home-logo,.arena-card,.arena-shine,.play-btn:after,.home-glow,.home-fog,.title-logo,.tap-plate{animation:none!important}.home-pan{animation:none!important;transform:translate(50%)}.home-pan img{animation:none!important;transform:translate(-50%)}.title-tagline{animation:none!important;opacity:1}.title-art{transition:opacity .4s ease;transform:none}}.end-screen{isolation:isolate;overflow:hidden;overflow:clip;gap:18px;padding:24px}.end-rays{position:absolute;left:50%;top:38%;width:170%;aspect-ratio:1;z-index:-1;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,213,96,.16) 0deg 10deg,transparent 10deg 30deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 62%);mask:radial-gradient(circle,#000 18%,transparent 62%);animation:rays-spin 24s linear infinite;pointer-events:none}@keyframes rays-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.end-screen .end-banner{margin:0;font-family:"Jersey 10",GameFont,monospace;font-size:72px;font-weight:400;line-height:1;letter-spacing:3px;color:var(--gold);text-shadow:0 5px 0 #3d1f00,3px 0 0 #3d1f00,-3px 0 0 #3d1f00,0 -3px 0 #3d1f00,3px 5px 0 #3d1f00,-3px 5px 0 #3d1f00,0 0 30px rgba(255,201,60,.55);animation:banner-drop .6s cubic-bezier(.2,1.5,.4,1) both}.end-screen.lost .end-banner{color:#c9d4ff;text-shadow:0 5px 0 #141a33,3px 0 0 #141a33,-3px 0 0 #141a33,0 -3px 0 #141a33,3px 5px 0 #141a33,-3px 5px 0 #141a33}@keyframes banner-drop{0%{transform:translateY(-40px) scale(1.4);opacity:0}}.end-screen .end-msg{margin:0;font-size:15px;color:var(--text-dim);text-align:center}.end-score{border:3px solid #120818;border-radius:16px;background:linear-gradient(to bottom,#4a2c6d,#2a1738);box-shadow:0 0 0 2px var(--gold),0 5px #120818,0 10px 20px #00000073}.end-actions{width:min(300px,86%);gap:14px}.end-actions .cr-btn{height:58px;font-size:30px}.guide-head h2{font-family:"Jersey 10",GameFont,monospace;font-size:34px;font-weight:400;letter-spacing:1px;color:var(--gold);text-shadow:0 3px 0 #120818,2px 0 0 #120818,-2px 0 0 #120818,0 -2px 0 #120818}.guide-done{height:50px;font-size:26px}.guide-done{margin:12px 14px 14px}.guide-book{overflow:hidden;border:4px solid var(--gold);border-radius:20px;box-shadow:0 0 0 3px #120818,0 8px #120818,0 14px 30px #0009}.guide-head{border-bottom:3px solid #120818}@media (prefers-reduced-motion: reduce){.end-rays,.end-screen .end-banner{animation:none!important}}:lang(ja) .cr-btn{letter-spacing:0}:lang(ja) .tap-plate{font-size:24px;letter-spacing:1px}:lang(ja) .play-btn{font-size:34px}:lang(ja) .friend-btn,:lang(ja) .end-actions .cr-btn,:lang(ja) .vs-screen .vs-cancel{font-size:22px}:lang(ja) .arena-mode{font-size:15px}:lang(ja) .sheet-head h2,:lang(ja) .guide-head h2{font-size:26px}:lang(ja) .sheet-main,:lang(ja) .vs-share{font-size:21px}:lang(ja) .mode-text b{font-size:19px}:lang(ja) .seg button{font-size:16px}:lang(ja) .code-row .cr-btn,:lang(ja) .vs-copy,:lang(ja) .guide-done{font-size:17px}:lang(ja) .vs-invite-label{font-size:15px}:lang(ja) .end-screen .end-banner{font-size:56px}