:root{--pink:#ff3d8d;--purple:#8756ff;--green:#55e6a5}*{box-sizing:border-box}body{margin:0;background:#08070b;color:#fff;font-family:Inter,system-ui,sans-serif;min-height:100vh}button{font:inherit;color:inherit}.arena-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:28px;padding:25px}.game-screen{position:relative;width:min(57.2vh,520px);height:min(101.7vh,925px);aspect-ratio:9/16;overflow:hidden;border-radius:24px;background:#120b15;border:1px solid #483344;box-shadow:0 35px 100px #000,0 0 0 8px #ffffff03}.game-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#752047,#180d1b 55%,#09070c);transition:background .5s}.game-screen:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.game-header{position:absolute;z-index:6;top:0;left:0;right:0;height:70px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0b0810dd,transparent)}.game-logo{display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-size:10px}.game-logo i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple));font-style:normal;font-weight:900}.round-meta{text-align:center}.round-meta span,.round-meta b{display:block}.round-meta span{font-size:7px;color:#ba9fc7;letter-spacing:.15em}.round-meta b{font-size:9px}.live-pill{font-size:7px;background:#1a1219bb;border:1px solid #4d3342;padding:6px 8px;border-radius:99px}.live-pill i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);margin-right:4px}.scene{position:absolute;inset:66px 0 145px;z-index:3;display:none}.scene.active{display:block}.scene-intro{text-align:center;padding-top:30px}.scene-intro>span,.scene-title>span{font-size:8px;letter-spacing:.2em;color:#ff8db7;font-weight:800}.scene-intro h1,.scene-title h1{font-size:38px;line-height:.88;letter-spacing:-.06em;margin:8px 0}.scene-intro h1 em,.scene-title h1 em{font-style:normal;color:#ff5b99}.scene-intro p{font-size:8px;color:#a194a2}.scene-intro p b{color:#fff}.match-stage{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:70px}.contestant{text-align:center;width:34%}.contestant .photo{width:118px;height:118px;margin:auto;border:4px solid #ff5999;box-shadow:0 0 34px #ff3d8d45;position:relative}.photo{border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;background:#3b2435}.photo.warm{background:linear-gradient(145deg,#fb9b70,#4d2035)}.photo.cool{background:linear-gradient(145deg,#7189ff,#392653);border-color:#9e76ff!important;box-shadow:0 0 34px #8756ff40!important}.photo.teal{background:linear-gradient(145deg,#54d4c1,#234951)}.photo.gold{background:linear-gradient(145deg,#ffd36b,#70451e)}.contestant .photo i{position:absolute;top:-4px;right:-4px;width:25px;height:25px;border-radius:50%;background:#ff3d8d;display:grid;place-items:center;font-size:9px;font-style:normal}.contestant.right .photo i{background:var(--purple)}.contestant h2{font-size:12px;margin:10px 0 2px}.contestant p{font-size:7px;color:#958796}.match-engine{text-align:center;width:31%;z-index:2;position:relative}.big-heart{font-size:52px;color:#ff4d91;filter:drop-shadow(0 0 20px #ff3d8d);display:block;animation:heartbeat 1.7s ease-in-out infinite}.match-engine>b{font-size:43px;letter-spacing:-.07em;display:block}.match-engine>small{font-size:6px;color:#ffa1c4;letter-spacing:.15em}.match-bar{height:6px;background:#392334;border-radius:99px;overflow:hidden;margin-top:10px}.match-bar i{display:block;width:87%;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));transition:width 1s}.pulse-rings{position:absolute;inset:8px;border:1px solid #ff3d8d30;border-radius:50%;animation:ring 1.7s ease-out infinite}.next-player{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:56%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;background:#ffffff08;border:1px solid #ffffff14;border-radius:13px;padding:10px}.next-player>span{grid-column:1/-1;font-size:6px;color:#817582}.next-player .photo{width:31px;height:31px;font-size:7px}.next-player b{font-size:8px}.next-player em{font-size:7px;color:#6b626c;font-style:normal}
.scene-title{text-align:center;padding-top:34px}.roulette-scene{background:radial-gradient(circle at 50% 56%,#92354333,transparent 47%)}.love-wheel{width:310px;height:310px;position:absolute;left:50%;top:180px;transform:translateX(-50%);border-radius:50%;background:conic-gradient(#ff3d8d 0 16.66%,#ff985a 0 33.33%,#a85cff 0 50%,#6140c4 0 66.66%,#e54a93 0 83.33%,#ffbd60 0);border:12px solid #261724;box-shadow:0 0 65px #ff3d8d30}.love-wheel:before{content:"";position:absolute;inset:9px;border:2px dashed #ffffff26;border-radius:50%}.love-wheel i{position:absolute;inset:104px;background:#160e18;border:4px solid #ffffff18;border-radius:50%;display:grid;place-items:center;font-size:40px;color:#ff548f;font-style:normal}.wheel-name{position:absolute;font-size:9px;font-weight:900}.n1{top:25px;left:145px}.n2{right:35px;top:80px}.n3{right:40px;bottom:70px}.n4{bottom:24px;left:135px}.n5{left:30px;bottom:80px}.n6{left:30px;top:80px}.roulette-pointer{position:absolute;z-index:5;top:167px;left:50%;transform:translateX(-50%);color:#fff;font-size:25px;filter:drop-shadow(0 4px 4px #000)}.love-wheel.spinning{animation:spin 2.6s cubic-bezier(.12,.66,.2,1)}.roulette-result{position:absolute;bottom:0;left:50%;transform:translateX(-50%) scale(.8);text-align:center;opacity:0;transition:.35s}.roulette-result.show{opacity:1;transform:translateX(-50%) scale(1)}.roulette-result>*{display:block}.roulette-result span{font-size:7px;color:#aa96a6}.roulette-result b{font-size:24px}.roulette-result small{font-size:7px;color:#ff78aa}
.battle-scene{background:linear-gradient(90deg,#6d153122 0 50%,#38217a22 50%)}.battle-scoreboard{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;text-align:center;margin-top:72px}.battle-scoreboard article>span,.battle-scoreboard article>b,.battle-scoreboard article>small{display:block}.battle-scoreboard article>span{font-size:8px;letter-spacing:.12em}.battle-scoreboard .photo{width:110px;height:110px;margin:15px auto;border:4px solid var(--pink)}.battle-scoreboard article>b{font-size:52px;letter-spacing:-.07em}.battle-scoreboard article>small{font-size:7px;color:#9f929e}.versus-mark{font-size:16px;font-weight:900;color:#756a75}.energy{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;gap:7px;padding:0 25px;margin-top:35px}.energy>div{height:11px;background:#271925;border-radius:99px;overflow:hidden}.energy>div i{display:block;width:64%;height:100%;background:linear-gradient(90deg,#a31952,var(--pink));transition:width .5s}.energy>div:last-child i{width:58%;background:linear-gradient(90deg,var(--purple),#4b2e9c)}.energy>span{font-size:6px;text-align:center;color:#857a85}.battle-call{text-align:center;font-size:8px;color:#ad9ead;margin-top:30px}.battle-scene.victory .pink-team{animation:winner .6s ease 2}
.race-scene{background:radial-gradient(circle at 50% 60%,#1249532e,transparent 45%)}.race-track{position:absolute;top:165px;left:26px;right:26px;height:370px;border-block:2px solid #ffffff17;background:repeating-linear-gradient(0deg,#ffffff03 0 60px,#ffffff0b 60px 62px);transform:perspective(700px) rotateX(10deg)}.race-lane{height:120px;position:relative;border-bottom:1px dashed #ffffff1f}.race-lane>span{position:absolute;left:5px;top:50px;color:#766d78;font-size:9px}.kart{position:absolute;left:var(--pos);top:35px;width:52px;height:42px;border-radius:15px 22px 12px 12px;background:linear-gradient(135deg,#ff3d8d,#a51b58);display:grid;place-items:center;font-style:normal;font-weight:900;box-shadow:-22px 0 35px #ff3d8d55;transition:left .7s}.kart:before,.kart:after{content:"";position:absolute;bottom:-5px;width:12px;height:9px;border-radius:5px;background:#070609}.kart:before{left:4px}.kart:after{right:4px}.k2{background:linear-gradient(135deg,#9f73ff,#5630b7);box-shadow:-22px 0 35px #8756ff55}.k3{background:linear-gradient(135deg,#54dac3,#218c89);box-shadow:-22px 0 35px #55d9c355}.race-lane>b{position:absolute;left:12%;top:48px;font-size:8px}.finish-line{position:absolute;right:16px;top:0;bottom:0;width:10px;background:repeating-linear-gradient(0deg,#fff 0 10px,#111 10px 20px);font-size:0}.race-counter{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:auto auto;gap:2px 10px;text-align:center;background:#0d0b10bb;border:1px solid #302b33;border-radius:12px;padding:9px 16px}.race-counter span{font-size:6px;color:#817783}.race-counter b{font-size:9px}.race-counter small{grid-column:1/-1;font-size:17px}
.live-ranking{position:absolute;z-index:5;left:17px;right:17px;bottom:50px;background:#0b0810d9;border:1px solid #3d3040;border-radius:16px;padding:10px 12px;backdrop-filter:blur(14px)}.rank-title{display:flex;justify-content:space-between;font-size:6px;color:#8f7e90;padding:0 5px 6px}.rank{display:grid;grid-template-columns:20px 32px 1fr auto;gap:7px;align-items:center;padding:6px;border-top:1px solid #ffffff0c}.rank>strong{font-size:8px;color:#817682}.rank>.photo{width:30px;height:30px;font-size:7px}.rank span b,.rank span small{display:block}.rank span b{font-size:8px}.rank span small{font-size:6px;color:#776c77}.rank em{font-size:9px;font-style:normal;font-weight:800}.rank.first em{color:#ffd36b}.rank.first>strong{color:#ffd36b}.event-toast{position:absolute;z-index:9;top:95px;left:50%;width:74%;transform:translate(-50%,-20px);opacity:0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;background:#171019eb;border:1px solid #6e3c59;border-radius:14px;padding:10px;box-shadow:0 15px 50px #0008;transition:.3s}.event-toast.show{opacity:1;transform:translate(-50%,0)}.event-toast>i{width:34px;height:34px;border-radius:10px;background:#ff3d8d1c;display:grid;place-items:center;color:#ff66a0;font-style:normal}.event-toast span,.event-toast b{display:block}.event-toast span{font-size:6px;color:#a08b99}.event-toast b{font-size:8px}.event-toast>em{font-size:12px;color:#62dda7;font-style:normal}.game-footer{position:absolute;z-index:6;left:0;right:0;bottom:0;height:42px;background:#09070bd9;display:flex;justify-content:center;gap:24px;align-items:center;font-size:7px;color:#8c818c}.game-footer i{font-style:normal;color:#ff5f99}.fx-layer{position:absolute;inset:0;z-index:8;pointer-events:none}.fx-layer i{position:absolute;width:7px;height:7px;border-radius:2px;background:#ffd36b;animation:particle .9s ease-out forwards}.victory-banner{position:absolute;z-index:10;inset:30% 0 auto;text-align:center;animation:banner .4s ease-out}.victory-banner span{font-size:10px;letter-spacing:.25em;color:#ffd36b}.victory-banner b{display:block;font-size:48px;line-height:1;color:#fff;text-shadow:0 0 35px #ff3d8d}.demo-console{width:290px;background:#111016;border:1px solid #302b34;border-radius:19px;padding:22px}.demo-console>div:first-child>span,.event-controls>span{font-size:7px;color:#b69ac3;font-weight:800;letter-spacing:.14em}.demo-console h2{font-size:22px;margin:6px 0}.demo-console p{font-size:9px;color:#817984}.game-switcher,.event-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:22px 0}.game-switcher button,.event-controls button{border:1px solid #332d38;background:#19151d;border-radius:9px;padding:10px;font-size:8px;cursor:pointer}.game-switcher button.active{border-color:#a14c7e;background:#3f1c30;color:#ff85b1}.event-controls>span{grid-column:1/-1}.demo-console>a{display:block;color:#ff75a9;font-size:9px;margin:15px 0}.demo-console>small{font-size:7px;color:#5f5962}.mode-roulette .game-bg{background:radial-gradient(circle at 50% 48%,#8b3642,#190e17 59%)}.mode-battle .game-bg{background:linear-gradient(90deg,#3e1022,#110b15 50%,#20144a)}.mode-race .game-bg{background:radial-gradient(circle at 50% 50%,#123e43,#0a0b11 65%)}
@keyframes heartbeat{50%{transform:scale(1.12)}}@keyframes ring{to{transform:scale(1.7);opacity:0}}@keyframes spin{to{transform:translateX(-50%) rotate(1420deg)}}@keyframes winner{50%{transform:scale(1.08);filter:brightness(1.3)}}@keyframes particle{to{transform:translate(var(--x),var(--y)) rotate(180deg);opacity:0}}@keyframes banner{from{transform:scale(.7);opacity:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:900px){.arena-shell{display:block;padding:10px}.game-screen{width:min(100%,520px);height:auto;min-height:calc(100vh - 20px);margin:auto;border-radius:18px}.demo-console{width:min(100%,520px);margin:12px auto}.contestant .photo{width:96px;height:96px}.match-stage{gap:0}.scene-intro{padding-top:18px}.scene-intro h1{font-size:33px}.match-stage{margin-top:52px}}@media(max-width:390px){.contestant .photo{width:82px;height:82px}.match-engine>b{font-size:36px}.big-heart{font-size:42px}.match-stage{margin-top:45px}.love-wheel{width:280px;height:280px}.love-wheel i{inset:94px}.battle-scoreboard .photo{width:90px;height:90px}.live-ranking{bottom:45px}}
:root{color-scheme:dark}
/* Review fixes: exact 9:16 at every viewport; keep the queue above the ranking. */
.game-screen{container-type:inline-size;width:min(520px,calc((100svh - 50px)*9/16));height:auto;min-height:0;aspect-ratio:9/16}
.scene{inset:9% 0 32%}
.scene-intro,.scene-title{padding-top:4%}
.scene-intro h1,.scene-title h1{font-size:8cqw}
.scene-intro>span,.scene-title>span{font-size:2cqw}
.scene-intro p{font-size:2.2cqw}
.match-stage{position:absolute;left:0;right:0;top:43%;margin:0}
.contestant .photo{width:23cqw;height:23cqw;font-size:5cqw}
.contestant h2{font-size:3cqw}.contestant p{font-size:2cqw}
.big-heart{font-size:11cqw}.match-engine>b{font-size:10cqw}.match-engine>small{font-size:1.8cqw}
.next-player{bottom:0;width:70%;padding:7px}.next-player>span{font-size:1.8cqw}
.next-player b{font-size:2.4cqw}.next-player em{font-size:2cqw}
.live-ranking{bottom:6%;padding:2cqw 3cqw}
.rank{padding:1.3cqw}.rank-title{font-size:1.9cqw}
.rank span b{font-size:2.5cqw}.rank span small{font-size:1.8cqw}.rank em{font-size:2.5cqw}
.arena-demo-label{position:absolute;z-index:6;bottom:3px;left:0;right:0;text-align:center;font-size:7px;color:#b4a7b7}
.game-footer{bottom:13px;height:25px;font-size:2cqw;gap:3cqw}
.love-wheel{width:64cqw;height:64cqw;top:28%;border-width:2cqw}
.love-wheel i{inset:34%;font-size:8cqw}.roulette-pointer{top:25%;font-size:6cqw}
.roulette-result{bottom:0}.roulette-result small{display:none}
.wheel-name{font-size:2cqw}.n1{top:10%;left:48%}.n2{right:10%;top:28%}.n3{right:14%;bottom:25%}.n4{bottom:10%;left:46%}.n5{left:10%;bottom:28%}.n6{left:10%;top:28%}
.battle-scoreboard{margin-top:8cqw}.battle-scoreboard .photo{width:21cqw;height:21cqw}
.battle-scoreboard article>b{font-size:10cqw}.energy{margin-top:4cqw}.battle-call{margin-top:3cqw}
.race-track{top:25%;height:64%}.race-lane{height:33.333%}
.race-lane>b{top:12%;font-size:2.3cqw}.kart{width:10cqw;height:8cqw;top:40%}
.race-counter{bottom:0}.race-counter small{font-size:3cqw}
.demo-console button{min-height:44px;font-size:12px}.demo-console p,.demo-console>a{font-size:12px}
.demo-console button:disabled{opacity:.5;cursor:wait}
@media(max-width:900px){.game-screen{width:min(100%,520px);height:auto;min-height:0;aspect-ratio:9/16}}
@media(prefers-reduced-motion:reduce){.pulse-rings{display:none}}
.love-wheel.spinning{animation-fill-mode:forwards}
@keyframes spin{to{transform:translateX(-50%) rotate(1320deg)}}