/* DailyBits Arena — immersive presentation layer */
:root{color-scheme:dark;--paper:#0a0e19;--navy:#edf1fa;--muted:#828ba3;--orange:#ff7457;--yellow:#ffd575;--line:#ffffff12;--cyan:#62dbc8;--purple:#ab88ff}body{background:radial-gradient(ellipse at 20% 0%,#152236 0%,#0b1020 40%,#080c16 100%);color:#edf1fa;min-height:100vh}header{height:72px;background:#0b101be6;backdrop-filter:blur(20px);padding:0 36px;border-bottom:1px solid #ffffff0c}.brand{font-size:24px;letter-spacing:-1px}.brandmark{background:#eef3ff;color:#0b1322;box-shadow:0 0 20px #5c9aa118}.arcade{color:#79899f}.header-right{gap:24px}.prototype{color:#8f9bb1;border-color:#ffffff20}.wallet{background:#ffffff05;border:1px solid #ffffff0d;border-radius:30px;padding:8px 14px}.wallet b{font-size:21px}.coin{color:#6c4b10}.icon-button{font-size:22px;color:#c2cecD}.shell{display:block;max-width:1510px}aside{padding:20px 36px 0;border:0;min-height:0;display:block}.aside-label,.sidebar-bottom{display:none}nav{display:flex;gap:8px;max-width:740px}.nav-item{width:auto;flex:1;margin:0;border:1px solid #ffffff0c;background:#ffffff03;padding:11px 14px;gap:10px;border-radius:7px;color:#8290a9}.nav-item div{font-size:11px;white-space:normal}.nav-item>span{font-size:20px;width:auto}.nav-item small{font-size:8px;white-space:nowrap;color:#5f6f88}.nav-item>b{display:none}.nav-item.selected{background:#182d31;border-color:#5ce2ca50;box-shadow:inset 0 0 20px #51eac807;color:#b1f9e6}.nav-item.selected small{color:#6faaa0}.nav-item:hover:not(.selected){background:#ffffff0b;color:white}main{padding:25px 36px 0}.heading{margin-bottom:24px;align-items:end}.eyebrow{font-size:8px;color:#8d9bb5;letter-spacing:2.5px}.eyebrow span{background:var(--cyan);box-shadow:0 0 10px #62dbc8}h1{font-size:29px;letter-spacing:-1px;margin:10px 0 8px}h1 span{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:500;color:#82cbbc;letter-spacing:3px;margin-left:8px}h1 i{font-size:22px;color:var(--cyan);margin-left:10px}.heading p{font-size:10px;color:#687994}.best>small{font-size:8px;color:#65778f;letter-spacing:2px}.best img{filter:invert(90%) sepia(70%) saturate(400%) hue-rotate(335deg);width:21px;height:21px}.best b{font-size:31px;color:#f8d998}.best span{color:#8191a7}.content-grid{grid-template-columns:minmax(0,1fr) 245px;gap:22px}.play-area{border:1px solid #7fabb324;background:#0b1423;border-radius:13px;overflow:hidden;box-shadow:0 15px 60px #0004}.arena-top{padding:17px 25px;background:#101c2b;position:relative;z-index:3}.mode-pill{font-size:8px;color:#78d7c3;letter-spacing:2px}.arena-top h2{font-size:15px;letter-spacing:.5px;margin-top:5px;font-weight:500}.arena-top button{color:#78909e;border-color:#ffffff1c}.arena{background:radial-gradient(ellipse at 0% 40%,#123237 0%,transparent 65%),radial-gradient(ellipse at 100% 40%,#272344 0%,transparent 65%),linear-gradient(#101b2c,#070c17 80%);min-height:490px;isolation:isolate;padding:21px 27px 17px;transition:background .5s;--heat:0}.arena:before{width:76%;height:280px;top:auto;bottom:50px;left:12%;border:1px solid #58dacb12;border-radius:50%;transform:perspective(400px) rotateX(65deg);background:radial-gradient(ellipse,#62dbc808,transparent 70%);box-shadow:0 0 70px #58dacb08}.arena:after{display:none}.arena-grid{background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:50px 50px;opacity:.65;mask-image:linear-gradient(#000,transparent)}.spotlight{position:absolute;top:-80px;width:46%;height:500px;pointer-events:none;z-index:-1;opacity:.24;filter:blur(12px);transform-origin:top center}.light-left{left:-10%;background:conic-gradient(from 145deg at 50% 0%,transparent 0deg,#72eac0 17deg,transparent 35deg);animation:spot-left 15s ease-in-out infinite alternate}.light-right{right:-10%;background:conic-gradient(from 180deg at 50% 0%,transparent 0deg,#a48bff 17deg,transparent 35deg);animation:spot-right 13s ease-in-out infinite alternate}.stage-floor{position:absolute;left:-10%;right:-10%;height:220px;bottom:-85px;border-top:1px solid #82d4ce38;transform:perspective(500px) rotateX(55deg);border-radius:50%;background:repeating-radial-gradient(ellipse,#1c343611 0 40px,#90d2c011 41px 42px,#1c343611 43px 85px);box-shadow:0 -4px 50px #61dbc71a,0 -1px 0 #8be8dd22}.crowd{position:absolute;left:0;right:0;top:57%;height:45px;opacity:.5;background:radial-gradient(circle at 14px 8px,#060912 4px,transparent 5px) 0 0/28px 40px,radial-gradient(ellipse at 14px 32px,#060912 11px,transparent 12px) 0 0/28px 40px;filter:blur(1px);mask-image:linear-gradient(90deg,#000,transparent 37%,transparent 63%,#000)}#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.arena-meta{font-size:8px;letter-spacing:1.7px;color:#72908f;z-index:3}.arena-meta span:last-child{font-size:7px;letter-spacing:1px;color:#9d9dbb}.arena-meta i{background:#a493e5;box-shadow:0 0 7px #b59afe}.stage-title{position:absolute;left:0;right:0;top:65px;text-align:center;font-size:100px;font-weight:700;letter-spacing:20px;color:#a6d3e005;font-family:'Space Grotesk',sans-serif;user-select:none;pointer-events:none}.duel{margin:45px -10px 10px;gap:12px;height:236px;justify-content:space-between;z-index:3}.fighter{width:42%;position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.player-tag{font-size:7px;color:#65bfae;letter-spacing:2px;position:absolute;top:1px;display:flex;align-items:center;gap:6px}.player-tag i{width:4px;height:4px;border-radius:50%;background:#62dbc8;box-shadow:0 0 6px #62dbc8}.fighter:last-child .player-tag{color:#a79acb}.fighter:last-child .player-tag i{background:#ac93e8;box-shadow:0 0 6px #ac93e8}.hand-circle{width:230px;height:210px;background:none;border:0;border-radius:0;position:relative;display:grid;place-items:center;animation:hand-idle 4.5s ease-in-out infinite;transform-origin:50% 90%}.hand-circle:before{inset:38px 10px -15px;border:0;background:radial-gradient(ellipse at 50% 50%,#52dfc423,transparent 66%);filter:blur(12px)}.hand-circle:after{content:'';position:absolute;width:190px;height:35px;background:#0009;bottom:1px;left:20px;border-radius:50%;filter:blur(16px);transform:rotate(-7deg);z-index:-1}.rival:before{background:radial-gradient(ellipse,#9d80ff23,transparent 66%)}.hand-circle svg{height:175px;width:175px;filter:drop-shadow(0 13px 13px #0008);position:relative}.hand-sprite{display:block;position:relative;height:220px;width:220px;background-image:url('assets/hands-arena.png');background-size:300% 100%;background-repeat:no-repeat;background-position:var(--pose) center;filter:drop-shadow(-6px 15px 6px #0009) drop-shadow(0 0 13px #5ce0ca15);transform:rotate(22deg) scale(1.12);transform-origin:50% 75%}.rival .hand-sprite{transform:scaleX(-1) rotate(22deg) scale(1.12);filter:drop-shadow(6px 15px 6px #0009) drop-shadow(0 0 15px #b8a4ff25);}.rival{animation-delay:-2s}.you{color:#f3c77c}.rival{color:#b0a0ea}.fighter>span:not(.player-tag){margin:15px 0 0;display:block;font-size:11px;font-weight:700;letter-spacing:2px;color:#d4f5ec;position:relative;z-index:1}.fighter:last-child>span:not(.player-tag){color:#d4caee;font-size:9px;letter-spacing:1.2px}.fighter>small{font-size:7px;letter-spacing:1.6px;display:block;color:#5d7d80;margin-top:8px}.fighter:last-child>small{color:#7e729a}.versus{width:80px;flex-shrink:0;text-align:center;align-self:center;margin-top:-35px;z-index:5;font-style:normal}.versus b{display:block;font-size:38px;font-style:italic;color:#e0e8f6;font-weight:700;text-shadow:0 0 40px #b6e8e544}.versus>span{display:block;position:static;color:#7a92a2;font-size:5px;line-height:2;letter-spacing:1px;white-space:nowrap}.arena-message{z-index:5;margin-top:25px;min-height:64px}.arena-message h3{font-size:19px;letter-spacing:1px;text-shadow:0 2px 10px #0008}.arena-message p{font-size:10px;color:#7e97aa}.streak-bar{margin-top:12px;z-index:5;gap:8px}.step{width:35px;height:3px;border-radius:1px;background:#304254}.step.active{background:#4e7e80}.step.won{background:#6cdec3;box-shadow:0 0 9px #62dbc855}.arena-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:22px;z-index:6}.arena-bottom>span{font-size:6px;letter-spacing:2px;color:#4f6b7e}.arena-bottom button{background:#ffffff05;border:1px solid #ffffff0b;padding:5px 8px;border-radius:4px;font-size:8px;color:#718a9d}.controls{padding:21px 25px;min-height:107px;background:linear-gradient(#101d2c,#0d1725);position:relative;z-index:7;border-top:1px solid #b5dfd511}.entry-info>span{font-size:7px;letter-spacing:1.6px;color:#678391}.entry-info p{color:#648193}.entry-info b{color:#f4d68c}.primary{background:linear-gradient(135deg,#8ef1ce,#5fceb4);color:#0b2b29;box-shadow:0 3px 0 #348e78,0 0 24px #7be8cb11;font-size:11px;letter-spacing:.3px;border:1px solid #bcffe050}.primary:hover{background:#b7f7dd;box-shadow:0 3px 0 #348e78,0 0 30px #7be8cb33}.secondary{background:#152537;border-color:#b7d1e225;color:#b5c9d8}.double{background:linear-gradient(135deg,#443322,#302b27);border-color:#ffd57555;color:#f5d18c;box-shadow:0 0 20px #ffd57509}.fair-note{border-color:#ffffff08;background:#0b1420;color:#526b7e;font-size:8px}.choose-label{color:#7e9ca7;font-size:10px}.hand-buttons{gap:12px}.hand-buttons button{background:linear-gradient(#1b3041,#152634);border:1px solid #6896a33b;position:relative;padding:14px 6px;box-shadow:0 3px 0 #060e18;overflow:hidden}.hand-buttons button:hover{background:linear-gradient(#244f50,#173c3e);border-color:#76e9cd;box-shadow:0 0 25px #60e0c722;transform:translateY(-4px)}.hand-icon{color:#95e2cc}.hand-buttons b{font-size:12px;letter-spacing:1px}.hand-buttons kbd{color:#608191;border-color:#57778944}.hand-buttons button.picked{border-color:#f1d080;box-shadow:inset 0 0 25px #f1d08015}.hand-buttons button:disabled{opacity:.4}.hand-buttons button.picked:disabled{opacity:1}.reward-text{color:#d9e6ee}.reward-card{background:linear-gradient(140deg,#162233,#101927);border-color:#ffffff0b;padding:23px 19px}.section-kicker{font-size:8px;color:#7c99aa;letter-spacing:1.5px}.reward-card h2{font-size:14px;color:#e2edf4;letter-spacing:.3px}.reward-card>p{font-size:9px;color:#69818d}.reward-card li{border-color:#ffffff09;color:#8a9da9}.reward-card li .num{border-color:#54717d33;color:#697e8d}.reward-card li b{color:#c3e0e5;font-size:20px}.reward-card li small{color:#5d7682}.reward-card li:last-child{background:#f3d17808;border-color:#f3d17844;box-shadow:0 0 20px #f3d17806}.reward-card li:last-child b{color:#f8d98f}.reward-card li.current{background:#66dcb716;border:1px solid #66dcb73b;box-shadow:0 0 22px #66dcb709}.reward-card li.current .num{background:#6be5bc;color:#0d3429;border-color:#6be5bc}.checkpoint{color:#7b929d;font-size:8px}.checkpoint small{color:#4c6878;font-size:8px}.jackpot-card{background:linear-gradient(135deg,#2f2830,#282423);border:1px solid #e8bf6b44;box-shadow:inset 0 0 60px #ffd57504;padding:20px}.jackpot-card:after{color:#f7d57c09;font-size:150px}.jackpot-card>div:first-child{color:#c6a46a;font-size:7px}.jackpot-card h2{color:#f7d790;font-size:20px}.jackpot-number{color:#f8dfa5;font-size:39px;text-shadow:0 0 24px #ffd5751a}.jackpot-card p{color:#9c8f7e;font-size:8px}.jackpot-footer{color:#d1b57f;border-color:#ffd57517;font-size:8px}.bottom-strip{margin-top:24px;border-color:#ffffff09;padding:20px 0;opacity:.75}.bottom-strip>div>span{color:#344456;font-size:26px}.bottom-strip b{font-size:10px;color:#a3b9c7}.bottom-strip small{font-size:8px;color:#586d7c}footer{font-size:10px;color:#768c9b}footer span,footer small{color:#3e5367}dialog{background:linear-gradient(135deg,#142738,#101928);color:#d7e4ea;border-color:#78c4bc33;box-shadow:0 30px 120px #000b}dialog h2{color:#a4ead8}dialog p,dialog li{color:#97afbc}dialog::backdrop{background:#02050cd9;backdrop-filter:blur(12px)}dialog a{color:#83dcc5}dialog .primary{color:#0b2b29}.modal-close{color:#7393a3}#toast{background:#173a36;border:1px solid #6fe1be44;color:#bdeedf}.impact-flash{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:0;background:radial-gradient(ellipse,#baffef70,transparent 65%)}.arena.windup .hand-circle{animation:pump .44s ease-in-out infinite}.arena.windup .versus b{font-size:31px;font-style:normal;color:#dcf4ed;animation:beat-in .4s ease-out}.arena.windup .versus>span{color:#94d4c2;font-size:7px}.arena.reveal .hand-circle{animation:hand-slam .42s cubic-bezier(.2,.8,.3,1) both}.arena.reveal .impact-flash{animation:flash-hit .65s ease-out}.arena.reveal .versus b{animation:result-in .45s cubic-bezier(.2,.8,.3,1) both;font-size:34px;letter-spacing:-1px}.arena.win .versus b{color:#9cf4c7;text-shadow:0 0 35px #62e7aa88}.arena.win .arena-message h3{color:#a4efc8}.arena.loss .versus b{color:#e5a1aa;text-shadow:0 0 30px #ef87a548}.arena.loss .arena-message h3{color:#dda5b4}.arena.draw .versus b{color:#d7cdff}.arena.win .fighter:last-child .hand-circle{opacity:.6;filter:saturate(.5)}.arena.loss .fighter:first-child .hand-circle{opacity:.6;filter:saturate(.5)}.arena.hot .spotlight{opacity:.46}.arena.hot .stage-floor{box-shadow:0 -5px 60px #ffd5752a;border-color:#f5d58f55}.arena.hot .stage-title{color:#ffd57508}.arena.hot .arena-meta{color:#dbb277}.arena.hot .step.won{background:#f6d68d;box-shadow:0 0 10px #f6d68d44}.arena.bank .versus b{font-size:37px;color:#f5d89a}.arena.bank .impact-flash{background:radial-gradient(ellipse,#ffd57555,transparent 70%);animation:flash-hit .9s ease-out}.arena.shake{animation:camera-hit .27s linear}.selected-note{color:#e3d2a0}.immersed header,.immersed aside,.immersed .heading,.immersed .right-rail,.immersed .bottom-strip,.immersed footer{display:none}.immersed main{padding-top:20px}.immersed .content-grid{display:block;max-width:1120px;margin:auto}.immersed .arena{min-height:calc(100dvh - 235px)}.immersed .duel{height:clamp(230px,36vh,420px);margin-top:35px}.immersed .hand-circle{height:100%;width:340px}.immersed .hand-sprite{width:310px;height:310px}.immersed .arena-message{margin-top:35px}.immersed .stage-title{font-size:150px;top:85px}.confetti{z-index:4}.sound-nudge{font-size:9px;color:#c9e8dd;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px}
@keyframes hand-idle{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes pump{0%,100%{transform:translateY(7px) rotate(-3deg)}48%{transform:translateY(-29px) rotate(4deg)}}@keyframes hand-slam{0%{transform:translateY(-45px) scale(.95)}45%{transform:translateY(6px) scale(1.06)}100%{transform:translateY(0) scale(1)}}@keyframes beat-in{0%{transform:scale(.7);opacity:.3}35%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}@keyframes result-in{0%{transform:scale(2.5);opacity:0;filter:blur(10px)}100%{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes flash-hit{0%{opacity:1}100%{opacity:0}}@keyframes camera-hit{0%,100%{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}}@keyframes spot-left{from{transform:rotate(-13deg)}to{transform:rotate(12deg)}}@keyframes spot-right{from{transform:rotate(14deg)}to{transform:rotate(-14deg)}}
@media(min-width:1450px){main{padding:28px 44px 0}aside{padding-left:44px}.content-grid{grid-template-columns:minmax(0,1fr) 285px;gap:26px}.arena{min-height:520px}.duel{height:260px;margin-top:40px}.hand-circle{width:270px;height:255px}.hand-sprite{width:260px;height:260px}.stage-title{font-size:125px}.reward-card{padding:25px}.arena-message{margin-top:30px}}
@media(max-width:1100px){.content-grid{grid-template-columns:minmax(0,1fr) 215px;gap:15px}main{padding:25px 25px 0}aside{padding:20px 25px 0}.hand-circle{width:190px;height:190px}.hand-sprite{width:190px;height:190px}.duel{gap:0;height:225px}.versus{width:55px}.versus b{font-size:30px}.versus>span{font-size:4px}.arena-message h3{font-size:17px}.reward-card{padding:20px 15px}.stage-title{font-size:80px;letter-spacing:10px}}
@media(max-width:850px){.content-grid{grid-template-columns:minmax(0,1fr) 200px;gap:13px}.arena{padding:20px 17px;min-height:470px}.duel{margin:45px -10px 10px;height:220px}.hand-circle{width:160px;height:175px}.hand-sprite{width:170px;height:170px}.fighter>span:not(.player-tag){font-size:9px}.fighter:last-child>span:not(.player-tag){font-size:7px}.fighter>small{font-size:6px}.player-tag{font-size:6px}.arena-message h3{font-size:15px}.arena-message p{font-size:9px}.nav-item{padding:11px 8px}.nav-item div{font-size:10px}.nav-item small{display:none}.reward-card h2{font-size:12px}.controls{padding:20px 17px}.primary{padding:15px 12px;font-size:10px}.hand-buttons{gap:7px}.hand-buttons button{gap:6px}.hand-buttons kbd{display:none}.hand-icon{width:26px;height:26px}}
@media(max-width:690px){header{height:60px;padding:0 16px}.brand{font-size:21px}.brandmark{width:28px;height:28px;font-size:26px}.wallet{padding:5px 10px;gap:7px}.wallet b{font-size:17px}.header-right{gap:12px}.prototype,.wallet small,.arcade{display:none}.icon-button{font-size:20px}.icon-button span{font-size:8px}.shell{width:100%}aside{padding:15px 13px 0}nav{gap:5px}.nav-item{padding:11px 3px;justify-content:center}.nav-item>span{display:none}.nav-item div{font-size:9px;white-space:nowrap}main{padding:23px 12px 0}.heading{margin-bottom:20px}.eyebrow{font-size:7px;letter-spacing:1.7px}h1{font-size:23px;margin:9px 0 7px}h1 span{font-size:21px;letter-spacing:2px;margin-left:5px}h1 i{font-size:17px;margin-left:5px}.heading p{font-size:9px}.best>small{font-size:6px;letter-spacing:1px}.best b{font-size:26px}.best img{width:17px;height:17px}.best span{font-size:8px}.content-grid{grid-template-columns:1fr;gap:18px}.arena-top{padding:14px 19px}.arena-top h2{font-size:14px}.mode-pill{font-size:7px}.arena{padding:19px 18px 15px;min-height:455px}.arena-meta{font-size:7px}.arena-meta span:last-child{font-size:6px}.stage-title{font-size:64px;letter-spacing:8px;top:70px}.duel{height:210px;margin:42px -10px 10px;gap:0}.hand-circle{width:155px;height:180px}.hand-sprite{width:170px;height:170px}.fighter{width:43%}.player-tag{font-size:6px;letter-spacing:1px}.fighter>span:not(.player-tag){font-size:9px;letter-spacing:1px;margin-top:16px}.fighter:last-child>span:not(.player-tag){font-size:7px;letter-spacing:.5px}.fighter>small{font-size:5px;letter-spacing:.9px}.versus{width:46px;margin-top:-36px}.versus b{font-size:28px}.versus>span{font-size:4px;letter-spacing:.3px}.arena.windup .versus b{font-size:26px}.arena.reveal .versus b{font-size:26px}.arena-message{margin-top:23px;min-height:60px}.arena-message h3{font-size:16px;letter-spacing:.5px}.arena-message p{font-size:9px}.arena-bottom{margin-top:19px}.arena-bottom>span{font-size:5px;letter-spacing:1.5px}.arena-bottom button{font-size:7px}.streak-bar{margin-top:12px}.controls{padding:18px;min-height:100px}.entry-info p{font-size:9px}.entry-info b{font-size:21px}.primary{padding:14px 12px;font-size:10px}.fair-note{font-size:7px;padding:11px 17px}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reward-card{padding:19px 14px}.reward-card h2{font-size:12px}.section-kicker{font-size:6px}.reward-card li{font-size:9px;padding:8px 3px}.reward-card li b{font-size:18px}.reward-card li small{font-size:7px}.checkpoint{font-size:7px}.checkpoint small{font-size:7px}.jackpot-card{padding:21px 15px}.jackpot-card h2{font-size:19px}.jackpot-number{font-size:34px}.jackpot-footer{font-size:7px}.hand-buttons button{padding:13px 5px}.hand-buttons b{font-size:11px}.hand-icon{width:30px;height:30px}.bottom-strip{flex-direction:row;gap:12px;padding:20px 0}.bottom-strip>div{display:block;flex:1}.bottom-strip>div>span{font-size:20px;display:block;margin-bottom:8px}.bottom-strip b{font-size:8px}.bottom-strip small{font-size:7px;line-height:1.8}.immersed main{padding:8px}.immersed .arena-top{padding:12px 18px}.immersed .arena{min-height:calc(100dvh - 223px)}.immersed .duel{height:clamp(220px,32vh,360px);margin-top:30px}.immersed .hand-circle{width:180px;height:220px}.immersed .hand-sprite{height:210px;width:210px}.immersed .stage-title{font-size:65px}.immersed .arena-message{margin-top:30px}.immersed .fighter{width:43%}.immersed .versus{width:40px}.immersed .arena-bottom{margin-top:25px}}
.hero-actions{display:flex;align-items:center;gap:24px}.hero-actions .primary{font-size:10px;padding:14px 17px}.arena-bottom>div{display:flex;gap:7px}.immersed main{padding-top:12px}.immersed .arena{min-height:calc(100dvh - 270px)}.immersed .arena-top{padding:14px 24px}.immersed .duel{height:clamp(190px,30vh,360px);margin-top:28px}.immersed .hand-circle{height:100%;width:285px}.immersed .hand-sprite{width:260px;height:260px}.immersed .arena-message{margin-top:25px}.immersed .controls{padding:18px 25px}.immersed .arena-bottom{margin-top:15px}
@media(max-width:690px){.hero-actions{gap:0;align-items:flex-end;flex-direction:column}.hero-actions .primary{font-size:8px;padding:10px 10px;margin-top:10px}.hero-actions .best>small{display:none}.hero-actions .best>div{margin:0}.hero-actions .best b{font-size:21px}.hero-actions .best img{height:14px;width:14px}.heading{align-items:center}.heading h1{font-size:21px}.heading h1 span{font-size:19px;letter-spacing:1px}.heading h1 i{font-size:15px;margin-left:3px}.heading .eyebrow{font-size:6px;letter-spacing:1.5px}.heading p{font-size:8px}.immersed main{padding:8px}.immersed .arena-top{padding:12px 18px}.immersed .arena{min-height:calc(100dvh - 245px)}.immersed .duel{height:clamp(200px,32vh,330px);margin-top:30px}.immersed .hand-circle{width:170px;height:200px}.immersed .hand-sprite{width:185px;height:185px}.immersed .arena-message{margin-top:24px}.immersed .controls{padding:18px}.arena-bottom>span{font-size:4px;letter-spacing:1px}.arena-bottom>div{gap:5px}.arena-bottom button{padding:5px 6px;font-size:6px}.immersed .arena-bottom{margin-top:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.spotlight{opacity:.18!important}.impact-flash{display:none}.confetti{display:none}}