.bn-hud{height:67px;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a88bc12b;flex-shrink:0;background:#171b30}.bn-title{display:flex;gap:12px;align-items:center}.bn-title>span{font-size:30px;color:#bfa9db}.bn-title small{font-size:9px;color:#8f819e}.bn-title h1{font-size:21px;line-height:1.3;color:#e5d8f3}.bn-stats{display:flex;gap:25px;font-size:10px;color:#a493b5}.bn-stats b{font:23px system-ui;color:#d5bfea;margin-right:8px}.bn-hud button{font-size:11px;padding:8px 12px}.bn-arena{position:relative;isolation:isolate;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;padding:18px 30px 12px;background:radial-gradient(ellipse at 50% 70%,#77569824,transparent 60%),#11162a}.bn-gridlines{position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 30%,#b190d008 30.1%,transparent 30.3%),linear-gradient(60deg,transparent 30%,#b190d008 30.1%,transparent 30.3%);pointer-events:none}.bn-floor{position:absolute;inset:auto 15% 8%;height:25%;border:1px solid #ba9fd624;border-radius:50%;transform:perspective(500px) rotateX(60deg);box-shadow:0 0 0 20px #bba0dd05,0 0 0 45px #bba0dd03;z-index:-1;pointer-events:none}.bn-heading{text-align:center;flex-shrink:0}.bn-heading>span{font:9px system-ui;color:#a58fbd;letter-spacing:1px}.bn-heading h2{font-size:27px;line-height:1.3;margin:7px 0;color:#e4d5f0}.bn-heading p{font-size:11px;color:#a393b3;line-height:1.6}.bn-scene{flex:1;min-height:285px;position:relative;width:min(1050px,100%);margin:auto}.bn-selection{display:flex;align-items:center;justify-content:center;gap:100px;padding:20px}.bn-orbit{height:235px;width:235px;position:relative;border:1px dashed #af90cb3b;border-radius:50%;margin:15px 35px;flex-shrink:0}.bn-orbiter{position:absolute;width:50px;height:62px;left:calc(50% - 25px);top:calc(50% - 31px);transform:rotate(var(--angle)) translateY(-117px) rotate(var(--counter));display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2}.bn-orbiter img{width:44px;height:44px;border:2px solid #bda5d467;border-radius:14px;box-shadow:0 6px 17px #080c2255}.bn-orbiter b{font-size:9px;color:#b9a6ca}.bn-hub{position:absolute;inset:45px;border:1px solid #bda1d84d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#594565,#2c263f);box-shadow:0 0 50px #a489bb12}.bn-hub b{font:200 55px/1.15 system-ui;color:#e4cdf7;font-variant-numeric:tabular-nums}.bn-hub small,.bn-hub span{font-size:8px;color:#ae99c3;margin:5px 0}.bn-pick-guide{display:flex;flex-direction:column;gap:18px}.bn-pick-guide>div{display:flex;align-items:center;gap:18px;color:#c5a9df}.bn-pick-guide .hand{height:45px;width:45px}.bn-pick-guide b{font-size:17px}.bn-announcer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #bba0d628;padding-top:11px;flex-shrink:0;min-height:59px}.bn-announcer small{font-size:9px;color:#9782ac}.bn-announcer h3{font-size:17px;line-height:1.4;margin-top:5px;color:#dbc6ed}.bn-announcer button{font-size:11px;padding:10px 16px}.bn-roster{padding:10px 28px 12px;background:#181c31;border-top:1px solid #b99dd02b;flex-shrink:0}.bn-roster-head{display:flex;justify-content:space-between;font-size:10px;color:#b3a0c6;margin-bottom:9px}.bn-roster-head span{font-size:9px;color:#9989ac}.bn-players{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.bn-player{display:flex;align-items:center;gap:7px;border:1px solid #b89ece2d;border-radius:10px;padding:8px;min-width:0;background-color:#25253d}.bn-player img{height:30px;width:30px;border-radius:9px;flex-shrink:0}.bn-player>div{min-width:0;flex:1}.bn-player b{font-size:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bn-hearts{font-size:10px;color:#c69fc8;letter-spacing:1px;direction:ltr;display:block;white-space:nowrap;margin-top:4px}.bn-player small{color:#b2a3c7;font-size:11px}.bn-player.out{opacity:.35;filter:grayscale(1)}.bn-paused{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#11162aee;backdrop-filter:blur(12px)}.bn-paused>span{font-size:60px;color:#b8a2d0}.bn-combat{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:12px;align-items:center;padding:18px 0 12px;min-height:310px}.bn-fighter{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 10px;--fighter:#b59ccc}.bn-banner{position:absolute;inset:5px 0 56px;z-index:-1;border:1px solid #ba9bd23b;clip-path:polygon(0 0,90% 0,100% 12%,100% 100%,10% 100%,0 88%);background-color:#222139;overflow:hidden}.side-1 .bn-banner{transform:scaleX(-1)}.bn-banner-star{position:absolute;font-size:175px;line-height:1;right:-20px;top:-13px;color:var(--fighter);opacity:.12;transform:rotate(10deg)}.bn-banner-lines{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 50px,#baa2d41a 51px 52px,transparent 53px 100px)}.bn-big-avatar{width:112px;height:112px;position:relative;margin:0 0 6px;border:1px solid color-mix(in srgb,var(--fighter) 65%,transparent);padding:5px;border-radius:28px;transform:rotate(-5deg);background:#1a1b30;box-shadow:0 15px 40px #090b2344}.bn-big-avatar img{height:100%;width:100%;border-radius:23px;transform:rotate(5deg)}.side-1 .bn-big-avatar{transform:rotate(5deg)}.side-1 .bn-big-avatar img{transform:rotate(-5deg)}.bn-identity{text-align:center}.bn-identity h3{font-size:27px;line-height:1.3;color:#eee0f8;margin:8px 0 4px}.bn-heart-row{display:flex;direction:ltr;justify-content:center;gap:6px;font-size:18px;color:#d0a6cb;min-height:25px}.bn-hand{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px;height:83px;color:#d7bde9;position:relative}.bn-hand:before{content:'';position:absolute;inset:5px -15px;background:radial-gradient(ellipse,#b798d521,transparent 70%);z-index:-1}.bn-hand .hand{height:77px;width:77px;filter:drop-shadow(0 8px 10px #080a2266)}.bn-hand>b{font-size:15px}.bn-fighter-tag{font-size:9px;color:#b39acb;min-height:15px;margin-top:5px}.bn-fighter.won .bn-big-avatar{box-shadow:0 0 0 3px #c4a6e211,0 0 35px #b88cd130;border-color:#d9b9f5}.bn-fighter.lost .bn-banner{opacity:.45}.bn-fighter.lost .bn-big-avatar{filter:saturate(.5)}.bn-fighter.lost .bn-fighter-tag{color:#cf9ab9}.bn-versus{display:flex;flex-direction:column;align-items:center;gap:13px}.bn-versus b{font:italic 800 45px/1 Georgia;color:#e3c7f6;text-shadow:0 0 30px #b587d944}.bn-versus small{font-size:9px;color:#9880ae}.bn-versus>span{color:#cb9abc;font-size:17px}.bn-special{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:20px}.bn-special-person{display:flex;align-items:center;flex-direction:column;gap:10px}.bn-special-person img{width:80px;height:80px;border:2px solid #b291ce;border-radius:23px}.bn-special-person b{font-size:18px}.drawing .bn-orbit{animation:bn-spin 1.3s linear infinite}.drawing .bn-orbiter img{box-shadow:0 0 25px #b794dd66}.drawing .bn-hub{animation:bn-counter 1.3s linear infinite}.drawing .bn-pick-guide{opacity:.25}.revealing .bn-fighter{animation:bn-enter .5s both}.revealing .bn-hand{animation:bn-strike .65s .25s both}.revealing .side-1 .bn-hand{animation-name:bn-strike-left}.heart-hit{animation:bn-heart .65s .65s both}.bn-lab .chat-drawer summary{padding-block:9px}.bn-lab .chat-drawer form{padding-bottom:10px}
@keyframes bn-spin{to{transform:rotate(360deg)}}@keyframes bn-counter{to{transform:rotate(-360deg)}}@keyframes bn-enter{from{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:none}}@keyframes bn-strike{0%{opacity:0;transform:translateX(25px) scale(.7)}65%{opacity:1;transform:translateX(-15px) scale(1.1)}100%{transform:none}}@keyframes bn-strike-left{0%{opacity:0;transform:translateX(-25px) scale(.7)}65%{opacity:1;transform:translateX(15px) scale(1.1)}100%{transform:none}}@keyframes bn-heart{0%{color:#edb3d6;transform:scale(1.7)}100%{color:#82677e;transform:none}}
@media(max-width:1000px){.bn-players{grid-template-columns:repeat(4,minmax(0,1fr))}.bn-player{padding:5px 9px}.bn-player img{height:25px;width:25px}.bn-roster{padding-block:8px}.bn-scene{min-height:260px}.bn-big-avatar{height:90px;width:90px}.bn-identity h3{font-size:24px}.bn-hand{height:70px}.bn-hand .hand{height:64px;width:64px}.bn-combat{min-height:285px}.bn-selection{gap:60px}.bn-orbit{height:205px;width:205px}.bn-orbiter{transform:rotate(var(--angle)) translateY(-102px) rotate(var(--counter))}.bn-hub{inset:38px}.bn-orbiter img{height:38px;width:38px}}
@media(max-width:700px){.bn-hud{height:57px;padding:8px 12px}.bn-title{gap:6px}.bn-title>span{font-size:23px}.bn-title h1{font-size:15px}.bn-title small{font-size:7px}.bn-stats{gap:10px;font-size:8px}.bn-stats b{font-size:15px;margin-right:3px}.bn-hud button{font-size:9px;padding:7px 8px}.bn-arena{padding:13px 12px 10px}.bn-heading>span{font-size:8px}.bn-heading h2{font-size:21px;margin:7px 0}.bn-heading p{font-size:9px}.bn-selection{flex-direction:column;gap:9px;padding:12px 0;min-height:285px}.bn-orbit{height:180px;width:180px;margin:15px 25px}.bn-orbiter{transform:rotate(var(--angle)) translateY(-90px) rotate(var(--counter));width:42px;left:calc(50% - 21px)}.bn-orbiter img{height:34px;width:34px;border-radius:11px}.bn-orbiter b{font-size:8px}.bn-hub{inset:35px}.bn-hub b{font-size:39px}.bn-hub small,.bn-hub span{font-size:7px}.bn-pick-guide{flex-direction:row;gap:18px;margin-top:6px}.bn-pick-guide>div{gap:6px}.bn-pick-guide .hand{height:28px;width:28px}.bn-pick-guide b{font-size:10px}.bn-combat{grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);gap:3px;min-height:275px;padding:10px 0}.bn-fighter{padding:12px 2px}.bn-big-avatar{height:76px;width:76px;border-radius:21px;padding:4px}.bn-big-avatar img{border-radius:17px}.bn-identity h3{font-size:20px;margin-top:9px}.bn-heart-row{font-size:14px;gap:4px;min-height:20px}.bn-hand{height:67px;gap:2px;flex-direction:column;margin-top:5px}.bn-hand .hand{height:48px;width:48px}.bn-hand>b{font-size:10px}.bn-fighter-tag{font-size:8px}.bn-banner{bottom:45px}.bn-banner-star{font-size:125px}.bn-versus{gap:10px}.bn-versus b{font-size:23px}.bn-versus small{font-size:7px;text-align:center}.bn-versus>span{font-size:12px}.bn-announcer{min-height:55px;gap:8px;padding-top:9px}.bn-announcer h3{font-size:12px;margin-top:3px}.bn-announcer small{font-size:8px}.bn-announcer button{font-size:10px;padding:8px 9px}.bn-roster{padding:8px 12px}.bn-roster-head{font-size:9px;margin-bottom:7px}.bn-roster-head span{font-size:8px}.bn-players{gap:5px}.bn-player{padding:6px 4px;gap:4px}.bn-player img{height:24px;width:24px;border-radius:8px}.bn-player b{font-size:8px}.bn-hearts{font-size:8px;letter-spacing:0;margin-top:4px}.bn-player small{display:none}.bn-special{gap:13px}.bn-special-person img{height:50px;width:50px;border-radius:15px}.bn-special-person b{font-size:12px}.bn-lab .chat-drawer summary{font-size:9px}.bn-lab .chat-drawer summary>#message{font-size:8px}}
@media(max-height:650px) and (min-width:701px){.bn-hud{height:54px}.bn-heading h2{font-size:22px}.bn-arena{padding-top:10px}.bn-combat{min-height:250px}.bn-big-avatar{width:78px;height:78px}.bn-hand{height:60px}.bn-hand .hand{height:54px;width:54px}.bn-announcer{min-height:48px}.bn-scene{flex:none}.bn-announcer{position:sticky;bottom:-12px;background:#15172def;z-index:5}.bn-orbit{height:180px;width:180px}.bn-orbiter{transform:rotate(var(--angle)) translateY(-90px) rotate(var(--counter))}}
@media(prefers-reduced-motion:reduce){.bn-arena *{animation:none!important;transition:none!important}}
.bn-announcer{position:sticky;bottom:-12px;background:#13172df2;z-index:5;padding-bottom:8px}.bn-announcer>div{min-width:0}.bn-announcer button{flex-shrink:0}.bn-lab .studio-intro-mark{display:flex;gap:18px;margin:25px 0;font-size:38px;color:#c6afd9}
@media(max-height:800px) and (min-width:701px){.bn-arena{padding-top:12px}.bn-heading h2{font-size:23px;margin:5px 0}.bn-heading p{font-size:10px}.bn-combat{min-height:270px;padding:12px 0}.bn-fighter{padding:8px}.bn-big-avatar{height:90px;width:90px}.bn-identity h3{font-size:24px;margin:5px 0 3px}.bn-heart-row{font-size:16px;min-height:21px}.bn-hand{height:65px;margin-top:5px}.bn-hand .hand{height:60px;width:60px}.bn-selection{min-height:250px;padding:10px}.bn-orbit{height:190px;width:190px;margin:15px 30px}.bn-orbiter{transform:rotate(var(--angle)) translateY(-95px) rotate(var(--counter))}.bn-orbiter img{height:36px;width:36px}.bn-hub{inset:34px}.bn-hub b{font-size:44px}.bn-announcer{min-height:52px}.bn-announcer h3{font-size:15px}}
.bn-arena.is-paused *{animation-play-state:paused!important}.bn-selection{padding-top:24px}
@media(max-width:700px){.bn-selection{padding-top:24px}}

#stage.rps-blind-active .bn-game{display:flex;flex-direction:column;height:100%;min-height:0}#stage.rps-blind-active [hidden]{display:none!important}
body:has(#stage.rps-blind-active){padding:0!important;overflow:hidden!important}
body:has(#stage.rps-blind-active) #topbar,
body:has(#stage.rps-blind-active) #rail,
body:has(#stage.rps-blind-active) #chatpane,
body:has(#stage.rps-blind-active) #brandmark{display:none!important}
body:has(#stage.rps-blind-active) #toolrail{
 position:fixed!important;inset:0 0 auto!important;width:100%!important;
 height:calc(46px + env(safe-area-inset-top))!important;
 padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))!important;
 flex-direction:row!important;gap:10px!important;overflow:visible!important;
 border:0!important;background:#171e30!important;box-shadow:none!important
}
body:has(#stage.rps-blind-active) #toolrail .brand{width:auto!important;flex-direction:row!important;padding:0!important}
body:has(#stage.rps-blind-active) #toolrail .brand-logo{width:30px;height:30px;padding:4px}
body:has(#stage.rps-blind-active) #toolrail .brand-text span,
body:has(#stage.rps-blind-active) #toolrail .tr-foot,
body:has(#stage.rps-blind-active) #toolrail::after{display:none!important}
body:has(#stage.rps-blind-active) #toolrail .tools{flex-direction:row!important;width:auto!important;margin:0 auto 0 0!important;gap:6px!important}
body:has(#stage.rps-blind-active) #toolrail .tools>button:not(#btnSound):not(#btnCfg):not(#btnFull){display:none!important}
body:has(#stage.rps-blind-active) #toolrail .btn-icon{width:34px!important;height:34px!important}
body:has(#stage.rps-blind-active) #layout{
 position:fixed!important;inset:calc(46px + env(safe-area-inset-top)) 0 0!important;
 display:block!important;width:auto!important;height:auto!important;
 min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important
}
body:has(#stage.rps-blind-active) #stageWrap{
 position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;
 width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;
 margin:0!important;padding:0!important;gap:0!important;background:#0d1526
}
body:has(#stage.rps-blind-active) #stageBar{
 position:relative!important;inset:auto!important;display:flex!important;order:2;
 flex:0 0 auto!important;justify-content:center!important;overflow:visible!important;
 padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
 border:0!important;border-radius:0!important;background:#171e30!important;box-shadow:none!important
}
body:has(#stage.rps-blind-active) #stageBar .sb-right,
body:has(#stage.rps-blind-active) #stageBar .sb-mid{display:none!important}
body:has(#stage.rps-blind-active) #stageBar .sb-left{
 position:static!important;inset:auto!important;display:flex!important;width:auto!important;max-width:100%!important;
 flex-wrap:wrap!important;justify-content:center!important;margin:0!important;padding:0!important;
 gap:6px!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important
}
body:has(#stage.rps-blind-active) #stageBar .btn{min-height:34px;padding:5px 12px!important}
body:has(#stage.rps-blind-active) #stage.rps-blind-active{
 position:relative!important;inset:auto!important;order:0;flex:1 1 0!important;
 width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important
}
#stage.rps-blind-active::before,#stage.rps-blind-active::after{display:none!important}
#stage.rps-blind-active .g-body{max-width:none!important;margin:0!important}
body:has(#stage.rps-blind-active) #practice{
 position:relative!important;inset:auto!important;order:1;flex:0 0 auto!important;
 width:100%!important;max-height:24dvh!important;overflow:auto!important;
 margin:0!important;border-radius:0!important;padding:6px 10px!important
}
body:has(#stage.rps-blind-active) #gdock{right:0!important;max-height:100dvh!important}

#stage.rps-blind-active{overflow:hidden!important}
#stage.rps-blind-active>.g-wrap{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;transform:none!important;gap:0!important;padding:0!important}
#stage.rps-blind-active .g-how,#stage.rps-blind-active .g-top,#stage.rps-blind-active #gtimer{display:none!important}
#stage.rps-blind-active .g-body{display:block!important;flex:1!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important}

.bn-native-profile{width:100%;min-width:0}.bn-native-big.pb{height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px!important;border-radius:20px!important;background:#28243c;overflow:hidden;isolation:isolate}.bn-native-big .av{width:82px!important;height:82px!important;flex-shrink:0}.bn-native-big .pb-main{width:100%;min-width:0;z-index:1;flex:none!important}.bn-native-big .pb-name{justify-content:center;font-size:23px!important;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bn-native-big .pb-meta{justify-content:center}.bn-native-big .pb-at,.bn-native-big .pb-tier{display:none}.bn-native-big .pb-bg{opacity:1!important}.bn-native-big.has-banner .pb-bg{background-image:var(--own-img)!important;background-size:cover!important;background-position:center!important}.bn-native-mini.pb{min-width:0;padding:7px!important;border-radius:10px!important;gap:6px;overflow:hidden}.bn-native-mini .av{width:29px!important;height:29px!important;flex-shrink:0}.bn-native-mini .pb-name{font-size:10px!important}.bn-native-mini .pb-at,.bn-native-mini .pb-tier{display:none}.bn-native-mini .pb-meta{font-size:10px}.bn-native-mini .pb-bg{opacity:1!important}.bn-native-mini.has-banner .pb-bg{background-image:var(--own-img)!important;background-size:cover!important}.bn-native-mini.out{opacity:.35;filter:grayscale(1)}.bn-orbiter>.av{width:40px;height:40px;flex-shrink:0}.bn-orbiter>.av img{height:100%;width:100%;border:0}.bn-special-person>.av{width:75px;height:75px}.bn-more{align-self:center;font-size:11px;color:#b59bc9}.bn-game button{cursor:pointer;border:1px solid #ab91c44a;border-radius:9px;background:#2a2945;color:#dec9ee;font:700 11px Tajawal,system-ui;padding:9px 14px}.bn-game button.primary{background:#bda4df;color:#271e38}.bn-game button:disabled{opacity:.4}.bn-game button:focus-visible{outline:2px solid #e0c5f5;outline-offset:2px}.bn-fighter.lost .bn-native-big{filter:saturate(.55)}
@media(max-width:700px){.bn-native-big.pb{height:160px;padding:8px!important;border-radius:14px!important}.bn-native-big .av{width:61px!important;height:61px!important}.bn-native-big .pb-name{font-size:17px!important}.bn-native-big .mark{display:none}.bn-native-mini .av{width:23px!important;height:23px!important}.bn-native-mini.pb{padding:5px!important;gap:4px}.bn-native-mini .pb-name{font-size:8px!important}.bn-native-mini .mark{display:none}.bn-orbiter>.av{height:32px;width:32px}.bn-special-person>.av{height:50px;width:50px}}