:root{--black: 0 0% 0%;--white: 0 0% 100%;--gray-100: 210 17% 95%;--gray-200: 210 16% 93%;--gray-300: 0 0% 27%;--gray-400: 0 0% 33%;--gray-700: 0 0% 87%;--gray-800: 0 0% 67%;--gray-900: 220 13% 5%;--gray-950: 0 0% 7%;--orange-300: 27 96% 72%;--orange-400: 27 96% 61%;--orange-500: 24 95% 55%;--orange-600: 20 92% 47%;--red-300: 0 94% 82%;--red-400: 0 91% 67%;--red-600: 0 72% 51%;--red-700: 0 74% 42%;--blue: 217 100% 50%;--red: 0 100% 50%;--purple: 280 100% 25%;--purple-600: 280 100% 32%;--purple-700: 280 100% 22%;--color-purplePink: 267, 95%, 76%;--color-customRed: 333, 84%, 42%;--color-darkPurplePink: #8353c3;--color-purple40: #6650a4;--color-purple80: #d0bcff;--color-ergoGray: #303030;--color-ergoLightGray: #3d3d3d}:root{--color-bg: hsl(var(--black));--color-text: hsl(var(--white));--color-overlay: hsla(var(--black) / .9);--menu-bg-gradient-start: hsl(220 13% 10%);--menu-bg-gradient-end: hsl(var(--black));--menu-border: hsl(var(--orange-400));--menu-title: hsl(var(--orange-400));--menu-title-stroke: hsl(20 83% 39%);--menu-focus-ring: hsla(var(--orange-300) / .5);--menu-fight-focus: hsla(var(--red-300) / .5);--menu-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25), 0 0 20px hsla(var(--orange-500) / .2);--btn-menu-fg: hsl(41 75% 23%);--btn-menu-bg: hsl(var(--orange-400));--btn-menu-bg-hover: hsl(var(--orange-500));--btn-menu-border: hsl(var(--orange-600));--btn-fight-fg: hsl(var(--white));--btn-fight-bg: hsl(var(--red-600));--btn-fight-bg-hover: hsl(var(--red-700));--btn-fight-border: hsl(var(--red-400));--btn-left-bg: hsl(var(--blue));--btn-right-bg: hsl(var(--red));--btn-reset-bg: hsl(var(--purple));--btn-reset-hover: hsl(var(--purple-600));--btn-reset-active: hsl(var(--purple-700));--btn-fg: hsl(var(--white));--btn-border: hsl(var(--black));--btn-hover: hsl(var(--gray-300));--btn-active: hsl(var(--gray-400));--retaliation-glow: hsl(var(--red));--sg-bg: var(--color-overlay);--sg-card-bg: hsl(var(--gray-950));--sg-card-fg: hsl(var(--white));--sg-muted: hsl(var(--gray-700));--sg-button-bg: hsl(var(--color-purplePink));--sg-button-bg-hover: hsl(var(--color-customRed));--sg-button-fg: hsl(0 0% 7%);--sg-error: hsl(var(--red-400));--sg-hint: hsl(var(--gray-800));--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-lg: 0 10px 30px hsla(0 0% 0% / .6)}html,body,#root{width:100%;height:100%}body{font-family:Orbitron,sans-serif;background:var(--color-bg);color:var(--color-text);overflow:hidden}.stadium-container{position:fixed;inset:0;background-image:url(/assets/stadium-D84Y4nec.gif);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.kamehameha-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative}.kamehameha-canvas{display:block;width:100%;height:100%}.controls-container{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 3%;z-index:10}.clash-button-left,.clash-button-right{background-color:var(--btn-left-bg);color:var(--btn-fg);border:2px solid var(--btn-border);padding:10px 20px;font-size:16px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s,transform .1s}.clash-button-right{background-color:var(--btn-right-bg)}.clash-button-left:hover,.clash-button-right:hover{background-color:var(--btn-hover)}.clash-button-left:active,.clash-button-right:active{transform:scale(.95);background-color:var(--btn-active)}.reset-container{position:absolute;top:50%;left:50%;transform:translate(-50%);z-index:10}.clash-button-reset{background-color:var(--btn-reset-bg);color:var(--btn-fg);border:2px solid var(--btn-border);padding:14px 28px;font-size:18px;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,transform .1s}.clash-button-reset:hover{background-color:var(--btn-reset-hover)}.clash-button-reset:active{transform:scale(.95);background-color:var(--btn-reset-active)}body.critical-fail{animation:criticalFailShake .3s}body.retaliation-active .character-image{animation:retaliationShake .5s;filter:drop-shadow(0 0 8px var(--retaliation-glow))}@keyframes criticalFailShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes retaliationShake{0%,to{transform:scaleX(1)}25%{transform:scaleX(1.1) translate(-5px)}75%{transform:scaleX(.9) translate(5px)}}.tomb-enter{opacity:0;transform:scaleY(.8) scaleX(1);transform-origin:center bottom;animation:appearTomb .6s ease-in .15s forwards}@keyframes appearTomb{0%{opacity:0;transform:scaleY(.6) scaleX(1.1)}50%{opacity:.7;transform:scaleY(1.05) scaleX(.95)}to{opacity:1;transform:scaleY(1) scaleX(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.menu-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999}.menu-box{background-image:linear-gradient(to bottom right,var(--menu-bg-gradient-start),var(--menu-bg-gradient-end));border:4px solid var(--menu-border);border-radius:1rem;box-shadow:var(--menu-shadow);width:100%;max-width:24rem;text-align:center;padding:1.5rem;animation:fadeIn .5s ease-out forwards;z-index:10000}.menu-box>*+*{margin-top:1rem}.menu-title{font-family:Bangers,cursive;font-size:3rem;color:var(--menu-title);letter-spacing:.05em;-webkit-text-stroke:2px var(--menu-title-stroke);text-shadow:3px 3px 6px rgba(0,0,0,.7)}.menu-buttons-container{display:flex;flex-direction:column;align-items:center;padding-top:1rem}.menu-buttons-container>*+*{margin-top:.75rem}.menu-button{position:relative;width:100%;max-width:20rem;font-family:Bangers,cursive;font-size:1.875rem;letter-spacing:.025em;color:var(--btn-menu-fg);background-color:var(--btn-menu-bg);border:2px solid var(--btn-menu-border);border-radius:.5rem;padding:.5rem 1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);cursor:pointer;transition:all .3s ease-in-out;transform:scale(1);transform-origin:center}.menu-button:hover{background-color:var(--btn-menu-bg-hover);transform:scale(1.1);transform-origin:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.menu-button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--menu-focus-ring)}.menu-button--fight{color:var(--btn-fight-fg);background-color:var(--btn-fight-bg);border-color:var(--btn-fight-border)}.menu-button--fight:hover{background-color:var(--btn-fight-bg-hover)}.menu-button--fight:focus-visible{box-shadow:0 0 0 4px var(--menu-fight-focus)}.dragon-ball-icon{height:1.5rem;width:1.5rem;position:absolute;left:1rem;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s}.menu-button:hover .dragon-ball-icon{opacity:1}@media(min-width:768px){.menu-box{max-width:28rem;padding:2rem}.menu-box>*+*{margin-top:1.25rem}.menu-title{font-size:3.75rem}.menu-buttons-container>*+*{margin-top:1rem}.menu-button{font-size:2.25rem}.dragon-ball-icon{height:2rem;width:2rem}}@media(min-width:1024px){.menu-box{max-width:32rem}}.sound-gate-overlay{position:fixed;inset:0;background:var(--sg-bg);display:flex;justify-content:center;align-items:center;z-index:9999}.sound-gate-box{background:var(--sg-card-bg);color:var(--sg-card-fg);width:min(90vw,520px);padding:2rem;border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-lg)}.sound-gate-box h1{margin:0 0 .5rem;font-size:1.75rem;letter-spacing:.02em}.sound-gate-box p{margin:.5rem 0 1rem;color:var(--sg-muted)}.sound-gate-button{appearance:none;border:none;cursor:pointer;padding:.7rem 1.2rem;border-radius:var(--radius-md);font-weight:700;font-size:1.1rem;letter-spacing:.05em;background:var(--sg-button-bg);color:var(--sg-button-fg);transition:background-color .2s ease,transform .12s ease,opacity .12s ease}.sound-gate-button:hover{background:var(--sg-button-bg-hover)}.sound-gate-button:active{transform:scale(.97)}.sound-gate-button[disabled]{opacity:.6;cursor:default}.sound-gate-error{color:var(--sg-error);margin:.25rem 0 .75rem;font-size:.95rem}.sound-gate-hint{margin-top:.75rem;color:var(--sg-hint);font-size:.85rem}.back-to-menu-btn{position:absolute;top:16px;right:16px;z-index:100;padding:12px 18px;min-width:80px;text-align:center;font-family:sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;background-color:hsl(var(--sg-button-bg));color:hsl(var(--sg-button-fg));border:none;border-radius:var( --radius-lg );box-shadow:0 4px 12px hsla(var(--black) / .4);text-shadow:0 1px 3px hsla(var(--black) / .6);transition:background-color .2s ease-in-out,transform .1s ease}.back-to-menu-btn:active{transform:scale(.96);background-color:hsl(var(--sg-button-bg-hover))}@media(min-width:768px){.back-to-menu-btn{padding:10px 20px;font-size:1rem}@media(hover:hover){.back-to-menu-btn:hover{background-color:hsl(var(--sg-button-bg-hover));transform:translateY(-2px);box-shadow:0 6px 16px hsla(var(--black) / .3)}.back-to-menu-btn:active{transform:translateY(0) scale(.98)}}}.mute-button{position:absolute;top:16px;left:16px;z-index:9999;width:52px;height:52px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background-color:hsl(var(--sg-button-bg));color:hsl(var(--sg-button-fg));border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px hsla(var(--black) / .4);transition:background-color .2s ease-in-out,transform .1s ease}.mute-button svg{filter:drop-shadow(0 1px 2px hsla(var(--black) / .7))}.mute-button:active{transform:scale(.96);background-color:hsl(var(--sg-button-bg-hover))}@media(min-width:768px){.mute-button{width:44px;height:44px}@media(hover:hover){.mute-button:hover{background-color:hsl(var(--sg-button-bg-hover));transform:translateY(-2px);box-shadow:0 6px 16px hsla(var(--black) / .3)}.mute-button:active{transform:translateY(0) scale(.98)}}}*{box-sizing:border-box;margin:0;padding:0}.app{width:100vw;height:100dvh}