:root{--brawl-yellow:#ffc61d;--brawl-blue:#00aeef;--brawl-purple:#4b2e83;--brawl-pink:#ff4081;--bg-green-light:#4caf50;--bg-green-dark:#388e3c;--stroke-color:#000}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{width:100%;height:100vh;overflow:hidden;background:radial-gradient(circle,var(--bg-green-light) 0%,var(--bg-green-dark) 100%);font-family:"ZCOOL KuaiLe",cursive,sans-serif;display:flex;justify-content:center;align-items:center}.game-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start}.wheel-wrapper{position:relative;left:-40vh;width:120vh;height:120vh;border-radius:50%}.list{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:12px solid var(--brawl-purple);box-shadow:0 0 0 8px #000,0 20px 50px rgba(0,0,0,.5),inset 0 0 100px rgba(0,0,0,.8);background:radial-gradient(circle,#3d2a5e 0,#1a102b 100%);will-change:transform}.list span{position:absolute;top:50%;left:50%;width:50%;height:60px;margin-top:-30px;line-height:60px;transform-origin:0 50%;text-align:right;padding-right:120px;font-size:34px;color:#fff;-webkit-text-stroke:2px var(--stroke-color);text-shadow:4px 4px 0 var(--stroke-color);opacity:.5;transition:all .2s ease}.list span.active{color:var(--brawl-yellow)!important;font-size:54px!important;opacity:1!important;z-index:100;text-shadow:4px 4px 0 var(--stroke-color),0 0 25px var(--brawl-yellow)}.center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;width:180px;height:180px;object-fit:contain;background:0 0;border:0;box-shadow:none;pointer-events:none}.pointer{position:absolute;left:75vh;z-index:1000;top:50%;transform:translateY(-50%);filter:drop-shadow(0 8px 0 rgba(0,0,0,.3))}.pointer-arrow{width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:70px solid var(--brawl-pink);animation:pointer-bounce .8s infinite alternate ease-in-out}@keyframes pointer-bounce{0%{margin-left:0}to{margin-left:15px}}.mask-overlay{position:absolute;right:0;top:0;width:30%;height:100%;background:linear-gradient(to left,rgba(0,0,0,.5),transparent);pointer-events:none}.controls{position:absolute;bottom:40px;right:40px;color:#fff;font-size:26px;background:#000;padding:12px 24px;border-radius:12px;border:3px solid var(--brawl-yellow);box-shadow:6px 6px 0 rgba(0,0,0,.4);letter-spacing:2px;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}@media screen and (orientation:portrait){.wheel-wrapper{width:140vw;height:140vw;left:-85vw}.center-logo{width:100px;height:100px}.pointer{left:auto;right:5vw;top:50%}.list span{font-size:18px;padding-right:70px}.list span.active{font-size:32px!important}.controls{font-size:16px;right:20px;bottom:20px}.controls{visibility:hidden}.controls::after{content:"TAP SCREEN";visibility:visible;display:block;color:#fff}}