/* Arena lives inside the existing YOU'RE NEXT shared navigation. */
:root{--font:'Instrument Sans','Noto Sans KR',system-ui,sans-serif;--bg:#0B0D12;--paper:#12151E;--ink:#F2F4F8;--mint:#3DE8C6;--muted:#A3A9BA;--line:rgba(255,255,255,.10)}
body{background:var(--bg);font-family:var(--font)}.workspace{display:block;max-width:1248px;min-height:calc(100vh - 72px)}.main{max-width:1248px;padding:35px 24px 70px}.sidebar,.mobile-nav,.brand-header,.prototype-notice,.demo-controls{display:none!important}
.arena-subnav{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:20px 0 17px}.arena-subnav>a{font-size:17px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-.03em}.arena-subnav>a .icon{color:var(--mint);width:21px;height:21px}.arena-links{display:flex;align-items:center;gap:23px;font-size:12px;color:#939bac}.arena-links a{padding:5px 0}.arena-links a.active{color:#edf1f8;font-weight:700}.arena-links a:hover{color:var(--mint)}.arena-subnav #account-link{margin-left:auto;font-size:11px;color:#a3abbd;white-space:nowrap;font-weight:500}.arena-main-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:42px 10px 48px}.arena-main-hero h1{font-size:68px;line-height:1.15;letter-spacing:-.065em;margin:20px 0 25px}.arena-main-hero h1 em{color:var(--mint)}.arena-main-hero p{font-size:15px;line-height:1.85;color:#9aa5b8}.arena-main-hero .page-actions{margin-top:30px}.arena-main-hero .btn{min-width:180px;min-height:51px}.arena-main-hero .micro{font-size:11px;color:#788298;margin-top:16px}.arena-main-hero .eyebrow{font-size:11px;color:#8e9aaf;letter-spacing:.22em}.arena-rank-object{height:400px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;background:radial-gradient(ellipse at 50% 47%,#3de8c618,transparent 64%);overflow:hidden}.arena-orbit{position:absolute;width:345px;height:345px;border:1px solid #8de7ca15;border-radius:50%;top:13px;left:50%;transform:translateX(-50%)}.arena-orbit:before{content:'';position:absolute;inset:28px;border-radius:50%;border:1px dashed #8de7ca1a}.arena-rank-object img{position:relative;width:292px;height:255px;object-fit:contain;filter:drop-shadow(0 0 30px #7cf4ce1c)}.arena-rank-object .object-kicker{font-size:10px;color:#7f9c94;letter-spacing:.3em;z-index:1}.arena-rank-object strong{font-family:Sora,'Noto Sans KR',sans-serif;font-size:31px;letter-spacing:.14em;color:#eaf9f2;line-height:1.4;z-index:1}.arena-rank-object p{font-size:11px;margin-top:9px;color:#82938e;z-index:1}.arena-rank-object .object-corner{position:absolute;right:24px;top:30px;color:#586677;font:10px monospace;letter-spacing:.15em}.arena-rank-object .object-bottom{position:static;display:flex;align-items:center;gap:8px;margin-top:17px;font-size:10px;color:#7f918a}.arena-rank-object .object-bottom:before{content:'';height:4px;width:4px;background:#3de8c6;border-radius:50%}.feature-grid{margin-top:9px}.feature h3{font-size:16px}.feature p{font-size:12px}.arena-player-status{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#12151e;border:1px solid #ffffff10;border-radius:17px;margin:20px 0}.arena-player-status h2{font-size:20px}.arena-player-status p{font-size:12px;color:#8f9aaf;margin-top:7px}.arena-queue{max-width:820px;margin:15px auto 25px;display:grid;grid-template-columns:1fr 240px;gap:40px;align-items:center;padding:42px;background:#12151e;border:1px solid #ffffff10;border-radius:22px}.arena-queue h1{font-size:37px;margin:15px 0 18px;letter-spacing:-.06em}.arena-queue p{font-size:13px;color:#939db1;line-height:1.9}.arena-queue .queue-object{display:flex;align-items:center;justify-content:center;position:relative;width:200px;height:200px;border:1px solid #3de8c629;border-radius:50%;margin:auto}.queue-object:before{content:'';position:absolute;inset:16px;border-radius:50%;border:1px dashed #3de8c630;animation:queue-turn 28s linear infinite}.queue-object .icon{height:66px;width:66px;color:#3de8c6;stroke-width:1}.queue-meta{display:flex;gap:24px;font-size:11px;padding-top:22px;margin-top:25px;border-top:1px solid #ffffff0d;color:#8b97ab}.queue-meta b{color:#cad5e3;font-weight:600}.arena-mini-steps{display:flex;justify-content:center;gap:35px;margin:30px auto 0;font-size:11px;color:#657286}.arena-mini-steps .done{color:#8ed7bd}.arena-mini-steps .active{color:#edf4fa}.arena-mini-steps span{display:flex;gap:7px;align-items:center}.arena-mini-steps i{width:19px;height:19px;border:1px solid #5a687b;border-radius:50%;display:grid;place-items:center;font-size:9px;font-style:normal}.site-footer{max-width:1200px;margin:0 auto;padding:22px 0 35px;color:#6f798b;border-color:#ffffff0b}.site-footer nav a{font-size:10px}.feature-icon{background:#1b2a27!important}.rating-card .rating-emblem{top:5px;width:190px;opacity:.65}.rating-card .eyebrow,.rating-number,.rating-card h2,.rating-card p{position:relative;z-index:1}.rating-number{margin-top:24px}.page-top h1{font-size:33px}.page-top .eyebrow{font-size:9px}.form-steps{padding-top:5px}.form-card{min-height:520px}.form-card h2{font-size:25px}.save-hint{color:#697588}.form-aside .helper-card{display:none}.aj-arena{margin-top:3px}.prototype-watermark{font-size:9px;color:#657185;letter-spacing:.08em;white-space:nowrap}.site-footer strong{color:#8791a5}
@keyframes queue-turn{to{transform:rotate(360deg)}}
@media(max-width:1248px){.arena-subnav,.site-footer{margin-left:24px;margin-right:24px}}
@media(max-width:960px){.arena-main-hero h1{font-size:56px}.arena-links{gap:18px}.arena-rank-object{height:365px}.arena-rank-object img{width:245px}.arena-orbit{width:300px;height:300px}.arena-main-hero{gap:20px}.arena-subnav{gap:22px}.site-footer{padding-bottom:30px}}
@media(max-width:740px){.main{padding:23px 19px 60px}.arena-subnav{padding:14px 0 12px;margin:0 19px;gap:15px;flex-wrap:wrap}.arena-subnav>a{font-size:16px}.arena-subnav #account-link{font-size:10px;order:1}.arena-links{order:2;width:100%;gap:24px;overflow-x:auto;white-space:nowrap;font-size:11px;padding-top:3px}.arena-main-hero{grid-template-columns:1fr;gap:0;padding:18px 0 24px}.arena-main-hero h1{font-size:48px;margin:15px 0 20px;line-height:1.17}.arena-main-hero p{font-size:13px}.arena-main-hero .page-actions{margin-top:23px}.arena-main-hero .btn{width:100%;min-height:49px}.arena-main-hero .micro{text-align:center;font-size:10px}.arena-rank-object{height:307px;margin-top:14px}.arena-rank-object img{width:235px;height:199px}.arena-rank-object strong{font-size:26px}.arena-rank-object .object-kicker{font-size:9px}.arena-rank-object .object-corner{font-size:9px;right:15px;top:20px}.arena-orbit{width:280px;height:280px;top:8px}.arena-rank-object .object-bottom{margin-top:12px;font-size:9px}.arena-player-status{padding:21px;align-items:flex-start;flex-direction:column;gap:16px}.arena-player-status h2{font-size:19px}.arena-player-status .btn{width:100%}.arena-queue{grid-template-columns:1fr;padding:29px 24px;margin:8px auto;gap:25px}.arena-queue h1{font-size:32px}.arena-queue .queue-object{grid-row:1;width:130px;height:130px}.queue-object .icon{height:43px;width:43px}.arena-queue .eyebrow{font-size:9px}.arena-queue p{font-size:12px}.queue-meta{gap:20px;font-size:10px;margin-top:22px;padding-top:18px}.arena-mini-steps{gap:20px;font-size:10px;margin-top:25px}.arena-mini-steps i{height:17px;width:17px;font-size:8px}.site-footer{margin:0 19px;padding:20px 0 30px}.site-footer nav{margin-top:12px}.site-footer .prototype-watermark{display:block;margin-top:10px}.form-card{min-height:0}.form-card h2{font-size:23px}.page-top h1{font-size:27px}.page-top{margin-bottom:22px}.page-top p{font-size:11px}.rating-card .rating-emblem{width:165px;right:-6px;top:21px}#toast{bottom:104px}.aj-footer{margin-bottom:16px}.aj-ai-dialog{max-height:calc(100dvh - 30px)}}

.workspace{min-height:calc(100vh - 222px)}.arena-rank-object img,.rating-emblem{mix-blend-mode:screen}

.arena-rank-object img,.rating-emblem{mask-image:radial-gradient(ellipse at 50% 48%,#000 48%,transparent 76%)}
/* On phones the site header already supplies the brand and the dock the tab.
   Keep Arena's local destinations in one compact row. */
@media(max-width:740px){
  .arena-subnav{flex-wrap:nowrap;gap:12px;padding:12px 0;margin:0 19px}
  .arena-subnav>a:first-child{display:none}
  .arena-subnav .arena-links{order:0;width:auto;flex:1;min-width:0;gap:18px;padding-top:0;font-size:12px}
  .arena-subnav .arena-links>a{flex-shrink:0}
  .arena-subnav #account-link{order:1;flex:none;margin-left:0;font-size:11px}
}