:root{--bg:#fff8e8;--bg-soft:#fff1c7;--panel:#fff;--panel-strong:#fffdf5;--line:#12121229;--line-strong:#12121257;--text:#161616;--muted:#655e53;--muted-2:#847b6d;--accent:#ef3d23;--accent-light:#ff7a39;--left:#ef3d23;--right:#ffd51f;--green:#119d5a;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Impact, "Arial Black", "Franklin Gothic Heavy", sans-serif}html{background:#fff8e8}body{color:#161616;background:#fff8e8}body:before{opacity:.08;mix-blend-mode:multiply}main{overflow:clip}.headline-strip{color:#fff;letter-spacing:.12em;background:#111;font-size:10px}.headline-strip-inner{justify-content:space-between;align-items:center;gap:18px;min-height:28px;display:flex}.headline-strip span{color:#ffd51f;font-weight:900}.headline-strip p{opacity:.72;margin:0}.headline-strip a{font-weight:900}.comic-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:2px solid #111;position:sticky;top:0}.comic-header .header-inner{height:72px}.comic-brand{gap:12px}.comic-brand-mark{color:#fff;background:#111;border:2px solid #111;grid-template-columns:1fr auto 1fr;align-items:center;width:58px;height:38px;padding:0 7px;display:grid;position:relative;transform:skew(-6deg);box-shadow:4px 4px #ffd51f}.comic-brand-mark b{font:900 13px var(--font-display);transform:skew(6deg)}.comic-brand-mark i{color:#fff;font:900 8px var(--font-display);background:#ef3d23;padding:3px 4px;transform:skew(6deg)rotate(-5deg)}.comic-brand-name{color:#111;font:900 19px var(--font-display);letter-spacing:-.03em;text-transform:uppercase}.comic-brand-name span{color:#ef3d23}.comic-nav a{color:#2c2a27;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.comic-nav a:hover{color:#ef3d23;transform:translateY(-1px)}.comic-create-button{text-transform:uppercase;font-weight:900;box-shadow:4px 4px #111;color:#111!important;background:#ffd51f!important;border:2px solid #111!important;border-radius:0!important}.comic-create-button:hover{transform:translate(2px,2px);box-shadow:2px 2px #111}.search-button{color:#555;background:#fff;border:1px solid #bbb}.notification-bell{color:#111;background:#fff;border-color:#c9c4b8}.battle-sound-toggle{color:#111;cursor:pointer;background:#fff;border:1px solid #111;justify-content:center;align-items:center;gap:5px;min-width:66px;height:38px;display:inline-flex}.battle-sound-toggle span{font-weight:900}.battle-sound-toggle small{text-transform:uppercase;font-size:9px;font-weight:800}.battle-sound-toggle.sound-on{background:#fff2a0;box-shadow:2px 2px #111}.comic-home-hero{background:#ef4a24;border-bottom:3px solid #111;grid-template-columns:46% 54%;min-height:660px;display:grid;position:relative}.comic-hero-copy{z-index:2;color:#fff;background-color:#ef4a24;background-image:radial-gradient(#9e1d0e 1.7px,#0000 1.7px);background-size:13px 13px;padding:78px 48px 66px max(30px,50vw - 590px);position:relative}.comic-hero-copy:after{content:"";right:-80px;clip-path:polygon(0 0,100% 0,42% 100%,0 100%);z-index:-1;background:#ef4a24;width:150px;position:absolute;inset-block:0}.comic-micro-label{color:#ffd51f;letter-spacing:.12em;background:#111;margin-bottom:20px;padding:7px 10px;font-size:10px;font-weight:900;display:inline-block;transform:rotate(-1deg)}.comic-hero-copy h1{max-width:680px;font:900 clamp(58px, 7vw, 108px)/.84 var(--font-display);letter-spacing:-.045em;text-transform:uppercase;text-shadow:5px 5px #0000002e;margin:0}.comic-hero-copy h1 em{color:#ffd51f;-webkit-text-stroke:2px #111;text-shadow:5px 5px #111;font-style:normal}.comic-hero-copy>p{color:#fff6e8;max-width:590px;margin:28px 0;font-size:17px;line-height:1.65}.comic-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.comic-black-button,.comic-outline-button{text-transform:uppercase;letter-spacing:.04em;border:2px solid #111;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-size:11px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex}.comic-black-button{color:#fff;background:#111;box-shadow:5px 5px #ffd51f}.comic-black-button:hover{transform:translate(2px,2px);box-shadow:2px 2px #ffd51f}.comic-outline-button{color:#111;background:#fff;box-shadow:5px 5px #111}.comic-outline-button:hover{transform:translate(2px,2px);box-shadow:2px 2px #111}.comic-proof-row{gap:34px;margin-top:42px;display:flex}.comic-proof-row div{display:grid}.comic-proof-row strong{font:900 23px var(--font-display);color:#ffd51f}.comic-proof-row span{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.comic-hero-visual{isolation:isolate;background:#ffd51f;min-width:0;position:relative;overflow:hidden}.comic-hero-visual:before{content:"";background:repeating-conic-gradient(from 8deg at 50% 50%, #1111111c 0 5deg, transparent 5deg 12deg);animation:24s linear infinite slow-spin;position:absolute;inset:-30%}.comic-hero-visual:after{content:"";opacity:.16;mix-blend-mode:multiply;background-image:radial-gradient(#111 1.3px,#0000 1.3px);background-size:12px 12px;position:absolute;inset:0}.comic-hero-red,.comic-hero-yellow{position:absolute;inset:0}.comic-hero-red{clip-path:polygon(0 0,52% 0,40% 100%,0 100%);background:#e82424}.comic-hero-yellow{clip-path:polygon(52% 0,100% 0,100% 100%,40% 100%);background:#ffd51f}.hero-person{z-index:2;object-fit:cover;object-position:top center;filter:saturate(1.04)contrast(1.06);width:62%;height:102%;animation:.8s cubic-bezier(.2,.75,.2,1) both fighter-rise;position:absolute;bottom:-4%}.hero-person-left{left:-8%;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 10%);mask-image:linear-gradient(0deg,#0000 0,#000 10%)}.hero-person-right{animation-delay:.12s;right:-7%;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 10%);mask-image:linear-gradient(0deg,#0000 0,#000 10%)}.hero-vs-burst{z-index:5;color:#111;clip-path:polygon(50% 0,61% 24%,82% 8%,78% 32%,100% 31%,80% 49%,98% 66%,74% 66%,81% 94%,59% 75%,49% 100%,41% 74%,17% 93%,25% 67%,0 66%,20% 49%,0 31%,23% 31%,18% 8%,40% 24%);filter:drop-shadow(7px 8px #111);background:#fff;place-items:center;width:145px;height:145px;animation:.7s cubic-bezier(.2,1.6,.25,1) .28s both pop-burst;display:grid;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.hero-vs-burst span{font:900 50px var(--font-display)}.hero-name{z-index:6;color:#fff;font:900 20px var(--font-display);text-transform:uppercase;background:#111;padding:8px 13px;position:absolute;bottom:26px;box-shadow:4px 4px #fff}.hero-name-left{left:32px;transform:rotate(-2deg)}.hero-name-right{right:32px;transform:rotate(2deg)}.comic-benefits{background:#fff;border:2px solid #111;border-top:0;grid-template-columns:repeat(3,1fr);margin-top:-1px;display:grid}.comic-benefits>div{border-right:1px solid #111;justify-content:center;align-items:center;gap:12px;min-height:78px;padding:16px;display:flex}.comic-benefits>div:last-child{border-right:0}.comic-benefits svg{color:#ef3d23;width:25px}.comic-benefits span{display:grid}.comic-benefits strong{font:900 14px var(--font-display)}.comic-benefits small{color:#6d665c;margin-top:3px}.comic-section{padding-block:88px 0}.comic-section-heading{align-items:end;gap:18px;margin-bottom:30px;display:flex}.comic-section-heading>span{color:#ef3d23;font:900 44px var(--font-display)}.comic-section-heading div{margin-right:auto}.comic-section-heading small{color:#8b4433;letter-spacing:.12em;font-weight:900}.comic-section-heading h2{font:900 clamp(36px, 5vw, 66px)/.92 var(--font-display);letter-spacing:-.025em;margin:3px 0 0}.comic-section-heading>a{text-transform:uppercase;border-bottom:2px solid #111;padding-bottom:4px;font-size:11px;font-weight:900}.comic-section-heading.centered{text-align:center;justify-content:center}.comic-featured-arena{background:#fff;border:3px solid #111;grid-template-columns:58% 42%;min-height:580px;display:grid;position:relative;overflow:hidden;box-shadow:12px 12px #111}.comic-arena-ribbon{z-index:10;color:#ffd51f;letter-spacing:.12em;background:#111;padding:9px 20px;font-size:10px;font-weight:900;position:absolute;top:18px;left:-7px;transform:rotate(-2deg)}.comic-arena-ribbon i{background:#ef3d23;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:1.2s infinite pulse-live;display:inline-block}.comic-arena-grid{background:#ffd51f;grid-template-columns:1fr 1fr;min-height:580px;display:grid;position:relative;overflow:hidden}.comic-fighter{position:relative;overflow:hidden}.comic-fighter:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 50%, #00000024 0 5deg, transparent 5deg 12deg);opacity:.6;position:absolute;inset:-20%}.battle-portrait{background:#eee;position:relative;overflow:hidden}.battle-portrait img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.battle-portrait>span{width:100%;height:100%;font:900 48px var(--font-display);place-items:center;display:grid}.comic-fighter-photo{background:0 0;position:absolute;inset:35px 0 0}.comic-fighter-photo img{filter:saturate(.96)contrast(1.08);-webkit-mask-image:linear-gradient(#000 85%,#0000 99%);mask-image:linear-gradient(#000 85%,#0000 99%)}.comic-fighter-copy{z-index:3;position:absolute;bottom:22px;left:20px;right:20px}.comic-fighter-right .comic-fighter-copy{text-align:right}.comic-fighter-copy small{color:#fff;background:#111;padding:4px 7px;font-weight:900}.comic-fighter-copy h3{color:#fff;font:900 42px var(--font-display);text-transform:uppercase;-webkit-text-stroke:1px #111;text-shadow:3px 3px #111;margin:8px 0 2px}.comic-fighter-right .comic-fighter-copy h3{color:#111;-webkit-text-stroke:0;text-shadow:2px 2px #fff}.comic-fighter-copy p{color:#ffffffdb;margin:0;font-size:10px}.comic-fighter-right .comic-fighter-copy p{color:#4f4310}.comic-fighter-copy strong{font:900 30px var(--font-display);margin-top:6px;display:block}.comic-versus-medallion{z-index:6;clip-path:polygon(50% 0,60% 23%,81% 8%,77% 32%,100% 30%,81% 50%,100% 68%,76% 67%,82% 94%,59% 76%,49% 100%,40% 75%,17% 93%,25% 67%,0 67%,20% 50%,0 31%,24% 31%,18% 8%,41% 24%);filter:drop-shadow(5px 6px #111);background:#fff;place-items:center;width:112px;height:112px;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.comic-versus-medallion span{font:900 36px var(--font-display)}.comic-arena-content{background:#fff;flex-direction:column;justify-content:center;padding:68px 46px 42px;display:flex}.comic-category-tag{text-transform:uppercase;background:#ffd51f;border:1px solid #111;width:fit-content;padding:6px 9px;font-size:9px;font-weight:900}.comic-arena-content h2{font:900 44px/1 var(--font-display);margin:18px 0 14px}.comic-arena-content>p{color:#5f594f;line-height:1.65}.comic-arena-stats{gap:9px;margin:22px 0;display:grid}.comic-arena-stats span{align-items:center;gap:7px;font-size:11px;display:flex}.comic-arena-stats svg{color:#ef3d23;width:16px}.comic-vote-meter{background:#ffd51f;border:2px solid #111;height:12px}.comic-vote-meter span{background:#ef3d23;height:100%;display:block}.comic-enter-button{width:fit-content;margin-top:24px}.comic-trending-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.comic-battle-card{background:#fff;border:2px solid #111;flex-direction:column;min-height:360px;padding:14px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:7px 7px #111}.comic-battle-card:hover{transform:translateY(-7px)rotate(-.5deg);box-shadow:12px 14px #111}.comic-card-topline{z-index:3;justify-content:space-between;gap:8px;display:flex;position:relative}.comic-card-topline span{color:#fff;background:#111;padding:5px 7px;font-size:9px;font-weight:900}.comic-card-topline small{align-items:center;gap:4px;font-weight:800;display:flex}.comic-card-topline svg{color:#ef3d23;width:14px}.comic-card-faces{grid-template-columns:1fr 1fr;height:205px;margin:10px -14px 0;display:grid;position:relative;overflow:hidden}.comic-card-faces:before{content:"";background:linear-gradient(110deg,#ef3d23 0 49%,#ffd51f 51%);position:absolute;inset:0}.comic-card-face{z-index:1;background:0 0}.comic-card-face img{-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 20%);mask-image:linear-gradient(0deg,#0000 0,#000 20%)}.comic-card-vs{z-index:3;width:55px;height:55px;font:900 18px var(--font-display);background:#fff;border:3px solid #111;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:4px 4px #111}.comic-card-names{z-index:4;grid-template-columns:1fr 1fr;gap:8px;margin:-8px 0 10px;display:grid;position:relative}.comic-card-names strong{color:#fff;font:900 17px var(--font-display);text-transform:uppercase;background:#111;padding:6px}.comic-card-names strong:last-child{text-align:right;color:#111;background:#ffd51f}.comic-card-score{grid-template-columns:42px 1fr 42px;align-items:center;gap:7px;display:grid}.comic-card-score b:last-child{text-align:right}.comic-card-score div{background:#ffd51f;border:1px solid #111;height:9px}.comic-card-score span{background:#ef3d23;height:100%;display:block}.comic-card-meta{color:#665f54;border-top:1px solid #ccc;justify-content:space-between;margin-top:auto;padding-top:14px;font-size:9px;display:flex}.comic-story-shell{background:#fff0ce;border:2px solid #111;grid-template-columns:1.05fr .95fr;min-height:430px;margin-top:110px;display:grid}.comic-story-collage{background:#ffd51f;min-height:430px;position:relative;overflow:hidden}.story-card{background:#fff;border:3px solid #111;position:absolute;overflow:hidden;box-shadow:7px 7px #111}.story-card img{object-fit:cover;object-position:top;width:100%;height:100%}.story-card span,.story-card small{font:900 13px var(--font-display);background:#ffd51f;border:1px solid #111;padding:5px 8px;position:absolute;bottom:8px;left:8px}.story-card-a{width:45%;height:72%;top:12%;left:7%;transform:rotate(-4deg)}.story-card-b{width:44%;height:70%;top:8%;right:6%;transform:rotate(4deg)}.story-card-c{color:#fff;background:#ef3d23;place-items:center;width:35%;height:28%;display:grid;bottom:6%;left:34%;transform:rotate(-2deg)}.story-card-c b{font:900 54px var(--font-display)}.story-card-c small{color:#ffd51f;background:#111;position:static}.comic-story-copy{flex-direction:column;justify-content:center;padding:55px;display:flex}.comic-story-copy>small{color:#a83822;letter-spacing:.12em;font-weight:900}.comic-story-copy h2{font:900 54px/.9 var(--font-display);margin:10px 0 18px}.comic-story-copy p{color:#5c554b;line-height:1.7}.story-points{gap:12px;margin-top:20px;display:grid}.story-points span{align-items:center;gap:9px;font-weight:800;display:flex}.story-points svg{color:#ef3d23;width:20px}.comic-category-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.comic-category-card{border:2px solid #111;flex-direction:column;justify-content:end;min-height:210px;padding:22px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #111}.comic-category-card:before{content:"";opacity:.13;background:radial-gradient(#111 1.5px,#0000 1.5px) 0 0/12px 12px;position:absolute;inset:0}.comic-category-card:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:10px 11px #111}.comic-category-card b{font:900 42px var(--font-display);opacity:.22;position:absolute;top:13px;right:15px}.comic-category-card strong{font:900 32px var(--font-display);text-transform:uppercase;position:relative}.comic-category-card span{text-transform:uppercase;margin-top:6px;font-size:10px;font-weight:900;position:relative}.comic-category-1{color:#fff;background:#ef3d23}.comic-category-2{background:#ffd51f}.comic-category-3{background:#fff}.comic-category-4{color:#fff;background:#111}.comic-community-section{background:#fff;border-block:3px solid #111;margin-top:110px;padding:84px 0 105px}.comic-community-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.comic-community-card{text-align:center;border:2px solid #111;flex-direction:column;align-items:center;min-height:300px;padding:30px;transition:all .2s;display:flex;position:relative;box-shadow:7px 7px #ffd51f}.comic-community-card:hover{transform:translateY(-7px);box-shadow:10px 12px #ef3d23}.community-rank{background:#ffd51f;border:1px solid #111;padding:5px 8px;font-weight:900;position:absolute;top:10px;left:12px}.community-avatar{color:#fff;width:100px;height:100px;font:900 32px var(--font-display);background:#ef3d23;border:3px solid #111;border-radius:50%;place-items:center;margin:14px 0;display:grid;box-shadow:5px 5px #ffd51f}.comic-community-card>strong{font:900 22px var(--font-display)}.comic-community-card>small{color:#7b7165}.comic-community-card p{margin:18px 0 8px}.comic-community-card>b{color:#ef3d23}.comic-footer{color:#fff;background:#111;margin-top:0}.comic-footer-burst{color:#111;background-color:#ffd51f;background-image:radial-gradient(#ef3d23 1.4px,#0000 1.4px);background-size:12px 12px;border-bottom:3px solid #111}.comic-footer-cta{justify-content:space-between;align-items:center;gap:30px;min-height:250px;display:flex}.comic-footer-cta span{letter-spacing:.12em;font-weight:900}.comic-footer-cta h2{font:900 62px/.9 var(--font-display);margin:8px 0 0}.comic-footer .comic-brand-name{color:#fff}.comic-footer .footer-grid{padding-top:60px}.battle-page{color:#111;padding-top:22px}.battle-page-top{border-color:#b8afa0}.breadcrumbs,.breadcrumbs a{color:#5f574c}.battle-hero{background:#fff;border:3px solid #111;border-radius:0;padding:30px 30px 42px;position:relative;overflow:hidden;box-shadow:10px 10px #111}.battle-hero:before{content:"";opacity:.1;background:linear-gradient(105deg,#ef3d23 0 49.5%,#ffd51f 50.5%);position:absolute;inset:0}.battle-hero>*{z-index:2;position:relative}.battle-hero h1{color:#111;font:900 clamp(48px,7vw,96px)/.86 var(--font-display);text-transform:uppercase}.battle-hero h1 span{color:#ef3d23;background:#fff;border:4px solid #111;border-radius:50%;place-items:center;min-width:90px;height:90px;padding:0 10px;font-size:.45em;display:inline-grid;transform:rotate(-7deg);box-shadow:5px 5px #111}.battle-hero>p{color:#554f46}.battle-stage{background:linear-gradient(100deg,#ef3d23 0 49%,#ffd51f 51%);border:3px solid #111;border-radius:0;min-height:520px;overflow:hidden}.stage-side{z-index:2;position:relative}.stage-label{color:#fff;background:#111;border:0;border-radius:0;font-weight:900}.stage-portrait{background:0 0;border:0;border-radius:0;width:min(300px,28vw);height:330px;overflow:visible;box-shadow:none!important}.stage-portrait img{object-fit:contain;object-position:bottom center;filter:drop-shadow(10px 12px #0003);animation:.7s both fighter-rise}.stage-side h2{color:#111;font:900 36px var(--font-display);text-transform:uppercase;text-shadow:2px 2px #fff}.stage-side small{color:#2d2a26;font-weight:800}.stage-side button{color:#111;text-transform:uppercase;background:#fff;border:2px solid #111;border-radius:0;font-weight:900;box-shadow:4px 4px #111}.stage-side button:hover,.stage-side button.selected{color:#fff;background:#111;border-color:#111;transform:translate(2px,2px);box-shadow:2px 2px #fff}.stage-vs{color:#111;width:110px;height:110px;font:900 36px var(--font-display);background:#fff;border:4px solid #111;animation:.65s .2s both pop-burst;box-shadow:6px 6px #111}.stage-center>strong{color:#111}.stage-center>span{color:#4e473d}.result-bar{background:#ffd51f;border:2px solid #111;border-radius:0}.result-bar span{background:#ef3d23;border-radius:0}.battle-result>strong{color:#111}.battle-trust-row{color:#4f493f;border-color:#b7ae9e}.battle-discussion{color:#111}.discussion-intro h2{font:900 50px/.95 var(--font-display)}.discussion-intro p{color:#5f584e}.sort-row button{color:#3f3a34;background:#fff;border-color:#bcb3a5}.sort-row button.active{color:#ffd51f;background:#111}.column-header{color:#111;background:#ffd51f;border:2px solid #111;border-radius:0}.argument-card{color:#111;background:#fff;border:1px solid #bdb4a5;box-shadow:4px 4px #11111124}.argument-card p,.argument-card small{color:#665f54}.battle-about{color:#111;background:#fff0ce;border:2px solid #111;border-radius:0;box-shadow:7px 7px #111}.battle-about>p{color:#5f584e}.comic-discover-card{color:#111;background:#fff;border:2px solid #111;border-radius:0;box-shadow:6px 6px #111}.discover-comic-faces{background:linear-gradient(100deg,#ef3d23 0 49%,#ffd51f 51%);grid-template-columns:1fr 52px 1fr;align-items:center;height:170px;margin:12px 0;display:grid;overflow:hidden}.discover-comic-faces .battle-portrait{background:0 0;height:100%}.discover-comic-faces .battle-portrait img{object-fit:contain;object-position:bottom}.discover-comic-faces b{z-index:2;width:52px;height:52px;font:900 17px var(--font-display);background:#fff;border:2px solid #111;border-radius:50%;place-items:center;display:grid}.discover-matchup i{text-transform:uppercase;font-size:8px}.discover-score div{background:#ffd51f;border:1px solid #111}.discover-score div span{background:#ef3d23}.battle-transition-overlay{z-index:10000;pointer-events:all;background:#111;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.transition-panel{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.transition-panel:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 50%, #00000029 0 5deg, transparent 5deg 12deg);position:absolute;inset:-30%}.transition-panel-left{background:#ef3d23;animation:.42s cubic-bezier(.2,.8,.2,1) both panel-left-in}.transition-panel-right{background:#ffd51f;animation:.42s cubic-bezier(.2,.8,.2,1) both panel-right-in}.transition-portrait-wrap{place-items:center;display:grid;position:absolute;inset:6% 0 0}.transition-portrait{object-fit:contain;object-position:bottom;filter:drop-shadow(12px 16px #0003);width:82%;height:100%;animation:.6s .12s both transition-fighter}.transition-fallback{font:900 25vw var(--font-display);opacity:.2}.transition-panel>strong{z-index:3;color:#fff;font:900 clamp(28px,5vw,66px) var(--font-display);text-transform:uppercase;background:#111;padding:10px 16px;position:absolute;bottom:7%;box-shadow:7px 7px #fff}.transition-panel-right>strong{color:#ffd51f;right:7%;transform:rotate(2deg)}.transition-versus{z-index:10;clip-path:polygon(50% 0,61% 24%,82% 8%,78% 32%,100% 31%,80% 49%,98% 66%,74% 66%,81% 94%,59% 75%,49% 100%,41% 74%,17% 93%,25% 67%,0 66%,20% 49%,0 31%,23% 31%,18% 8%,40% 24%);filter:drop-shadow(9px 10px #111);background:#fff;place-items:center;width:170px;height:170px;animation:.65s cubic-bezier(.2,1.6,.25,1) .2s both transition-vs;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.transition-copy{z-index:11;color:#ffd51f;letter-spacing:.16em;white-space:nowrap;background:#111;margin:0;padding:7px 12px;font-size:11px;font-weight:900;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes fighter-rise{0%{opacity:0;transform:translateY(45px)scale(.97)}to{opacity:1;transform:none}}@keyframes pop-burst{0%{opacity:0;transform:translate(-50%,-50%)rotate(-20deg)scale(.2)}to{opacity:1;transform:translate(-50%,-50%)rotate(-5deg)scale(1)}}@keyframes pulse-live{50%{opacity:.25;transform:scale(.72)}}@keyframes panel-left-in{0%{transform:translate(-100%)}to{transform:none}}@keyframes panel-right-in{0%{transform:translate(100%)}to{transform:none}}@keyframes transition-fighter{0%{opacity:0;transform:translateY(80px)scale(.88)}to{opacity:1;transform:none}}@keyframes transition-vs{0%{opacity:0;transform:translate(-50%,-50%)rotate(-30deg)scale(.15)}to{opacity:1;transform:translate(-50%,-50%)rotate(-7deg)scale(1)}}@keyframes transition-fade{to{opacity:0;transform:scale(1.04)}}@media (max-width:1050px){.comic-home-hero{grid-template-columns:1fr}.comic-hero-copy{padding-inline:max(25px,50vw - 450px)}.comic-hero-copy:after{display:none}.comic-hero-visual{min-height:560px}.comic-featured-arena{grid-template-columns:1fr}.comic-arena-content{padding:42px}.comic-trending-grid,.comic-category-grid{grid-template-columns:repeat(2,1fr)}.comic-story-shell{grid-template-columns:1fr}.comic-story-collage{min-height:440px}}@media (max-width:760px){.headline-strip p{display:none}.headline-strip-inner{justify-content:space-between}.comic-header .header-inner{height:62px}.comic-brand-name{font-size:15px}.comic-brand-mark{width:49px;height:32px}.battle-sound-toggle{display:none}.comic-home-hero{min-height:0}.comic-hero-copy{padding:50px 22px}.comic-hero-copy h1{font-size:clamp(50px,15vw,78px)}.comic-proof-row{gap:18px}.comic-hero-visual{min-height:460px}.hero-person{width:72%}.hero-vs-burst{width:105px;height:105px}.hero-vs-burst span{font-size:37px}.hero-name{font-size:14px;bottom:16px}.comic-benefits{grid-template-columns:1fr}.comic-benefits>div{border-bottom:1px solid #111;border-right:0;justify-content:flex-start}.comic-benefits>div:last-child{border-bottom:0}.comic-section{padding-top:65px}.comic-section-heading{align-items:start}.comic-section-heading>span{font-size:32px}.comic-section-heading h2{font-size:40px}.comic-section-heading>a{display:none}.comic-arena-grid{min-height:450px}.comic-fighter-photo{top:65px}.comic-fighter-copy h3{font-size:25px}.comic-versus-medallion{width:78px;height:78px}.comic-versus-medallion span{font-size:25px}.comic-arena-content{padding:34px 24px}.comic-arena-content h2{font-size:34px}.comic-trending-grid,.comic-category-grid,.comic-community-grid{grid-template-columns:1fr}.comic-story-copy{padding:35px 24px}.comic-story-copy h2{font-size:42px}.comic-footer-cta{flex-direction:column;justify-content:center;align-items:flex-start}.comic-footer-cta h2{font-size:43px}.battle-stage{min-height:760px}.stage-portrait{width:220px;height:240px}.battle-transition-overlay{grid-template-columns:1fr 1fr}.transition-versus{width:105px;height:105px}.transition-versus span{font-size:36px}.transition-panel>strong{font-size:24px;bottom:9%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--left-blue:#38a9ff;--left-blue-soft:#e9f6ff;--right-red:#ef3d23;--right-red-soft:#ffe6dd}.comic-page-bg{background:radial-gradient(circle at top left, #ffd51f38, transparent 18%), radial-gradient(circle at top right, #ef3d2314, transparent 20%), var(--bg)}.leaderboard-page{padding-top:88px;padding-bottom:110px}.leaderboard-hero-card{background:linear-gradient(120deg,#fff7df 0 62%,#ffe871 62%);border:3px solid #111;grid-template-columns:1fr 210px;gap:24px;padding:34px 36px;display:grid;position:relative;overflow:hidden;box-shadow:10px 10px #111}.leaderboard-hero-card:before{content:"";opacity:.25;background-image:radial-gradient(#1111111f 1.1px,#0000 1.1px);background-size:13px 13px;position:absolute;inset:0}.leaderboard-hero-copy,.leaderboard-burst{z-index:1;position:relative}.leaderboard-hero-copy h1{font:900 clamp(54px, 8vw, 110px)/.88 var(--font-display);text-transform:uppercase;margin:8px 0 12px}.leaderboard-hero-copy p{color:#5e584d;max-width:780px;margin:0;font-size:18px;line-height:1.6}.leaderboard-burst{text-align:center;clip-path:polygon(50% 0,61% 24%,82% 8%,78% 32%,100% 31%,80% 49%,98% 66%,74% 66%,81% 94%,59% 75%,49% 100%,41% 74%,17% 93%,25% 67%,0 66%,20% 49%,0 31%,23% 31%,18% 8%,40% 24%);color:#111;filter:drop-shadow(7px 9px #111);background:#fff;place-self:center end;place-items:center;width:190px;height:190px;animation:3.4s ease-in-out infinite burst-jiggle;display:grid;transform:rotate(-6deg)}.leaderboard-burst span{letter-spacing:.18em;text-transform:uppercase;font-size:14px;font-weight:900}.leaderboard-burst strong{font:900 54px/.9 var(--font-display);display:block}.leaderboard-podium-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;display:grid}.podium-card{color:#111;background:#fff;border:3px solid #111;padding:28px 22px 24px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:8px 8px #111}.podium-card:before{content:"";opacity:.3;background-image:radial-gradient(#1111111a 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.podium-card>*{z-index:1;position:relative}.podium-card:hover{transform:translate(3px,3px)rotate(-.4deg);box-shadow:4px 4px #111}.podium-1{background:linear-gradient(#fff8da 0,#ffe871 100%)}.podium-2{background:linear-gradient(#eff6ff 0,#d8ebff 100%);transform:translateY(16px)}.podium-3{background:linear-gradient(#ffe9e4 0,#ffd2c7 100%);transform:translateY(26px)}.podium-rank{color:#ffd51f;letter-spacing:.12em;background:#111;margin-bottom:16px;padding:4px 8px;font-size:11px;font-weight:900;display:inline-flex}.podium-avatar{width:70px;height:70px;font:900 24px var(--font-display);background:#fffc;border:2px solid #111;border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.podium-card>strong{font:900 28px/1 var(--font-display);text-transform:uppercase;display:block}.podium-card>small{color:#60594f;margin-top:4px;font-size:12px;font-weight:700;display:block}.podium-meta{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.podium-meta span{text-transform:uppercase;background:#ffffffb3;border:1px solid #11111126;padding:7px 10px;font-size:10px;font-weight:900}.podium-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.podium-stats div{background:#ffffffbf;border:1px solid #11111124;padding:12px}.podium-stats b{font:900 24px/.9 var(--font-display);display:block}.podium-stats span{letter-spacing:.06em;text-transform:uppercase;color:#615b51;font-size:10px;font-weight:800}.podium-points{font:900 28px/.95 var(--font-display);color:#ef3d23;margin-top:18px}.leaderboard-table-wrap{margin-top:32px}.comic-leaderboard-table{background:#fff;border:3px solid #111;border-radius:0;box-shadow:10px 10px #11111129}.comic-leaderboard-table .leaderboard-table-head{color:#fff0a6;background:#111}.comic-leaderboard-table .comic-row{color:#2b2926;font-size:12px;transition:transform .16s,background-color .16s}.comic-leaderboard-table .comic-row:hover{background:#fff4c8;transform:translate(4px)}.comic-leaderboard-table .comic-row>b{color:#ef3d23;font:900 24px var(--font-display)}.comic-leaderboard-table .comic-row>strong{color:#111}.comic-leaderboard-table .leaderboard-user>span{color:#111;font:900 14px var(--font-display);background:#ffd51f;border:2px solid #111;border-radius:50%}.comic-leaderboard-table .leaderboard-user strong{color:#111;text-transform:uppercase;font-size:15px}.comic-leaderboard-table .leaderboard-user small{color:#615b51;font-size:10px;font-weight:700}.submission-showcase{grid-template-columns:1fr minmax(560px,720px);align-items:start;gap:30px;width:100%;display:grid}.submission-showcase-copy{color:#fff;background:linear-gradient(135deg,#ef3d23 0 52%,#ffd51f 52%);border:3px solid #111;padding:32px;position:sticky;top:110px;overflow:hidden;box-shadow:10px 10px #111}.submission-showcase-copy:before{content:"";opacity:.26;background-image:radial-gradient(#11111126 1.2px,#0000 1.2px);background-size:13px 13px;position:absolute;inset:0}.submission-showcase-copy>*{z-index:1;position:relative}.submission-showcase-copy .section-kicker{color:#fff4be}.submission-showcase-copy h1{font:900 clamp(48px,7vw,92px)/.9 var(--font-display);text-transform:uppercase;margin:8px 0 14px}.submission-showcase-copy>p{color:#fff9ef;max-width:520px;font-size:17px;line-height:1.65}.submission-clash-strip{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:28px;display:grid}.submission-clash-strip>div{color:#111;background:#ffffffeb;border:2px solid #111;align-content:center;gap:8px;min-height:110px;padding:18px;display:grid}.submission-clash-strip b{font:900 22px var(--font-display);text-transform:uppercase}.submission-clash-strip span{color:#62594c;font-size:13px;line-height:1.45}.submission-clash-strip i{color:#ef3d23;width:86px;height:86px;font:900 34px var(--font-display);background:#fff;border:3px solid #111;border-radius:50%;place-items:center;display:grid;box-shadow:5px 5px #111}.submission-tips-grid{grid-template-columns:1fr;gap:12px;margin-top:22px;display:grid}.submission-tips-grid>div{color:#111;background:#ffffffe6;border:2px solid #111;padding:14px 16px}.submission-tips-grid strong{font:900 18px var(--font-display);text-transform:uppercase;display:block}.submission-tips-grid span{color:#5e584d;font-size:13px}.comic-submit-card{background:linear-gradient(#fffdf7 0,#fff6de 100%);border:3px solid #111;border-radius:0;padding:32px;box-shadow:10px 10px #111;width:100%!important}.comic-submit-card .battle-submission-form{gap:18px}.comic-submit-card label>span{color:#6a6357;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.comic-submit-card input,.comic-submit-card textarea,.comic-submit-card select{color:#111;background:#fff;border:2px solid #111;border-radius:0;box-shadow:4px 4px #11111114}.comic-submit-card input:focus,.comic-submit-card textarea:focus,.comic-submit-card select:focus{border-color:#ef3d23;outline:none;box-shadow:6px 6px #ef3d232e}.comic-submit-card .submission-rules{color:#111;background:#fff8da;border:2px dashed #111;border-radius:0}.comic-submit-card .submission-rules span{color:#5f584d}.comic-submit-card .submit-wide{border:2px solid #111;border-radius:0;min-height:56px;box-shadow:5px 5px #111}.comic-submit-card .submit-wide:hover{transform:translate(2px,2px);box-shadow:2px 2px #111}.submission-success{color:#111;background:#fff8d3;border:3px solid #111;border-radius:0;box-shadow:8px 8px #111}.submission-success span:first-child{width:76px;height:76px;font:900 32px var(--font-display);background:#ffd51f;border:3px solid #111;border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.battle-page-shell{background:var(--bg)}.battle-hero{background:radial-gradient(circle at center, #ffffffa8, transparent 30%), radial-gradient(circle at top left, #ffd51f38, transparent 16%), var(--bg);border:3px solid #111;padding:26px 26px 32px;box-shadow:10px 10px #111}.battle-hero:before{display:none}.battle-hero>h1{font-size:clamp(54px,8vw,98px)}.battle-hero>p{font-size:18px}.battle-stage{background:linear-gradient(90deg, #38a9ff1a 0 49.5%, #ef3d231a 50.5%), var(--panel);border:3px solid #111;grid-template-columns:1fr 120px 1fr;align-items:center;gap:18px;min-height:430px;padding:28px 22px 14px;display:grid}.stage-side{justify-items:center;display:grid}.stage-left .stage-portrait,.stage-right .stage-portrait{border:3px solid #111;place-items:end center;width:min(230px,24vw);height:260px;display:grid;overflow:hidden}.stage-left .stage-portrait{background:linear-gradient(#f7fcff,#d8eeff);box-shadow:8px 8px #38a9ff59}.stage-right .stage-portrait{background:linear-gradient(#fff6f2,#ffd5cb);box-shadow:8px 8px #ef3d2347}.stage-portrait img{object-fit:cover;object-position:top center;filter:none;width:100%;height:100%}.stage-label{padding:5px 10px}.stage-left .stage-label{color:#111;background:#38a9ff}.stage-right .stage-label{color:#fff;background:#ef3d23}.stage-side h2{text-align:center;margin-top:16px;font-size:clamp(28px,3vw,42px)}.stage-side small{text-transform:uppercase;letter-spacing:.1em;font-size:11px}.stage-left button{box-shadow:4px 4px #38a9ff}.stage-right button{box-shadow:4px 4px #ef3d23}.stage-left button:hover,.stage-left button.selected{color:#111;background:#38a9ff;box-shadow:2px 2px #111}.stage-right button:hover,.stage-right button.selected{color:#fff;background:#ef3d23;box-shadow:2px 2px #111}.stage-vs{width:92px;height:92px;font-size:32px}.result-bar{background:linear-gradient(90deg,#d9efff 0 50%,#ffe3da 50%)}.result-bar i{background:#ef3d23;width:3px;position:absolute;top:-2px;bottom:-2px;left:50%}.battle-notice{color:#111;background:#fff7d1;border:2px solid #111}.battle-trust-row{border-top:2px solid #1111111f}.discussion-intro.compact-intro h2{font-size:clamp(34px,4vw,54px)}.discussion-intro.compact-intro p{max-width:340px;font-size:16px}.argument-columns{align-items:start;gap:20px}.argument-column{position:relative}.argument-column.column-left .column-header{color:#111;background:#38a9ff;border:3px solid #111}.argument-column.column-right .column-header{color:#fff;background:#ef3d23;border:3px solid #111}.column-divider span{color:#6d655a;letter-spacing:.22em;text-transform:uppercase;background:0 0;padding:10px 4px;font-size:10px;font-weight:900}.argument-card{color:#111;background:#fff;border:2px solid #111;border-radius:22px;position:relative;overflow:hidden;box-shadow:8px 8px #1111111c}.argument-card:before{content:"";opacity:.22;pointer-events:none;background-image:radial-gradient(#1111111a 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.argument-card>*{z-index:1;position:relative}.argument-left{background:linear-gradient(180deg, #fff 0, var(--left-blue-soft) 100%);animation:.5s both slide-blue}.argument-right{background:linear-gradient(180deg, #fff 0, var(--right-red-soft) 100%);animation:.5s both slide-red}.argument-column .argument-card:nth-child(2){animation-delay:60ms}.argument-column .argument-card:nth-child(3){animation-delay:.12s}.argument-column .argument-card:nth-child(4){animation-delay:.18s}.argument-rank{color:#ef3d23}.argument-author strong,.argument-card h3{color:#111}.argument-card>p,.argument-card small{color:#514a41}.reaction-row{gap:10px}.reaction-button{color:#111;background:#ffffffd9;border:2px solid #111;border-radius:14px;min-height:42px;padding:0 14px;box-shadow:3px 3px #1111111a}.reaction-button:hover,.reaction-button.active{color:#111;transform:translateY(-1px)}.reaction-button b{color:inherit}.reaction-strong{background:#edf7ff}.reaction-strong:hover,.reaction-strong.active{background:#38a9ff}.reaction-changed{background:#fff0c7}.reaction-changed:hover,.reaction-changed.active{background:#ffd51f}.reaction-evidence{background:#ffe8e1}.reaction-evidence:hover,.reaction-evidence.active{color:#fff;background:#ef3d23}.reaction-evidence:hover b,.reaction-evidence.active b{color:#fff}.argument-bottom{border-top-color:#11111124}.argument-bottom-actions a{font-weight:900}.empty-arguments{color:#5b554b;background:#fffdf3;border:2px dashed #111}@keyframes slide-blue{0%{opacity:0;transform:translate(-18px)scale(.985)}to{opacity:1;transform:none}}@keyframes slide-red{0%{opacity:0;transform:translate(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes burst-jiggle{0%,to{transform:rotate(-6deg)scale(1)}50%{transform:rotate(-2deg)scale(1.04)}}@media (max-width:1080px){.submission-showcase{grid-template-columns:1fr}.submission-showcase-copy{position:static}}@media (max-width:860px){.leaderboard-hero-card{grid-template-columns:1fr}.leaderboard-burst{justify-self:start;width:140px;height:140px}.leaderboard-burst strong{font-size:40px}.leaderboard-podium-grid{grid-template-columns:1fr}.podium-2,.podium-3{transform:none}.battle-stage{grid-template-columns:1fr;min-height:0}.stage-center{order:-1;padding:8px 0 18px}.stage-left .stage-portrait,.stage-right .stage-portrait{width:min(240px,74vw);height:250px}}@media (max-width:760px){.comic-leaderboard-table .leaderboard-table-head{display:none}.comic-leaderboard-table .comic-row{grid-template-columns:50px 1fr auto}.comic-leaderboard-table .comic-row>span:nth-of-type(n+2),.comic-leaderboard-table .comic-row>strong{display:none}.leaderboard-hero-copy p{font-size:16px}.submission-clash-strip{grid-template-columns:1fr}.submission-clash-strip i{justify-self:center}.discussion-intro.compact-intro p{max-width:none}}html.battle-transition-lock,html.battle-transition-lock body{overflow:hidden}.battle-transition-overlay{z-index:10000;pointer-events:all;isolation:isolate;perspective:1000px;background:#060606;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.transition-enter{animation:.18s both cinematic-overlay-in}.transition-impact{animation:.38s both cinematic-camera-hit}.transition-leave{animation:.43s cubic-bezier(.7,0,.2,1) both cinematic-curtain-out}.transition-panel{transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.transition-panel:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 50%, #00000030 0 4deg, transparent 4deg 11deg);animation:9s linear infinite cinematic-rays;position:absolute;inset:-25%}.transition-panel:after{content:"";mix-blend-mode:multiply;opacity:.36;background-image:radial-gradient(#1111113d 1.5px,#0000 1.5px);background-size:12px 12px;position:absolute;inset:0}.transition-panel-left{clip-path:polygon(0 0,100% 0,89% 100%,0 100%);z-index:2;background:linear-gradient(135deg,#6dc6ff 0,#1899f7 58%,#0871c8 100%);margin-right:-5.5vw;animation:.48s cubic-bezier(.16,.84,.24,1) both cinematic-left-panel}.transition-panel-right{clip-path:polygon(11% 0,100% 0,100% 100%,0 100%);z-index:1;background:linear-gradient(225deg,#ff7960 0,#ef3d23 58%,#b61f11 100%);margin-left:-5.5vw;animation:.48s cubic-bezier(.16,.84,.24,1) both cinematic-right-panel}.transition-impact .transition-panel-left{animation:.34s both cinematic-left-impact}.transition-impact .transition-panel-right{animation:.34s both cinematic-right-impact}.transition-portrait-wrap{z-index:2;background:0 0;place-items:end center;display:grid;position:absolute;inset:3% 0 0;overflow:visible}.transition-portrait-wrap img{object-fit:contain;object-position:bottom center;filter:saturate(1.08)contrast(1.08)drop-shadow(18px 22px #0000003d);width:min(88%,760px);height:100%}.transition-portrait-wrap>span{font:900 24vw var(--font-display);opacity:.18;align-self:center}.transition-portrait-left{animation:.68s cubic-bezier(.14,.84,.24,1) 50ms both cinematic-fighter-left}.transition-portrait-right{animation:.68s cubic-bezier(.14,.84,.24,1) 80ms both cinematic-fighter-right}.transition-impact .transition-portrait-left{animation:.34s both cinematic-fighter-left-hit}.transition-impact .transition-portrait-right{animation:.34s both cinematic-fighter-right-hit}.transition-corner-label{z-index:7;color:#111;letter-spacing:.15em;text-transform:uppercase;background:#ffffffeb;border:2px solid #111;padding:7px 11px;font-size:10px;font-weight:900;position:absolute;top:5%;box-shadow:4px 4px #111}.transition-panel-left .transition-corner-label{left:6%;transform:rotate(-2deg)}.transition-panel-right .transition-corner-label{right:6%;transform:rotate(2deg)}.transition-panel>strong{z-index:8;color:#fff;max-width:72%;font:900 clamp(30px,5vw,72px)/.88 var(--font-display);text-transform:uppercase;background:#111;border:2px solid #111;padding:10px 17px;position:absolute;bottom:6.5%;box-shadow:8px 8px #fffffff2}.transition-panel-left>strong{left:6%;transform:rotate(-2deg)}.transition-panel-right>strong{color:#ffd51f;text-align:right;right:6%;transform:rotate(2deg)}.transition-speedlines{z-index:5;background:repeating-conic-gradient(from 0deg at 50% 50%, #ffffff47 0 1deg, transparent 1deg 7deg);opacity:.32;pointer-events:none;animation:2.4s linear infinite cinematic-speed-spin;position:absolute;inset:-35%}.transition-halftone{z-index:6;opacity:.18;pointer-events:none;background-image:radial-gradient(#111 1.4px,#0000 1.4px);background-size:12px 12px;position:absolute;inset:0}.transition-vignette{z-index:20;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px 55px #00000094}.transition-flash{z-index:19;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.transition-impact .transition-flash{animation:.28s both cinematic-flash}.transition-slash{z-index:9;transform-origin:50%;opacity:0;background:#fff;width:18px;height:140%;position:absolute;top:-20%;left:50%;transform:translate(-50%)rotate(10deg)scaleY(0);box-shadow:0 0 28px 8px #ffffffe6,0 0 70px 16px #ffd51f99}.transition-impact .transition-slash{animation:.34s both cinematic-slash}.transition-versus{z-index:13;clip-path:polygon(50% 0,61% 24%,82% 8%,78% 32%,100% 31%,80% 49%,98% 66%,74% 66%,81% 94%,59% 75%,49% 100%,41% 74%,17% 93%,25% 67%,0 66%,20% 49%,0 31%,23% 31%,18% 8%,40% 24%);filter:drop-shadow(10px 12px #111);background:#fff;border:5px solid #111;place-items:center;width:176px;height:176px;animation:.68s cubic-bezier(.18,1.6,.24,1) .2s both cinematic-vs-in;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.transition-versus span{font:900 58px var(--font-display)}.transition-impact .transition-versus{animation:.34s both cinematic-vs-hit}.transition-impact-ring{z-index:12;opacity:0;border:7px solid #fffffff2;border-radius:50%;width:160px;height:160px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(.3)}.transition-impact .transition-impact-ring{animation:.52s both cinematic-impact-ring}.transition-round-stamp{z-index:14;color:#111;background:#ffd51f;border:2px solid #111;align-items:center;gap:7px;padding:6px 10px;animation:.48s .5s both cinematic-stamp;display:flex;position:absolute;top:5%;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:5px 5px #111}.transition-round-stamp span{letter-spacing:.15em;font-size:9px;font-weight:900}.transition-round-stamp strong{font:900 23px var(--font-display)}.transition-sparks{z-index:15;pointer-events:none;width:0;height:0;position:absolute;top:48%;left:50%}.transition-spark{--spark-angle:0deg;--spark-distance:210px;transform-origin:50% 0;width:8px;height:40px;transform:rotate(var(--spark-angle)) translateY(0) scaleY(.2);opacity:0;background:#ffd51f;border-radius:99px;position:absolute;box-shadow:0 0 13px #ffd51fe6}.transition-impact .transition-spark{animation:.5s both cinematic-spark}.spark-1{--spark-angle:0deg;--spark-distance:210px}.spark-2{--spark-angle:26deg;--spark-distance:250px;animation-delay:10ms!important}.spark-3{--spark-angle:52deg;--spark-distance:190px;animation-delay:30ms!important}.spark-4{--spark-angle:78deg;--spark-distance:235px}.spark-5{--spark-angle:104deg;--spark-distance:185px;animation-delay:20ms!important}.spark-6{--spark-angle:130deg;--spark-distance:255px}.spark-7{--spark-angle:156deg;--spark-distance:205px;animation-delay:40ms!important}.spark-8{--spark-angle:182deg;--spark-distance:245px}.spark-9{--spark-angle:208deg;--spark-distance:190px;animation-delay:20ms!important}.spark-10{--spark-angle:234deg;--spark-distance:260px}.spark-11{--spark-angle:260deg;--spark-distance:198px}.spark-12{--spark-angle:286deg;--spark-distance:240px;animation-delay:30ms!important}.spark-13{--spark-angle:312deg;--spark-distance:182px}.spark-14{--spark-angle:338deg;--spark-distance:250px;animation-delay:20ms!important}.transition-status{z-index:22;width:min(420px,72vw);position:absolute;bottom:3.5%;left:50%;transform:translate(-50%)}.transition-status p{color:#fff;letter-spacing:.2em;text-align:center;margin:0 0 7px;font-size:10px;font-weight:900}.transition-progress{background:#ffffffbf;border:2px solid #111;height:8px;overflow:hidden;box-shadow:4px 4px #111}.transition-progress span{background:linear-gradient(90deg,#38a9ff 0 50%,#ef3d23 50%);height:100%;transition:width .24s cubic-bezier(.2,.8,.2,1);display:block}.battle-hero-cinematic{animation:.58s cubic-bezier(.2,.8,.2,1) both arena-page-arrive}.cinematic-stage{isolation:isolate;position:relative;overflow:hidden}.cinematic-stage>:not(.stage-cinematic-lines):not(.stage-cinematic-flash):not(.stage-round-label){z-index:3;position:relative}.stage-cinematic-lines{z-index:0;background:repeating-conic-gradient(from 0deg at 50% 50%, #11111112 0 2deg, transparent 2deg 9deg);animation:18s linear infinite stage-lines-drift;position:absolute;inset:-35%}.stage-cinematic-flash{z-index:2;opacity:0;background:radial-gradient(circle,#fff 0 8%,#ffd51f 9% 16%,#0000 45%);border-radius:50%;width:120px;height:120px;animation:.62s .34s both stage-impact-flare;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-round-label{z-index:5;background:#ffd51f;border:2px solid #111;align-items:center;gap:5px;padding:4px 8px;animation:.46s .2s both stage-stamp-in;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:3px 3px #111}.stage-round-label span{letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.stage-round-label strong{font:900 20px var(--font-display)}.battle-hero-cinematic .stage-left{animation:.6s .1s both stage-fighter-left}.battle-hero-cinematic .stage-right{animation:.6s .14s both stage-fighter-right}.battle-hero-cinematic .stage-center{animation:.58s cubic-bezier(.18,1.5,.24,1) .28s both stage-vs-drop}.viewer-side-left{--viewer-left:#38a9ff;--viewer-left-soft:#e6f5ff;--viewer-right:#ef3d23;--viewer-right-soft:#ffe5dd}.viewer-side-right{--viewer-left:#ef3d23;--viewer-left-soft:#ffe5dd;--viewer-right:#38a9ff;--viewer-right-soft:#e6f5ff}.battle-hero-cinematic .battle-stage{background:linear-gradient(90deg, color-mix(in srgb, var(--viewer-left) 15%, white) 0 49.5%, color-mix(in srgb, var(--viewer-right) 15%, white) 50.5%), #fff}.viewer-side-left .stage-left .stage-label,.viewer-side-right .stage-right .stage-label{color:#111;background:#38a9ff}.viewer-side-left .stage-right .stage-label,.viewer-side-right .stage-left .stage-label{color:#fff;background:#ef3d23}.viewer-side-left .stage-left .stage-portrait,.viewer-side-right .stage-right .stage-portrait{background:linear-gradient(#f7fcff,#d8eeff);box-shadow:8px 8px #38a9ff59}.viewer-side-left .stage-right .stage-portrait,.viewer-side-right .stage-left .stage-portrait{background:linear-gradient(#fff6f2,#ffd5cb);box-shadow:8px 8px #ef3d2347}.viewer-side-left .stage-left button,.viewer-side-right .stage-right button{box-shadow:4px 4px #38a9ff}.viewer-side-left .stage-right button,.viewer-side-right .stage-left button{box-shadow:4px 4px #ef3d23}.viewer-side-left .stage-left button:hover,.viewer-side-left .stage-left button.selected,.viewer-side-right .stage-right button:hover,.viewer-side-right .stage-right button.selected{color:#111;background:#38a9ff}.viewer-side-left .stage-right button:hover,.viewer-side-left .stage-right button.selected,.viewer-side-right .stage-left button:hover,.viewer-side-right .stage-left button.selected{color:#fff;background:#ef3d23}.argument-columns.viewer-side-left .column-left .column-header,.argument-columns.viewer-side-right .column-right .column-header{color:#111;background:#38a9ff}.argument-columns.viewer-side-left .column-right .column-header,.argument-columns.viewer-side-right .column-left .column-header{color:#fff;background:#ef3d23}.argument-columns.viewer-side-left .argument-left,.argument-columns.viewer-side-right .argument-right{background:linear-gradient(#fff 0,#e6f5ff 100%)}.argument-columns.viewer-side-left .argument-right,.argument-columns.viewer-side-right .argument-left{background:linear-gradient(#fff 0,#ffe5dd 100%)}@keyframes cinematic-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes cinematic-left-panel{0%{transform:translate(-110%)rotateY(12deg)}to{transform:none}}@keyframes cinematic-right-panel{0%{transform:translate(110%)rotateY(-12deg)}to{transform:none}}@keyframes cinematic-left-impact{0%{transform:none}45%{transform:translate(1.6%)scale(1.018)}to{transform:none}}@keyframes cinematic-right-impact{0%{transform:none}45%{transform:translate(-1.6%)scale(1.018)}to{transform:none}}@keyframes cinematic-fighter-left{0%{opacity:0;transform:translate(-22%)translateY(9%)scale(.86)}to{opacity:1;transform:none}}@keyframes cinematic-fighter-right{0%{opacity:0;transform:translate(22%)translateY(9%)scale(.86)}to{opacity:1;transform:none}}@keyframes cinematic-fighter-left-hit{0%{transform:none}50%{transform:translate(2.2%)scale(1.025)}to{transform:none}}@keyframes cinematic-fighter-right-hit{0%{transform:none}50%{transform:translate(-2.2%)scale(1.025)}to{transform:none}}@keyframes cinematic-rays{to{transform:rotate(360deg)}}@keyframes cinematic-speed-spin{to{transform:rotate(360deg)}}@keyframes cinematic-vs-in{0%{opacity:0;transform:translate(-50%,-50%)rotate(-38deg)scale(.06)}to{opacity:1;transform:translate(-50%,-50%)rotate(-7deg)scale(1)}}@keyframes cinematic-vs-hit{0%{transform:translate(-50%,-50%)rotate(-7deg)scale(1)}45%{transform:translate(-50%,-50%)rotate(4deg)scale(1.24)}to{transform:translate(-50%,-50%)rotate(-7deg)scale(1)}}@keyframes cinematic-impact-ring{0%{opacity:.95;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(4.5)}}@keyframes cinematic-flash{0%,to{opacity:0}20%{opacity:.88}44%{opacity:.16}}@keyframes cinematic-slash{0%{opacity:0;transform:translate(-50%)rotate(10deg)scaleY(0)}30%{opacity:1;transform:translate(-50%)rotate(10deg)scaleY(1)}to{opacity:0;transform:translate(-50%)rotate(10deg)scaleY(1)}}@keyframes cinematic-stamp{0%{opacity:0;transform:translate(-50%)rotate(-14deg)scale(1.7)}to{opacity:1;transform:translate(-50%)rotate(-2deg)scale(1)}}@keyframes cinematic-spark{0%{opacity:1;transform:rotate(var(--spark-angle)) translateY(0) scaleY(.2)}to{opacity:0;transform:rotate(var(--spark-angle)) translateY(calc(var(--spark-distance) * -1)) scaleY(1)}}@keyframes cinematic-camera-hit{0%,to{transform:none}18%{transform:translate(-7px,4px)rotate(-.35deg)}35%{transform:translate(6px,-4px)rotate(.3deg)}52%{transform:translate(-4px,2px)}70%{transform:translate(2px,-1px)}}@keyframes cinematic-curtain-out{to{opacity:0;filter:blur(7px);transform:scale(1.05)}}@keyframes arena-page-arrive{0%{opacity:0;transform:translateY(18px)scale(.99)}to{opacity:1;transform:none}}@keyframes stage-lines-drift{to{transform:rotate(360deg)}}@keyframes stage-impact-flare{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}32%{opacity:.92}to{opacity:0;transform:translate(-50%,-50%)scale(4.2)}}@keyframes stage-stamp-in{0%{opacity:0;transform:translate(-50%)rotate(-12deg)scale(1.6)}to{opacity:1;transform:translate(-50%)rotate(-2deg)scale(1)}}@keyframes stage-fighter-left{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:none}}@keyframes stage-fighter-right{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}@keyframes stage-vs-drop{0%{opacity:0;transform:translateY(-24px)scale(.5)rotate(-10deg)}to{opacity:1;transform:none}}@media (max-width:760px){.transition-panel-left{clip-path:polygon(0 0,100% 0,93% 100%,0 100%);margin-right:-7vw}.transition-panel-right{clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);margin-left:-7vw}.transition-portrait-wrap{inset:12% -8% 5%}.transition-portrait-wrap img{filter:saturate(1.08)contrast(1.08)drop-shadow(8px 10px #00000038);width:110%}.transition-panel>strong{max-width:88%;padding:7px 9px;font-size:clamp(20px,7vw,31px);bottom:10%;box-shadow:4px 4px #fff}.transition-panel-left>strong{left:3%}.transition-panel-right>strong{right:3%}.transition-corner-label{padding:5px 7px;font-size:7px;top:7%}.transition-versus{width:108px;height:108px}.transition-versus span{font-size:37px}.transition-round-stamp{top:3%}.transition-status{width:74vw;bottom:4%}.transition-status p{font-size:8px}.transition-progress{height:7px}.transition-spark{height:25px}.stage-round-label{top:7px}}@media (prefers-reduced-motion:reduce){.transition-speedlines,.transition-round-stamp,.transition-sparks,.transition-impact-ring,.transition-flash,.transition-slash,.stage-cinematic-lines,.stage-cinematic-flash,.stage-round-label{display:none!important}}.battle-stage.cinematic-stage{background:linear-gradient(90deg, #38a9ff2e 0 49.5%, #1111110a 49.5% 50.5%, #ef3d2329 50.5% 100%), var(--panel);position:relative;overflow:hidden}.battle-stage.cinematic-stage:before,.battle-stage.cinematic-stage:after{content:"";z-index:0;pointer-events:none;width:64%;position:absolute;top:-18%;bottom:-18%}.battle-stage.cinematic-stage:before{background:radial-gradient(circle, #ffffff3d 0 2px, transparent 2px) 0 0/12px 12px, repeating-conic-gradient(from 0deg at 100% 50%, #38a9ff2e 0 5deg, transparent 5deg 12deg);clip-path:polygon(0 0,100% 0,78% 50%,100% 100%,0 100%);opacity:.95;left:-8%}.battle-stage.cinematic-stage:after{background:radial-gradient(circle, #fff3 0 2px, transparent 2px) 0 0/12px 12px, repeating-conic-gradient(from 180deg at 0% 50%, #ef3d232e 0 5deg, transparent 5deg 12deg);clip-path:polygon(22% 0,100% 0,100% 100%,22% 100%,0 50%);opacity:.95;right:-8%}.battle-stage.cinematic-stage>*{z-index:1;position:relative}.battle-stage.cinematic-stage .stage-left,.battle-stage.cinematic-stage .stage-right{align-content:center;align-self:stretch;justify-items:center;display:grid}.battle-stage.cinematic-stage .stage-left .stage-portrait,.battle-stage.cinematic-stage .stage-right .stage-portrait{border:6px solid #111;border-radius:50%;width:min(250px,25vw);height:min(250px,25vw);padding:10px;overflow:hidden;background:#fff!important}.battle-stage.cinematic-stage .stage-left .stage-portrait{box-shadow:0 0 0 8px #38a9ff8c,12px 12px #1111111f!important}.battle-stage.cinematic-stage .stage-right .stage-portrait{box-shadow:0 0 0 8px #ef3d2373,12px 12px #1111111f!important}.battle-stage.cinematic-stage .stage-portrait img,.battle-stage.cinematic-stage .stage-portrait>span{border-radius:50%;width:100%;height:100%}.battle-stage.cinematic-stage .stage-portrait img{object-fit:cover;object-position:center top;filter:saturate(1.05)contrast(1.06)}.battle-stage.cinematic-stage .stage-vs{border:4px solid #111;box-shadow:0 0 0 8px #fff,0 0 0 14px #111}.battle-stage.cinematic-stage .stage-round-label{transform:rotate(-4deg)}.battle-stage.cinematic-stage .stage-side h2{margin-top:20px}.battle-stage.cinematic-stage .stage-center{align-content:center;justify-items:center;gap:14px;display:grid}.battle-transition-overlay{background:linear-gradient(90deg,#38a9ff 0 49.7%,#111 49.7% 50.3%,#ef3d23 50.3% 100%)}.transition-panel-left,.transition-panel-right{background:0 0}.transition-panel:before{background:radial-gradient(circle, #ffffff2b 0 2px, transparent 2px) 0 0/14px 14px, repeating-conic-gradient(from 0deg at 50% 50%, #ffffff24 0 5deg, transparent 5deg 12deg);opacity:.85;inset:-24%}.transition-panel-right:before{transform:scaleX(-1)}.transition-versus,.transition-round-stamp{background:#ffd51f}.argument-columns{isolation:isolate;align-items:start;position:relative}.argument-column{padding:0 0 6px;position:relative;overflow:hidden}.argument-column:before{content:"";z-index:0;opacity:.7;border-radius:18px;position:absolute;inset:56px 0 0}.argument-column>*{z-index:1;position:relative}.clash-divider{grid-template-rows:auto auto auto auto auto;align-self:start;justify-items:center;gap:14px;min-height:540px;padding-top:12px;display:grid;position:sticky;top:118px}.clash-divider:before{content:"";background:linear-gradient(#11111126,#1116,#11111126);width:2px;position:absolute;top:0;bottom:0;left:50%}.clash-divider span{background:var(--bg);z-index:1;padding:10px 4px}.clash-status,.clash-badge,.clash-glove{z-index:1;position:relative}.clash-status{text-align:center;background:#fff;border:2px solid #111;width:110px;padding:10px 8px;box-shadow:4px 4px #1111111f}.clash-status strong{font:900 13px/1.1 var(--font-display);text-transform:uppercase;display:block}.clash-status small{color:#5c554b;margin-top:6px;font-size:10px;line-height:1.35;display:block}.clash-badge{font:900 11px/1 var(--font-display);text-transform:uppercase;letter-spacing:.08em;background:#ffd51f;border:2px solid #111;padding:9px 10px;transform:rotate(-4deg);box-shadow:4px 4px #111}.badge-left{color:#111;background:#38a9ff}.badge-right{color:#fff;background:#ef3d23}.badge-even{color:#111;background:#ffd51f}.clash-glove{border:3px solid #111;border-radius:38px 38px 30px 30px;place-items:center;width:72px;height:72px;display:grid;box-shadow:5px 5px #1111111f}.clash-glove i{border:3px solid #11111124;border-radius:18px 18px 14px 14px;width:34px;height:34px;position:relative}.clash-glove i:after{content:"";background:inherit;border:3px solid #11111124;border-radius:8px;width:22px;height:14px;position:absolute;bottom:-8px;left:-8px}.glove-blue{background:#38a9ff;animation:1.9s ease-in-out infinite glove-bounce-left;transform:rotate(-12deg)}.glove-red{background:#ef3d23;animation:1.9s ease-in-out infinite glove-bounce-right;transform:rotate(12deg)}.clash-left .glove-blue,.clash-right .glove-red{box-shadow:0 0 0 8px #ffd51f52,5px 5px #1111111f}.argument-card{transition:transform .18s,box-shadow .18s}.argument-card:hover{transform:translateY(-4px);box-shadow:10px 12px #11111124}.argument-left{animation:.5s both slide-blue,2.5s ease-in-out infinite pulse-edge-blue}.argument-right{animation:.5s both slide-red,2.5s ease-in-out infinite pulse-edge-red}@keyframes glove-bounce-left{0%,to{transform:rotate(-12deg)translateY(0)}50%{transform:rotate(-17deg)translateY(-4px)}}@keyframes glove-bounce-right{0%,to{transform:rotate(12deg)translateY(0)}50%{transform:rotate(17deg)translateY(-4px)}}@keyframes pulse-edge-blue{0%,to{box-shadow:8px 8px #1111111c}50%{box-shadow:8px 8px #1111111c,0 0 0 2px #38a9ff4d}}@keyframes pulse-edge-red{0%,to{box-shadow:8px 8px #1111111c}50%{box-shadow:8px 8px #1111111c,0 0 0 2px #ef3d2347}}@media (max-width:980px){.battle-stage.cinematic-stage .stage-left .stage-portrait,.battle-stage.cinematic-stage .stage-right .stage-portrait{width:min(220px,58vw);height:min(220px,58vw)}.clash-divider{grid-template-rows:auto;grid-template-columns:repeat(5,auto);justify-content:center;align-items:center;min-height:0;padding:18px 0;position:relative;top:0}.clash-divider:before{width:auto;height:2px;inset:50% 0 auto}}@media (max-width:760px){.battle-stage.cinematic-stage:before,.battle-stage.cinematic-stage:after{width:100%;height:50%;left:0;right:0}.battle-stage.cinematic-stage:before{clip-path:polygon(0 0,100% 0,100% 82%,0 100%);top:-2%;bottom:auto}.battle-stage.cinematic-stage:after{clip-path:polygon(0 18%,100% 0,100% 100%,0 100%);top:auto;bottom:-2%}.clash-status{width:140px}.clash-divider{gap:10px}.clash-divider span{display:none}}.battle-sound-control{isolation:isolate;align-items:stretch;display:inline-flex;position:relative}.battle-sound-control .battle-sound-toggle{border-right:0;min-width:78px;box-shadow:3px 3px #111}.battle-sound-picker{position:relative}.battle-sound-picker>summary{color:#111;cursor:pointer;background:#fff2a0;border:1px solid #111;place-items:center;width:30px;height:38px;font-size:12px;font-weight:900;list-style:none;display:grid;box-shadow:3px 3px #111}.battle-sound-picker>summary::-webkit-details-marker{display:none}.battle-sound-picker[open]>summary{background:#ffd51f}.battle-sound-menu{z-index:200;background:#fff8e8;border:3px solid #111;width:min(390px,100vw - 28px);padding:12px;animation:.18s both sound-menu-in;position:absolute;top:calc(100% + 12px);right:0;box-shadow:9px 9px #111}.battle-sound-menu:before{content:"";background:#fff8e8;border-top:3px solid #111;border-left:3px solid #111;width:18px;height:18px;position:absolute;top:-11px;right:10px;transform:rotate(45deg)}.battle-sound-menu-head{z-index:1;border-bottom:2px solid #111;gap:2px;padding:6px 6px 12px;display:grid;position:relative}.battle-sound-menu-head strong{font:900 22px/1 var(--font-display);text-transform:uppercase}.battle-sound-menu-head small{color:#655e53;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.battle-sound-menu>button{color:#111;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #1111112b;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 8px;display:grid}.battle-sound-menu>button:hover,.battle-sound-menu>button.active{background:#fff0a6}.battle-sound-menu>button>span{background:#fff;border:2px solid #111;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.battle-sound-menu>button>div{gap:3px;display:grid}.battle-sound-menu>button strong{text-transform:uppercase;font-size:12px;font-weight:900}.battle-sound-menu>button small{color:#655e53;font-size:10px;line-height:1.35}.battle-sound-menu>button b{letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid #111;padding:5px 7px;font-size:8px}.battle-sound-menu>button.active b{color:#ffd51f;background:#111}.battle-sound-menu>p{color:#655e53;margin:10px 5px 2px;font-size:9px;line-height:1.45}.transition-status small{color:#fff3a0;letter-spacing:.14em;text-transform:uppercase;margin:3px 0 7px;font-size:9px;font-weight:900;display:block}@keyframes sound-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:760px){.battle-sound-control{display:none}.mobile-sound-control{padding:8px 0}.mobile-sound-control .battle-sound-control{display:inline-flex}.mobile-sound-control .battle-sound-menu{width:min(360px,100vw - 50px);left:0;right:auto}.mobile-sound-control .battle-sound-menu:before{left:88px;right:auto}}.battle-stage.cinematic-stage{background:linear-gradient(90deg,#dbeeff 0 49.7%,#f9dada 50.3% 100%),#fff;border:4px solid #111;position:relative}.battle-stage.cinematic-stage:before,.battle-stage.cinematic-stage:after{opacity:1;width:50.5%;top:0;bottom:0}.battle-stage.cinematic-stage:before{background:radial-gradient(circle, #ffffff7a 0 1.5px, transparent 1.5px) 0 0/13px 13px, repeating-conic-gradient(from 180deg at 100% 50%, #38a9ff3d 0 7deg, transparent 7deg 13deg), linear-gradient(180deg, #38a9ff29, #38a9ff14);clip-path:polygon(0 0,94% 0,100% 6%,92% 14%,100% 23%,92% 31%,100% 40%,92% 49%,100% 57%,92% 66%,100% 75%,92% 84%,100% 92%,94% 100%,0 100%);left:0}.battle-stage.cinematic-stage:after{background:radial-gradient(circle, #ffffff6b 0 1.5px, transparent 1.5px) 0 0/13px 13px, repeating-conic-gradient(from 0deg at 0% 50%, #ef3d2333 0 7deg, transparent 7deg 13deg), linear-gradient(180deg, #ef3d2321, #ef3d2314);clip-path:polygon(6% 0,100% 0,100% 100%,6% 100%,0 92%,8% 84%,0 75%,8% 66%,0 57%,8% 49%,0 40%,8% 31%,0 23%,8% 14%,0 6%);right:0}.stage-cinematic-lines{z-index:1;background:linear-gradient(135deg,#0000 47.8%,#111 47.8% 48.2%,#fff 48.2% 48.8%,#111 48.8% 49.2%,#0000 49.2% 50.8%,#111 50.8% 51.2%,#fff 51.2% 51.8%,#111 51.8% 52.2%,#0000 52.2%),radial-gradient(circle,#1111110f 0 1.5px,#0000 1.5px) 0 0/16px 16px;animation:none;inset:0}.stage-clash-seam{z-index:2;clip-path:polygon(37% 0,100% 0,60% 8%,96% 16%,55% 25%,95% 33%,53% 42%,98% 50%,51% 58%,94% 66%,55% 75%,97% 83%,57% 92%,100% 100%,37% 100%,0 92%,42% 83%,3% 75%,45% 66%,2% 58%,49% 50%,4% 42%,47% 33%,5% 25%,45% 16%,0 8%);background:#fff;width:34px;position:absolute;inset:-2px auto -2px 50%;transform:translate(-50%);box-shadow:0 0 0 4px #111}.stage-cinematic-flash{mix-blend-mode:screen}.battle-stage.cinematic-stage .stage-center{z-index:4;position:relative}.battle-stage.cinematic-stage .stage-left,.battle-stage.cinematic-stage .stage-right{z-index:4}.battle-stage.cinematic-stage .stage-side h2{text-shadow:2px 2px #ffffffb3}.argument-columns{border:3px solid #1111111f;position:relative;overflow:hidden}.argument-clash-backdrop{z-index:0;pointer-events:none;background:linear-gradient(90deg,#38a9ff14 0 49.7%,#0000 49.7% 50.3%,#ef3d2314 50.3% 100%);position:absolute;inset:54px 0 0}.argument-clash-backdrop:before,.argument-clash-backdrop:after{content:"";width:50%;position:absolute;top:0;bottom:0}.argument-clash-backdrop:before{background:radial-gradient(circle, #fff6 0 1.5px, transparent 1.5px) 0 0/12px 12px, repeating-conic-gradient(from 180deg at 100% 50%, #38a9ff33 0 7deg, transparent 7deg 14deg);left:0}.argument-clash-backdrop:after{background:radial-gradient(circle, #ffffff59 0 1.5px, transparent 1.5px) 0 0/12px 12px, repeating-conic-gradient(from 0deg at 0% 50%, #ef3d2329 0 7deg, transparent 7deg 14deg);right:0}.argument-columns:before{content:"";z-index:0;clip-path:polygon(37% 0,100% 0,60% 8%,96% 16%,55% 25%,95% 33%,53% 42%,98% 50%,51% 58%,94% 66%,55% 75%,97% 83%,57% 92%,100% 100%,37% 100%,0 92%,42% 83%,3% 75%,45% 66%,2% 58%,49% 50%,4% 42%,47% 33%,5% 25%,45% 16%,0 8%);opacity:.95;background:#fff;width:24px;position:absolute;top:56px;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #111}.argument-column:before{opacity:.92}.argument-column.column-left:before{background:radial-gradient(circle, #fff6 0 1.5px, transparent 1.5px) 0 0/12px 12px, repeating-conic-gradient(from 180deg at 100% 50%, #38a9ff33 0 7deg, transparent 7deg 14deg), linear-gradient(180deg, #38a9ff24, #38a9ff0a)}.argument-column.column-right:before{background:radial-gradient(circle, #ffffff59 0 1.5px, transparent 1.5px) 0 0/12px 12px, repeating-conic-gradient(from 0deg at 0% 50%, #ef3d232e 0 7deg, transparent 7deg 14deg), linear-gradient(180deg, #ef3d231f, #ef3d2308)}.argument-card{position:relative;overflow:hidden}.argument-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff47,#0000 18% 82%,#11111109);position:absolute;inset:0}.clash-divider{z-index:2}.clash-divider span{text-transform:uppercase;border:2px solid #111;font-weight:900;box-shadow:4px 4px #1111111f}.clash-status{animation:.45s both clash-status-pop}.clash-badge{animation:1.8s ease-in-out infinite clash-badge-tilt}.clash-left .clash-badge{box-shadow:0 0 0 6px #38a9ff2e,4px 4px #111}.clash-right .clash-badge{box-shadow:0 0 0 6px #ef3d2329,4px 4px #111}.clash-even .clash-badge{box-shadow:0 0 0 6px #ffd51f2e,4px 4px #111}.reply-section{margin-top:52px}.reply-clash-list{gap:14px;padding:14px 0;display:grid;position:relative}.reply-clash-list:before{content:"";background:linear-gradient(#38a9ff59,#11111140,#ef3d2359);border-radius:99px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.reply-clash-spine{z-index:3;background:#fff5bf;border:2px solid #111;grid-auto-flow:column;justify-self:center;align-items:center;gap:12px;margin:0 auto 4px;padding:7px 10px;display:inline-grid;position:sticky;top:92px;box-shadow:4px 4px #1111111f}.reply-clash-spine span{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.reply-spine-glove{border:2px solid #111;border-radius:18px;place-items:center;width:32px;height:32px;display:grid}.reply-spine-glove i,.reply-type-pill:before{content:"";border:2px solid #1111112e;border-radius:8px;width:14px;height:14px;display:block;position:relative}.reply-card{z-index:1;background:#fff;border:2px solid #111;border-radius:16px;width:calc(50% - 22px);padding:18px;animation:2.8s ease-in-out infinite reply-card-float;position:relative;box-shadow:8px 8px #1111111a}.reply-card.reply-blue{animation-name:reply-slide-left,reply-card-float;animation-duration:.48s,2.8s;animation-delay:var(--reply-delay,0s), calc(var(--reply-delay,0s) + .48s);background:linear-gradient(#fff 0,#ecf7ff 100%);margin-right:auto;box-shadow:8px 8px #38a9ff2e}.reply-card.reply-red{animation-name:reply-slide-right,reply-card-float;animation-duration:.48s,2.8s;animation-delay:var(--reply-delay,0s), calc(var(--reply-delay,0s) + .48s);background:linear-gradient(#fff 0,#ffefea 100%);margin-left:auto;box-shadow:8px 8px #ef3d2329}.reply-card.reply-neutral{animation-name:reply-pop-center,reply-card-float;animation-duration:.42s,2.8s;animation-delay:var(--reply-delay,0s), calc(var(--reply-delay,0s) + .42s);background:linear-gradient(#fff 0,#fff8df 100%);margin-inline:auto;box-shadow:8px 8px #ffd51f33}.reply-card.reply-blue:before,.reply-card.reply-red:before,.reply-card.reply-neutral:before{content:"";background:#fff;border:3px solid #111;border-radius:50%;width:20px;height:20px;position:absolute;top:34px}.reply-card.reply-blue:before{right:-34px;box-shadow:9px 0 #38a9ff2e}.reply-card.reply-red:before{left:-34px;box-shadow:-9px 0 #ef3d2329}.reply-card.reply-neutral:before{top:-16px;left:50%;transform:translate(-50%);box-shadow:0 9px #ffd51f2e}.reply-card>div>div{align-items:start}.reply-card p{margin-bottom:12px}.reply-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.reply-type-pill{letter-spacing:.08em;text-transform:uppercase;background:#ffffffa8;border:1px solid #11111129;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:9px;font-weight:900;display:inline-flex}.reply-type-pill:before{border:0;border-radius:999px;width:10px;height:10px}.reply-type-pill.tone-blue:before{background:#38a9ff}.reply-type-pill.tone-red:before{background:#ef3d23}.reply-type-pill.tone-neutral:before{background:#ffd51f}@keyframes clash-status-pop{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes clash-badge-tilt{0%,to{transform:rotate(-4deg)}50%{transform:rotate(1deg)translateY(-2px)}}@keyframes reply-slide-left{0%{opacity:0;transform:translate(-34px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes reply-slide-right{0%{opacity:0;transform:translate(34px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes reply-pop-center{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reply-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:980px){.argument-columns:before{width:18px}.reply-card{width:calc(100% - 34px)}.reply-clash-list:before{left:18px;transform:none}.reply-card.reply-blue,.reply-card.reply-red,.reply-card.reply-neutral{margin-left:34px;margin-right:0}.reply-card.reply-blue:before,.reply-card.reply-red:before,.reply-card.reply-neutral:before{top:28px;left:-28px;right:auto;transform:none;box-shadow:-8px 0 #1111110f}}@media (max-width:760px){.battle-stage.cinematic-stage{border-width:3px}.stage-clash-seam{width:24px}.argument-columns:before{display:none}.argument-clash-backdrop{inset:0}.reply-clash-spine{position:relative;top:0}.reply-card{width:calc(100% - 24px);margin-left:24px!important}.reply-clash-list:before{left:11px}}.reference-vs-stage{background:#fff;border:4px solid #111;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center;gap:0;min-height:560px;padding:68px 26px 28px;position:relative;overflow:hidden}.reference-vs-stage .stage-cinematic-lines,.reference-vs-stage .stage-cinematic-flash,.reference-vs-stage .stage-clash-seam{display:none!important}.reference-vs-stage:before,.reference-vs-stage:after{content:"";z-index:0;width:50%;position:absolute;top:0;bottom:0}.reference-vs-stage:before{background:radial-gradient(circle, #0000001f 0 1.5px, transparent 1.5px) 0 0/15px 15px, repeating-conic-gradient(from 180deg at 100% 50%, #ffffff85 0 7deg, transparent 7deg 14deg), linear-gradient(180deg, #2f9eff 0%, #54b7ff 100%);left:0}.reference-vs-stage:after{background:radial-gradient(circle, #0000001f 0 1.5px, transparent 1.5px) 0 0/15px 15px, repeating-conic-gradient(from 0deg at 0% 50%, #ffffff70 0 7deg, transparent 7deg 14deg), linear-gradient(180deg, #ff3a2c 0%, #ff5645 100%);right:0}.reference-vs-stage>*{z-index:1;position:relative}.reference-vs-stage .stage-round-label{justify-content:space-between;width:min(560px,50vw);padding:8px 14px;top:18px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:6px 6px #111}.reference-vs-stage .stage-side{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.reference-vs-stage .stage-left{justify-self:start}.reference-vs-stage .stage-right{justify-self:end}.reference-vs-stage .stage-label{letter-spacing:.15em;border:2px solid #111;padding:6px 12px;font-size:11px;box-shadow:4px 4px #1111112e}.reference-vs-stage .stage-left .stage-label{color:#111;background:#38a9ff}.reference-vs-stage .stage-right .stage-label{color:#fff;background:#ff3a2c}.reference-vs-stage .stage-portrait,.reference-vs-stage .stage-portrait img,.reference-vs-stage .stage-portrait>span{border-radius:0!important}.reference-vs-stage .stage-portrait{outline:10px solid #fff;background:#f4f4f4!important;border:5px solid #111!important;width:clamp(220px,23vw,310px)!important;height:clamp(220px,23vw,310px)!important;padding:0!important;display:block!important;overflow:hidden!important;box-shadow:10px 10px #111!important}.reference-vs-stage .stage-portrait img{width:100%;height:100%;object-fit:cover!important;object-position:center top!important;filter:saturate(1.04)contrast(1.05)!important}.reference-vs-stage .stage-side h2{text-shadow:3px 3px #ffffffa8;margin-top:10px;font-size:clamp(40px,4.2vw,70px);line-height:.92}.reference-vs-stage .stage-side small{color:#111;letter-spacing:.12em;text-shadow:1px 1px #fff6;font-size:12px;font-weight:900}.reference-vs-stage .stage-side button{border:3px solid #111;min-width:250px;padding:14px 18px;font-size:16px;box-shadow:6px 6px #111}.reference-vs-stage .stage-left button:hover,.reference-vs-stage .stage-left button.selected{color:#111;background:#38a9ff;box-shadow:3px 3px #111}.reference-vs-stage .stage-right button:hover,.reference-vs-stage .stage-right button.selected{color:#fff;background:#ff3a2c;box-shadow:3px 3px #111}.reference-vs-stage .stage-center{place-self:center;justify-items:center;gap:12px;width:100%;display:grid!important}.reference-vs-stage .stage-vs{font:900 clamp(64px, 7vw, 96px)/1 var(--font-display);color:#ffd51f;text-shadow:2px 2px #fff,6px 6px #111;padding:20px;position:relative;transform:rotate(-7deg);width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important}.reference-vs-stage .stage-vs:before{content:"";clip-path:polygon(50% 0,60% 20%,78% 5%,74% 28%,100% 22%,82% 42%,100% 58%,74% 56%,78% 94%,58% 78%,50% 100%,40% 78%,22% 94%,26% 58%,0 58%,18% 42%,0 22%,26% 28%,22% 5%,40% 20%);z-index:-1;background:#ff3a2c;width:clamp(110px,9vw,150px);height:clamp(110px,9vw,150px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:6px 6px #111}.reference-vs-stage .stage-center>strong,.reference-vs-stage .stage-center>span{color:#111;text-align:center;text-transform:uppercase;letter-spacing:.12em}.reference-vs-stage .stage-center>strong{font-size:26px}.reference-vs-stage .stage-center>span{font-size:11px;font-weight:900}.reference-argument-stage{background:#fff;border:4px solid #111;gap:20px;position:relative;overflow:hidden}.reference-argument-stage .argument-clash-backdrop{background:0 0;inset:56px 0 0}.reference-argument-stage .argument-clash-backdrop:before,.reference-argument-stage .argument-clash-backdrop:after{content:"";width:50%;position:absolute;top:0;bottom:0}.reference-argument-stage .argument-clash-backdrop:before{background:radial-gradient(circle, #0000001a 0 1.5px, transparent 1.5px) 0 0/13px 13px, repeating-conic-gradient(from 180deg at 100% 50%, #ffffff73 0 7deg, transparent 7deg 14deg), linear-gradient(180deg, #2f9eff29, #2f9eff12);left:0}.reference-argument-stage .argument-clash-backdrop:after{background:radial-gradient(circle, #0000001a 0 1.5px, transparent 1.5px) 0 0/13px 13px, repeating-conic-gradient(from 0deg at 0% 50%, #fff6 0 7deg, transparent 7deg 14deg), linear-gradient(180deg, #ff3a2c24, #ff3a2c0f);right:0}.reference-argument-stage:before{content:"";z-index:0;clip-path:polygon(37% 0,100% 0,60% 8%,96% 16%,55% 25%,95% 33%,53% 42%,98% 50%,51% 58%,94% 66%,55% 75%,97% 83%,57% 92%,100% 100%,37% 100%,0 92%,42% 83%,3% 75%,45% 66%,2% 58%,49% 50%,4% 42%,47% 33%,5% 25%,45% 16%,0 8%);background:#fff;width:28px;position:absolute;top:56px;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #111}.reference-argument-stage .argument-column:before{display:none}.reference-argument-stage .argument-card{border-width:3px;box-shadow:8px 8px #111}.reference-argument-stage .column-header{z-index:1;border-width:3px;position:relative;box-shadow:6px 6px #111}.reference-argument-stage .clash-divider{z-index:2;min-height:100%;padding-top:72px}.reference-argument-stage .clash-divider:before{background:#11111138;width:3px}.reference-argument-stage .clash-glove,.reference-argument-stage .clash-status,.reference-argument-stage .clash-badge,.reference-argument-stage .clash-divider span{box-shadow:5px 5px #111}@media (max-width:1180px){.reference-vs-stage{grid-template-columns:1fr 130px 1fr}.reference-vs-stage .stage-side button{min-width:220px}}@media (max-width:860px){.reference-vs-stage{grid-template-columns:1fr;gap:14px;padding-top:76px}.reference-vs-stage .stage-round-label{width:min(88vw,540px)}.reference-vs-stage .stage-center{order:2}.reference-vs-stage .stage-left{order:1}.reference-vs-stage .stage-right{order:3}.reference-vs-stage .stage-side button{min-width:min(270px,74vw)}.reference-vs-stage:before,.reference-vs-stage:after{width:100%;height:50%}.reference-vs-stage:before{top:0;bottom:auto}.reference-vs-stage:after{top:auto;bottom:0}.reference-argument-stage:before{display:none}}.reference-vs-stage{border:5px solid #111;grid-template-columns:1fr 210px 1fr;gap:0;min-height:640px;padding:82px 32px 28px;box-shadow:14px 14px #111}.reference-vs-stage:before,.reference-vs-stage:after{background-size:16px 16px,auto,auto}.reference-vs-stage:before{background:radial-gradient(circle, #0000001c 0 1.5px, transparent 1.5px) 0 0/16px 16px, repeating-conic-gradient(from 180deg at 100% 50%, #ffffff8f 0 8deg, transparent 8deg 15deg), linear-gradient(180deg, #2d9fff 0%, #52b4ff 100%)}.reference-vs-stage:after{background:radial-gradient(circle, #0000001c 0 1.5px, transparent 1.5px) 0 0/16px 16px, repeating-conic-gradient(from 0deg at 0% 50%, #ffffff7a 0 8deg, transparent 8deg 15deg), linear-gradient(180deg, #ff3b2b 0%, #ff5d49 100%)}.reference-vs-stage .stage-round-label{background:#ffd51f;justify-content:flex-start;gap:8px;width:auto;padding:10px 14px;top:18px;left:36px;right:36px;transform:rotate(-2deg);box-shadow:7px 7px #111}.reference-vs-stage .stage-side{gap:8px}.reference-vs-stage .stage-left{justify-self:stretch;justify-items:start;padding-left:18px}.reference-vs-stage .stage-right{justify-self:stretch;justify-items:end;padding-right:18px}.reference-vs-stage .stage-left>*,.reference-vs-stage .stage-right>*{position:relative}.reference-vs-stage .stage-left>.stage-portrait,.reference-vs-stage .stage-right>.stage-portrait,.reference-vs-stage .stage-left>h2,.reference-vs-stage .stage-right>h2,.reference-vs-stage .stage-left>small,.reference-vs-stage .stage-right>small,.reference-vs-stage .stage-left>button,.reference-vs-stage .stage-right>button,.reference-vs-stage .stage-left>.stage-label,.reference-vs-stage .stage-right>.stage-label{z-index:2}.reference-vs-stage .stage-portrait{outline:12px solid #fff;width:clamp(250px,26vw,350px)!important;height:clamp(270px,28vw,370px)!important;box-shadow:12px 12px #111!important}.reference-vs-stage .stage-left .stage-portrait{transform:rotate(-5deg)}.reference-vs-stage .stage-right .stage-portrait{transform:rotate(5deg)}.reference-vs-stage .stage-left .stage-label{margin-left:16px}.reference-vs-stage .stage-right .stage-label{margin-right:16px}.reference-vs-stage .stage-left h2,.reference-vs-stage .stage-left small,.reference-vs-stage .stage-left button{text-align:left;margin-left:34px}.reference-vs-stage .stage-right h2,.reference-vs-stage .stage-right small,.reference-vs-stage .stage-right button{text-align:right;margin-right:34px}.reference-vs-stage .stage-side h2{letter-spacing:-.03em;font-size:clamp(44px,4.8vw,78px);line-height:.9}.reference-vs-stage .stage-side small{max-width:220px;font-size:12px}.reference-vs-stage .stage-side button{background:#fff;min-width:280px;padding:15px 18px;font-size:15px}.reference-vs-stage .stage-center{align-self:center;gap:18px;margin-top:-24px}.reference-vs-stage .stage-vs{text-shadow:2px 2px #fff,7px 7px #111;font-size:clamp(82px,9vw,118px);transform:rotate(-9deg)}.reference-vs-stage .stage-vs:before{background:#ff3b2b;width:clamp(130px,11vw,180px);height:clamp(130px,11vw,180px);box-shadow:8px 8px #111}.reference-vs-stage .stage-center>strong{font-size:34px;line-height:1}.reference-vs-stage .stage-center>span{font-size:12px}.reference-vs-stage .stage-left:after,.reference-vs-stage .stage-right:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.reference-vs-stage .stage-left:after{background:linear-gradient(90deg,#ffffff1f,#0000 40%)}.reference-vs-stage .stage-right:after{background:linear-gradient(270deg,#ffffff1f,#0000 40%)}.battle-result{background:#fff;border:3px solid #111;margin-top:16px;padding:10px 14px;box-shadow:8px 8px #1111111f}.battle-result strong{font-size:34px}.result-bar{border:3px solid #111;height:18px;box-shadow:inset 0 0 0 2px #fff6}.result-bar span{background:#2d9fff}.result-bar i{background:#ff3b2b;width:4px}.discussion-intro.compact-intro{background:linear-gradient(90deg,#2d9fff1f 0 49%,#ff3b2b1a 51% 100%),#fff8d7;border:4px solid #111;padding:18px 20px;box-shadow:10px 10px #1111111f}.discussion-intro.compact-intro .section-kicker{color:#111}.discussion-intro.compact-intro h2{line-height:.95}.sort-row button,.mobile-side-switch button{background:#fff;border:2px solid #111;box-shadow:4px 4px #1111111a}.sort-row button.active,.mobile-side-switch button.active{color:#111;background:#ffd51f;transform:translate(2px,2px);box-shadow:2px 2px #111}.reference-argument-stage{border:5px solid #111;box-shadow:14px 14px #1111111f}.reference-argument-stage .argument-clash-backdrop:before{background:radial-gradient(circle, #0000001a 0 1.5px, transparent 1.5px) 0 0/13px 13px, repeating-conic-gradient(from 180deg at 100% 50%, #ffffff75 0 8deg, transparent 8deg 15deg), linear-gradient(180deg, #2d9fff2e, #2d9fff0f)}.reference-argument-stage .argument-clash-backdrop:after{background:radial-gradient(circle, #0000001a 0 1.5px, transparent 1.5px) 0 0/13px 13px, repeating-conic-gradient(from 0deg at 0% 50%, #ffffff6b 0 8deg, transparent 8deg 15deg), linear-gradient(180deg, #ff3b2b29, #ff3b2b0d)}.reference-argument-stage .column-header{color:#111;background:#ffd51f;margin-inline:8px;transform:rotate(-1deg)}.reference-argument-stage .column-right .column-header{transform:rotate(1deg)}.reference-argument-stage .argument-card{border:3px solid #111;box-shadow:10px 10px #1111111a}.reference-argument-stage .argument-left{background:linear-gradient(#fffffffa,#e6f5fffa)}.reference-argument-stage .argument-right{background:linear-gradient(#fffffffa,#ffebe7fa)}.reference-argument-stage .argument-card:hover{transform:translateY(-6px)rotate(-.5deg);box-shadow:14px 14px #1111111f}.reference-argument-stage .column-right .argument-card:hover{transform:translateY(-6px)rotate(.5deg)}.reference-argument-stage .clash-divider{padding-top:88px}.reference-argument-stage .clash-status,.reference-argument-stage .clash-badge,.reference-argument-stage .clash-divider span,.reference-argument-stage .clash-glove{border-width:3px}.reference-argument-stage .clash-badge{color:#111;background:#ffd51f}.reference-argument-stage .empty-arguments{background:#ffffffd1;border:3px dashed #111}@media (max-width:1280px){.reference-vs-stage{grid-template-columns:1fr 180px 1fr}.reference-vs-stage .stage-side button{min-width:240px}}@media (max-width:980px){.reference-vs-stage{grid-template-columns:1fr;gap:24px;min-height:0;padding-inline:18px}.reference-vs-stage .stage-center{order:2;margin-top:0}.reference-vs-stage .stage-left,.reference-vs-stage .stage-right{justify-items:center;padding:0}.reference-vs-stage .stage-left h2,.reference-vs-stage .stage-left small,.reference-vs-stage .stage-left button,.reference-vs-stage .stage-right h2,.reference-vs-stage .stage-right small,.reference-vs-stage .stage-right button{text-align:center;margin:0}.reference-vs-stage .stage-left .stage-label,.reference-vs-stage .stage-right .stage-label{margin:0}.reference-vs-stage .stage-portrait{width:min(320px,82vw)!important;height:min(360px,86vw)!important}.reference-vs-stage .stage-side button{min-width:min(290px,82vw)}}.reference-vs-stage{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);grid-template-areas:"left center right";gap:18px;min-height:500px;padding:72px 24px 26px}.reference-vs-stage .stage-left{grid-area:left;justify-items:center;padding:0;order:initial!important}.reference-vs-stage .stage-center{grid-area:center;align-self:center;margin:0;order:initial!important}.reference-vs-stage .stage-right{grid-area:right;justify-items:center;padding:0;order:initial!important}.reference-vs-stage .stage-left h2,.reference-vs-stage .stage-left small,.reference-vs-stage .stage-left button,.reference-vs-stage .stage-right h2,.reference-vs-stage .stage-right small,.reference-vs-stage .stage-right button,.reference-vs-stage .stage-left .stage-label,.reference-vs-stage .stage-right .stage-label{text-align:center;margin-inline:0}.reference-vs-stage .stage-portrait{width:clamp(210px,22vw,285px)!important;height:clamp(230px,24vw,305px)!important}.reference-vs-stage .stage-side h2{font-size:clamp(38px,4vw,62px)}.reference-vs-stage .stage-side button{min-width:min(230px,90%)}.reference-vs-stage .stage-vs{font-size:clamp(64px,7vw,94px)}.reference-vs-stage .stage-vs:before{width:clamp(108px,9vw,145px);height:clamp(108px,9vw,145px)}.reference-vs-stage:before,.reference-vs-stage:after{width:50%!important;height:auto!important;top:0!important;bottom:0!important}.reference-vs-stage .stage-round-label{justify-content:center;width:auto;min-width:180px;left:50%;right:auto;transform:translate(-50%)rotate(-2deg)}@media (min-width:521px){.reference-vs-stage{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr)!important;grid-template-areas:"left center right"!important;display:grid!important}.reference-vs-stage .stage-left{grid-area:left!important}.reference-vs-stage .stage-center{grid-area:center!important}.reference-vs-stage .stage-right{grid-area:right!important}}@media (max-width:900px) and (min-width:521px){.reference-vs-stage{gap:10px;padding-inline:14px;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr)!important}.reference-vs-stage .stage-portrait{outline-width:8px;width:clamp(170px,27vw,220px)!important;height:clamp(190px,29vw,240px)!important}.reference-vs-stage .stage-side h2{font-size:clamp(30px,5vw,44px)}.reference-vs-stage .stage-side button{min-width:min(190px,88%);font-size:12px}.reference-vs-stage .stage-vs{font-size:clamp(50px,7vw,70px)}}@media (max-width:520px){.reference-vs-stage{gap:24px;padding-inline:14px;grid-template-columns:1fr!important;grid-template-areas:"left""center""right"!important}.reference-vs-stage .stage-left,.reference-vs-stage .stage-center,.reference-vs-stage .stage-right{justify-self:stretch}.reference-vs-stage:before,.reference-vs-stage:after{width:100%!important;height:50%!important}.reference-vs-stage:before{top:0!important;bottom:auto!important}.reference-vs-stage:after{top:auto!important;bottom:0!important}}.argument-comic-stage{background:#f4ecd8;border:5px solid #111;margin-top:18px;padding:18px;box-shadow:14px 14px #1111111f}.comic-mobile-switch{margin-top:14px}.argument-power-banner{grid-template-columns:1fr minmax(240px,320px) 1fr;align-items:stretch;gap:14px;margin-bottom:18px;display:grid}.argument-power-banner .power-side,.argument-power-banner .power-center{border:4px solid #111;padding:14px 16px;position:relative;overflow:hidden;box-shadow:8px 8px #1111111f}.argument-power-banner .power-side:before,.argument-power-banner .power-center:before{content:"";pointer-events:none;opacity:.85;position:absolute;inset:0}.argument-power-banner .power-blue{background:#bfe2ff}.argument-power-banner .power-blue:before{background:radial-gradient(circle, #fff9 0 2px, transparent 2px) 0 0/14px 14px, repeating-conic-gradient(from 180deg at 100% 50%, #ffffffa3 0 8deg, transparent 8deg 16deg)}.argument-power-banner .power-red{text-align:right;background:#ffd2ca}.argument-power-banner .power-red:before{background:radial-gradient(circle, #ffffff8a 0 2px, transparent 2px) 0 0/14px 14px, repeating-conic-gradient(from 0deg at 0% 50%, #ffffff94 0 8deg, transparent 8deg 16deg)}.argument-power-banner .power-center{text-align:center;background:radial-gradient(circle,#ffd51ff2 0 18%,#0000 18%),linear-gradient(135deg,#fff 0 48%,#111 48% 49%,#fff 49% 51%,#111 51% 52%,#fff 52% 100%);place-items:center;display:grid}.argument-power-banner .power-center:before{background:radial-gradient(circle,#1111111a 0 1.8px,#0000 1.8px) 0 0/15px 15px}.argument-power-banner span,.argument-power-banner small,.argument-power-banner strong{z-index:1;position:relative}.argument-power-banner .power-side span{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900;display:block}.argument-power-banner .power-side strong{margin:4px 0;font-size:clamp(28px,3vw,42px);line-height:.92;display:block}.argument-power-banner .power-side small,.argument-power-banner .power-center small{color:#333;font-size:12px}.argument-power-banner .power-center span{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:900}.argument-power-banner .power-center strong{margin:6px 0 2px;font-size:clamp(22px,2.8vw,34px);line-height:.95}.argument-comic-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.comic-argument-panel{isolation:isolate;background:#f8f2e4;border:4px solid #111;min-height:100%;padding:14px;position:relative;overflow:hidden;box-shadow:10px 10px #1111111f}.comic-argument-panel.panel-1,.comic-argument-panel.panel-4{grid-column:span 7}.comic-argument-panel.panel-2,.comic-argument-panel.panel-3{grid-column:span 5}.comic-argument-panel.panel-1{transform:rotate(-.8deg)}.comic-argument-panel.panel-2{transform:rotate(.6deg)}.comic-argument-panel.panel-3{transform:rotate(-.45deg)}.comic-argument-panel.panel-4{transform:rotate(.7deg)}.comic-argument-panel:after{content:"";clip-path:polygon(2% 3%,98% 0,96% 98%,0 94%);opacity:.9;z-index:0;border:3px solid #111111d6;position:absolute;inset:12px}.comic-argument-panel.side-left:after{background:radial-gradient(circle at center, #ffffff3d 0 8%, transparent 8%), radial-gradient(circle, #ffffff38 0 2px, transparent 2px) 0 0/13px 13px, repeating-conic-gradient(from 180deg at 100% 50%, #ffffff7a 0 8deg, transparent 8deg 16deg), linear-gradient(180deg, #2998fff2, #1171d6e6)}.comic-argument-panel.side-right:after{background:radial-gradient(circle at center, #ffffff3d 0 8%, transparent 8%), radial-gradient(circle, #ffffff38 0 2px, transparent 2px) 0 0/13px 13px, repeating-conic-gradient(from 0deg at 0% 50%, #ffffff7a 0 8deg, transparent 8deg 16deg), linear-gradient(180deg, #ff3d2bf5, #e01d15e0)}.comic-panel-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.comic-bubble{background:#fff;border:3px solid #111;border-radius:40px;width:74px;height:54px;display:block;position:absolute;box-shadow:4px 4px #1111111f}.comic-bubble:before,.comic-bubble:after{content:"";background:#fff;border:3px solid #111;border-radius:999px;position:absolute}.comic-bubble:before{width:18px;height:18px}.comic-bubble:after{width:11px;height:11px}.comic-bubble.bubble-top{top:14px;left:16px}.comic-bubble.bubble-top:before{bottom:-17px;left:8px}.comic-bubble.bubble-top:after{bottom:-31px;left:24px}.comic-bubble.bubble-bottom{bottom:16px;right:16px}.comic-bubble.bubble-bottom:before{top:-17px;right:8px}.comic-bubble.bubble-bottom:after{top:-31px;right:24px}.comic-lightning{clip-path:polygon(45% 0,100% 0,58% 14%,92% 28%,52% 42%,100% 56%,55% 72%,88% 86%,40% 100%,0 100%,39% 86%,4% 72%,47% 56%,0 42%,43% 28%,10% 14%);opacity:.88;background:#ffd51f;width:18px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #111}.comic-mini-burst{color:#111;text-transform:uppercase;clip-path:polygon(50% 0,61% 18%,79% 5%,74% 26%,100% 20%,84% 43%,100% 50%,84% 57%,100% 80%,74% 74%,79% 95%,61% 82%,50% 100%,39% 82%,21% 95%,26% 74%,0 80%,16% 57%,0 50%,16% 43%,0 20%,26% 26%,21% 5%,39% 18%);background:#ffd51f;place-items:center;width:78px;height:78px;font-size:28px;font-weight:1000;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-10deg);box-shadow:5px 5px #111}.comic-panel-ribbon{z-index:2;text-transform:uppercase;background:#fff9d6;border:3px solid #111;gap:2px;min-width:155px;margin:6px 0 96px;padding:10px 14px;display:inline-grid;position:relative;transform:rotate(-2deg);box-shadow:6px 6px #1111111f}.comic-argument-panel.side-right .comic-panel-ribbon{margin-left:auto;transform:rotate(2deg)}.comic-panel-ribbon span{letter-spacing:.2em;font-size:10px;font-weight:900}.comic-panel-ribbon strong{font-size:24px;line-height:.92}.argument-card-comic{z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:relative;background:#fffffff2!important;border:3px solid #111!important;box-shadow:8px 8px #1111111f!important}.comic-argument-panel.side-left .argument-card-comic{background:linear-gradient(#fffffffa,#ecf6fff2)!important}.comic-argument-panel.side-right .argument-card-comic{background:linear-gradient(#fffffffa,#ffefebf2)!important}.argument-card-comic .argument-rank{background:#ffffffb8;border:2px solid #111;padding:6px 10px;display:inline-flex;transform:rotate(-1deg);box-shadow:3px 3px #11111114}.comic-argument-panel.side-right .argument-card-comic .argument-rank{transform:rotate(1deg)}.argument-card-comic h3{font-size:clamp(28px,2.4vw,42px);line-height:.96}.argument-card-comic>p{color:#2a2621;font-size:17px;line-height:1.65}.argument-card-comic .reaction-row{flex-wrap:wrap;gap:10px}.argument-card-comic .reaction-button{background:#ffffffc2;border:2px solid #111;box-shadow:4px 4px #11111114}.argument-card-comic .argument-bottom{border-top:2px solid #1111112e}.argument-card-comic .argument-bottom a{text-transform:uppercase;letter-spacing:.05em;font-weight:900}@media (max-width:1100px){.argument-power-banner{grid-template-columns:1fr}.argument-comic-grid{grid-template-columns:1fr 1fr}.comic-argument-panel.panel-1,.comic-argument-panel.panel-2,.comic-argument-panel.panel-3,.comic-argument-panel.panel-4{grid-column:span 1}.comic-lightning,.comic-mini-burst{display:none}.comic-panel-ribbon{margin-bottom:22px}}@media (max-width:760px){.argument-comic-stage{padding:12px}.argument-comic-grid{grid-template-columns:1fr}.comic-argument-panel{transform:none!important}.comic-argument-panel.mobile-side-right,.comic-argument-panel.mobile-side-left{display:block}.argument-comic-stage.mobile-show-left .comic-argument-panel.mobile-side-right,.argument-comic-stage.mobile-show-right .comic-argument-panel.mobile-side-left{display:none}.comic-panel-ribbon{margin-bottom:18px}.argument-card-comic h3{font-size:22px}.argument-card-comic>p{font-size:15px}.comic-bubble{width:58px;height:42px}}.argument-comic-page{background:0 0}.argument-comic-hero{background:#f6efdc;border:5px solid #111;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:18px;margin-top:18px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:12px 12px #1111111f}.argument-comic-hero:before,.argument-comic-hero:after{content:"";pointer-events:none;position:absolute;inset:0}.argument-comic-hero.tone-blue:before{background:radial-gradient(circle, #ffffff73 0 2px, transparent 2px) 0 0/14px 14px, repeating-conic-gradient(from 180deg at 100% 50%, #6fb8ff42 0 8deg, transparent 8deg 16deg)}.argument-comic-hero.tone-red:before{background:radial-gradient(circle, #ffffff73 0 2px, transparent 2px) 0 0/14px 14px, repeating-conic-gradient(from 0deg at 0% 50%, #ff8d8142 0 8deg, transparent 8deg 16deg)}.argument-comic-hero:after{clip-path:polygon(1% 2%,99% 0,97% 98%,0 96%);border:3px solid #111111e6;inset:10px}.argument-comic-hero-copy,.argument-comic-hero-badges{z-index:1;position:relative}.argument-comic-hero-copy h1{font:1000 clamp(42px, 5.8vw, 78px)/.92 var(--font-display);letter-spacing:-.04em;margin:8px 0 10px}.argument-comic-hero-copy p{color:#362f27;max-width:760px;margin:0;font-size:18px;line-height:1.65}.argument-comic-hero-badges{text-transform:uppercase;background:#fff9d6;border:4px solid #111;align-self:center;gap:6px;padding:18px;display:grid;box-shadow:8px 8px #1111111f}.argument-comic-hero-badges span,.argument-comic-hero-badges small{letter-spacing:.18em;font-size:11px;font-weight:900}.argument-comic-hero-badges strong{font-size:clamp(28px,3vw,42px);line-height:.95}.argument-comic-detail-grid{margin-top:22px}.argument-detail-panel{isolation:isolate;border:4px solid #111;margin-bottom:34px;padding:16px;position:relative;overflow:hidden;box-shadow:10px 10px #1111111f}.argument-detail-panel:after{content:"";clip-path:polygon(1% 3%,98% 0,97% 97%,0 95%);z-index:0;border:3px solid #111111d9;position:absolute;inset:12px}.argument-detail-panel.tone-blue:after{background:radial-gradient(circle, #ffffff38 0 2px, transparent 2px) 0 0/13px 13px, repeating-conic-gradient(from 180deg at 100% 50%, #ffffff70 0 8deg, transparent 8deg 16deg), linear-gradient(180deg, #349fffe6, #1170d6e6)}.argument-detail-panel.tone-red:after{background:radial-gradient(circle, #ffffff38 0 2px, transparent 2px) 0 0/13px 13px, repeating-conic-gradient(from 0deg at 0% 50%, #ffffff70 0 8deg, transparent 8deg 16deg), linear-gradient(180deg, #ff533deb, #dc2516e6)}.argument-detail-panel .comic-panel-bg,.reply-comic-panel .reply-panel-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.detail-panel-ribbon{z-index:2;margin-bottom:100px;position:relative}.argument-card-detail{z-index:2;position:relative}.reply-comic-section{margin-top:14px}.reply-comic-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.reply-comic-panel{isolation:isolate;background:#f7f1e5;border:4px solid #111;min-height:100%;padding:14px;animation:.45s both reply-comic-rise;position:relative;overflow:hidden;box-shadow:10px 10px #1111111f}.reply-comic-panel.panel-1,.reply-comic-panel.panel-4{grid-column:span 8}.reply-comic-panel.panel-2,.reply-comic-panel.panel-3{grid-column:span 4}.reply-comic-panel.panel-1{transform:rotate(-.7deg)}.reply-comic-panel.panel-2{transform:rotate(.7deg)}.reply-comic-panel.panel-3{transform:rotate(-.55deg)}.reply-comic-panel.panel-4{transform:rotate(.55deg)}.reply-comic-panel:after{content:"";clip-path:polygon(2% 2%,100% 0,97% 97%,0 95%);z-index:0;border:3px solid #111111d6;position:absolute;inset:12px}.reply-comic-panel.tone-blue:after{background:radial-gradient(circle, #ffffff38 0 2px, transparent 2px) 0 0/13px 13px, repeating-conic-gradient(from 180deg at 100% 50%, #ffffff73 0 8deg, transparent 8deg 16deg), linear-gradient(180deg, #339fffeb, #136fd6e6)}.reply-comic-panel.tone-red:after{background:radial-gradient(circle, #ffffff38 0 2px, transparent 2px) 0 0/13px 13px, repeating-conic-gradient(from 0deg at 0% 50%, #ffffff73 0 8deg, transparent 8deg 16deg), linear-gradient(180deg, #ff5744eb, #dd2717e6)}.reply-comic-panel.tone-neutral:after{background:radial-gradient(circle,#ffffff38 0 2px,#0000 2px) 0 0/13px 13px,linear-gradient(#ffe176eb,#ffc83aeb)}.reply-panel-ribbon{z-index:2;margin-bottom:92px;position:relative}.reply-card-inner{z-index:2;background:#fffffff5;border:3px solid #111;grid-template-columns:auto 1fr;gap:14px;padding:18px;display:grid;position:relative;box-shadow:8px 8px #1111111f}.reply-card-inner.tone-blue{background:linear-gradient(#fffffffa,#ecf6fff5)}.reply-card-inner.tone-red{background:linear-gradient(#fffffffa,#ffefebf5)}.reply-card-inner.tone-neutral{background:linear-gradient(#fffffffa,#fffae5f5)}.reply-card-body{min-width:0}.reply-card-topline{justify-content:space-between;align-items:start;gap:12px;margin-bottom:8px;display:flex}.reply-card-topline strong{font-size:14px;line-height:1.1}.reply-card-topline span{color:#6c6257;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.reply-card-inner p{color:#29231c;margin:0;font-size:16px;line-height:1.7}.comic-reply-sidebar{background:#fff9d6;border:4px solid #111;position:sticky;top:88px;overflow:hidden;box-shadow:10px 10px #1111111f}.comic-reply-sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#11111112 0 1.8px,#0000 1.8px) 0 0/14px 14px,linear-gradient(#ffd51f2e,#0000 42%);position:absolute;inset:0}.comic-reply-sidebar>*{z-index:1;position:relative}.comic-reply-sidebar-burst{text-transform:uppercase;clip-path:polygon(50% 0,61% 18%,79% 5%,74% 26%,100% 20%,84% 43%,100% 50%,84% 57%,100% 80%,74% 74%,79% 95%,61% 82%,50% 100%,39% 82%,21% 95%,26% 74%,0 80%,16% 57%,0 50%,16% 43%,0 20%,26% 26%,21% 5%,39% 18%);background:#ffd51f;place-items:center;width:80px;height:80px;font-size:20px;font-weight:1000;display:grid;position:absolute;top:14px;right:14px;transform:rotate(8deg);box-shadow:4px 4px #111}.reply-sidebar-rules{color:#463a2d;margin:0 0 18px;padding-left:18px;font-size:13px;line-height:1.65}.reply-sidebar-rules li+li{margin-top:4px}.comic-reply-sidebar .reply-form label,.comic-reply-sidebar .reply-form>div>label{color:#4c3e2d}.comic-reply-sidebar .reply-form textarea,.comic-reply-sidebar .reply-form select{color:#111;background:#ffffffd1;border:2px solid #111;border-radius:0;box-shadow:4px 4px #11111114}.comic-reply-sidebar .reply-form textarea:focus,.comic-reply-sidebar .reply-form select:focus{border-color:#111;box-shadow:4px 4px #11111114,0 0 0 4px #349fff29}.comic-reply-sidebar .reply-form .button{border-color:#111;box-shadow:6px 6px #1111111f}@keyframes reply-comic-rise{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1100px){.argument-comic-hero{grid-template-columns:1fr}.reply-comic-grid{grid-template-columns:1fr 1fr}.reply-comic-panel.panel-1,.reply-comic-panel.panel-2,.reply-comic-panel.panel-3,.reply-comic-panel.panel-4{grid-column:span 1}.detail-panel-ribbon,.reply-panel-ribbon{margin-bottom:24px}.reply-card-topline{flex-direction:column}}@media (max-width:760px){.argument-comic-hero{padding:16px}.argument-comic-hero-copy h1{font-size:34px}.argument-comic-hero-copy p{font-size:15px}.reply-comic-grid{grid-template-columns:1fr}.reply-comic-panel,.argument-detail-panel{padding:12px}.reply-comic-panel{transform:none!important}.reply-card-inner{grid-template-columns:1fr}.comic-reply-sidebar-burst{width:62px;height:62px;font-size:15px}}.comic-battle-card,.comic-discover-card{isolation:isolate;background:#f8f1df;border:4px solid #111;box-shadow:10px 10px #111}.comic-battle-card:before,.comic-discover-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#1111111c 0 1.5px,#0000 1.5px) 0 0/14px 14px,linear-gradient(90deg,#2d9fff1f 0 49.7%,#ff3b2b1a 50.3% 100%);position:absolute;inset:0}.comic-battle-card>*,.comic-discover-card>*{z-index:1;position:relative}.comic-poster-speedlines{pointer-events:none;background:repeating-conic-gradient(from 180deg at 50% 50%, #ffffff26 0 7deg, transparent 7deg 15deg);opacity:.65;inset:0;z-index:0!important;position:absolute!important}.comic-poster-impact{color:#111;width:82px;height:82px;font:1000 15px/1 var(--font-display);text-transform:uppercase;clip-path:polygon(50% 0,61% 18%,79% 5%,74% 26%,100% 20%,84% 43%,100% 50%,84% 57%,100% 80%,74% 74%,79% 95%,61% 82%,50% 100%,39% 82%,21% 95%,26% 74%,0 80%,16% 57%,0 50%,16% 43%,0 20%,26% 26%,21% 5%,39% 18%);filter:drop-shadow(4px 5px #111);background:#ffd51f;place-items:center;transition:transform .2s;display:grid;top:48px;right:12px;transform:rotate(9deg);z-index:5!important;position:absolute!important}.comic-battle-card:hover .comic-poster-impact,.comic-discover-card:hover .comic-poster-impact{transform:rotate(-5deg)scale(1.08)}.comic-card-faces,.discover-comic-faces{background:linear-gradient(90deg,#2d9fff 0 49.4%,#ff3b2b 50.6% 100%);border:3px solid #111;box-shadow:inset 0 0 0 5px #ffffff38}.comic-card-faces:before{background:radial-gradient(circle,#ffffff38 0 1.5px,#0000 1.5px) 0 0/12px 12px,linear-gradient(90deg,#2d9fff 0 49.4%,#ff3b2b 50.6% 100%)}.comic-card-faces:after,.discover-comic-faces:after{content:"";z-index:2;clip-path:polygon(38% 0,100% 0,58% 9%,96% 19%,52% 31%,98% 42%,54% 50%,98% 61%,55% 72%,95% 83%,58% 92%,100% 100%,38% 100%,0 92%,42% 83%,4% 72%,46% 61%,2% 50%,46% 42%,2% 31%,44% 19%,0 9%);background:#fff;width:24px;position:absolute;top:-8px;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #111}.comic-card-face,.discover-comic-faces .battle-portrait{padding:12px}.comic-card-face img,.discover-comic-faces .battle-portrait img{object-fit:cover;object-position:center top;background:#fff;border:4px solid #111;box-shadow:7px 7px #11111138;-webkit-mask-image:none;mask-image:none}.comic-card-face-left img,.discover-comic-faces .battle-portrait:first-of-type img{transform:rotate(-4deg)}.comic-card-face-right img,.discover-comic-faces .battle-portrait:last-of-type img{transform:rotate(4deg)}.comic-card-vs,.discover-comic-faces b{z-index:4;color:#111;clip-path:polygon(50% 0,61% 18%,79% 5%,74% 26%,100% 20%,84% 43%,100% 50%,84% 57%,100% 80%,74% 74%,79% 95%,61% 82%,50% 100%,39% 82%,21% 95%,26% 74%,0 80%,16% 57%,0 50%,16% 43%,0 20%,26% 26%,21% 5%,39% 18%);width:68px;height:68px;box-shadow:none;filter:drop-shadow(5px 6px #111);background:#ffd51f;border:4px solid #111;border-radius:0;font-size:23px;transform:translate(-50%,-50%)rotate(-8deg)}.discover-comic-faces b{position:relative;top:auto;left:auto;transform:rotate(-8deg)}.comic-poster-corner{text-transform:uppercase;letter-spacing:.12em;background:#fff;border:2px solid #111;padding:5px 8px;font-size:9px;font-weight:1000;top:8px;box-shadow:3px 3px #11111124;z-index:5!important;position:absolute!important}.poster-corner-left{color:#075ea9;left:9px;transform:rotate(-2deg)}.poster-corner-right{color:#b42117;right:9px;transform:rotate(2deg)}.comic-card-names strong,.discover-matchup strong{border:2px solid #111;box-shadow:4px 4px #1111111f}.comic-card-names strong:first-child{color:#111;background:#2d9fff}.comic-card-names strong:last-child{color:#fff;background:#ff3b2b}.comic-card-score div,.discover-score div{background:#ff3b2b;border-width:2px}.comic-card-score span,.discover-score div span{background:#2d9fff}.comic-battle-card:hover,.comic-discover-card:hover{transform:translateY(-8px)rotate(-.6deg);box-shadow:15px 16px #111}.comic-discover-card:hover{transform:translateY(-7px)rotate(.45deg)}.comic-featured-arena{border-width:5px;box-shadow:15px 15px #111}.comic-fighter-left{background:#2d9fff}.comic-fighter-right{background:#ff3b2b}.comic-fighter-right .comic-fighter-copy h3,.comic-fighter-right .comic-fighter-copy p{color:#fff;text-shadow:3px 3px #111}.comic-fighter-copy small{border:2px solid #fff;box-shadow:3px 3px #111}.comic-versus-medallion{filter:drop-shadow(8px 9px #111);background:#ffd51f}.comic-versus-medallion span{font-size:44px;transform:rotate(-8deg)}.argument-clickable{cursor:pointer}.argument-clickable:focus-visible{outline-offset:4px;outline:5px solid #ffd51f}.argument-impact-flash{color:#111;width:120px;height:120px;font:1000 30px/1 var(--font-display);opacity:0;pointer-events:none;clip-path:polygon(50% 0,61% 18%,79% 5%,74% 26%,100% 20%,84% 43%,100% 50%,84% 57%,100% 80%,74% 74%,79% 95%,61% 82%,50% 100%,39% 82%,21% 95%,26% 74%,0 80%,16% 57%,0 50%,16% 43%,0 20%,26% 26%,21% 5%,39% 18%);filter:drop-shadow(7px 8px #111);background:#ffd51f;place-items:center;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)scale(0);z-index:20!important;position:absolute!important}.argument-opening{pointer-events:none;animation:.22s both argument-punch-card}.argument-opening .argument-impact-flash{animation:.22s cubic-bezier(.2,1.7,.3,1) both argument-impact-pop}.argument-comic-page{animation:.42s cubic-bezier(.16,1,.3,1) both argument-page-impact}.argument-comic-hero,.argument-detail-panel,.reply-comic-panel{transform-origin:50%}.argument-comic-hero{animation:.45s cubic-bezier(.2,1.4,.25,1) both comic-page-slam}.argument-quick-reply{z-index:3;background:#fff9d6;border:3px solid #111;margin-top:14px;padding:12px;position:relative;box-shadow:6px 6px #1111111f}.quick-reply-label{text-transform:uppercase;letter-spacing:.12em;background:#ffd51f;border:2px solid #111;margin-bottom:8px;padding:5px 8px;font-size:10px;font-weight:1000;display:inline-block;transform:rotate(-2deg)}.comic-reply-form{isolation:isolate;position:relative}.comic-reply-form .reply-impact-burst{z-index:20;color:#111;width:110px;height:110px;font:1000 26px/1 var(--font-display);opacity:0;pointer-events:none;clip-path:polygon(50% 0,61% 18%,79% 5%,74% 26%,100% 20%,84% 43%,100% 50%,84% 57%,100% 80%,74% 74%,79% 95%,61% 82%,50% 100%,39% 82%,21% 95%,26% 74%,0 80%,16% 57%,0 50%,16% 43%,0 20%,26% 26%,21% 5%,39% 18%);filter:drop-shadow(6px 7px #111);background:#ffd51f;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)scale(0)}.reply-impact-active .reply-impact-burst{animation:.5s cubic-bezier(.16,1.5,.3,1) both reply-impact-pop}.reply-impact-active{animation:.32s both reply-form-punch}.comic-reply-form label,.comic-reply-form .reply-type-field label{color:#3a3025!important;letter-spacing:.12em!important;font-size:10px!important;font-weight:1000!important}.comic-reply-form textarea,.comic-reply-form select{color:#111!important;background:#fff!important;border:3px solid #111!important;border-radius:0!important;font-size:14px!important;box-shadow:5px 5px #1111111f!important}.comic-reply-form textarea:focus,.comic-reply-form select:focus{outline:0;box-shadow:5px 5px #1111111f,0 0 0 5px #2d9fff33!important}.comic-reply-submit{text-transform:uppercase;letter-spacing:.04em;min-height:50px;overflow:hidden;color:#111!important;font:1000 18px/1 var(--font-display)!important;background:#ffd51f!important;border:3px solid #111!important;border-radius:0!important;box-shadow:7px 7px #111!important}.comic-reply-submit:hover{transform:translate(3px,3px)rotate(-.5deg);box-shadow:4px 4px #111!important}.quick-reply-form{grid-template-columns:minmax(120px,.32fr) minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.quick-reply-form .reply-type-field,.quick-reply-form .reply-message-field{min-width:0}.quick-reply-form textarea{resize:vertical;min-height:58px}.quick-reply-form .comic-reply-submit{min-width:130px;height:58px;width:auto!important}.quick-reply-form .form-error,.quick-reply-form .reply-posted-message{grid-column:1/-1}.reply-posted-message{color:#111;text-transform:uppercase;background:#b8f1c9;border:2px solid #111;padding:8px 10px;font-size:11px;font-weight:1000;box-shadow:3px 3px #1111111a}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes argument-punch-card{0%{transform:translate(0)scale(1)}45%{transform:translate(-7px,2px)rotate(-.8deg)scale(.985)}to{opacity:.15;transform:translate(18px,-3px)rotate(1deg)scale(1.025)}}@keyframes argument-impact-pop{0%{opacity:0;transform:translate(-50%,-50%)rotate(-18deg)scale(.12)}55%{opacity:1;transform:translate(-50%,-50%)rotate(5deg)scale(1.25)}to{opacity:0;transform:translate(-50%,-50%)rotate(-4deg)scale(1.65)}}@keyframes argument-page-impact{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes comic-page-slam{0%{opacity:0;transform:translateY(-26px)rotate(-1deg)scale(.96)}70%{opacity:1;transform:translateY(4px)rotate(.4deg)scale(1.015)}to{opacity:1;transform:none}}@keyframes reply-impact-pop{0%{opacity:0;transform:translate(-50%,-50%)rotate(-18deg)scale(.1)}45%{opacity:1;transform:translate(-50%,-50%)rotate(4deg)scale(1.25)}to{opacity:0;transform:translate(-50%,-50%)rotate(-5deg)scale(1.7)}}@keyframes reply-form-punch{0%,to{transform:translate(0)}25%{transform:translate(-5px)rotate(-.4deg)}60%{transform:translate(6px)rotate(.5deg)}}@media (max-width:980px){.quick-reply-form{grid-template-columns:1fr 1fr}.quick-reply-form .reply-message-field{grid-column:1/-1}.quick-reply-form .comic-reply-submit{width:100%!important}}@media (max-width:760px){.comic-poster-impact{width:64px;height:64px;font-size:12px}.comic-card-face,.discover-comic-faces .battle-portrait{padding:7px}.comic-card-vs,.discover-comic-faces b{width:54px;height:54px;font-size:18px}.quick-reply-form{grid-template-columns:1fr}.quick-reply-form .reply-message-field,.quick-reply-form .comic-reply-submit{grid-column:1}.argument-quick-reply{padding:10px}}@media (prefers-reduced-motion:reduce){.argument-opening,.argument-opening .argument-impact-flash,.reply-impact-active,.reply-impact-active .reply-impact-burst,.argument-comic-page,.argument-comic-hero{animation:none!important}}.battles-comic-page{padding-top:44px;position:relative}.battles-comic-page:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 0,#2d9fff1f,#0000 36%),radial-gradient(circle at 80% 0,#ff3b2b1a,#0000 36%);width:100vw;height:520px;position:absolute;inset:0 auto auto 50%;transform:translate(-50%)}.battles-comic-hero{isolation:isolate;background:#f8f1df;border:5px solid #111;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:center;gap:30px;min-height:360px;padding:42px;display:grid;position:relative;overflow:hidden;box-shadow:14px 14px #111}.battles-hero-rays{z-index:0;pointer-events:none;position:absolute;inset:0}.battles-rays-blue,.battles-rays-red{width:50%;position:absolute;top:0;bottom:0}.battles-rays-blue{background:radial-gradient(circle, #ffffff4d 0 1.6px, transparent 1.6px) 0 0/14px 14px, repeating-conic-gradient(from 180deg at 100% 50%, #2d9fff47 0 8deg, transparent 8deg 16deg), linear-gradient(180deg, #2d9fff2e, #2d9fff0a);left:0}.battles-rays-red{background:radial-gradient(circle, #ffffff42 0 1.6px, transparent 1.6px) 0 0/14px 14px, repeating-conic-gradient(from 0deg at 0% 50%, #ff3b2b3b 0 8deg, transparent 8deg 16deg), linear-gradient(180deg, #ff3b2b26, #ff3b2b09);right:0}.battles-hero-vs{color:#111;clip-path:polygon(50% 0,61% 18%,79% 5%,74% 26%,100% 20%,84% 43%,100% 50%,84% 57%,100% 80%,74% 74%,79% 95%,61% 82%,50% 100%,39% 82%,21% 95%,26% 74%,0 80%,16% 57%,0 50%,16% 43%,0 20%,26% 26%,21% 5%,39% 18%);filter:drop-shadow(7px 8px #111);width:112px;height:112px;font:1000 34px/1 var(--font-display);opacity:.92;background:#ffd51f;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.battles-hero-copy,.battles-hero-stats{z-index:1;position:relative}.battles-hero-copy h1{max-width:760px;font:1000 clamp(52px, 7vw, 96px)/.88 var(--font-display);letter-spacing:-.05em;text-transform:uppercase;margin:10px 0 16px}.battles-hero-copy p{color:#4c4339;max-width:640px;margin:0;font-size:18px;line-height:1.65}.battles-hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.battles-hero-actions .button{text-transform:uppercase;letter-spacing:.08em;border:3px solid #111;border-radius:0;font-weight:900;box-shadow:6px 6px #111}.battles-hero-stats{gap:12px;display:grid}.battles-hero-stats>div{background:#ffffffe0;border:3px solid #111;grid-template-columns:auto 1fr;align-items:end;gap:14px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:6px 6px #1111111f}.battles-hero-stats>div:first-child{transform:rotate(-1deg)}.battles-hero-stats>div:nth-child(2){transform:rotate(1deg)}.battles-hero-stats>div:nth-child(3){transform:rotate(-.5deg)}.battles-hero-stats strong{font:1000 42px/.9 var(--font-display)}.battles-hero-stats span{color:#4f463d;letter-spacing:.12em;text-transform:uppercase;padding-bottom:3px;font-size:11px;font-weight:900}.battles-discovery-toolbar{justify-content:space-between;align-items:end;gap:24px;margin:46px 0 22px;padding:0 2px;display:flex}.battles-discovery-toolbar h2{font:1000 clamp(36px, 5vw, 58px)/.9 var(--font-display);text-transform:uppercase;margin:6px 0 0}.battles-sort-tabs{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.battles-sort-tabs a{color:#111;text-transform:uppercase;letter-spacing:.06em;background:#fff;border:2px solid #111;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:11px;font-weight:900;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex;box-shadow:4px 4px #1111111a}.battles-sort-tabs a:hover{transform:translate(-1px,-2px);box-shadow:6px 6px #11111121}.battles-sort-tabs a.active{background:#ffd51f;transform:translate(2px,2px);box-shadow:2px 2px #111}.battles-comic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.comic-discover-card{isolation:isolate;z-index:0;color:#111;background:#f8f1df;border:4px solid #111;border-radius:0;min-width:0;padding:18px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:10px 10px #111}.comic-discover-card-0{transform:rotate(-.35deg)}.comic-discover-card-1{transform:rotate(.35deg)}.comic-discover-card-2{transform:rotate(-.18deg)}.comic-discover-card:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#1111111a 0 1.4px,#0000 1.4px) 0 0/13px 13px,linear-gradient(90deg,#2d9fff1f 0 49.7%,#ff3b2b1a 50.3% 100%);position:absolute;inset:0}.comic-discover-card>*{z-index:1;position:relative}.comic-discover-card .comic-poster-speedlines{pointer-events:none;background:repeating-conic-gradient(from 180deg at 50% 50%, #ffffff2e 0 7deg, transparent 7deg 15deg);opacity:.62;z-index:-1!important;width:auto!important;height:auto!important;position:absolute!important;inset:0!important}.comic-discover-card .comic-poster-impact{width:72px;height:72px;font-size:13px;top:42px;right:10px}.comic-discover-card:hover{transform:translateY(-7px)rotate(0);box-shadow:15px 16px #111}.comic-discover-card .discover-card-head{min-height:34px;padding-right:76px}.comic-discover-card .discover-card-head span{color:#ef3d23;letter-spacing:.14em;font-size:10px;font-weight:1000}.comic-discover-card .discover-card-head small{color:#645a50;font-size:9px;font-weight:800}.comic-discover-card .discover-comic-faces{background:linear-gradient(90deg,#2d9fff 0 49.4%,#ff3b2b 50.6% 100%);border:3px solid #111;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);align-items:center;height:230px;margin:10px 0 16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff38}.comic-discover-card .discover-comic-faces .battle-portrait{background:0 0;min-width:0;height:100%;padding:12px}.comic-discover-card .discover-comic-faces .battle-portrait img,.comic-discover-card .discover-comic-faces .battle-portrait>span{object-fit:cover;object-position:center top;background:#fff;border:4px solid #111;width:100%;height:100%;box-shadow:7px 7px #11111138}.comic-discover-card .discover-comic-faces b{z-index:4;color:#111;width:64px;height:64px;font:1000 22px/1 var(--font-display);clip-path:polygon(50% 0,61% 18%,79% 5%,74% 26%,100% 20%,84% 43%,100% 50%,84% 57%,100% 80%,74% 74%,79% 95%,61% 82%,50% 100%,39% 82%,21% 95%,26% 74%,0 80%,16% 57%,0 50%,16% 43%,0 20%,26% 26%,21% 5%,39% 18%);filter:drop-shadow(4px 5px #111);background:#ffd51f;border:4px solid #111;place-items:center;display:grid;position:relative;transform:rotate(-8deg)}.comic-discover-card .discover-matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.comic-discover-card .discover-matchup strong{min-width:0;font:1000 clamp(20px, 2vw, 27px)/.95 var(--font-display);text-overflow:ellipsis;white-space:nowrap;background:#2d9fff;border:2px solid #111;padding:9px 10px;overflow:hidden;box-shadow:4px 4px #1111111f}.comic-discover-card .discover-matchup strong:last-child{color:#fff;text-align:right;background:#ff3b2b}.comic-discover-card .discover-matchup i{color:#4b4239;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:900}.comic-discover-card .discover-score{margin-top:14px}.comic-discover-card .discover-score>strong{color:#111;font-size:18px}.comic-discover-card .discover-score>div{background:#ff3b2b;border:2px solid #111;border-radius:0;height:11px}.comic-discover-card .discover-score>div span{background:#2d9fff}.comic-discover-card .discover-card-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px;display:grid}.comic-discover-card .discover-card-meta span{color:#5a5046;text-align:center;text-transform:uppercase;letter-spacing:.06em;background:#ffffffb3;border:1px solid #11111129;gap:2px;padding:9px 6px;font-size:8px;display:grid}.comic-discover-card .discover-card-meta b{color:#111;font:1000 16px/.9 var(--font-display)}.discover-card-cta{text-transform:uppercase;letter-spacing:.1em;background:#ffd51f;border:3px solid #111;justify-content:space-between;align-items:center;min-height:42px;margin-top:14px;padding:0 12px;font-size:11px;font-weight:1000;display:flex;box-shadow:5px 5px #1111111f}.discover-card-cta strong{font-size:24px}.battles-empty-state{text-align:center;background:#fff8d9;border:4px dashed #111;place-items:center;min-height:360px;padding:40px;display:grid}.battles-empty-state>span{font-size:54px}.battles-empty-state h2{font:1000 42px/.95 var(--font-display);margin:12px 0 4px}.battles-empty-state p{color:#5c5147;margin:0 0 18px}@media (max-width:1180px){.battles-comic-hero{grid-template-columns:1fr 280px;padding:34px}.battles-comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battles-discovery-toolbar{flex-direction:column;align-items:flex-start}.battles-sort-tabs{justify-content:flex-start}}@media (max-width:820px){.battles-comic-page{padding-top:24px}.battles-comic-hero{grid-template-columns:1fr;min-height:0;padding:28px}.battles-hero-vs{width:82px;height:82px;font-size:26px;top:26px;left:auto;right:22px;transform:rotate(8deg)}.battles-hero-copy{padding-right:72px}.battles-hero-copy h1{font-size:clamp(46px,12vw,72px)}.battles-hero-copy p{font-size:16px}.battles-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.battles-hero-stats>div{grid-template-columns:1fr;gap:6px}.battles-sort-tabs{scrollbar-width:thin;flex-wrap:nowrap;width:100%;padding:2px 2px 8px;overflow-x:auto}.battles-sort-tabs a{flex:none}}@media (max-width:680px){.battles-comic-page{padding-bottom:72px}.battles-comic-hero{border-width:3px;padding:22px 18px;box-shadow:8px 8px #111}.battles-hero-copy{padding-right:0}.battles-hero-vs{display:none}.battles-hero-copy h1{margin-top:8px;font-size:clamp(42px,15vw,60px)}.battles-hero-copy p{font-size:15px}.battles-hero-actions{grid-template-columns:1fr;display:grid}.battles-hero-actions .button{justify-content:center;width:100%}.battles-hero-stats{grid-template-columns:1fr}.battles-hero-stats>div{grid-template-columns:auto 1fr;padding:14px}.battles-hero-stats strong{font-size:34px}.battles-discovery-toolbar{margin-top:34px}.battles-discovery-toolbar h2{font-size:40px}.battles-sort-tabs a{min-height:40px;padding:0 12px;font-size:10px}.battles-comic-grid{grid-template-columns:1fr;gap:22px}.comic-discover-card,.comic-discover-card-0,.comic-discover-card-1,.comic-discover-card-2{border-width:3px;padding:14px;transform:none;box-shadow:7px 7px #111}.comic-discover-card:hover{transform:translateY(-3px);box-shadow:9px 10px #111}.comic-discover-card .comic-poster-impact{width:60px;height:60px;font-size:11px;top:38px}.comic-discover-card .discover-card-head{padding-right:62px}.comic-discover-card .discover-comic-faces{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);height:190px}.comic-discover-card .discover-comic-faces .battle-portrait{padding:8px}.comic-discover-card .discover-comic-faces b{width:52px;height:52px;font-size:18px}.comic-discover-card .discover-matchup{gap:6px}.comic-discover-card .discover-matchup strong{padding:8px 7px;font-size:20px}.comic-discover-card .discover-matchup i{font-size:7px}.comic-discover-card .discover-card-meta{gap:5px}.comic-discover-card .discover-card-meta span{padding:8px 4px;font-size:7px}}@media (max-width:390px){.comic-discover-card .discover-comic-faces{height:165px}.comic-discover-card .discover-matchup strong{font-size:17px}.comic-discover-card .discover-card-meta{grid-template-columns:1fr}.comic-discover-card .discover-card-meta span{text-align:left;grid-template-columns:auto 1fr;align-items:center}}.battle-hero-compact-v3{padding:20px 22px 26px}.battle-hero-compact-v3>h1{margin:12px 0 6px;font-size:clamp(42px,6vw,76px)}.battle-hero-compact-v3>h1 span{min-width:66px;height:66px}.battle-hero-compact-v3>p{margin-bottom:12px;font-size:16px}.reference-vs-stage-compact{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr)!important;gap:10px!important;min-height:330px!important;padding:52px 18px 18px!important}.reference-vs-stage-compact .stage-round-label{min-width:140px;padding:6px 10px;top:12px;box-shadow:4px 4px #111}.reference-vs-stage-compact .stage-round-label span{font-size:9px}.reference-vs-stage-compact .stage-round-label strong{font-size:22px}.reference-vs-stage-compact .stage-portrait{border-width:4px!important;outline-width:7px!important;width:clamp(150px,17vw,205px)!important;height:clamp(170px,19vw,225px)!important;box-shadow:7px 7px #111!important}.reference-vs-stage-compact .stage-label{border-width:2px;padding:4px 8px;font-size:9px;box-shadow:3px 3px #11111129}.reference-vs-stage-compact .stage-side{gap:5px}.reference-vs-stage-compact .stage-side h2{margin-top:6px;font-size:clamp(28px,3.2vw,44px)}.reference-vs-stage-compact .stage-side small{font-size:9px}.reference-vs-stage-compact .stage-side button{border-width:2px;min-width:min(180px,88%);min-height:42px;padding:9px 12px;font-size:11px;box-shadow:4px 4px #111}.reference-vs-stage-compact .stage-vs{text-shadow:2px 2px #fff,5px 5px #111;font-size:clamp(48px,5vw,68px)}.reference-vs-stage-compact .stage-vs:before{width:clamp(86px,7vw,108px);height:clamp(86px,7vw,108px);box-shadow:5px 5px #111}.reference-vs-stage-compact .stage-center{gap:8px}.reference-vs-stage-compact .stage-center>strong{font-size:22px}.reference-vs-stage-compact .stage-center>span{font-size:9px}.battle-hero-compact-v3 .battle-result{border-width:2px;margin-top:10px;padding:7px 10px;box-shadow:5px 5px #1111111a}.battle-hero-compact-v3 .battle-result strong{font-size:26px}.battle-hero-compact-v3 .result-bar{border-width:2px;height:13px}.battle-hero-compact-v3 .battle-trust-row{gap:10px 18px;padding-top:12px;font-size:9px}.compact-argument-stage{border-width:3px;padding:10px;box-shadow:8px 8px #1111111a}.compact-argument-stage .argument-power-banner{grid-template-columns:1fr minmax(180px,240px) 1fr;gap:8px;margin-bottom:10px}.compact-argument-stage .argument-power-banner .power-side,.compact-argument-stage .argument-power-banner .power-center{border-width:2px;padding:8px 10px;box-shadow:4px 4px #1111111a}.compact-argument-stage .argument-power-banner .power-side span,.compact-argument-stage .argument-power-banner .power-center span{font-size:8px}.compact-argument-stage .argument-power-banner .power-side strong{font-size:clamp(20px,2vw,28px)}.compact-argument-stage .argument-power-banner .power-center strong{font-size:clamp(16px,1.8vw,22px)}.compact-argument-stage .argument-power-banner small{font-size:9px}.compact-argument-stage .argument-comic-grid{gap:10px}.compact-argument-stage .comic-argument-panel{border-width:3px;padding:8px;transform:none;box-shadow:6px 6px #1111111a}.compact-argument-stage .comic-argument-panel:after{border-width:2px;inset:7px}.compact-argument-stage .comic-panel-ribbon{border-width:2px;min-width:120px;margin:2px 0 10px;padding:6px 9px;box-shadow:3px 3px #1111111a}.compact-argument-stage .comic-argument-panel.side-right .comic-panel-ribbon{margin-left:auto}.compact-argument-stage .comic-panel-ribbon span{font-size:7px}.compact-argument-stage .comic-panel-ribbon strong{font-size:17px}.compact-argument-stage .comic-bubble{opacity:.7;border-width:2px;width:44px;height:30px}.compact-argument-stage .comic-lightning,.compact-argument-stage .comic-mini-burst{display:none}.argument-card-battle-compact{border-width:2px!important;border-radius:16px!important;padding:14px!important;box-shadow:5px 5px #1111111a!important}.argument-card-battle-compact .argument-rank{border-width:1px;padding:4px 7px;font-size:8px}.argument-card-battle-compact .argument-author{gap:8px;margin-top:10px}.argument-card-battle-compact .author-avatar{width:34px;height:34px;font-size:10px}.argument-card-battle-compact .argument-author strong{font-size:11px}.argument-card-battle-compact .argument-author small{font-size:8px}.argument-card-battle-compact h3{margin:12px 0 7px;font-size:clamp(20px,1.9vw,28px);line-height:1}.argument-card-battle-compact .argument-summary-clamped{-webkit-line-clamp:3;color:#40382f;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.argument-card-battle-compact .argument-read-more{color:#111;text-transform:uppercase;letter-spacing:.06em;margin-top:5px;font-size:10px;font-weight:1000;text-decoration:underline;display:inline-block}.argument-card-battle-compact .reaction-row{gap:6px;margin-top:10px}.argument-card-battle-compact .reaction-button{border-width:1px;border-radius:9px;min-height:32px;padding:0 8px;font-size:9px;box-shadow:2px 2px #11111114}.argument-card-battle-compact .argument-bottom{margin-top:10px;padding-top:9px;font-size:8px}.argument-card-battle-compact .argument-bottom-actions a{font-size:8px}.compact-argument-stage .argument-quick-reply{border-width:2px;margin-top:8px;padding:8px;box-shadow:4px 4px #1111111a}.compact-argument-stage .quick-reply-label{border-width:1px;margin-bottom:5px;padding:3px 6px;font-size:8px}.compact-argument-stage .quick-reply-form{grid-template-columns:minmax(100px,.28fr) minmax(0,1fr) auto;gap:7px}.compact-argument-stage .comic-reply-form label,.compact-argument-stage .comic-reply-form .reply-type-field label{font-size:8px!important}.compact-argument-stage .comic-reply-form textarea,.compact-argument-stage .comic-reply-form select{border-width:2px!important;font-size:12px!important;box-shadow:3px 3px #1111111a!important}.compact-argument-stage .quick-reply-form textarea{min-height:44px}.compact-argument-stage .quick-reply-form .comic-reply-submit{min-width:104px;height:44px;min-height:44px;border-width:2px!important;font-size:14px!important;box-shadow:4px 4px #111!important}@media (max-width:900px) and (min-width:521px){.battle-hero-compact-v3{padding-inline:14px}.reference-vs-stage-compact{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)!important;min-height:290px!important;padding:46px 10px 14px!important}.reference-vs-stage-compact .stage-portrait{width:clamp(128px,22vw,170px)!important;height:clamp(145px,24vw,190px)!important}.reference-vs-stage-compact .stage-side h2{font-size:clamp(24px,4vw,34px)}.reference-vs-stage-compact .stage-side button{min-width:min(150px,90%);font-size:9px}.compact-argument-stage .argument-comic-grid{grid-template-columns:1fr 1fr}.compact-argument-stage .comic-argument-panel.panel-1,.compact-argument-stage .comic-argument-panel.panel-2,.compact-argument-stage .comic-argument-panel.panel-3,.compact-argument-stage .comic-argument-panel.panel-4{grid-column:span 1}}@media (max-width:760px){.battle-hero-compact-v3{border-width:2px;padding:12px 10px 18px;box-shadow:5px 5px #111}.battle-hero-compact-v3 .battle-hero-top{gap:8px}.battle-hero-compact-v3>h1{margin-top:14px;font-size:clamp(34px,12vw,48px)}.battle-hero-compact-v3>h1 span{border-width:3px;min-width:48px;height:48px}.battle-hero-compact-v3>p{padding-inline:8px;font-size:14px;line-height:1.35}.reference-vs-stage-compact{border-width:2px;grid-template-columns:1fr!important;grid-template-areas:"left""center""right"!important;gap:14px!important;min-height:0!important;padding:46px 10px 14px!important}.reference-vs-stage-compact .stage-left,.reference-vs-stage-compact .stage-center,.reference-vs-stage-compact .stage-right{justify-self:stretch}.reference-vs-stage-compact .stage-portrait{width:min(180px,54vw)!important;height:min(200px,60vw)!important}.reference-vs-stage-compact .stage-side h2{font-size:32px}.reference-vs-stage-compact .stage-side button{min-width:min(230px,82vw)}.reference-vs-stage-compact .stage-center{min-height:84px}.reference-vs-stage-compact .stage-vs{font-size:44px}.reference-vs-stage-compact .stage-vs:before{width:72px;height:72px}.battle-hero-compact-v3 .battle-trust-row{grid-template-columns:1fr;gap:7px;display:grid}.comic-mobile-switch{display:none!important}.compact-argument-stage{border-width:2px;margin-top:10px;padding:7px;box-shadow:5px 5px #1111111a}.compact-argument-stage .argument-power-banner{grid-template-columns:1fr 1fr;gap:6px}.compact-argument-stage .argument-power-banner .power-center{grid-area:2/1/auto/-1}.compact-argument-stage .argument-comic-grid{grid-template-columns:1fr;gap:9px}.compact-argument-stage .comic-argument-panel,.compact-argument-stage .comic-argument-panel.panel-1,.compact-argument-stage .comic-argument-panel.panel-2,.compact-argument-stage .comic-argument-panel.panel-3,.compact-argument-stage .comic-argument-panel.panel-4{grid-column:1!important;display:block!important;transform:none!important}.compact-argument-stage.mobile-show-left .comic-argument-panel.mobile-side-right,.compact-argument-stage.mobile-show-right .comic-argument-panel.mobile-side-left{display:block!important}.argument-card-battle-compact{padding:12px!important}.argument-card-battle-compact h3{font-size:21px}.argument-card-battle-compact .reaction-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.argument-card-battle-compact .reaction-button{width:100%;padding-inline:5px;font-size:8px}.compact-argument-stage .quick-reply-form{grid-template-columns:1fr;gap:6px}.compact-argument-stage .quick-reply-form .reply-message-field,.compact-argument-stage .quick-reply-form .comic-reply-submit{grid-column:1}.compact-argument-stage .quick-reply-form .comic-reply-submit{width:100%!important}}@media (max-width:420px){.battle-hero-compact-v3>h1{font-size:31px}.battle-hero-compact-v3>h1 span{min-width:42px;height:42px}.reference-vs-stage-compact .stage-portrait{width:min(160px,52vw)!important;height:min(178px,58vw)!important}.compact-argument-stage .argument-power-banner .power-side strong{font-size:18px}.argument-card-battle-compact .reaction-row{grid-template-columns:1fr}}.comic-mobile-menu{z-index:160;position:relative}.comic-mobile-menu summary{background:#fff7d1;border:2px solid #111;border-radius:12px;width:46px;height:46px;padding:10px;box-shadow:4px 4px #111}.comic-mobile-menu summary span{background:#111;border-radius:999px;height:3px}.comic-mobile-menu[open] summary{background:#ffd51f;transform:translate(2px,2px);box-shadow:2px 2px #111}.comic-mobile-menu .mobile-menu-panel{background:radial-gradient(#11111114 1.2px,#0000 1.2px) 0 0/13px 13px,linear-gradient(#fffdf4 0%,#fff1c0 100%);border:3px solid #111;border-radius:18px;width:min(92vw,380px);max-height:min(78vh,620px);padding:14px;position:absolute;top:calc(100% + 10px);left:auto;right:0;overflow-y:auto;box-shadow:8px 8px #111}.comic-mobile-menu[open]:before{content:"";z-index:-1;background:#11111138;position:fixed;inset:0}.comic-mobile-menu nav{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0;display:grid;position:static;inset:auto}.comic-mobile-menu .mobile-menu-account{background:linear-gradient(90deg,#38a9ff29,#ffd51f59);border:2px solid #111;grid-template-columns:54px 1fr;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:grid;box-shadow:4px 4px #1111111f}.comic-mobile-menu .mobile-menu-account span{color:#111;width:54px;height:54px;font:900 20px var(--font-display);text-transform:uppercase;background:#fff;border:2px solid #111;border-radius:50%;place-items:center;display:grid}.comic-mobile-menu .mobile-menu-account strong{color:#111;font:900 22px/1 var(--font-display);text-transform:uppercase;display:block}.comic-mobile-menu .mobile-menu-account small{color:#5f584d;margin-top:4px;font-size:11px;line-height:1.4;display:block}.comic-mobile-menu nav a,.comic-mobile-menu .mobile-menu-link,.comic-mobile-menu .mobile-signout,.comic-mobile-menu .mobile-menu-action{color:#111;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:2px solid #111;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:12px 14px;font-size:14px;font-weight:900;display:flex;box-shadow:4px 4px #1111111f}.comic-mobile-menu nav a:after,.comic-mobile-menu .mobile-menu-link:after,.comic-mobile-menu .mobile-menu-action:after{content:"→";font-size:14px}.comic-mobile-menu .mobile-signout:after{content:"×";font-size:18px}.comic-mobile-menu nav a:hover,.comic-mobile-menu .mobile-menu-link:hover,.comic-mobile-menu .mobile-signout:hover,.comic-mobile-menu .mobile-menu-action:hover{background:#ffd51f;transform:translate(2px,2px);box-shadow:2px 2px #111}.comic-mobile-menu .mobile-menu-action-primary,.comic-mobile-menu .mobile-menu-create{background:#ffd51f}.comic-mobile-menu .mobile-menu-action-muted{background:#fff7d1}.comic-mobile-menu .mobile-sound-control{display:flex}.comic-mobile-menu .mobile-sound-control .battle-sound-toggle{background:#f0f8ff;border:2px solid #111;justify-content:space-between;width:100%;min-height:52px;padding-inline:14px;box-shadow:4px 4px #1111111f}.comic-mobile-menu .mobile-menu-tip{color:#5f584d;text-transform:uppercase;letter-spacing:.08em;text-align:center;margin:12px 2px 0;font-size:11px;font-weight:800}@media (max-width:760px){.comic-header .header-inner{gap:12px}.comic-brand-mark{width:52px;height:34px;box-shadow:3px 3px #ffd51f}.comic-brand-name{font-size:16px}.headline-strip p{display:none}.headline-strip-inner{min-height:26px}.battle-hero-compact-v3{padding:10px 8px 16px}.battle-hero-compact-v3 .battle-hero-top{align-items:start;gap:6px}.battle-hero-compact-v3>h1{margin-top:10px;font-size:clamp(26px,10vw,42px);line-height:.92}.battle-hero-compact-v3>h1 span{border-width:2px;min-width:40px;height:40px;margin-inline:2px}.battle-hero-compact-v3>p{margin-bottom:10px;padding-inline:2px;font-size:12px}.reference-vs-stage-compact{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;grid-template-areas:none!important;align-items:start!important;gap:6px!important;padding:38px 6px 10px!important}.reference-vs-stage-compact .stage-round-label{min-width:108px;padding:4px 8px;top:8px;box-shadow:3px 3px #111}.reference-vs-stage-compact .stage-round-label strong{font-size:18px}.reference-vs-stage-compact .stage-left,.reference-vs-stage-compact .stage-center,.reference-vs-stage-compact .stage-right{justify-self:center;width:100%}.reference-vs-stage-compact .stage-side{gap:4px}.reference-vs-stage-compact .stage-portrait{border-width:3px!important;outline-width:5px!important;width:min(118px,31vw)!important;height:min(136px,37vw)!important;box-shadow:4px 4px #111!important}.reference-vs-stage-compact .stage-label{padding:3px 6px;font-size:7px}.reference-vs-stage-compact .stage-side h2{margin-top:4px;font-size:clamp(18px,5.4vw,26px)}.reference-vs-stage-compact .stage-side small{letter-spacing:.08em;font-size:7px}.reference-vs-stage-compact .stage-side button{width:100%;min-width:0;max-width:150px;min-height:36px;padding:6px;font-size:8px;line-height:1.15;box-shadow:3px 3px #111}.reference-vs-stage-compact .stage-center{align-self:center;gap:4px;min-height:0;padding-top:32px}.reference-vs-stage-compact .stage-vs{text-shadow:1px 1px #fff,3px 3px #111;font-size:34px}.reference-vs-stage-compact .stage-vs:before{width:56px;height:56px;box-shadow:3px 3px #111}.reference-vs-stage-compact .stage-center>strong{font-size:14px}.reference-vs-stage-compact .stage-center>span{letter-spacing:.08em;font-size:7px}.battle-hero-compact-v3 .battle-result{margin-top:8px;padding:6px 8px;box-shadow:3px 3px #1111111a}.battle-hero-compact-v3 .battle-result strong{font-size:18px}.battle-hero-compact-v3 .result-bar{height:10px}.battle-hero-compact-v3 .battle-trust-row{margin-top:8px;font-size:8px}}@media (max-width:420px){.comic-mobile-menu .mobile-menu-panel{width:auto;max-height:calc(100vh - 96px);padding:12px;left:-6px;right:-6px}.comic-mobile-menu .mobile-menu-account{grid-template-columns:46px 1fr;gap:10px;padding:10px}.comic-mobile-menu .mobile-menu-account span{width:46px;height:46px;font-size:18px}.comic-mobile-menu .mobile-menu-account strong{font-size:18px}.comic-mobile-menu nav a,.comic-mobile-menu .mobile-menu-link,.comic-mobile-menu .mobile-signout,.comic-mobile-menu .mobile-menu-action{min-height:48px;padding:10px 12px;font-size:12px}.reference-vs-stage-compact{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;gap:5px!important;padding:34px 4px 8px!important}.reference-vs-stage-compact .stage-portrait{width:min(104px,30vw)!important;height:min(122px,35vw)!important}.reference-vs-stage-compact .stage-side h2{font-size:16px}.reference-vs-stage-compact .stage-side button{max-width:124px;min-height:34px;font-size:7px}.reference-vs-stage-compact .stage-vs{font-size:29px}.reference-vs-stage-compact .stage-vs:before{width:48px;height:48px}}@media (max-width:760px){.battle-page{width:100%;padding-inline:10px;overflow-x:hidden}.battle-page-top{align-items:center;gap:8px}.battle-page-top .breadcrumbs{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.battle-page-top .share-button{flex:none}.battle-hero-compact-v3{width:100%;padding:10px 8px 14px;overflow:hidden}.battle-hero-compact-v3>h1{letter-spacing:-.035em;white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:3px;width:100%;margin:8px auto 4px;font-size:clamp(25px,8.8vw,36px);line-height:.92;display:flex}.battle-hero-compact-v3>h1 span{border-width:2px;width:36px;min-width:36px;height:36px;margin:0;font-size:16px}.battle-hero-compact-v3>p{margin:0 auto 9px;padding-inline:4px;font-size:11px;line-height:1.3}.reference-vs-stage-compact{background:#fff7e0;overflow:hidden;grid-template-columns:1fr!important;grid-template-areas:"left""center""right"!important;gap:9px!important;min-height:0!important;padding:38px 7px 10px!important;display:grid!important}.reference-vs-stage-compact:before,.reference-vs-stage-compact:after{width:100%!important;height:48%!important;left:0!important;right:0!important}.reference-vs-stage-compact:before{top:0!important;bottom:auto!important}.reference-vs-stage-compact:after{top:auto!important;bottom:0!important}.reference-vs-stage-compact .stage-left{grid-area:left!important}.reference-vs-stage-compact .stage-center{grid-area:center!important}.reference-vs-stage-compact .stage-right{grid-area:right!important}.reference-vs-stage-compact .stage-left,.reference-vs-stage-compact .stage-right{justify-self:stretch;justify-items:center;width:100%;min-width:0;padding:5px 0 7px}.reference-vs-stage-compact .stage-round-label{border-width:2px;min-width:104px;padding:3px 7px;top:7px;box-shadow:3px 3px #111}.reference-vs-stage-compact .stage-round-label span{font-size:7px}.reference-vs-stage-compact .stage-round-label strong{font-size:16px}.reference-vs-stage-compact .stage-label{border-width:2px;padding:3px 7px;font-size:7px;box-shadow:2px 2px #11111129}.reference-vs-stage-compact .stage-portrait{border-width:3px!important;outline-width:5px!important;width:min(166px,48vw)!important;height:min(184px,53vw)!important;box-shadow:4px 4px #111!important}.reference-vs-stage-compact .stage-left .stage-portrait{transform:rotate(-3deg)!important}.reference-vs-stage-compact .stage-right .stage-portrait{transform:rotate(3deg)!important}.reference-vs-stage-compact .stage-side h2{margin:3px 0 0;font-size:24px;line-height:.9}.reference-vs-stage-compact .stage-side small{letter-spacing:.09em;margin-top:1px;font-size:7px}.reference-vs-stage-compact .stage-side button{border-width:2px;width:min(210px,72vw);min-width:0;min-height:36px;padding:6px 9px;font-size:8px;line-height:1.15;box-shadow:3px 3px #111}.reference-vs-stage-compact .stage-center{grid-template-rows:auto auto;grid-template-columns:58px auto;justify-content:center;align-items:center;gap:0 10px;width:100%;min-height:68px;padding:2px 0;display:grid!important}.reference-vs-stage-compact .stage-vs{text-shadow:1px 1px #fff,3px 3px #111;grid-area:1/1/3;padding:10px;font-size:32px}.reference-vs-stage-compact .stage-vs:before{width:52px;height:52px;box-shadow:3px 3px #111}.reference-vs-stage-compact .stage-center>strong{grid-area:1/2;align-self:end;font-size:18px;line-height:1}.reference-vs-stage-compact .stage-center>span{letter-spacing:.08em;grid-area:2/2;align-self:start;font-size:7px}.battle-hero-compact-v3 .battle-result{border-width:2px;margin-top:7px;padding:5px 7px;box-shadow:3px 3px #1111111a}.battle-hero-compact-v3 .battle-result strong{font-size:17px}.battle-hero-compact-v3 .result-bar{height:9px}.battle-hero-compact-v3 .battle-trust-row{grid-template-columns:1fr;gap:4px;margin-top:8px;padding-top:7px;font-size:7px;line-height:1.25;display:grid}.battle-hero-compact-v3 .battle-trust-row span{min-width:0}}@media (max-width:420px){.battle-page{padding-inline:7px}.battle-hero-compact-v3>h1{font-size:clamp(23px,8.2vw,31px)}.battle-hero-compact-v3>h1 span{width:32px;min-width:32px;height:32px;font-size:14px}.reference-vs-stage-compact{padding-inline:5px!important}.reference-vs-stage-compact .stage-portrait{width:min(150px,46vw)!important;height:min(168px,51vw)!important}.reference-vs-stage-compact .stage-side h2{font-size:22px}.reference-vs-stage-compact .stage-side button{width:min(190px,70vw);font-size:7px}}@media (max-width:760px){.comic-mobile-menu{z-index:3000!important;position:static!important}.comic-mobile-menu summary{z-index:3003;position:relative}.comic-mobile-menu[open]:before{content:"";z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11111175;position:fixed;inset:0}.comic-mobile-menu .mobile-menu-panel{top:calc(env(safe-area-inset-top,0px) + 96px)!important;z-index:3002!important;background:radial-gradient(#11111114 1.2px,#0000 1.2px) 0 0/13px 13px,linear-gradient(#fffdf4 0%,#fff1c0 100%)!important;border:3px solid #111!important;border-radius:18px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 108px)!important;margin:0!important;padding:12px!important;position:fixed!important;left:10px!important;right:10px!important;overflow:hidden auto!important;box-shadow:8px 8px #111!important}.comic-mobile-menu .mobile-menu-panel nav{width:100%;min-width:0}.comic-mobile-menu .mobile-menu-panel nav a,.comic-mobile-menu .mobile-menu-panel .mobile-menu-link,.comic-mobile-menu .mobile-menu-panel .mobile-signout,.comic-mobile-menu .mobile-menu-panel .mobile-menu-action,.comic-mobile-menu .mobile-menu-panel .mobile-sound-control{min-width:0;max-width:100%}.battle-page{padding-top:8px!important}.battle-page-top{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important;display:grid!important}.battle-page-top .breadcrumbs{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden;margin:0!important}.battle-page-top .share-button{white-space:nowrap;min-height:36px;padding:0 10px;font-size:10px}.battle-hero-compact-v3{padding-top:8px!important}.battle-hero-compact-v3 .battle-hero-top{align-items:center!important;gap:6px!important;min-height:28px!important;margin:0!important}.battle-hero-compact-v3 .battle-hero-tools{min-width:0;flex-flow:row!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;display:flex!important}.battle-hero-compact-v3 .battle-hero-tools>*{flex:none}.battle-hero-compact-v3 .category-pill{padding:4px 8px;font-size:7px}.battle-hero-compact-v3 .live-pill{white-space:nowrap;padding:3px 6px;font-size:7px}.battle-hero-compact-v3 .battle-hero-tools button,.battle-hero-compact-v3 .battle-hero-tools a{min-height:28px;padding:3px 7px;font-size:7px}.battle-hero-compact-v3>h1{margin:2px auto 3px!important}.battle-hero-compact-v3>p{margin-bottom:8px!important}}@media (max-width:420px){.comic-mobile-menu .mobile-menu-panel{top:calc(env(safe-area-inset-top,0px) + 94px)!important;width:auto!important;max-height:calc(100dvh - 104px)!important;left:8px!important;right:8px!important}.battle-hero-compact-v3 .battle-hero-tools{gap:2px!important}.battle-hero-compact-v3 .battle-hero-tools .live-pill{display:none}.battle-hero-compact-v3>h1{margin-top:0!important}}.fbh-mobile-nav{margin-left:auto;display:none}.fbh-mobile-nav-trigger{z-index:5202;color:#111;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffd51f;border:2px solid #111;border-radius:0;place-content:center;gap:5px;width:46px;height:44px;padding:0;display:grid;position:relative;box-shadow:4px 4px #111}.fbh-mobile-nav-trigger span{transform-origin:50%;background:currentColor;width:21px;height:2px;transition:transform .22s,opacity .18s;display:block}.fbh-mobile-nav.is-open .fbh-mobile-nav-trigger{background:#fff;transform:translate(2px,2px);box-shadow:2px 2px #111}.fbh-mobile-nav.is-open .fbh-mobile-nav-trigger span:first-child{transform:translateY(7px)rotate(45deg)}.fbh-mobile-nav.is-open .fbh-mobile-nav-trigger span:nth-child(2){opacity:0}.fbh-mobile-nav.is-open .fbh-mobile-nav-trigger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.fbh-mobile-nav-layer{z-index:5200;visibility:hidden;pointer-events:none;position:fixed;inset:0}.fbh-mobile-nav.is-open .fbh-mobile-nav-layer{visibility:visible;pointer-events:auto}.fbh-mobile-nav-backdrop{opacity:0;cursor:default;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111111ad;border:0;padding:0;transition:opacity .24s;position:absolute;inset:0}.fbh-mobile-nav.is-open .fbh-mobile-nav-backdrop{opacity:1}.fbh-mobile-nav-drawer{overscroll-behavior:contain;width:min(92vw,410px);height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) 18px;color:#111;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 92% 8%,#ffd51f70,#0000 12rem),radial-gradient(#111 1px,#0000 1px) 0 0/12px 12px,#fff8e8;border-left:3px solid #111;flex-direction:column;gap:16px;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;right:0;overflow:hidden auto;transform:translate(105%);box-shadow:-18px 0 #1111111f}.fbh-mobile-nav.is-open .fbh-mobile-nav-drawer{transform:translate(0,0)}.fbh-mobile-nav-topbar{border-bottom:3px solid #111;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding-bottom:13px;display:flex}.fbh-mobile-nav-topbar>div{gap:2px;display:grid}.fbh-mobile-nav-topbar span{color:#ef3d23;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:1000}.fbh-mobile-nav-topbar strong{font:900 24px/.95 var(--font-display);letter-spacing:-.02em;text-transform:uppercase}.fbh-mobile-nav-close{color:#fff;cursor:pointer;touch-action:manipulation;background:#ef3d23;border:2px solid #111;flex:none;width:42px;height:42px;padding:0;position:relative;box-shadow:3px 3px #111}.fbh-mobile-nav-close span{background:currentColor;width:20px;height:2px;display:block;position:absolute;top:50%;left:50%}.fbh-mobile-nav-close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.fbh-mobile-nav-close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.fbh-mobile-nav-account{background:#fff;border:2px solid #111;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;padding:14px;display:grid;box-shadow:6px 6px #111}.fbh-mobile-nav-account.is-guest{color:#fff;background:linear-gradient(135deg,#43a7ff 0 49.5%,#ef3d23 50% 100%)}.fbh-mobile-nav-avatar{color:#111;width:58px;height:58px;font:900 22px var(--font-display);background:#ffd51f;border:2px solid #111;place-items:center;display:grid;transform:rotate(-2deg);box-shadow:3px 3px #111}.fbh-mobile-nav-account>div{min-width:0}.fbh-mobile-nav-account small{color:#ef3d23;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:1000;display:block}.fbh-mobile-nav-account.is-guest small{color:#ffd51f}.fbh-mobile-nav-account strong{font:900 21px/1 var(--font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:3px;display:block;overflow:hidden}.fbh-mobile-nav-account p{color:#655e53;margin:6px 0 0;font-size:10px;line-height:1.35}.fbh-mobile-nav-account.is-guest p{color:#ffffffe0}.fbh-mobile-nav-links{gap:8px;display:grid}.fbh-mobile-nav-links>a{color:#111;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:2px solid #111;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 12px;transition:transform .16s,box-shadow .16s,background .16s;display:grid;box-shadow:4px 4px #111}.fbh-mobile-nav-links>a:active{transform:translate(3px,3px);box-shadow:1px 1px #111}.fbh-mobile-nav-links>a>span{color:#ef3d23;font:900 13px var(--font-display)}.fbh-mobile-nav-links>a>div{gap:2px;min-width:0;display:grid}.fbh-mobile-nav-links strong{font:900 17px/1 var(--font-display);letter-spacing:.01em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.fbh-mobile-nav-links small{color:#756d61;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.fbh-mobile-nav-links b{font-size:21px}.fbh-mobile-nav-links em{color:#fff;background:#ef3d23;border:2px solid #111;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 6px;font-size:9px;font-style:normal;font-weight:1000;display:grid}.fbh-mobile-nav-controls{gap:8px;display:grid}.fbh-mobile-nav-sound,.fbh-mobile-nav-auth{background:#fff1c7;border:2px solid #111;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:8px 10px;display:flex}.fbh-mobile-nav-sound>span{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:1000}.fbh-mobile-nav-sound .battle-sound-toggle{min-width:86px;height:38px}.fbh-mobile-nav-auth{background:#fff;align-items:stretch}.fbh-mobile-nav-auth>*{width:100%}.fbh-mobile-nav-auth a,.fbh-mobile-nav-auth button,.fbh-mobile-nav-auth .mobile-menu-link,.fbh-mobile-nav-auth .mobile-signout,.fbh-mobile-nav-auth .mobile-menu-action{color:#fff;text-transform:uppercase;background:#111;border:2px solid #111;border-radius:0;justify-content:center;align-items:center;width:100%;min-height:42px;font-size:10px;font-weight:1000;display:flex}.fbh-mobile-nav-create{color:#111;min-height:57px;font:900 18px var(--font-display);letter-spacing:.02em;text-transform:uppercase;touch-action:manipulation;background:#ffd51f;border:3px solid #111;justify-content:space-between;align-items:center;gap:16px;padding:0 17px;display:flex;box-shadow:6px 6px #111}.fbh-mobile-nav-create b{font-size:24px}.fbh-mobile-nav-tip{color:#655e53;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:auto 0 0;padding-top:2px;font-size:9px;font-weight:900}@media (max-width:900px){body[data-mobile-nav-open=true]{overscroll-behavior:none}.site-header.comic-header{z-index:5100}.comic-header .header-inner{gap:12px;width:min(100% - 24px,1180px);height:64px}.comic-header .desktop-nav,.comic-header .header-actions,.comic-header .mobile-menu{display:none!important}.fbh-mobile-nav{display:block}.comic-brand{min-width:0;margin-right:auto}.comic-brand-name{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:17px;overflow:hidden}.headline-strip-inner{gap:9px;min-height:26px}.headline-strip-inner p{display:none}.headline-strip-inner span,.headline-strip-inner a{font-size:8px}}@media (max-width:430px){.comic-brand-mark{width:52px;height:36px}.comic-brand-name{max-width:145px;font-size:15px}.fbh-mobile-nav-drawer{border-left:0;width:100%;padding-left:14px;padding-right:14px}.fbh-mobile-nav-account{grid-template-columns:52px minmax(0,1fr);padding:12px}.fbh-mobile-nav-avatar{width:52px;height:52px}.fbh-mobile-nav-links>a{min-height:58px}}@media (max-width:360px){.comic-brand-name{display:none}.headline-strip-inner a{letter-spacing:.04em}.fbh-mobile-nav-topbar strong{font-size:21px}}@media (prefers-reduced-motion:reduce){.fbh-mobile-nav-trigger span,.fbh-mobile-nav-backdrop,.fbh-mobile-nav-drawer,.fbh-mobile-nav-links>a{transition:none!important}}.arena-home-section#categories{background:linear-gradient(135deg,#ffd51f29,#0000 34%),radial-gradient(circle,#11111117 0 1.25px,#0000 1.55px) 0 0/15px 15px,#fff8e8;border:4px solid #111;border-radius:24px;padding:42px 34px 48px;position:relative;box-shadow:12px 12px #111}.arena-home-section#categories:before{color:#111;content:"19 FAN ARENAS";font:950 .72rem/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#ffd51f;border:3px solid #111;padding:7px 14px;position:absolute;top:-18px;right:34px;transform:rotate(1.5deg);box-shadow:4px 4px #111}.arena-category-comic-grid{align-items:stretch;margin-top:28px;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;display:grid!important}.arena-category-card.arena-category-comic-card{--category-accent:#ffd51f;--category-accent-two:#38a9ff;isolation:isolate;-webkit-font-smoothing:antialiased;min-width:0;text-decoration:none;overflow:hidden;color:#fff!important;background:#111!important;border:4px solid #111!important;border-radius:18px!important;min-height:292px!important;padding:0!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s!important;display:block!important;position:relative!important;transform:none!important;box-shadow:8px 8px #111!important}.arena-category-card.arena-category-comic-card:before{z-index:1;background:linear-gradient(180deg, #1110 0 48%, #1111112e 67%, #111111b8 100%), linear-gradient(122deg, color-mix(in srgb, var(--category-accent) 21%, transparent), transparent 48%);content:"";pointer-events:none;position:absolute;inset:0;opacity:1!important;filter:none!important;transform:none!important}.arena-category-card.arena-category-comic-card:after{z-index:2;content:"";pointer-events:none;background:radial-gradient(circle,#11111130 0 1.1px,#0000 1.35px) 0 0/13px 13px,linear-gradient(145deg,#ffffff1f,#0000 34%);position:absolute;inset:0;opacity:.15!important;mix-blend-mode:normal!important}.arena-category-comic-card .arena-category-image{image-rendering:auto;-webkit-user-select:none;user-select:none;z-index:0!important;object-fit:cover!important;opacity:1!important;filter:none!important;border:0!important;border-radius:0!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;transition:transform .3s cubic-bezier(.2,.8,.2,1)!important;display:block!important;position:absolute!important;inset:0!important;transform:none!important}.arena-category-comic-wash{z-index:3;border:7px solid #0000;border-top-color:color-mix(in srgb, var(--category-accent) 88%, #fff);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -38px 52px #1111112e}.arena-category-comic-topline{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.arena-category-comic-card .arena-category-comic-number,.arena-category-comic-card .arena-category-comic-label{letter-spacing:.08em;text-transform:uppercase;border:3px solid #111;border-radius:9px;justify-content:center;align-items:center;min-height:34px;padding:0 10px;display:inline-flex;box-shadow:3px 3px #111;color:#111!important;font:950 .7rem/1 var(--font-display)!important;margin:0!important}.arena-category-comic-card .arena-category-comic-number{background:#ffd51f;min-width:42px}.arena-category-comic-card .arena-category-comic-label{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}.arena-category-comic-burst{z-index:4;background:var(--category-accent);clip-path:polygon(50% 0,62% 16%,82% 7%,86% 28%,100% 36%,87% 51%,98% 69%,76% 73%,71% 95%,52% 84%,36% 100%,28% 80%,6% 84%,12% 62%,0 49%,17% 37%,8% 17%,30% 17%);border:4px solid #111;place-items:center;width:72px;height:72px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:64px;right:20px;transform:rotate(6deg);box-shadow:5px 5px #111}.arena-category-comic-card .arena-category-comic-burst>span{letter-spacing:-.04em;color:#111!important;font:1000 1.3rem/.9 var(--font-display)!important;text-shadow:none!important;margin:0!important}.arena-category-comic-copy{z-index:6;border:3px solid #111;border-left:9px solid var(--category-accent);min-width:0;box-shadow:5px 5px 0 var(--category-accent-two);color:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 15px 14px 18px;position:absolute;bottom:14px;left:14px;right:14px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#141414!important;display:flex!important;transform:none!important}.arena-category-comic-card .arena-category-comic-copy small{letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;width:100%;display:block;color:color-mix(in srgb, var(--category-accent) 88%, #fff)!important;font:900 .61rem/1.1 var(--font-display)!important;margin:0!important}.arena-category-comic-card .arena-category-comic-copy h3{letter-spacing:-.035em;text-wrap:balance;text-shadow:2px 2px #000;text-transform:uppercase;width:100%;min-width:0;display:block;color:#fff!important;font:1000 clamp(1.42rem, 1.75vw, 1.82rem)/.93 var(--font-display)!important;overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:none!important;hyphens:none!important;margin:0!important}.arena-category-comic-card[data-title-size=medium] .arena-category-comic-copy h3{font-size:clamp(1.34rem,1.62vw,1.7rem)!important}.arena-category-comic-card[data-title-size=long] .arena-category-comic-copy h3{font-size:clamp(1.2rem,1.47vw,1.55rem)!important}.arena-category-comic-card .arena-category-comic-action{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:2px solid #111;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 10px;display:inline-flex;box-shadow:3px 3px #000;color:#111!important;font:950 .59rem/1 var(--font-display)!important;background:#ffd51f!important;margin:1px 0 0!important}.arena-category-comic-card .arena-category-comic-action b{color:#111;font-size:1rem;line-height:1}.arena-category-card.arena-category-comic-card:hover{transform:translate(-3px,-6px)!important;box-shadow:11px 11px #111!important}.arena-category-comic-card:hover .arena-category-image{filter:none!important;transform:scale(1.025)!important}.arena-category-comic-card:hover .arena-category-comic-burst{transform:rotate(-5deg)scale(1.06)}.arena-category-comic-card:focus-visible{outline-offset:5px;outline:5px solid #38a9ff}@media (max-width:1180px){.arena-category-comic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.arena-category-comic-card .arena-category-comic-copy h3{font-size:clamp(1.45rem,2.4vw,1.9rem)!important}.arena-category-comic-card[data-title-size=long] .arena-category-comic-copy h3{font-size:clamp(1.28rem,2.05vw,1.65rem)!important}}@media (max-width:860px){.arena-home-section#categories{padding:34px 24px 38px;box-shadow:8px 8px #111}.arena-category-comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.arena-category-card.arena-category-comic-card{min-height:276px!important}.arena-category-comic-card .arena-category-comic-copy h3{font-size:clamp(1.5rem,4.2vw,2rem)!important}.arena-category-comic-card[data-title-size=long] .arena-category-comic-copy h3{font-size:clamp(1.3rem,3.5vw,1.72rem)!important}}@media (max-width:540px){.arena-home-section#categories{border-width:3px;border-radius:18px;width:min(100% - 22px,100%);padding:30px 16px 32px;box-shadow:6px 6px #111}.arena-home-section#categories:before{font-size:.62rem;right:18px}.arena-category-comic-grid{grid-template-columns:1fr!important;gap:18px!important}.arena-category-card.arena-category-comic-card{border-width:3px!important;min-height:266px!important;transform:none!important;box-shadow:6px 6px #111!important}.arena-category-comic-copy{bottom:12px;left:12px;right:12px}.arena-category-comic-card .arena-category-comic-copy h3,.arena-category-comic-card[data-title-size=medium] .arena-category-comic-copy h3,.arena-category-comic-card[data-title-size=long] .arena-category-comic-copy h3{font-size:clamp(1.65rem,8.5vw,2.25rem)!important}}@media (prefers-reduced-motion:reduce){.arena-category-card.arena-category-comic-card,.arena-category-comic-card .arena-category-image,.arena-category-comic-burst{transition:none!important}}.auth-experience{--auth-red:#f33a24;--auth-red-dark:#9d160c;--auth-blue:#168bf0;--auth-blue-dark:#063c7a;--auth-yellow:#ffd51f;--auth-ink:#111318;--auth-paper:#fff9ea;border-bottom:3px solid var(--auth-ink);isolation:isolate;background:#fff8e8;min-height:calc(100svh - 100px);padding:clamp(72px,8vw,112px) 0 34px;position:relative;overflow:hidden}.auth-experience:before{z-index:-5;content:"";background:linear-gradient(90deg,#f33a240d,#0000 28% 72%,#168bf00d),radial-gradient(circle at 50% 44%,#fffffff5,#fff8e8b8 36%,#fff8e81a 68%),#fff8e8;position:absolute;inset:0}.auth-experience:after{z-index:30;content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(#1113182e 1px,#0000 1.2px);background-size:13px 13px;position:absolute;inset:0}.auth-comic-scene,.auth-color-panel,.auth-speed-field,.auth-halftone{position:absolute;inset:0}.auth-comic-scene{z-index:-2;pointer-events:none;overflow:hidden}.auth-color-panel-red{clip-path:polygon(0 0,100% 0,86% 100%,0 100%);background:linear-gradient(118deg,#0000 0 64%,#ffffff94 64% 66%,#0000 66%),linear-gradient(135deg,#f33a2433,#0000 70%);right:50%}.auth-color-panel-blue{clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);background:linear-gradient(242deg,#0000 0 64%,#ffffff94 64% 66%,#0000 66%),linear-gradient(225deg,#168bf033,#0000 70%);left:50%}.auth-speed-field{opacity:.56;animation:18s linear infinite auth-speed-drift;inset:-28%}.auth-speed-field-red{background:repeating-conic-gradient(from -18deg at 72% 50%, #f33a2440 0 1deg, transparent 1deg 7deg);right:47%}.auth-speed-field-blue{background:repeating-conic-gradient(from 162deg at 28% 50%, #168bf040 0 1deg, transparent 1deg 7deg);animation-direction:reverse;left:47%}.auth-halftone{opacity:.4;-webkit-mask-image:linear-gradient(#0000,#000 12% 86%,#0000);mask-image:linear-gradient(#0000,#000 12% 86%,#0000)}.auth-halftone-red{background-image:radial-gradient(#f33a2480 1.5px,#0000 1.7px);background-size:14px 14px;right:50%}.auth-halftone-blue{background-image:radial-gradient(#168bf080 1.5px,#0000 1.7px);background-size:14px 14px;left:50%}.auth-battler{object-fit:contain;object-position:bottom;filter:drop-shadow(18px 24px #1113181f);will-change:transform;width:min(43vw,660px);height:min(76vw,850px);position:absolute;bottom:-74px}.auth-battler-red{animation:.9s cubic-bezier(.18,.86,.24,1) both auth-battler-red-in,5.8s ease-in-out 1s infinite auth-battler-float;left:max(-110px,50% - 780px)}.auth-battler-blue{animation:.9s cubic-bezier(.18,.86,.24,1) 80ms both auth-battler-blue-in,5.8s ease-in-out 1.3s infinite reverse auth-battler-float;right:max(-110px,50% - 780px)}.auth-impact-burst{z-index:3;width:166px;height:128px;color:var(--auth-ink);clip-path:polygon(50% 0,61% 24%,82% 8%,78% 32%,100% 31%,80% 49%,98% 66%,74% 66%,81% 94%,59% 75%,49% 100%,41% 74%,17% 93%,25% 67%,0 66%,20% 49%,0 31%,23% 31%,18% 8%,40% 24%);filter:drop-shadow(8px 9px 0 var(--auth-ink));background:#fff;place-items:center;animation:.75s cubic-bezier(.18,1.55,.24,1) .25s both auth-burst-in,3.5s ease-in-out 1.3s infinite auth-burst-pulse;display:grid;position:absolute;top:100px;left:50%;transform:translate(-50%)rotate(-4deg)}.auth-impact-burst span{font:900 58px/.8 var(--font-display);letter-spacing:-.07em}.auth-lightning{background:var(--auth-yellow);clip-path:polygon(50% 0,100% 0,67% 38%,100% 38%,24% 100%,41% 55%,8% 55%);width:72px;height:126px;filter:drop-shadow(5px 5px 0 var(--auth-ink));opacity:.78;position:absolute}.auth-lightning-one{animation:3.1s ease-in-out infinite auth-icon-bob;top:22%;left:8%;transform:rotate(-18deg)scale(.55)}.auth-lightning-two{animation:3.4s ease-in-out .5s infinite reverse auth-icon-bob;top:48%;right:7%;transform:rotate(16deg)scale(.42)}.auth-star{color:var(--auth-yellow);-webkit-text-stroke:3px var(--auth-ink);filter:drop-shadow(4px 4px #11131829);font-size:58px;animation:7s linear infinite auth-star-twirl;position:absolute}.auth-star-one{top:10%;left:15%}.auth-star-two{animation-direction:reverse;bottom:13%;right:14%}.auth-experience-stage{z-index:4;grid-template-columns:minmax(180px,1fr) minmax(430px,570px) minmax(180px,1fr);align-items:center;gap:clamp(20px,3vw,46px);min-height:640px;display:grid;position:relative}.auth-form-frame{z-index:10;animation:.74s cubic-bezier(.2,.82,.2,1) .14s both auth-card-in;position:relative}.auth-form-ribbon{z-index:4;border:3px solid var(--auth-ink);background:var(--auth-yellow);min-height:46px;box-shadow:6px 6px 0 var(--auth-ink);color:var(--auth-ink);white-space:nowrap;align-items:center;gap:8px;padding:0 22px;display:flex;position:absolute;top:-22px;left:50%;transform:translate(-50%)rotate(-1deg)}.auth-form-ribbon span{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:950}.auth-form-ribbon i{font:900 22px/1 var(--font-display);font-style:normal}.auth-experience .auth-card{border:3px solid var(--auth-ink);width:100%;box-shadow:12px 14px 0 var(--auth-ink), 0 38px 85px #11131833;color:var(--auth-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 100% 0,#ffd51f2e,#0000 30%),radial-gradient(#1113180e 1px,#0000 1.2px) 0 0/13px 13px,#fffdf6f7;border-radius:24px 24px 34px;padding:clamp(44px,5vw,62px) clamp(28px,4vw,48px) 34px;position:relative;overflow:hidden}.auth-experience .auth-card:before,.auth-experience .auth-card:after{z-index:0;content:"";pointer-events:none;position:absolute}.auth-experience .auth-card:before{border:18px solid #168bf017;border-radius:50%;width:170px;height:170px;top:-70px;right:-65px}.auth-experience .auth-card:after{clip-path:polygon(50% 0,61% 24%,82% 8%,78% 32%,100% 31%,80% 49%,98% 66%,74% 66%,81% 94%,59% 75%,49% 100%,41% 74%,17% 93%,25% 67%,0 66%,20% 49%,0 31%,23% 31%,18% 8%,40% 24%);background:#f33a240f;width:170px;height:170px;bottom:-75px;left:-70px}.auth-experience .auth-card>*{z-index:1;position:relative}.auth-experience .auth-card .section-kicker{color:var(--auth-red);letter-spacing:.18em;font-size:11px;font-weight:950}.auth-experience .auth-card h1{max-width:470px;color:var(--auth-ink);font:900 clamp(42px, 4.2vw, 62px)/.9 var(--font-display);letter-spacing:-.045em;text-transform:none;margin:12px 0}.auth-experience .auth-card>p{color:#57534b;max-width:460px;margin:0;font-size:14px;font-weight:650;line-height:1.55}.auth-card-divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin:22px 0;display:grid}.auth-card-divider:before,.auth-card-divider:after{content:"";background:#11131829;height:2px}.auth-card-divider span{color:var(--auth-red);font:900 22px/1 var(--font-display)}.auth-experience .auth-card form{gap:15px}.auth-experience .auth-card label,.auth-experience .auth-field{color:var(--auth-ink);letter-spacing:.07em;gap:7px;font-size:10px;font-weight:950}.auth-input-shell{border:2px solid var(--auth-ink);background:#ffffffeb;border-radius:13px;align-items:center;min-height:54px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #11131817}.auth-input-shell:focus-within{border-color:var(--auth-blue);transform:translate(-1px,-1px);box-shadow:5px 5px #168bf033}.auth-input-shell>svg{fill:none;width:21px;height:21px;stroke:var(--auth-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;margin-left:15px}.auth-experience .auth-card .auth-input-shell input{min-width:0;min-height:50px;box-shadow:none;color:var(--auth-ink);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0 14px;font-size:14px;font-weight:720}.auth-experience .auth-card .auth-input-shell input::placeholder{color:#aaa59b;font-weight:600}.auth-password-toggle{width:46px;height:50px;color:var(--auth-ink);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.auth-password-toggle:hover{background:#ffd51f40}.auth-password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.auth-form-error{border:2px solid var(--auth-ink);color:#8f1d12;background:#ffe2dc;border-radius:11px;grid-template-columns:auto 1fr;gap:7px 10px;margin:0;padding:12px 13px;font-size:11px;line-height:1.4;display:grid}.auth-form-error strong{text-transform:uppercase}.auth-submit-button,.auth-experience-forgot-password .auth-card form .button{justify-content:space-between;width:100%;min-height:58px;margin-top:3px;padding-inline:22px;font-size:15px;font-weight:950;transition:transform .16s,box-shadow .16s,filter .16s;position:relative;overflow:hidden;border:2px solid var(--auth-ink)!important;box-shadow:5px 6px 0 var(--auth-ink)!important;color:#fff!important;background:linear-gradient(135deg,#ff4229,#eb2f1b)!important;border-radius:12px!important}.auth-submit-button:before,.auth-experience-forgot-password .auth-card form .button:before{content:"";opacity:.34;background-image:radial-gradient(#1113182e 1px,#0000 1.2px);background-size:9px 9px;position:absolute;inset:0}.auth-submit-button>*,.auth-experience-forgot-password .auth-card form .button>*{z-index:1;position:relative}.auth-submit-button i{font:900 25px/1 var(--font-display);font-style:normal}.auth-submit-button:hover:not(:disabled),.auth-experience-forgot-password .auth-card form .button:hover:not(:disabled){filter:saturate(1.1);transform:translate(3px,3px);box-shadow:2px 3px 0 var(--auth-ink)!important}.auth-submit-button:disabled,.auth-experience-forgot-password .auth-card form .button:disabled{cursor:wait;opacity:.72}.auth-card-links,.auth-experience .auth-card>small{color:#625d54;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 8px;margin-top:21px;font-size:10px;font-weight:700;display:flex}.auth-card-links a,.auth-experience .auth-card>small a{color:var(--auth-red);font-weight:950}.auth-card-links a:hover,.auth-experience .auth-card>small a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.auth-side-story{z-index:6;border:3px solid var(--auth-ink);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111318f0;align-self:end;margin-bottom:38px;padding:18px 19px;position:relative;box-shadow:7px 7px #11131838}.auth-side-story-left{justify-self:end;animation:.65s .48s both auth-story-left-in;transform:rotate(-2deg)}.auth-side-story-right{justify-self:start;animation:.65s .52s both auth-story-right-in;transform:rotate(2deg)}.auth-story-kicker{color:var(--auth-yellow);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:950;display:block}.auth-side-story strong{font:900 clamp(20px, 2vw, 28px)/.95 var(--font-display);text-transform:uppercase;display:block}.auth-side-story p{color:#ffffffb8;margin:9px 0 0;font-size:11px;font-weight:650;line-height:1.5}.auth-benefit-strip{z-index:8;border:3px solid var(--auth-ink);box-shadow:8px 9px 0 var(--auth-ink);background:#fffdf6f7;border-radius:18px;grid-template-columns:repeat(4,1fr);animation:.7s .52s both auth-benefits-in;display:grid;position:relative;overflow:hidden}.auth-benefit-strip article{border-right:2px solid #1113181f;grid-template-columns:44px 1fr;align-items:center;gap:12px;min-height:92px;padding:14px 17px;display:grid}.auth-benefit-strip article:last-child{border-right:0}.auth-benefit-strip article>span{border:2px solid var(--auth-ink);background:var(--auth-yellow);width:42px;height:42px;color:var(--auth-ink);font:900 22px/1 var(--font-display);border-radius:50%;place-items:center;display:grid;box-shadow:3px 3px #11131824}.auth-benefit-strip article:nth-child(2)>span{background:var(--auth-red);color:#fff}.auth-benefit-strip article:nth-child(3)>span{background:var(--auth-blue);color:#fff}.auth-benefit-strip strong{color:var(--auth-ink);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.auth-benefit-strip p{color:#625d54;margin:4px 0 0;font-size:9px;font-weight:650;line-height:1.45}.auth-experience-forgot-password .auth-card form label{gap:7px;display:grid}.auth-experience-forgot-password .auth-card form input{border:2px solid var(--auth-ink);min-height:54px;color:var(--auth-ink);background:#fff;border-radius:13px;box-shadow:4px 4px #11131817}.auth-experience-forgot-password .auth-card form input:focus{border-color:var(--auth-blue);box-shadow:5px 5px #168bf033}.auth-experience-forgot-password .auth-card form .button:after{z-index:1;content:"→";font:900 24px/1 var(--font-display);margin-left:auto;position:relative}@keyframes auth-speed-drift{to{transform:rotate(360deg)}}@keyframes auth-battler-red-in{0%{opacity:0;transform:translate(-90px)translateY(54px)scale(.9)}to{opacity:1;transform:none}}@keyframes auth-battler-blue-in{0%{opacity:0;transform:translate(90px)translateY(54px)scale(.9)}to{opacity:1;transform:none}}@keyframes auth-battler-float{0%,to{translate:0}50%{translate:0 -9px}}@keyframes auth-burst-in{0%{opacity:0;transform:translate(-50%)rotate(-18deg)scale(.25)}to{opacity:1;transform:translate(-50%)rotate(-4deg)scale(1)}}@keyframes auth-burst-pulse{0%,to{scale:1}50%{scale:1.045}}@keyframes auth-card-in{0%{opacity:0;transform:translateY(35px)scale(.97)}to{opacity:1;transform:none}}@keyframes auth-story-left-in{0%{opacity:0;transform:translate(-40px)rotate(-6deg)}}@keyframes auth-story-right-in{0%{opacity:0;transform:translate(40px)rotate(6deg)}}@keyframes auth-benefits-in{0%{opacity:0;transform:translateY(24px)}}@keyframes auth-icon-bob{0%,to{translate:0}50%{translate:0 -10px}}@keyframes auth-star-twirl{to{transform:rotate(360deg)}}@media (max-width:1180px){.auth-experience-stage{grid-template-columns:minmax(0,1fr) minmax(420px,550px) minmax(0,1fr);gap:18px}.auth-side-story{width:170px;padding:15px}.auth-side-story p{display:none}.auth-battler{width:min(50vw,580px)}.auth-benefit-strip{width:min(100% - 36px,980px)}}@media (max-width:900px){.auth-experience{min-height:auto;padding-top:80px}.auth-experience-stage{grid-template-columns:1fr;min-height:610px}.auth-side-story{display:none}.auth-form-frame{width:min(100%,570px);margin-inline:auto}.auth-battler{opacity:.48;width:min(64vw,500px);bottom:-30px}.auth-battler-red{left:-140px}.auth-battler-blue{right:-140px}.auth-impact-burst{width:132px;height:105px;top:42px}.auth-impact-burst span{font-size:44px}.auth-benefit-strip{grid-template-columns:repeat(2,1fr)}.auth-benefit-strip article:nth-child(2){border-right:0}.auth-benefit-strip article:nth-child(-n+2){border-bottom:2px solid #1113181f}}@media (max-width:620px){.auth-experience{padding:58px 0 28px}.auth-experience-stage{width:min(100% - 20px,100%);min-height:auto}.auth-impact-burst{opacity:.68;width:98px;height:80px;top:14px}.auth-impact-burst span{font-size:34px}.auth-battler{opacity:.19;width:360px;height:580px;bottom:0}.auth-battler-red{left:-185px}.auth-battler-blue{right:-185px}.auth-form-ribbon{min-height:40px;padding-inline:15px;top:-17px}.auth-form-ribbon span{font-size:9px}.auth-experience .auth-card{box-shadow:7px 8px 0 var(--auth-ink), 0 25px 55px #1113182e;border-radius:19px 19px 25px;padding:42px 18px 25px}.auth-experience .auth-card h1{font-size:clamp(39px,12vw,52px)}.auth-experience .auth-card>p{font-size:12px}.auth-card-divider{margin:17px 0}.auth-input-shell,.auth-experience-forgot-password .auth-card form input{min-height:52px}.auth-benefit-strip{grid-template-columns:1fr;width:min(100% - 20px,100%);margin-top:30px}.auth-benefit-strip article{border-bottom:2px solid #1113181f;border-right:0;min-height:78px}.auth-benefit-strip article:last-child{border-bottom:0}.auth-lightning,.auth-star{display:none}}@media (prefers-reduced-motion:reduce){.auth-experience *,.auth-experience :before,.auth-experience :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:620px){:is(body:has(.auth-experience) .headline-strip,body:has(.auth-experience) .comic-footer,body:has(.auth-experience) .site-footer){display:none!important}body:has(.auth-experience){background:#fff8e8}.auth-experience{min-height:calc(100svh - 64px);padding:max(30px, env(safe-area-inset-top)) 0 max(30px, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 8%,#ffd51f1f,#0000 34%),#fff8e8;border-bottom:0;align-items:center;display:grid;overflow:visible}.auth-experience:before,.auth-experience:after,.auth-comic-scene,.auth-side-story,.auth-benefit-strip{display:none!important}.auth-experience-stage{width:min(100% - 24px,480px);min-height:0;margin-inline:auto;display:block}.auth-form-frame{width:100%;margin:0;animation:none!important}.auth-form-ribbon{min-height:38px;box-shadow:4px 4px 0 var(--auth-ink);border-width:2px;padding:0 14px;top:-15px;transform:translate(-50%)rotate(-1deg)}.auth-form-ribbon span{letter-spacing:.11em;font-size:8px}.auth-form-ribbon i{font-size:18px}.auth-experience .auth-card{width:100%;box-shadow:5px 6px 0 var(--auth-ink), 0 18px 42px #1113181f;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffdf6;border-width:2px;border-radius:18px;padding:38px 17px 22px;overflow:visible}.auth-experience .auth-card:before,.auth-experience .auth-card:after{display:none}.auth-experience .auth-card .section-kicker{letter-spacing:.15em;font-size:9px}.auth-experience .auth-card h1{letter-spacing:-.04em;max-width:none;margin:9px 0 8px;font-size:clamp(34px,10.5vw,46px);line-height:.92}.auth-experience .auth-card>p{max-width:none;font-size:11px;line-height:1.5}.auth-card-divider{gap:10px;margin:15px 0}.auth-card-divider span{font-size:18px}.auth-experience .auth-card form{gap:12px}.auth-experience .auth-card label,.auth-experience .auth-field{gap:6px;font-size:8px}.auth-input-shell,.auth-experience-forgot-password .auth-card form input{border-width:2px;border-radius:11px;min-height:49px;box-shadow:3px 3px #11131814}.auth-input-shell>svg{width:18px;height:18px;margin-left:12px}.auth-experience .auth-card .auth-input-shell input{min-height:45px;padding:0 11px;font-size:13px}.auth-password-toggle{width:42px;height:45px}.auth-submit-button,.auth-experience-forgot-password .auth-card form .button{min-height:51px;padding-inline:16px;font-size:13px;box-shadow:4px 4px 0 var(--auth-ink)!important;border-radius:10px!important}.auth-card-links,.auth-experience .auth-card>small{gap:4px 6px;margin-top:17px;font-size:8px;line-height:1.5}.auth-form-error{padding:10px 11px;font-size:10px}.auth-experience *,.auth-experience :before,.auth-experience :after{animation:none!important}}@media (max-width:360px){.auth-experience{padding-inline:0}.auth-experience-stage{width:min(100% - 16px,480px)}.auth-experience .auth-card{padding-inline:14px}.auth-experience .auth-card h1{font-size:clamp(32px,10.7vw,40px)}}.auth-route-transition-shell{min-height:inherit;position:relative}.auth-puff-transition{z-index:20000;visibility:hidden;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffd51ff0 0 10%,#0000 10.5%),#ef3d23;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.auth-puff-transition:before,.auth-puff-transition:after{content:"";pointer-events:none;position:absolute;inset:-20%}.auth-puff-transition:before{background:repeating-conic-gradient(from 0deg at 50% 50%, #ffffff61 0 1deg, transparent 1deg 8deg);opacity:0;transform:scale(.35)rotate(-15deg)}.auth-puff-transition:after{opacity:.22;background-image:radial-gradient(#11131852 1.6px,#0000 1.8px);background-size:14px 14px}.auth-puff-speed-lines{background:repeating-conic-gradient(from 0deg at 50% 50%, #1113182e 0 1deg, transparent 1deg 10deg);opacity:0;position:absolute;inset:-50%}.auth-puff-cloud{aspect-ratio:1;opacity:0;background:#fffdf6;border:clamp(3px,.35vw,7px) solid #111318;border-radius:50%;width:clamp(90px,16vw,250px);position:absolute;transform:scale(.05);box-shadow:clamp(8px,1vw,18px) clamp(8px,1vw,18px) #111318f2}.auth-puff-cloud-1{top:18%;left:4%}.auth-puff-cloud-2{width:clamp(70px,12vw,190px);top:40%;left:17%}.auth-puff-cloud-3{width:clamp(76px,13vw,205px);top:8%;left:28%}.auth-puff-cloud-4{width:clamp(82px,14vw,220px);bottom:8%;left:33%}.auth-puff-cloud-5{top:20%;right:4%}.auth-puff-cloud-6{width:clamp(70px,12vw,190px);top:44%;right:17%}.auth-puff-cloud-7{width:clamp(76px,13vw,205px);top:7%;right:28%}.auth-puff-cloud-8{width:clamp(82px,14vw,220px);bottom:7%;right:33%}.auth-puff-cloud-9{width:clamp(270px,40vw,610px);top:50%;left:50%;transform:translate(-50%,-50%)scale(.05)}.auth-puff-transition>strong{z-index:3;color:#ffd51f;font:900 clamp(70px, 15vw, 230px)/.8 var(--font-display);letter-spacing:-.08em;-webkit-text-stroke:clamp(4px, .6vw, 11px) #111318;text-shadow:clamp(7px,1vw,16px) clamp(8px,1.1vw,18px) #fff,clamp(15px,2vw,30px) clamp(16px,2.1vw,32px) #111318;opacity:0;position:relative;transform:rotate(-7deg)scale(.15)}.is-auth-route-transitioning .auth-puff-transition{visibility:visible;animation:.72s cubic-bezier(.18,.84,.2,1) both auth-puff-screen}.is-auth-route-transitioning .auth-puff-transition:before{animation:.62s ease-out 50ms both auth-puff-rays}.is-auth-route-transitioning .auth-puff-speed-lines{animation:.62s ease-out both auth-puff-speed}.is-auth-route-transitioning .auth-puff-cloud{animation:.48s cubic-bezier(.18,1.45,.25,1) both auth-puff-cloud-pop}.is-auth-route-transitioning .auth-puff-cloud-2,.is-auth-route-transitioning .auth-puff-cloud-6{animation-delay:30ms}.is-auth-route-transitioning .auth-puff-cloud-3,.is-auth-route-transitioning .auth-puff-cloud-7{animation-delay:60ms}.is-auth-route-transitioning .auth-puff-cloud-4,.is-auth-route-transitioning .auth-puff-cloud-8{animation-delay:90ms}.is-auth-route-transitioning .auth-puff-cloud-9{animation-delay:.1s}.is-auth-route-transitioning .auth-puff-transition>strong{animation:.52s cubic-bezier(.16,1.45,.22,1) 80ms both auth-puff-word}.auth-route-transition-shell[data-auth-destination=sign-up] .auth-puff-transition{background:radial-gradient(circle,#ffd51ff0 0 10%,#0000 10.5%),#ef3d23}.auth-route-transition-shell[data-auth-destination=sign-in] .auth-puff-transition{background:radial-gradient(circle,#ffd51ff0 0 10%,#0000 10.5%),#168bf0}.auth-route-transition-shell[data-auth-destination=forgot-password] .auth-puff-transition{background:radial-gradient(circle,#ffd51ff0 0 10%,#0000 10.5%),#111318}.auth-battler{background-position:bottom;background-repeat:no-repeat;background-size:contain}@media (min-width:621px){.auth-battler-red{background-image:url(/auth/battler-red.svg)}.auth-battler-blue{background-image:url(/auth/battler-blue.svg)}}.auth-mobile-comic-bg{display:none}@keyframes auth-puff-screen{0%{opacity:0}14%,78%{opacity:1}to{opacity:1}}@keyframes auth-puff-rays{0%{opacity:0;transform:scale(.35)rotate(-15deg)}45%{opacity:.55}to{opacity:.2;transform:scale(1.2)rotate(9deg)}}@keyframes auth-puff-speed{0%{opacity:0;transform:scale(.2)rotate(-10deg)}38%{opacity:.7}to{opacity:.18;transform:scale(1.1)rotate(12deg)}}@keyframes auth-puff-cloud-pop{0%{opacity:0;transform:scale(.05)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes auth-puff-word{0%{opacity:0;transform:rotate(-20deg)scale(.15)}68%{opacity:1;transform:rotate(2deg)scale(1.12)}to{opacity:1;transform:rotate(-7deg)scale(1)}}@media (max-width:620px){body:has(.auth-experience){background:#fff4d8}.auth-experience{isolation:isolate;min-height:calc(100svh - 64px);padding:max(82px, env(safe-area-inset-top)) 0 max(56px, env(safe-area-inset-bottom));background:#fff4d8;align-items:start;position:relative;overflow:hidden}.auth-mobile-comic-bg{z-index:-2;background:radial-gradient(circle at 50% 38%,#fffffff2 0 18%,#0000 43%),radial-gradient(#11131821 1.2px,#0000 1.4px) 0 0/13px 13px,linear-gradient(145deg,#ffd9ca 0 31%,#fff4d8 31% 69%,#d9efff 69% 100%);display:block;position:absolute;inset:0;overflow:hidden}.auth-mobile-comic-bg:before,.auth-mobile-comic-bg:after{content:"";pointer-events:none;position:absolute}.auth-mobile-comic-bg:before{background:repeating-conic-gradient(from 0deg at 50% 43%, #ef3d2324 0 2deg, transparent 2deg 9deg);opacity:.65;inset:-35%;transform:rotate(-8deg)}.auth-mobile-comic-bg:after{border:3px solid #1113181a;border-radius:50%;width:180px;height:180px;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 26px #ffd51f14,0 0 0 54px #168bf00d}.auth-mobile-ray-field{background:repeating-conic-gradient(from 0deg at 50% 42%, #11131818 0 1deg, transparent 1deg 12deg);opacity:.38;position:absolute;inset:-22%}.auth-mobile-color-slice{opacity:.38;width:42%;position:absolute;top:0;bottom:0}.auth-mobile-color-slice-red{clip-path:polygon(0 0,100% 0,60% 100%,0 100%);background:linear-gradient(135deg,#ef3d23b8,#0000 70%);left:-18%}.auth-mobile-color-slice-blue{clip-path:polygon(0 0,100% 0,100% 100%,40% 100%);background:linear-gradient(225deg,#168bf0a6,#0000 70%);right:-18%}.auth-mobile-smoke{opacity:.54;width:104px;height:72px;position:absolute}.auth-mobile-smoke-left{bottom:9%;left:-20px;transform:rotate(9deg)}.auth-mobile-smoke-right{top:10%;right:-24px;transform:rotate(-12deg)}.auth-mobile-smoke i{background:#fffdf6d6;border:3px solid #111318b8;border-radius:50%;display:block;position:absolute}.auth-mobile-smoke i:first-child{width:46px;height:40px;top:25px;left:0}.auth-mobile-smoke i:nth-child(2){width:58px;height:54px;top:5px;left:28px}.auth-mobile-smoke i:nth-child(3){width:42px;height:38px;top:28px;left:62px}.auth-mobile-smoke i:nth-child(4){width:48px;height:35px;top:35px;left:38px}.auth-mobile-comic-bg>strong{color:#ffd51f47;font:900 82px/.8 var(--font-display);letter-spacing:-.08em;-webkit-text-stroke:3px #11131821;position:absolute;bottom:18%;right:-14px;transform:rotate(-9deg)}.auth-experience-stage{z-index:2;position:relative}.auth-form-frame{filter:none}.auth-experience .auth-card{box-shadow:6px 7px 0 var(--auth-ink), 0 24px 58px #1113182e;background:radial-gradient(#11131809 1px,#0000 1.2px) 0 0/13px 13px,#fffdf6f7}.auth-mobile-comic-bg,.auth-mobile-comic-bg *,.auth-experience .auth-card,.auth-form-frame{animation:none!important}.auth-puff-transition>strong{-webkit-text-stroke-width:4px;text-shadow:6px 7px #fff,12px 13px #111318;font-size:clamp(72px,25vw,118px)}.auth-puff-cloud{border-width:3px;box-shadow:7px 7px #111318}.auth-puff-cloud-9{width:min(88vw,390px)}}@media (max-width:360px){.auth-experience{padding-top:72px}.auth-mobile-comic-bg>strong{font-size:68px}}@media (prefers-reduced-motion:reduce){.is-auth-route-transitioning .auth-puff-transition{animation-duration:.16s!important}.is-auth-route-transitioning .auth-puff-transition:before,.is-auth-route-transitioning .auth-puff-speed-lines,.is-auth-route-transitioning .auth-puff-cloud,.is-auth-route-transitioning .auth-puff-transition>strong{opacity:1;transform:none;animation:none!important}.is-auth-route-transitioning .auth-puff-cloud-9{transform:translate(-50%,-50%)}}.auth-puff-tap-flash{display:none}html.auth-puff-lock,html.auth-puff-lock body{overscroll-behavior:none;overflow:hidden!important}@media (max-width:620px){:root{--auth-mobile-header-height:64px}:is(html:has(.auth-experience),body:has(.auth-experience)){overscroll-behavior:none;width:100%;height:100%;min-height:100%;max-height:100%;overflow:hidden!important}body:has(.auth-experience){touch-action:manipulation;background:#fff4d8;margin:0;position:fixed;inset:0}:is(body:has(.auth-experience) .headline-strip,body:has(.auth-experience) .comic-footer,body:has(.auth-experience) .site-footer){display:none!important}:is(body:has(.auth-experience) .site-header,body:has(.auth-experience) .comic-header){z-index:200;height:var(--auth-mobile-header-height);min-height:var(--auth-mobile-header-height);max-height:var(--auth-mobile-header-height);flex:0 0 var(--auth-mobile-header-height);position:relative;top:auto}body:has(.auth-experience) .comic-header .header-inner{height:var(--auth-mobile-header-height);min-height:var(--auth-mobile-header-height)}body:has(.auth-experience) .header-inner{height:var(--auth-mobile-header-height);min-height:var(--auth-mobile-header-height)}body:has(.auth-experience)>div{min-height:0}body:has(.auth-experience) #__next{min-height:0}.auth-route-transition-shell{height:calc(100dvh - var(--auth-mobile-header-height));min-height:0;max-height:calc(100dvh - var(--auth-mobile-header-height));overflow:hidden}@supports not (height:100dvh){.auth-route-transition-shell{height:calc(100svh - var(--auth-mobile-header-height));max-height:calc(100svh - var(--auth-mobile-header-height))}}.auth-experience{width:100%;height:100%;min-height:0;max-height:100%;padding:max(16px, env(safe-area-inset-top)) 0 max(16px, env(safe-area-inset-bottom));place-items:center;display:grid;overflow:hidden}.auth-experience-stage{width:min(100% - 20px,480px);max-height:100%;margin:0 auto}.auth-form-frame,.auth-experience .auth-card{max-height:100%}.auth-experience .auth-card{padding-top:35px;padding-bottom:18px}.auth-puff-transition{contain:strict;isolation:isolate;background:radial-gradient(circle at 50% 48%,#ffd51ffa 0 12%,#0000 12.5%),#ef3d23;width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}@supports not (height:100dvh){.auth-puff-transition{height:100svh;min-height:100svh;max-height:100svh}}.auth-route-transition-shell[data-auth-destination=sign-up] .auth-puff-transition{background:radial-gradient(circle at 50% 48%,#ffd51ffa 0 12%,#0000 12.5%),linear-gradient(145deg,#ff5438 0 54%,#d92617 54% 100%)}.auth-route-transition-shell[data-auth-destination=sign-in] .auth-puff-transition{background:radial-gradient(circle at 50% 48%,#ffd51ffa 0 12%,#0000 12.5%),linear-gradient(145deg,#41b7ff 0 54%,#0876d4 54% 100%)}.auth-route-transition-shell[data-auth-destination=forgot-password] .auth-puff-transition{background:radial-gradient(circle at 50% 48%,#ffd51ffa 0 12%,#0000 12.5%),linear-gradient(145deg,#ffd51f 0 45%,#111318 45% 100%)}.auth-puff-transition:before{background:repeating-conic-gradient(from -8deg at 50% 48%, #ffffff80 0 1.2deg, transparent 1.2deg 9deg);inset:-46%;transform:scale(.18)rotate(-18deg)}.auth-puff-transition:after{opacity:.2;background-image:radial-gradient(#1113184d 1.35px,#0000 1.55px);background-size:12px 12px;inset:0}.auth-puff-tap-flash{z-index:1;left:var(--auth-puff-origin-x,50vw);top:var(--auth-puff-origin-y,50dvh);opacity:0;background:#fff;border:4px solid #111318;border-radius:50%;width:24px;height:24px;display:block;position:absolute;transform:translate(-50%,-50%)scale(.1)}.auth-puff-speed-lines{background:repeating-conic-gradient(from 0deg at 50% 48%, #11131840 0 1deg, transparent 1deg 12deg);inset:-62%}.auth-puff-cloud{--puff-x:0%;--puff-y:0%;width:84px;transform:translate(var(--puff-x), var(--puff-y)) scale(.04);border-width:3px;box-shadow:7px 8px #111318}.auth-puff-cloud-1{width:104px;top:25%;left:-7%}.auth-puff-cloud-2{width:76px;top:48%;left:7%}.auth-puff-cloud-3{width:82px;top:10%;left:20%}.auth-puff-cloud-4{width:94px;bottom:5%;left:22%}.auth-puff-cloud-5{width:104px;top:25%;right:-7%}.auth-puff-cloud-6{width:76px;top:48%;right:7%}.auth-puff-cloud-7{width:82px;top:10%;right:20%}.auth-puff-cloud-8{width:94px;bottom:5%;right:22%}.auth-puff-cloud-9{--puff-x:-50%;--puff-y:-50%;width:min(74vw,310px);top:48%;left:50%}.auth-puff-transition>strong{z-index:4;letter-spacing:-.075em;-webkit-text-stroke:4px #111318;text-shadow:5px 6px #fff,11px 12px #111318;width:max-content;font-size:clamp(68px,23vw,102px);line-height:.78;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)scale(.12)}.is-auth-route-transitioning .auth-puff-transition{animation:.62s cubic-bezier(.16,.82,.2,1) both auth-mobile-puff-screen}.is-auth-route-transitioning .auth-puff-transition:before{animation:.55s ease-out 20ms both auth-mobile-puff-rays}.is-auth-route-transitioning .auth-puff-speed-lines{animation:.55s ease-out both auth-mobile-puff-speed}.is-auth-route-transitioning .auth-puff-tap-flash{animation:.35s ease-out both auth-mobile-puff-tap}.is-auth-route-transitioning .auth-puff-cloud{animation:.43s cubic-bezier(.14,1.45,.22,1) both auth-mobile-puff-cloud}.is-auth-route-transitioning .auth-puff-cloud-2,.is-auth-route-transitioning .auth-puff-cloud-6{animation-delay:25ms}.is-auth-route-transitioning .auth-puff-cloud-3,.is-auth-route-transitioning .auth-puff-cloud-7{animation-delay:50ms}.is-auth-route-transitioning .auth-puff-cloud-4,.is-auth-route-transitioning .auth-puff-cloud-8{animation-delay:75ms}.is-auth-route-transitioning .auth-puff-cloud-9{animation-delay:80ms}.is-auth-route-transitioning .auth-puff-transition>strong{animation:.48s cubic-bezier(.14,1.45,.2,1) 70ms both auth-mobile-puff-word}}@media (max-width:620px) and (max-height:760px){.auth-experience{padding:max(8px, env(safe-area-inset-top)) 0 max(8px, env(safe-area-inset-bottom))}.auth-experience-stage{width:min(100% - 14px,460px)}.auth-form-ribbon{min-height:34px;top:-13px}.auth-experience .auth-card{padding:29px 13px 13px}.auth-experience .auth-card h1{margin-block:6px;font-size:clamp(29px,9.4vw,38px)}.auth-experience .auth-card>p{margin-bottom:10px;font-size:9px;line-height:1.35}.auth-card-divider{margin:8px 0}.auth-experience .auth-card form{gap:8px}.auth-input-shell,.auth-experience-forgot-password .auth-card form input{min-height:42px}.auth-experience .auth-card .auth-input-shell input,.auth-password-toggle{height:38px;min-height:38px}.auth-submit-button,.auth-experience-forgot-password .auth-card form .button{min-height:44px}.auth-card-links,.auth-experience .auth-card>small{margin-top:10px;font-size:7px}}@keyframes auth-mobile-puff-screen{0%{opacity:0;visibility:visible}8%,to{opacity:1;visibility:visible}}@keyframes auth-mobile-puff-rays{0%{opacity:0;transform:scale(.16)rotate(-18deg)}46%{opacity:.68}to{opacity:.24;transform:scale(1.05)rotate(8deg)}}@keyframes auth-mobile-puff-speed{0%{opacity:0;transform:scale(.15)rotate(-11deg)}42%{opacity:.72}to{opacity:.2;transform:scale(1.02)rotate(8deg)}}@keyframes auth-mobile-puff-tap{0%{opacity:.95;transform:translate(-50%,-50%)scale(.1)}to{opacity:0;transform:translate(-50%,-50%)scale(14)}}@keyframes auth-mobile-puff-cloud{0%{opacity:0;transform:translate(var(--puff-x), var(--puff-y)) scale(.04)}68%{opacity:1;transform:translate(var(--puff-x), var(--puff-y)) scale(1.1)}to{opacity:1;transform:translate(var(--puff-x), var(--puff-y)) scale(1)}}@keyframes auth-mobile-puff-word{0%{opacity:0;transform:translate(-50%,-50%)rotate(-23deg)scale(.1)}67%{opacity:1;transform:translate(-50%,-50%)rotate(3deg)scale(1.13)}to{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}}@media (prefers-reduced-motion:reduce) and (max-width:620px){.is-auth-route-transitioning .auth-puff-transition{animation-duration:.18s!important}.is-auth-route-transitioning .auth-puff-transition:before,.is-auth-route-transitioning .auth-puff-speed-lines,.is-auth-route-transitioning .auth-puff-tap-flash,.is-auth-route-transitioning .auth-puff-cloud,.is-auth-route-transitioning .auth-puff-transition>strong{opacity:1;animation:none!important}.auth-puff-transition>strong{transform:translate(-50%,-50%)rotate(-8deg)scale(1)}.auth-puff-cloud{transform:translate(var(--puff-x), var(--puff-y)) scale(1)}}@media (max-width:900px){.comic-header .header-inner{align-items:center!important;width:min(100% - 24px,1180px)!important;display:flex!important}.comic-header .comic-brand,.comic-header .brand{margin-right:0!important}.comic-header .fbh-mobile-nav{flex:none;margin-left:auto!important;display:block!important}.fbh-mobile-nav-layer-portal{isolation:isolate;z-index:12000!important;visibility:hidden!important;pointer-events:none!important;width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important}.fbh-mobile-nav-layer-portal.is-open{visibility:visible!important;pointer-events:auto!important}.fbh-mobile-nav-layer-portal.is-open .fbh-mobile-nav-backdrop{opacity:1!important}.fbh-mobile-nav-layer-portal .fbh-mobile-nav-drawer{max-width:100vw;height:100dvh!important;top:0!important;bottom:auto!important;right:0!important}.fbh-mobile-nav-layer-portal.is-open .fbh-mobile-nav-drawer{transform:translate(0,0)!important}.comic-header .mobile-arena-menu,.comic-header .comic-mobile-menu,.comic-header .mobile-menu{display:none!important}}@media (max-width:430px){.fbh-mobile-nav-layer-portal .fbh-mobile-nav-drawer{border-left:0!important;width:100vw!important}}@media (min-width:1051px){.comic-header .header-inner{gap:clamp(18px,2vw,30px)}.comic-header .desktop-nav{align-self:stretch;gap:clamp(16px,1.5vw,24px)}.comic-header .desktop-nav>a,.desktop-categories-trigger{color:#2c2a27;min-height:100%;font:inherit;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:12px;font-weight:900;transition:color .18s,transform .18s;display:inline-flex;position:relative}.comic-header .desktop-nav>a:after,.desktop-categories-trigger:after{content:"";transform-origin:50%;background:#ef3d23;height:3px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.comic-header .desktop-nav>a:hover,.comic-header .desktop-nav>a:focus-visible,.desktop-categories-trigger:hover,.desktop-categories-trigger:focus-visible,.desktop-categories-menu.is-open .desktop-categories-trigger{color:#ef3d23;transform:translateY(-1px)}.comic-header .desktop-nav>a:hover:after,.comic-header .desktop-nav>a:focus-visible:after,.desktop-categories-trigger:hover:after,.desktop-categories-trigger:focus-visible:after,.desktop-categories-menu.is-open .desktop-categories-trigger:after{transform:scaleX(1)}.desktop-categories-menu{align-items:stretch;display:flex;position:relative}.desktop-categories-trigger{gap:7px}.desktop-categories-trigger i{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:block;transform:translateY(-2px)rotate(45deg)}.desktop-categories-menu.is-open .desktop-categories-trigger i{transform:translateY(2px)rotate(225deg)}.desktop-categories-panel{z-index:700;opacity:0;pointer-events:none;visibility:hidden;transform-origin:34% 0;background:radial-gradient(circle,#11111114 0 1px,#0000 1px) 0 0/13px 13px,#fff9e9;border:3px solid #111;width:min(760px,100vw - 40px);padding:18px;transition:opacity .18s,transform .24s cubic-bezier(.18,.82,.2,1),visibility 0s linear .24s;position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-34%,-12px)scale(.975);box-shadow:10px 10px #111}.desktop-categories-menu.is-open .desktop-categories-panel{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(-34%)scale(1)}.desktop-categories-panel:before{content:"";background:#fff9e9;border-top:3px solid #111;border-left:3px solid #111;width:17px;height:17px;position:absolute;top:-11px;left:33%;transform:rotate(45deg)}.desktop-categories-panel-head{background:#ffd51f;border-bottom:3px solid #111;justify-content:space-between;align-items:center;gap:24px;min-height:60px;margin:-18px -18px 16px;padding:0 18px;display:flex}.desktop-categories-panel-head span{color:#111;font:1000 21px var(--font-display);letter-spacing:-.03em;text-transform:uppercase}.desktop-categories-panel-head strong{color:#111111a6;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900}.desktop-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.desktop-categories-grid>a{color:#111;background:#fffffff0;border:2px solid #111;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:58px;padding:9px 10px;transition:transform .16s,box-shadow .16s,background .16s;display:grid;box-shadow:3px 3px #1111111f}.desktop-categories-grid>a:hover,.desktop-categories-grid>a:focus-visible{color:#111;background:#fff1a6;outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px #111}.desktop-categories-grid>a>span{color:#ef3d23;font:1000 10px var(--font-display)}.desktop-categories-grid>a>strong{letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;font-size:10px;font-weight:950;line-height:1.15;overflow:hidden}.desktop-categories-grid>a>b{font-size:13px}.desktop-categories-all{text-transform:uppercase;background:#111;border:2px solid #111;justify-content:center;align-items:center;gap:10px;min-height:42px;margin-top:12px;transition:background .16s,color .16s,transform .16s;display:flex;color:#ffd51f!important;letter-spacing:.1em!important;font-size:10px!important;font-weight:950!important}.desktop-categories-all:hover,.desktop-categories-all:focus-visible{background:#ef3d23;outline:none;transform:translateY(-1px);color:#fff!important}.comic-header .header-actions{margin-left:auto}}@media (prefers-reduced-motion:reduce){.desktop-categories-panel,.desktop-categories-trigger i,.desktop-categories-grid>a{transition-duration:.001ms!important}}.comic-discover-card>.discover-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.categories-directory-page{color:#111;background:radial-gradient(circle at 8% 4%,#ffd51f38,#0000 25rem),radial-gradient(circle at 94% 16%,#ef3d2321,#0000 28rem),#fff8e8;min-height:100vh;overflow:clip}.categories-directory-hero{background:radial-gradient(circle,#1111111a 0 1.2px,#0000 1.2px) 0 0/13px 13px,linear-gradient(110deg,#ef4b2b 0 57%,#ffd51f 57% 100%);border-bottom:4px solid #111;position:relative;overflow:hidden}.categories-directory-hero:after{content:"CATEGORIES";color:#11111113;font:1000 clamp(92px, 16vw, 250px)/.72 var(--font-display);letter-spacing:-.08em;pointer-events:none;position:absolute;bottom:-4.5vw;right:-2vw}.categories-directory-hero-inner{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:center;gap:clamp(40px,7vw,110px);min-height:560px;padding-block:clamp(72px,8vw,112px);display:grid;position:relative}.categories-directory-copy .section-kicker{color:#111;background:#ffd51f;border:2px solid #111;padding:7px 10px;box-shadow:4px 4px #111}.categories-directory-copy h1{color:#fff;font:1000 clamp(64px, 8vw, 118px)/.78 var(--font-display);letter-spacing:-.065em;text-transform:uppercase;text-shadow:6px 6px #111;margin:22px 0 20px}.categories-directory-copy p{color:#111111d4;max-width:650px;margin:0;font-size:clamp(16px,1.5vw,19px);font-weight:750;line-height:1.65}.categories-directory-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.categories-directory-scoreboard{justify-items:center;gap:26px;min-width:0;display:grid}.categories-directory-burst{aspect-ratio:1;clip-path:polygon(50% 0,60% 15%,78% 4%,74% 24%,100% 18%,83% 41%,100% 50%,83% 59%,100% 82%,74% 76%,78% 96%,60% 85%,50% 100%,40% 85%,22% 96%,26% 76%,0 82%,17% 59%,0 50%,17% 41%,0 18%,26% 24%,22% 4%,40% 15%);filter:drop-shadow(13px 15px #111);background:#fff;border:5px solid #111;place-content:center;justify-items:center;width:min(320px,78vw);display:grid;transform:rotate(-6deg)}.categories-directory-burst small{letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:950}.categories-directory-burst strong{font:1000 92px/.82 var(--font-display)}.categories-directory-burst span{color:#ef3d23;font:1000 30px var(--font-display)}.categories-directory-stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.categories-directory-stats article{text-align:center;background:#ffffffeb;border:3px solid #111;min-width:0;padding:13px 9px;box-shadow:4px 4px #111}.categories-directory-stats strong{font:1000 25px/1 var(--font-display);display:block}.categories-directory-stats span{letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:900;display:block}.categories-directory-list{padding-block:clamp(84px,9vw,132px)}.categories-directory-heading{margin-bottom:38px}.categories-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.categories-directory-grid .arena-category-comic-card{min-height:330px}.categories-directory-grid .arena-category-comic-label{text-overflow:ellipsis;white-space:nowrap;max-width:132px;overflow:hidden}.categories-directory-finale{background:radial-gradient(circle,#1111111f 0 1px,#0000 1px) 0 0/13px 13px,#ffd51f;border:4px solid #111;justify-content:space-between;align-items:center;gap:32px;min-height:230px;margin-bottom:110px;padding:40px 44px;display:flex;box-shadow:13px 13px #111}.categories-directory-finale span{color:#ef3d23;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:950}.categories-directory-finale h2{font:1000 clamp(40px, 5vw, 70px)/.9 var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin:8px 0 0}.category-battles-page{padding-top:42px}.category-battles-hero{isolation:isolate;background:radial-gradient(circle,#11111117 0 1.2px,#0000 1.2px) 0 0/13px 13px,linear-gradient(112deg,#fff8e8 0 62%,#ffd51f 62% 100%);border:4px solid #111;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);align-items:center;gap:30px;min-height:360px;margin-bottom:34px;padding:42px 48px;display:grid;position:relative;overflow:hidden;box-shadow:12px 12px #111}.category-battles-hero:before{content:"VS";z-index:-1;color:#1111110b;font:1000 250px/.8 var(--font-display);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.category-battles-back{color:#111;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px;font-size:10px;font-weight:950;display:inline-flex}.category-battles-copy h1{font:1000 clamp(58px, 7vw, 100px)/.82 var(--font-display);letter-spacing:-.065em;text-transform:uppercase;margin:15px 0 14px}.category-battles-copy p{color:#111111ad;max-width:700px;margin:0;font-size:16px;font-weight:700;line-height:1.65}.category-battles-copy p strong{color:#ef3d23;font:1000 22px var(--font-display)}.category-battles-artwork{background:#fff;border:4px solid #111;min-height:260px;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:8px 8px #111}.category-battles-artwork img,.category-battles-artwork>span{object-fit:cover;width:100%;height:100%;min-height:260px;font:1000 70px var(--font-display);place-items:center;display:grid}.category-battles-artwork b{color:#fff;width:74px;height:74px;font:1000 26px var(--font-display);background:#ef3d23;border:4px solid #111;place-items:center;display:grid;position:absolute;bottom:14px;right:14px;transform:rotate(-8deg);box-shadow:5px 5px #ffd51f}.category-battles-toolbar{border-bottom:4px solid #111;justify-content:space-between;align-items:end;gap:28px;margin:64px 0 26px;padding-bottom:18px;display:flex}.category-battles-toolbar h2{font:1000 clamp(34px, 4vw, 58px)/.9 var(--font-display);letter-spacing:-.04em;text-transform:uppercase;margin:7px 0 0}.category-battles-toolbar>a{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:950}.category-battles-page .discover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.category-battles-empty{margin-top:20px}@media (max-width:1120px){.categories-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-battles-hero{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width:900px){.categories-directory-hero-inner,.category-battles-hero{grid-template-columns:1fr}.categories-directory-scoreboard{justify-items:start}.categories-directory-burst{width:220px}.categories-directory-burst strong{font-size:64px}.categories-directory-grid,.category-battles-page .discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-battles-artwork{min-height:230px}}@media (max-width:760px){.categories-directory-hero-inner{min-height:0;padding-block:62px 74px}.categories-directory-copy h1{font-size:clamp(58px,17vw,86px)}.categories-directory-actions{display:grid}.categories-directory-actions>a{width:100%}.categories-directory-scoreboard{justify-items:center}.categories-directory-stats,.categories-directory-grid,.category-battles-page .discover-grid{grid-template-columns:1fr}.categories-directory-grid .arena-category-comic-card{min-height:300px}.categories-directory-finale{flex-direction:column;align-items:flex-start;margin-bottom:75px;padding:30px 24px}.categories-directory-finale>a{width:100%}.category-battles-page{padding-top:24px}.category-battles-hero{padding:28px 22px;box-shadow:7px 7px #111}.category-battles-copy h1{font-size:clamp(50px,15vw,76px)}.category-battles-toolbar{flex-direction:column;align-items:flex-start;margin-top:48px}}.argument-comic-stage .comic-argument-panel.tone-blue{background:radial-gradient(circle, #ffffff94 0 2px, transparent 2.2px) 0 0 / 13px 13px, repeating-conic-gradient(from 180deg at 100% 50%, #2e9dff5c 0 8deg, transparent 8deg 16deg), #8bd1ff!important;box-shadow:8px 8px #111,13px 13px #2e9dff47!important}.argument-comic-stage .comic-argument-panel.tone-red{background:radial-gradient(circle, #ffffff7a 0 2px, transparent 2.2px) 0 0 / 13px 13px, repeating-conic-gradient(from 0deg at 0% 50%, #ef3d2357 0 8deg, transparent 8deg 16deg), #ff8177!important;box-shadow:8px 8px #111,13px 13px #ef3d233d!important}.argument-comic-stage .comic-argument-panel.tone-blue .comic-panel-ribbon{color:#111!important;background:#75c8ff!important;margin-left:0!important;margin-right:auto!important;transform:rotate(-2deg)!important}.argument-comic-stage .comic-argument-panel.tone-red .comic-panel-ribbon{color:#fff!important;background:#ef3d23!important;margin-left:auto!important;margin-right:0!important;transform:rotate(2deg)!important}.argument-comic-stage .comic-argument-panel.tone-blue .argument-card-comic{background:linear-gradient(#fffffffc,#daf1fffa)!important;box-shadow:7px 7px #111,12px 12px #2e9dff38!important}.argument-comic-stage .comic-argument-panel.tone-red .argument-card-comic{background:linear-gradient(#fffffffc,#ffe1dbfa)!important;box-shadow:7px 7px #111,12px 12px #ef3d2333!important}.argument-comic-stage .comic-argument-panel.tone-blue .argument-rank{color:#111!important;background:#75c8ff!important;border-color:#111!important;transform:rotate(-1deg)!important;box-shadow:4px 4px #111!important}.argument-comic-stage .comic-argument-panel.tone-red .argument-rank{color:#fff!important;background:#ef3d23!important;border-color:#111!important;transform:rotate(1deg)!important;box-shadow:4px 4px #111!important}.argument-comic-stage .comic-argument-panel.tone-blue .argument-quick-reply{background:linear-gradient(135deg,#e8f7ff,#fff7c8)!important;border-top-color:#2e9dff!important}.argument-comic-stage .comic-argument-panel.tone-red .argument-quick-reply{background:linear-gradient(135deg,#ffe7df,#fff7c8)!important;border-top-color:#ef3d23!important}.argument-comic-stage .comic-argument-panel.tone-blue .comic-mini-burst{color:#111!important;background:#2e9dff!important}.argument-comic-stage .comic-argument-panel.tone-red .comic-mini-burst{color:#fff!important;background:#ef3d23!important}.public-battle-image{isolation:isolate;background:radial-gradient(circle at 50% 38%,#ffffffeb,#0000 34%),linear-gradient(135deg,#dff2ff,#fff2cf);display:block;position:relative;overflow:hidden}.public-battle-image-placeholder{z-index:0;color:#11111140;font:1000 clamp(42px, 6vw, 92px) / 1 var(--font-display);letter-spacing:-.07em;place-items:center;display:grid;position:absolute;inset:0}.public-battle-image img{z-index:1;object-position:center center;transition:opacity .22s,transform .3s;position:absolute;inset:0;opacity:1!important;visibility:visible!important;width:100%!important;height:100%!important;display:block!important}.public-battle-image-cover img{object-fit:cover}.public-battle-image-contain img{object-fit:contain;padding:4%}.public-battle-image-loaded .public-battle-image-placeholder{opacity:0}.public-battle-image-loading img{opacity:.45!important}.public-battle-image-failed .public-battle-image-placeholder{opacity:1}.discover-card-media.public-battle-image,.comic-card-face.public-battle-image{min-width:0;min-height:0}.discover-comic-faces .public-battle-image,.comic-card-faces .public-battle-image{height:100%}.arena-trending-deck .public-battle-image img{content-visibility:visible}.battle-detail-public-image{isolation:isolate;background:radial-gradient(circle at 50% 38%,#fffffff0,#0000 34%),#fff;place-items:center;width:100%;height:100%;position:relative;overflow:hidden;display:grid!important}.battle-detail-public-image .public-battle-image-placeholder{z-index:0;color:#11111145;font:1000 clamp(54px, 7vw, 108px) / 1 var(--font-display);letter-spacing:-.07em;place-items:center;display:grid;position:absolute;inset:0}.battle-detail-public-image img{z-index:3!important;opacity:1!important;visibility:visible!important;object-fit:contain!important;object-position:center center!important;filter:none!important;width:94%!important;max-width:none!important;height:94%!important;max-height:none!important;display:block!important;position:absolute!important;inset:3%!important;transform:none!important}.battle-detail-public-image.public-battle-image-loaded .public-battle-image-placeholder{opacity:0}.battle-detail-public-image.public-battle-image-loading img{opacity:.4!important}.battle-detail-public-image.public-battle-image-failed .public-battle-image-placeholder{opacity:1}.battle-stage .battle-detail-public-image,.reference-vs-stage .battle-detail-public-image,.battle-stage .battle-detail-public-image>img,.reference-vs-stage .battle-detail-public-image>img{opacity:1!important;visibility:visible!important}@media (max-width:760px){.battle-detail-public-image img{width:90%!important;height:90%!important;inset:5%!important}}