.ars-portal-main>.aph{max-width:1240px}.aph{--aph-ink:#f2e7d2;--aph-muted:#b9bac1;--aph-gold:#e3c47d;color:var(--aph-ink);font:14px/1.45 var(--font-inter), Arial, sans-serif;isolation:isolate;position:relative}.aph:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#101925c9,#111720f5 620px),url(/assets/generated/arena/board-v2/stage-surround.webp) top/1240px no-repeat;position:absolute;inset:-28px -16px 0}.aph :is(button,a,input,select):focus-visible{outline-offset:4px;outline:2px solid #ffe2a4}.aph button,.aph select,.aph input{font:inherit}.aph button,.aph a{-webkit-tap-highlight-color:transparent}.aph button{cursor:pointer}.aph button:disabled,.aph select:disabled{cursor:not-allowed}.aph button:disabled{color:#a4a6ad;box-shadow:none;background:#2a3039;border-color:#59616c}.aph a{color:var(--aph-gold);text-decoration:none}.aph h1,.aph h2{font-family:var(--font-cinzel), Georgia, serif;color:var(--aph-ink);margin:0;font-weight:500}.aph h1{font-size:clamp(26px,2.4vw,34px);line-height:1.2}.aph h2{font-size:21px;line-height:1.25}.aph p{margin:0}.aph-nav{border-bottom:1px solid #b6955545;align-items:center;gap:6px;margin-bottom:25px;padding:0 0 9px;display:flex}.aph-nav button,.aph-nav a{color:#c0c3ca;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 15px;display:inline-flex}.aph-nav button[aria-current]{color:#ffe1a4;background:#d6b06513;box-shadow:inset 0 -2px #e0ba65}.aph-nav :is(a,button):hover{color:#fff0cc;background-color:#ffffff09}.aph-nav .aph-forge{color:#ecd1a0;border:1px solid #b6955570;margin-left:auto}.aph-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.aph-heading>a{color:#d0c7b3;padding:10px 0;font-size:13px}.aph .aph-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--aph-gold);margin-bottom:7px;font-size:11px}.aph-play-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.53fr) minmax(0,1fr);gap:20px;display:grid}.aph-panel{background:#111b27ea;border:1px solid #9d83563d;border-radius:5px;min-width:0}.aph-practice{grid-row:1/3;padding:23px}.aph-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.aph-muted{color:var(--aph-muted);white-space:nowrap;font-size:12px}.aph-rivals{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.aph-rival{color:var(--aph-ink);text-align:center;background:#101720;border:1px solid #a9a08b3c;border-radius:3px;flex-direction:column;align-items:stretch;min-width:0;padding:0 0 9px;transition:border-color .16s,box-shadow .16s;display:flex;position:relative}.aph-rival:hover{border-color:#d1b276}.aph-rival.selected{background:#272719;border-color:#f4d085;box-shadow:0 0 0 1px #e2b75b,0 0 22px #e0b06413}.aph-rival-art{background:#293442;border-radius:2px 2px 0 0;height:clamp(106px,11vw,144px);margin-bottom:8px;position:relative;overflow:hidden}.aph-rival-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#101720bc);position:absolute;inset:0}.aph-rival-art img{object-fit:cover;object-position:center 29%;width:100%;height:100%;display:block}.aph-selection{z-index:1;color:#1c211e;opacity:0;background:#f1d28a;border-radius:50%;place-items:center;width:23px;height:23px;font-weight:700;display:grid;position:absolute;top:7px;right:7px}.aph-rival.selected .aph-selection{opacity:1}.aph-rival-name{overflow-wrap:anywhere;padding:0 4px;font-size:13px;font-weight:600}.aph-grade{color:#c7b899;margin-top:3px;font-size:11px}.aph .aph-bot-voice{color:#bfc2c7;gap:3px;min-height:69px;padding:16px 0 12px;font-size:12px;display:grid}.aph-bot-voice strong{color:#f0d7a5;font-size:14px;font-weight:500}.aph-practice-start{border-top:1px solid #bba06a30;grid-template-columns:minmax(0,1fr) minmax(175px,auto);align-items:end;gap:14px;padding-top:16px;display:grid}.aph-deck{gap:6px;min-width:0;display:grid}.aph-deck>span{color:#c9c5ba;font-size:12px}.aph-deck select,.aph-deck input{color:#f1e6cf;background:#0c1420;border:1px solid #8f919160;border-radius:3px;width:100%;min-width:0;height:44px;padding:0 10px;font-size:13px}.aph-deck option{background:#121b29}.aph .aph-primary{color:#202016;text-align:center;background:linear-gradient(#eed196,#caa45e);border:1px solid #d7b575;border-radius:3px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:11px 16px;font-size:13px;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex}.aph .aph-primary:hover{background:#f0d79e}.aph .aph-primary:disabled,.aph .aph-primary[aria-disabled=true]{color:#c0c3c8;background:#2b3542;border-color:#5d6a7b}.aph-gauntlet{isolation:isolate;background:#202a2e;min-height:286px;padding:25px;position:relative;overflow:hidden}.aph-gauntlet-art{z-index:-1;pointer-events:none;position:absolute;inset:0}.aph-gauntlet-art>img:first-child{object-fit:cover;object-position:center 17%;opacity:.86;width:65%;height:125%;position:absolute;top:-15px;right:-20px}.aph-gauntlet-art:after{content:"";background:linear-gradient(90deg,#14212dee 7%,#14212d91 48%,#14212d15),linear-gradient(#0000 15%,#111d2bf2);position:absolute;inset:0}.aph-gauntlet-art .aph-gauntlet-back{object-fit:cover;opacity:.7;width:78px;height:112px;position:absolute;bottom:3px;right:13px;transform:rotate(16deg)}.aph-gauntlet-copy{max-width:350px}.aph .aph-gauntlet h2{color:#f6e6bf;margin:8px 0 12px;font-size:31px;line-height:1.06}.aph-gauntlet-copy>p:not(.aph-eyebrow){color:#e1ddd2;font-size:13px;line-height:1.6}.aph-gauntlet-rules{color:#c8c3b7;max-width:285px;margin:9px 0 17px;font-size:11px;display:block}.aph-gauntlet .aph-primary{color:#f1d198;background:#14212bf0;border-color:#c3a161}.aph-gauntlet .aph-primary:hover{background:#2f3a42}.aph-private{padding:23px}.aph-private .aph-panel-head{flex-direction:column;align-items:start;gap:7px;margin-bottom:13px}.aph-private .aph-eyebrow{font-size:10px}.aph-private .aph-panel-head h2{font-size:20px}.aph-private-tabs{border-bottom:1px solid #ab986049;gap:16px;margin-bottom:14px;display:flex}.aph-private-tabs button{color:#b9bec5;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:13px}.aph-private-tabs button[aria-pressed=true]{color:#f0d39c;box-shadow:inset 0 -2px #d6b679}.aph-private form{gap:12px;display:grid}.aph .aph-hint{color:#b0b7c0;margin-top:12px;font-size:12px;line-height:1.6}.aph .aph-error{color:#ffd0bc;background:#381d1e;border-left:2px solid #e78e72;margin-top:12px;padding:11px 12px;font-size:13px}.aph-code-field input{text-transform:uppercase;letter-spacing:.14em;font-size:18px}.aph-invite-code{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin:5px 0 12px;display:flex}.aph-invite-code code{color:#ffe1a7;letter-spacing:.06em;-webkit-user-select:all;user-select:all;font:600 clamp(20px,2vw,27px)/1.4 ui-monospace,monospace}.aph-invite-code button,.aph-text-button{color:#eed39d;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:6px 0;font-size:12px;text-decoration:underline}.aph-waiting{color:#bad8b4;align-items:center;gap:8px;font-size:13px;display:flex}.aph-waiting i{background:#b5cf99;border-radius:50%;width:6px;height:6px}.aph-invite-actions{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.aph .aph-resume{margin-top:20px}.aph-resume-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.aph-resume h2{font:500 12px var(--font-inter), Arial, sans-serif;color:#c5c5bf;margin:0}.aph-resume-toggle{color:#e6dbc4;min-height:44px;font:500 12px var(--font-inter), Arial, sans-serif;cursor:pointer;background:#16202d;border:1px solid #9a896365;border-radius:3px;padding:7px 12px}.aph-resume>div{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.aph-resume a{color:#e6dbc4;background:#16202dd9;border:1px solid #9a896332;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:12px;display:flex}.aph-resume small{color:#bac2cc;font-size:11px}.aph-footer{color:#aab2ba;border-top:1px solid #9a896332;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:12px;font-size:12px;display:flex}.aph-footer>div{gap:22px;display:flex}.aph-footer a{align-items:center;min-height:44px;display:inline-flex}.aph-secondary{background:#111b27f2;border:1px solid #b6955545;min-height:300px;padding:24px}.aph-modes{display:none}@media (max-width:1000px){.aph-practice,.aph-private{padding:16px}.aph-play-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}.aph-panel-head{flex-direction:column;align-items:start;gap:6px}.aph-practice-start{grid-template-columns:1fr;gap:10px}.aph-rival-name{font-size:12px}}@media (max-width:850px){.aph-nav{flex-wrap:wrap;gap:2px;margin-bottom:20px}.aph-nav button,.aph-nav a{padding:8px 12px;font-size:13px}.aph-heading{align-items:start;gap:10px}.aph-heading>a{max-width:150px;font-size:12px}.aph-modes{grid-template-columns:1fr 1.35fr 1.1fr;gap:5px;margin-bottom:16px;display:grid}.aph-modes button{color:#cad0d7;background:#14202d;border:1px solid #a291733f;border-radius:3px;min-height:44px;padding:10px 5px;font-size:12px}.aph-modes button[aria-pressed=true]{color:#f8d9a1;background:#40382b;border-color:#d4b674}.aph-play-grid{display:block}.aph-play-grid[data-mode=practice]>:not(.aph-practice),.aph-play-grid[data-mode=gauntlet]>:not(.aph-gauntlet),.aph-play-grid[data-mode=private]>:not(.aph-private){display:none}.aph-panel{padding:20px}.aph-panel-head{flex-direction:row;align-items:center}.aph-rival-art{height:145px}.aph-rival-name{font-size:14px}.aph-practice-start{grid-template-columns:1fr 1fr}.aph-private .aph-panel-head{flex-direction:row;align-items:center}.aph-gauntlet{align-items:center;min-height:360px;display:flex}.aph-gauntlet-copy{max-width:350px}.aph-gauntlet-art>img:first-child{width:60%;height:120%}.aph .aph-gauntlet h2{font-size:38px}}@media (max-width:530px){.ars-portal:has(.aph) .ars-portal-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px 16px;display:grid}.ars-portal:has(.aph) .ars-portal-mark{white-space:nowrap;grid-column:1/3;font-size:15px}.ars-portal:has(.aph) .ars-portal-id{display:contents}.ars-portal:has(.aph) .pid-name{text-align:right;text-overflow:ellipsis;grid-column:3;font-size:12px;overflow:hidden}.ars-portal:has(.aph) .ars-portal-id :is(.pid-btn,.ars-claim-cta){text-align:center;letter-spacing:.06em;justify-content:center;align-items:center;width:100%;min-height:44px;padding:7px 5px;font-size:10px;display:flex}.ars-portal:has(.aph) .ars-portal-id form{min-width:0}.aph-heading{flex-direction:column;gap:4px;margin-bottom:14px}.aph-heading>a{max-width:none;padding:6px 0}.aph-nav{margin-bottom:18px}.aph-nav button,.aph-nav a{padding:8px 10px;font-size:12px}.aph-nav .aph-forge{margin-left:0}.aph-panel{padding:15px}.aph h2{font-size:18px}.aph-panel-head,.aph-private .aph-panel-head{flex-direction:column;align-items:start;gap:7px}.aph-rivals{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.aph-rival-art{height:88px}.aph-rival-art img{object-position:center 26%}.aph-rival-name{font-size:13px}.aph .aph-bot-voice{min-height:77px}.aph-practice-start{grid-template-columns:1fr}.aph-gauntlet{min-height:360px}.aph-gauntlet-art>img:first-child{width:77%;right:-40px}.aph-gauntlet-art:after{background:linear-gradient(90deg,#14212de6,#14212d87 70%),linear-gradient(#0000,#111d2b)}.aph-gauntlet-copy{max-width:270px}.aph .aph-gauntlet h2{font-size:34px}.aph-footer{flex-direction:column;align-items:start}.aph-secondary{padding:14px}}@media (prefers-reduced-motion:reduce){.aph *{transition:none!important}}
