/* Electric blue Jove notebook, with restrained light and readable evidence. */
:root{--blue:#50aaff;--mint:#68e3ce;--panel:#101d31;--line:#294568}
body{background:radial-gradient(ellipse at 100% 0%,#15478c38,transparent 45%),#080f1e}
.sidebar{width:100px;padding:23px 10px;background:linear-gradient(180deg,#0a1930,#080f1c);border-right:1px solid #285a93}
.brand{padding:0;justify-content:center}.brand>div:not(.brand-mark),.brand>.alpha,.brand-sub,.workspace,.nav-label,.sidebar-bottom>small,.sidebar-footer,.collection-pill{display:none}
.brand-mark{width:48px;height:50px;background:linear-gradient(135deg,#2b72d5,#18355e);box-shadow:0 0 25px #4389ec32;font-size:32px;border:1px solid #6daeff}
.sidebar nav{margin-top:35px;gap:13px}.sidebar nav a{flex-direction:column;gap:7px;text-align:center;font-size:10px;padding:12px 3px}.sidebar nav a svg{width:24px;height:24px}.nav-count{display:none}
.main-shell{margin-left:100px;width:calc(100% - 100px)}.topbar{height:68px;background:#0b1629df;backdrop-filter:blur(15px);border-bottom:1px solid #2d4e78}.breadcrumb{font-size:18px;font-family:Georgia,serif;color:#d4e8ff;font-weight:700;letter-spacing:.5px}.breadcrumb strong{font-family:var(--font);font-size:11px;color:#7dabdf}.breadcrumb>span{padding:0 16px}.global-search{max-width:430px;width:380px;background:#0d1c32;border-color:#31577e}
main{padding-top:22px}.arena-profile{isolation:isolate;border-color:#4391e2;border-radius:15px;padding:26px 29px;background:radial-gradient(ellipse at 88% 10%,#294db774,transparent 53%),linear-gradient(100deg,#0d213b 28%,#0b152a);box-shadow:inset 0 1px #77b2ff44,0 12px 40px #02071444;min-height:210px;grid-template-columns:minmax(0,1fr) auto}
.arena-profile:before{width:3px;background:linear-gradient(#8bdcff,#4897ff,#4040a7)}.profile-identity,.profile-controls,.profile-meta{position:relative;z-index:2}.profile-identity .avatar{width:82px!important;height:82px!important;border-radius:15px;border:2px solid #c9ac65;box-shadow:0 0 16px #3a8aff44}.avatar.has-photo{overflow:hidden;background:#12243a}.avatar>img{display:block;width:100%;height:100%;object-fit:cover}.profile-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-name h1{font-size:29px}.profile-name .country-flag{font-size:22px}.favorite-button{border:0;background:none;color:#91a9cc;font-size:21px;line-height:1;padding:6px;flex-shrink:0}.favorite-button.selected{color:#8bdded}.favorite-button:hover{color:#d5f9ff}.country-flag{font-family:"Segoe UI Emoji",sans-serif;font-size:14px;vertical-align:middle}.profile-rank{display:flex;align-items:center;gap:19px;margin-top:13px;font-size:12px;color:#8ba8ce;flex-wrap:wrap}.profile-rank b{color:#d8e6fb;font-size:17px;margin-left:5px}.profile-rank>span:nth-child(2) b{color:#edc477}.rank-stars{color:#5ccde7;font-size:25px;line-height:1;text-shadow:0 0 8px #37b2ff70;letter-spacing:3px}.profile-controls{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;padding-top:5px;flex-wrap:wrap;max-width:245px}.profile-controls .filter-select{width:100%;max-width:230px;border-color:#426692;background:#0c1b31e8}.profile-controls .button{background:#112b4be8}.profile-meta{padding-top:13px;border-top-color:#2c477199;align-self:end;font-size:9px}.banner-mob{position:absolute;right:2%;top:-65%;width:430px;height:430px;z-index:-1;opacity:.2;transform:rotate(-12deg);filter:saturate(.6);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 65%,transparent)}.banner-mob .portrait-frame{width:100%;height:100%;border-radius:50%;border:0}.banner-mob img{width:100%;height:100%;object-fit:cover}
.profile-tabs{margin-top:14px;background:#0c182b;border:1px solid #284976;border-radius:9px;padding:0 10px;gap:15px}.profile-tabs button{padding:13px 16px}.profile-tabs button[aria-selected=true]{color:#f3dba3;border-color:#d9b975;background:linear-gradient(0deg,#a58b2a20,transparent)}.draft-legend{display:flex;gap:20px;flex-wrap:wrap;margin:-7px 0 17px;color:#819fbe;font-size:9px}.draft-legend>span{display:flex;align-items:center;gap:6px}.draft-legend b{color:#d8bd7d;font-size:9px}.draft-legend i{width:16px;height:2px;background:#f37485;transform:rotate(-30deg)}
.player-workspace{grid-template-columns:255px minmax(0,1fr);gap:16px}.panel{border-color:#2d496f;box-shadow:0 7px 25px #02071430;background:linear-gradient(140deg,#111f34,#0e192c)}.insight-panel h2{font-size:13px}.insight-panel h2 svg{color:#62b8ff}.season-score{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.season-score>b{font-size:24px;font-weight:650}.season-score i{color:#526d91;font-style:normal;font-size:15px}.season-score>span{color:#73d5c4;font-size:11px}.insight-line strong{color:#b0d7ff}.player-main>.insight-panel{border-top:2px solid #657fe1}.score-chart{height:135px}.draft-card{border-color:#29496e;background:linear-gradient(105deg,#10243d,#101c30 55%,#12233a)}.draft-card-meta{border-bottom-color:#2a466b66}.team-heading{display:flex;justify-content:space-between;gap:5px;align-items:start}.team-heading .favorite-button{font-size:17px;padding:1px 2px}.team-player strong{font-size:11px}.draft-versus{gap:8px;padding:16px 14px}.team-picks{gap:7px}.draft-unit .portrait-frame{width:100%;max-width:66px;aspect-ratio:1}.draft-unit .portrait-frame img{max-width:none;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;opacity:1;transform:none}.draft-unit.leader .portrait-frame{border:2px solid #e5bd64;box-shadow:0 0 0 1px #e6bf6477,0 0 12px #d0a43332}.draft-unit:hover .portrait-frame{border-color:#8de6d2}.draft-unit>.portrait-frame{font-size:inherit!important;line-height:1!important;max-width:66px!important;white-space:normal!important}.draft-unit>.unit-name{display:block;font-size:7px;line-height:1.15;max-width:70px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unit-marker{z-index:3;left:0;top:0;border-radius:5px 0 5px 0;font-size:10px;line-height:16px;padding:0 5px;box-shadow:0 1px 5px #0007}.pick-order{position:absolute;right:0;bottom:17px;color:#e8f4ff;background:#081426e8;border:1px solid #5b81ad;font-size:9px;line-height:15px;min-width:15px;border-radius:4px;z-index:3;font-weight:600}.ban-strike{position:absolute;top:35%;left:2%;right:2%;height:2px;background:#ff526c;transform:rotate(-39deg);box-shadow:0 0 2px #14020a,0 0 5px #ef4d6a88;z-index:2;pointer-events:none}.draft-unit.banned img{opacity:1}.ban-marker{display:none}
.portrait-frame{display:inline-block;position:relative;width:48px;height:48px;flex-shrink:0;border:1px solid #4a6b93;border-radius:9px;overflow:hidden;vertical-align:middle;background:#152744}.portrait-frame>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}.portrait-frame.paired>img:first-child{clip-path:polygon(0 0,58% 0,42% 100%,0 100%)}.portrait-frame.paired>img.alternate-face{clip-path:polygon(58% 0,100% 0,100% 100%,42% 100%)}.portrait-frame.paired:after{content:"";position:absolute;left:49%;top:-5%;width:1px;height:110%;background:#e2dbbd88;transform:rotate(9deg)}.pick-summary>.portrait-frame{flex:0 0 35px;width:35px;height:35px}.pick-summary-grid .pick-summary>.portrait-frame{flex-basis:49px;width:49px;height:49px}.player-card-picks>.portrait-frame{width:33px;height:33px}.monster-card>.portrait-frame{width:85px;height:85px;margin:8px auto}.monster-detail-head>.portrait-frame{width:96px;height:96px}.hero-portraits>.portrait-frame{width:64px;height:64px;border-radius:13px}.hero-portraits>.portrait-frame:nth-child(2){width:82px;height:82px}
.recent-activity{min-width:0}.activity-legend{display:flex;gap:10px;color:#8fa5c1;font-size:8px;flex-wrap:wrap}.activity-legend span{display:flex;align-items:center;gap:4px}.activity-legend i{width:7px;height:7px;border-radius:50%;display:block}.activity-legend .gain,.activity-cell.gain{background:#53d6b5}.activity-legend .loss,.activity-cell.loss{background:#ed6989}.activity-legend .active,.activity-cell.active{background:#659ee1}.activity-months{display:flex;justify-content:space-between;font-size:8px;color:#7590b2;margin:15px 0 8px}.heatmap-layout{display:flex;gap:7px}.week-labels{display:grid;grid-template-rows:repeat(7,1fr);gap:4px;font-size:7px;color:#6e86a6;line-height:1;align-items:center}.activity-heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;flex:1;min-width:0}.activity-cell{padding:0;border:1px solid transparent;aspect-ratio:1;background:#293a53;border-radius:50%;min-width:0;width:100%}.activity-cell.future{background:#18253b;opacity:.4}.activity-cell:hover,.activity-cell[aria-pressed=true]{border-color:#e0eeff;box-shadow:0 0 6px #70b9ff66}.activity-detail{margin-top:14px;border-top:1px solid #29415e;padding-top:10px;display:flex;flex-direction:column;gap:4px;font-size:10px;color:#9ab0cc}.activity-detail strong{font-size:10px;color:#cfdef2;font-weight:500}.activity-detail>b{font-size:14px;color:#8cbdf0}.activity-detail>b.mint{color:#68e3ce}.negative{color:#f48fa1!important}.activity-detail>span{font-size:9px}.recent-activity>p{font-size:8px}.box-filters{display:flex;gap:10px;margin-bottom:22px}.observed-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:20px 12px}.observed-box>div{max-width:95px;text-align:center}.observed-box small{font-size:9px;color:#7f9bbf}.observed-box .draft-unit{margin:0 auto 5px;width:80px}.observed-box .draft-unit .portrait-frame{max-width:75px!important}.observed-box .unit-name{font-size:9px}.opponents-list{margin-top:22px}.opponent-row{padding:16px 0;display:flex;align-items:center;gap:20px;border-top:1px solid #2a405d}.opponent-row>.team-player{flex:1;margin:0}.opponent-row>.team-player strong{max-width:none}.opponent-row>.team-player .avatar{width:42px;height:42px}.opponent-row>strong{font-size:19px;color:#9ed6e9;text-align:right}.opponent-row>strong small{display:block;font-size:9px;color:#7894b8;font-weight:400}
@media(min-width:1500px){.player-workspace{grid-template-columns:285px minmax(0,1fr)}.team-picks{gap:10px}.draft-unit .portrait-frame{max-width:75px!important}.draft-unit>.unit-name{font-size:8px}.pick-order{bottom:18px}.arena-profile{min-height:230px}.profile-identity h1{font-size:32px}}
@media(max-width:1180px){.arena-profile{grid-template-columns:1fr auto}.profile-identity{gap:14px}.profile-name h1{font-size:24px}.profile-identity .avatar{width:65px!important;height:65px!important}.profile-controls{max-width:210px}.player-workspace{grid-template-columns:210px minmax(0,1fr)}.recent-activity{padding:15px}.activity-heatmap{gap:3px}.week-labels{gap:3px}.draft-versus{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.team-picks{gap:4px}.team-player strong{max-width:130px}.profile-rank{gap:10px}}
@media(max-width:960px){.player-workspace{grid-template-columns:1fr}.player-insights{grid-template-columns:1fr 1fr}.player-insights>.recent-activity{grid-row:span 2;grid-column:2;align-self:start}.player-insights>.insight-panel:last-child{grid-column:1}.arena-profile{grid-template-columns:1fr;gap:18px}.profile-controls{max-width:none;justify-content:flex-start;padding:0}.profile-controls .filter-select{width:auto}.profile-name h1{font-size:27px}.team-player strong{max-width:190px}.topbar{padding:0 22px}.breadcrumb strong,.breadcrumb>span{display:none}.global-search{width:300px}.hero-portraits>.portrait-frame{width:45px;height:45px}.hero-portraits>.portrait-frame:nth-child(2){width:60px;height:60px}}
@media(max-width:720px){.sidebar{width:100px}.main-shell{margin-left:0;width:100%}.sidebar.open{width:100px}.topbar{padding:0 15px;height:62px}.breadcrumb{display:none}main{padding:16px 12px}.arena-profile{padding:20px 17px}.profile-identity .avatar{width:60px!important;height:60px!important}.profile-name{gap:6px}.profile-name h1{font-size:23px}.profile-name .country-flag{font-size:16px}.profile-rank{font-size:10px;gap:8px}.profile-rank b{font-size:14px;margin-left:3px}.rank-stars{font-size:18px}.profile-identity p{font-size:8px}.profile-controls{gap:7px}.profile-controls .button{font-size:10px;padding:8px}.profile-controls .filter-select{font-size:10px;max-width:180px}.profile-tabs{padding:0;gap:0}.profile-tabs button{padding:12px 9px;font-size:10px}.draft-legend{gap:13px;font-size:8px;margin-top:-5px}.player-insights{gap:11px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.activity-heatmap{gap:2px}.week-labels{gap:2px;font-size:6px}.activity-legend{font-size:7px;gap:5px}.activity-months{font-size:7px}.heatmap-layout{gap:4px}.player-insights .insight-panel{padding:13px 10px}.insight-panel h2{font-size:10px;gap:5px}.recent-activity h2 svg{width:13px}.activity-detail>b{font-size:12px}.activity-detail strong{font-size:8px}.activity-detail>span{font-size:7px}.recent-activity>p{font-size:7px}.season-score>b{font-size:20px}.season-score>span{font-size:9px}.draft-versus{grid-template-columns:1fr;gap:12px}.team-picks{gap:8px}.draft-unit .portrait-frame{max-width:62px!important}.team-player strong{max-width:240px}.team-heading .favorite-button{font-size:20px}.pick-summary>.portrait-frame{flex-basis:28px;width:28px;height:28px}.pick-summary>span:not(.portrait-frame){min-width:0}.profile-meta{font-size:8px}.banner-mob{width:300px;height:300px;right:-20%;top:-15%;opacity:.15}.opponent-row{gap:12px}.opponent-row>strong{font-size:16px}.observed-box{grid-template-columns:repeat(auto-fill,minmax(67px,1fr));gap:15px 9px}.observed-box .draft-unit{width:65px}.monster-card>.portrait-frame{width:65px;height:65px}}

.brand>span:not(.brand-mark){display:none}.country-flag img{display:inline-block;width:22px;height:16px;vertical-align:middle;border-radius:2px}.profile-name .country-flag img{width:24px;height:17px}.team-player .country-flag img{width:15px;height:11px}.section-head{margin-bottom:15px}.arena-profile{min-height:205px}.portrait-frame.paired img{opacity:1!important}

.arena-profile{background:linear-gradient(90deg,#0b1a3099 0%,#0b1a3066 48%,#08132733 100%),url('./assets/arena-banner-v1.png') center 45%/cover no-repeat}.banner-mob{display:none}.profile-controls{align-self:start}.profile-meta{background:#09182a8c;margin:0 -29px -26px;padding:12px 29px;border-radius:0 0 15px 15px}.profile-identity{text-shadow:0 2px 8px #020812}.arena-profile .profile-controls{filter:drop-shadow(0 2px 7px #030b1b)}.season-score{padding-bottom:5px}@media(max-width:720px){.arena-profile{background-position:60% center}.profile-meta{margin:0 -17px -20px;padding:12px 17px}.profile-identity{padding:4px 0}.profile-controls{margin-top:4px}}

@media(min-width:721px){.arena-profile{background-position:center 12%}}