.arena-concepts{min-height:var(--game-viewport-height);color:#d0e1e8;background:radial-gradient(at 68% 42%,#163a45,#071820 75%);padding:18px 28px;font-family:BrawlSecondary,Arial,sans-serif}.concept-review{align-items:center;gap:18px;margin-bottom:16px;display:flex}.concept-review>div{margin-right:auto}.concept-review b{letter-spacing:1.4px;color:#efcd88;font-size:11px;display:block}.concept-review span{color:#8baebb;margin-top:6px;font-size:10px;display:block}.concept-review nav{gap:6px;display:flex}.concept-review .boa-ui-button{padding:6px 12px;font-size:13px}.concept-stage{min-height:650px;height:calc(var(--game-viewport-height) - 142px);background:radial-gradient(at 70%,#38616b44,#0000 65%),#0b202a;grid-template-rows:minmax(480px,1fr) 108px;grid-template-columns:340px minmax(0,1fr);max-height:860px;display:grid;position:relative;overflow:hidden}.concept-copy{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;padding:35px 0 35px 34px;display:flex;position:relative}.concept-copy button{pointer-events:auto}.concept-eyebrow{letter-spacing:2px;color:#c6ac78;font-size:10px;font-weight:700}.concept-copy h1{color:#fff0c7;text-shadow:0 3px #54381b;margin:20px 0 24px;font:49px/.98 Brawl,Arial,sans-serif}.concept-copy h1 em{color:#ffbd4d;font-style:normal}.concept-copy h2{color:#e5f3f8;margin:0 0 12px;font:23px/1.2 Brawl,Arial,sans-serif}.concept-copy p{color:#a4c2ce;max-width:280px;margin:0 0 20px;font:14px/1.6 BrawlSecondary,Arial,sans-serif}.concept-included{color:#ddc694;font-size:12px}.concept-purchase{margin-top:35px}.concept-purchase .boa-ui-button{flex-direction:column;gap:4px;width:100%;min-height:70px;padding:12px;font-size:18px;display:flex}.concept-purchase .boa-ui-button span{color:#fff2c9;font:14px BrawlSecondary,Arial,sans-serif}.concept-purchase small{color:#8cb0be;text-align:center;margin-top:10px;font-size:10px;display:block}.concept-viewer{background:radial-gradient(at 50% 60%,#29718533,#0000 70%);min-width:0;position:relative;overflow:hidden}.concept-viewer iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.concept-view-heading{pointer-events:none;position:absolute;top:24px;left:30px}.concept-view-heading span{letter-spacing:2px;color:#b9dae4;font:11px BrawlSecondary,Arial,sans-serif}.concept-view-heading small{color:#839fad;margin-top:7px;font-size:10px;display:block}.concept-camera{justify-content:center;gap:7px;padding:0 12px;display:flex;position:absolute;bottom:20px;left:0;right:0}.concept-camera .boa-ui-button{min-height:44px;padding:6px 11px;font-size:12px}.concept-pieces{z-index:2;background:#07161ebd;border-top:1px solid #6da0b444;grid-column:1/-1;display:flex}.concept-pieces>button{text-align:left;color:#bfd7e1;cursor:pointer;background:0 0;border:0;border-right:1px solid #63849733;flex:1;align-items:center;gap:12px;min-width:0;padding:12px 24px;display:flex}.concept-pieces>button:hover,.concept-pieces>button.selected{background:linear-gradient(#0000,#2184a433)}.concept-pieces>button.selected{box-shadow:inset 0 -3px #29ccf2}.piece-number{color:#987a4b;font:23px Brawl,Arial,sans-serif}.concept-pieces img{object-fit:cover;border-radius:4px;width:66px;height:66px}.concept-pieces strong{color:#eddbb5;font:21px Brawl,Arial,sans-serif;display:block}.concept-pieces small{margin-top:5px;font-size:11px;display:block}.concept-pieces b{color:#78d3ec;margin-left:auto}.concept-pieces em{color:#8eafbd;margin-top:12px;font-size:12px;font-style:normal;line-height:1.5;display:block}.concept-rationale{color:#8cabb8;align-items:center;gap:20px;padding:14px 5px;font-size:12px;display:flex}.concept-rationale strong{color:#e6c893;white-space:nowrap}.concept-loading{z-index:3;box-sizing:border-box;background:#102c3ef5;gap:20px;width:480px;max-width:90%;padding:22px;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.concept-loading img{object-fit:cover;border-radius:4px;width:125px}.concept-loading strong{color:#ffcd76;margin-top:9px;font:20px/1.2 Brawl,Arial,sans-serif;display:block}.concept-loading p{color:#aac8d6;font-size:12px;line-height:1.5}.concept-loading progress{accent-color:#20cbf2;width:100%;height:5px}.concept-loading button:not(.boa-ui-button){color:#8fe5ff;cursor:pointer;background:0 0;border:0;padding:10px 0;font:12px BrawlSecondary,Arial,sans-serif}.concept-dialog{color:#c6dce5;background:#102c3e;max-width:460px;padding:32px;position:relative}.concept-dialog>.boa-ui-close{position:absolute;top:8px;right:8px}.concept-dialog h2{color:#ffc869;padding-right:25px;font:28px Brawl,Arial,sans-serif}.concept-dialog p,.concept-dialog li{font:14px/1.6 BrawlSecondary,Arial,sans-serif}.concept-dialog ul{padding-left:20px}.concept-1 .concept-stage{background:radial-gradient(at 55% 35%,#355866,#091a24 75%);grid-template-rows:1fr 100px;grid-template-columns:1fr}.concept-1 .concept-viewer{grid-area:1/1}.concept-1 .concept-copy{z-index:2;background:linear-gradient(90deg,#071923f5,#071923b0 75%,#0000);width:290px;padding:20px;position:absolute;top:60px;left:15px}.concept-1 .concept-copy h1{font-size:43px}.concept-1 .concept-copy p{font-size:13px}.concept-1 .concept-purchase{margin-top:20px}.concept-1 .concept-view-heading{text-align:right;left:auto;right:30px}.concept-1 .concept-camera{left:290px}.concept-1 .concept-loading{max-width:65%;left:65%}.concept-2 .concept-stage{grid-template-rows:1fr;grid-template-columns:290px minmax(0,1fr) 290px}.concept-2 .concept-pieces{border-top:0;border-left:1px solid #6da0b433;flex-direction:column;grid-area:1/3}.concept-2 .concept-pieces>button{flex-direction:column;justify-content:center;align-items:flex-start;padding:22px 24px;position:relative}.concept-2 .concept-pieces img{width:82px;height:82px}.concept-2 .piece-number{position:absolute;top:24px;right:25px}.concept-2 .concept-pieces b{display:none}.concept-2 .concept-camera{flex-wrap:wrap}.concept-2 .concept-camera .boa-ui-button{padding:5px 8px;font-size:11px}@media (max-width:1000px){.concept-review{flex-wrap:wrap}.concept-review nav{order:3;width:100%}.concept-review nav>.boa-ui-button{flex:1}.concept-stage,.concept-1 .concept-stage,.concept-2 .concept-stage{flex-direction:column;height:auto;min-height:0;max-height:none;display:flex}.concept-copy,.concept-1 .concept-copy,.concept-2 .concept-copy{background:0 0;width:auto;padding:24px;position:relative;top:auto;left:auto}.concept-copy h1,.concept-1 .concept-copy h1,.concept-2 .concept-copy h1{margin:8px 0;font-size:36px;line-height:1.1}.concept-copy h1 br{display:none}.concept-copy h1 em{margin-left:8px}.concept-copy p{max-width:none}.concept-purchase{max-width:400px;margin-top:15px}.concept-viewer{flex:none;order:2;height:450px}.concept-pieces,.concept-2 .concept-pieces{flex-direction:row;order:3}.concept-2 .concept-pieces>button{padding:14px}.concept-2 .concept-pieces em,.concept-2 .piece-number{display:none}.concept-1 .concept-camera{left:0}.concept-1 .concept-loading{max-width:90%;left:50%}.concept-rationale{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width:600px){.arena-concepts{padding:12px}.concept-review nav{flex-direction:column}.concept-review>div span{max-width:200px}.concept-review>.boa-ui-button{font-size:11px}.concept-viewer{height:390px}.concept-camera{flex-wrap:wrap;bottom:10px}.concept-camera .boa-ui-button{font-size:10px}.concept-pieces>button{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 5px}.concept-pieces .piece-number,.concept-pieces b{display:none}.concept-pieces strong{font-size:15px}.concept-pieces small{font-size:10px}.concept-pieces img,.concept-2 .concept-pieces img{width:60px;height:60px}.concept-loading{gap:12px;padding:14px}.concept-loading img{width:74px}.concept-loading .concept-eyebrow{font-size:8px}.concept-loading strong{font-size:17px}.concept-copy h2{font-size:21px}}.concept-gem-price{justify-content:center;align-items:center;gap:8px;display:flex!important}.concept-gem-price .gem-icon{width:30px;height:26px;display:inline-flex}.concept-gem-price .gem-icon img{object-fit:contain;width:100%;height:100%}.concept-studio-art{opacity:.19;filter:saturate(.5);pointer-events:none;background:linear-gradient(#071923a6,#07192330 45%,#071923 100%),url(/game-ui/arena-backdrop.jpg) 50%/cover;position:absolute;inset:0}.concept-studio-caption{text-align:center;letter-spacing:4px;color:#b3955d;opacity:.48;pointer-events:none;font:10px BrawlSecondary,Arial,sans-serif;position:absolute;top:95px;left:0;right:0}.concept-2 .concept-stage{background:radial-gradient(at 50% 40%,#234052,#0a1d29 76%);grid-template-columns:275px minmax(0,1fr) 265px}.concept-2 .concept-copy{padding:27px}.concept-2 .concept-copy h1{font-size:42px}.concept-2 .concept-pieces>button{background:linear-gradient(130deg,#15394855,#0000 70%);border-bottom:1px solid #6d94a32b}.concept-2 .concept-pieces>button.selected{background:linear-gradient(105deg,#22658055,#122c3b);box-shadow:inset 3px 0 #3bdcff}.concept-2 .concept-pieces img{width:96px;height:96px;box-shadow:0 8px 20px #0004}.concept-2 .concept-pieces strong{font-size:24px}.concept-2 .concept-camera{gap:5px;bottom:16px}.concept-2 .concept-camera .boa-ui-button{min-height:44px;padding:4px 9px;font-size:11px}.concept-versus{pointer-events:none;letter-spacing:1.3px;color:#ffd18a;text-shadow:0 2px 3px #000;justify-content:space-between;font:10px BrawlSecondary,Arial,sans-serif;display:flex;position:absolute;bottom:112px;left:25px;right:25px}.concept-versus small{color:#bad1d8;font-size:10px}@media (max-width:1000px){.concept-2 .concept-stage{display:flex}.concept-2 .concept-copy{padding:24px}.concept-2 .concept-pieces img{width:65px;height:65px}.concept-2 .concept-pieces strong{font-size:18px}.concept-versus{bottom:110px}.concept-studio-caption{top:80px}}@media (max-width:600px){.concept-2 .concept-pieces strong{font-size:15px}.concept-2 .concept-pieces>button{padding:12px 6px}.concept-studio-caption{display:none}.concept-2 .concept-camera .boa-ui-button{font-size:10px}.concept-versus{font-size:8px;left:15px;right:15px}.concept-versus small{font-size:8px}}.arena-concepts.is-store{background:0 0;flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.arena-concepts.is-store .concept-stage{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:275px minmax(320px,1fr) 220px;height:auto;min-height:570px;max-height:none}.arena-concepts.is-store .concept-copy{padding:24px}.arena-concepts.is-store .concept-purchase{margin-top:24px}.arena-concepts.is-store .arena-ownership{margin-bottom:12px;display:block}.arena-concepts.is-store .concept-camera{flex-wrap:wrap;gap:6px}.arena-concepts.is-store .concept-pieces>button{padding:16px 20px}.arena-concepts.is-store .concept-pieces img{width:76px;height:76px}.arena-concepts.is-store .concept-pieces strong{font-size:21px}.arena-concepts.is-store .concept-pieces em{margin-top:6px;font-size:12px}.arena-concepts.is-store .concept-loading .boa-ui-progress{--game-progress-height:24px}@media (max-width:1100px){.arena-concepts.is-store .concept-stage{flex-direction:column;min-height:0;display:flex}.arena-concepts.is-store .concept-copy{padding:24px}.arena-concepts.is-store .concept-copy p{max-width:600px}.arena-concepts.is-store .concept-copy h1 br{display:none}.arena-concepts.is-store .concept-viewer{flex:none;height:460px}.arena-concepts.is-store .concept-pieces{flex-direction:row}.arena-concepts.is-store .concept-pieces>button{text-align:center;align-items:center;padding:12px}.arena-concepts.is-store .concept-pieces em,.arena-concepts.is-store .piece-number{display:none}}@media (max-width:600px){.arena-concepts.is-store .concept-copy{padding:18px}.arena-concepts.is-store .concept-viewer{height:420px}.arena-concepts.is-store .concept-pieces img{width:52px;height:52px}.arena-concepts.is-store .concept-pieces strong{font-size:15px}.arena-concepts.is-store .concept-pieces>button{padding:10px 5px}.arena-concepts.is-store .concept-copy h1{font-size:32px}.arena-concepts.is-store .concept-view-heading{top:12px;left:14px}.arena-concepts.is-store .concept-view-heading small{font-size:10px}}@media (min-width:1101px){.arena-concepts.is-store .concept-pieces>button{grid-template-columns:56px minmax(0,1fr);align-content:center;align-items:center;gap:10px;min-height:0;padding:14px 10px;display:grid}.arena-concepts.is-store .concept-pieces img{width:56px;height:64px}.arena-concepts.is-store .piece-number{display:none}.arena-concepts.is-store .concept-pieces strong{font-size:19px}.arena-concepts.is-store .concept-pieces em{font-size:11px;line-height:1.4}.arena-concepts.is-store .concept-pieces small{font-size:10px}}@media (max-width:600px){.arena-concepts.is-store .concept-copy h1{white-space:normal;overflow-wrap:anywhere}.arena-concepts.is-store .concept-copy h1 br{display:block}.arena-concepts.is-store .concept-copy h1 em{margin-left:0;display:block}.arena-concepts.is-store .concept-copy,.arena-concepts.is-store .concept-pieces{min-width:0}.arena-concepts.is-store .concept-viewer iframe{height:calc(100% - 145px)}.arena-concepts.is-store .concept-versus{font-size:7px;bottom:160px;left:10px;right:10px}.arena-concepts.is-store .concept-versus small{font-size:7px}}