.world-arena-app{--navy-900:#0d2c4a;--navy-800:#123a5c;--blue-bg:#16406b;--blue-bg-2:#1a4d80;--maroon-900:#5c1414;--maroon-800:#7a1a1a;--maroon-700:#8f2020;--maroon-glow:#a52626;--black:#0a0a0a;--white:#fff;--lime:#c8f24d;--ink-shadow:0 2px 0 #0000008c, 0 4px 10px #00000059;--radius-lg:26px;--radius-md:18px;--radius-pill:999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,.world-arena-app{margin:0;padding:0}.world-arena-app{background:radial-gradient(1200px 600px at 50% -10%, #ffffff0d, transparent 60%), linear-gradient(180deg, var(--blue-bg) 0%, var(--navy-900) 100%);min-height:100vh;color:var(--white);background-attachment:fixed;font-family:Oswald,sans-serif;overflow-x:hidden}.display{letter-spacing:.5px;text-shadow:var(--ink-shadow);font-family:Anton,sans-serif;font-style:italic;display:inline-block;transform:skew(-3deg)}.world-arena-app .world-arena-container{max-width:460px;min-height:100vh;margin:0 auto;padding-bottom:60px;position:relative}.topbar{z-index:50;background:var(--blue-bg);border-bottom:3px solid var(--black);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #00000026}.icon-btn{background:var(--black);cursor:pointer;border:2px solid #2a2a2a;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.icon-btn:active{transform:scale(.92)}.icon-btn.back{border-color:var(--lime);box-shadow:0 0 0 1px #c8f24d40}.icon-btn.plus{background:0 0;border:none;width:38px;height:38px}.icon-btn.plus svg,.icon-btn.plus:hover svg{transition:transform .2s}.icon-btn.plus:active svg{transform:rotate(90deg)}.icon-btn.plus.active svg{transform:rotate(45deg)}.section{padding:6px 18px 22px}.section-title{color:var(--white);margin:18px 0 12px;font-size:22px}.eyebrow{letter-spacing:2px;color:#9fc3e8;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.create-wrap{opacity:0;max-height:0;padding:0 18px;transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .35s,margin .35s;overflow:hidden}.create-wrap.open{opacity:1;max-height:900px;margin-bottom:8px}.card-red{background:radial-gradient(120% 140% at 15% 0%, var(--maroon-glow) 0%, var(--maroon-800) 45%, var(--maroon-900) 100%);border-radius:var(--radius-lg);border:1px solid #0006;padding:22px 20px 20px;position:relative;box-shadow:0 14px 30px #00000073,inset 0 1px #ffffff14}.card-red:after{content:"";border-radius:var(--radius-lg);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -40px 60px #00000059}.name-input{width:100%;color:var(--white);text-shadow:var(--ink-shadow);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;outline:none;padding:6px 0 14px;font-family:Anton,sans-serif;font-size:28px;font-style:italic;transform:skew(-3deg)}.name-input::placeholder{color:#ffffffa6}.pill{border-radius:var(--radius-pill);color:#ffffffe6;cursor:pointer;text-align:left;background:#00000047;border:1.5px solid #ffffff8c;width:100%;margin-bottom:12px;padding:13px 20px;font-family:Oswald,sans-serif;font-size:15px;font-style:italic;font-weight:500;transition:all .18s}.pill.selected{background:var(--black);border-color:var(--black);color:var(--white);transform:scale(1.01);box-shadow:0 4px 12px #0006}.pill:active{transform:scale(.98)}.type-row{flex-direction:column;display:flex}.country-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.country-input{border-radius:var(--radius-pill);color:var(--white);background:#1c1c1c;border:none;outline:none;flex:1;padding:13px 18px;font-family:Oswald,sans-serif;font-size:14px;font-style:italic;font-weight:500}.country-input::placeholder{color:#8a8a8a}.vs-mini{color:var(--white);text-shadow:var(--ink-shadow);flex-shrink:0;font-family:Anton,sans-serif;font-size:18px;font-style:italic;transform:skew(-6deg)}.match-pick-list{flex-direction:column;gap:10px;max-height:220px;margin-bottom:14px;padding-right:2px;display:flex;overflow-y:auto}.match-pick{cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:stretch;height:54px;display:flex;position:relative;overflow:hidden}.match-pick.selected{border-color:var(--lime)}.match-pick .flag-half{flex:1;position:relative;overflow:hidden}.match-pick .vs-tag{text-shadow:var(--ink-shadow);z-index:2;background:#00000059;border-radius:6px;padding:2px 8px;font-family:Anton;font-size:16px;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)skew(-6deg)}.create-actions{justify-content:flex-end;margin-top:4px;display:flex}.btn-black{background:var(--black);color:var(--white);border-radius:var(--radius-pill);letter-spacing:.5px;cursor:pointer;border:none;padding:12px 26px;font-family:Oswald,sans-serif;font-size:14px;font-style:italic;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 14px #0006}.btn-black:active{transform:scale(.95)}.btn-black:disabled{opacity:.4;cursor:not-allowed}.btn-black.shake{animation:.4s shakeBtn}@keyframes shakeBtn{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.pill.invalid,.name-input.invalid,.country-input.invalid{box-shadow:0 0 0 2px #ff5c5c!important}.create-hint{color:#ffb3b3;text-align:right;min-height:16px;margin-top:6px;font-family:Oswald;font-size:12px;font-style:italic}.creator-input{border-radius:var(--radius-pill);width:100%;color:var(--white);background:#00000047;border:1.5px solid #fff6;outline:none;margin-bottom:12px;padding:11px 18px;font-family:Oswald;font-size:13px;font-style:italic}.creator-input::placeholder{color:#ffffff8c}.hscroll{scroll-snap-type:x proximity;gap:14px;padding:4px 18px 14px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.vlist{flex-direction:column;gap:12px;padding:4px 18px 14px;display:flex}.vstack{flex-direction:column;gap:16px;padding:0 18px;display:flex}.battle-card{background:radial-gradient(130% 160% at 20% -10%, var(--maroon-glow) 0%, var(--maroon-800) 45%, var(--maroon-900) 100%);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #0006;padding:28px 22px 18px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 16px 32px #00000080,inset 0 1px #ffffff14}.battle-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px #0000008c}.battle-card:active{transform:scale(.985)}.battle-card .title{text-align:center;text-transform:uppercase;margin-bottom:20px;font-size:30px;line-height:1.05;display:block}.vs-row{justify-content:space-between;align-items:center;margin-bottom:22px;padding:0 4px;display:flex}.vs-row .country{color:#ffffffeb;text-shadow:0 1px 3px #0006;font-family:Oswald;font-size:15px;font-style:italic;font-weight:500}.vs-row .vs-big{font-size:22px}.enter-btn{border-radius:var(--radius-pill);text-align:center;letter-spacing:.5px;width:100%;color:var(--white);background:linear-gradient(#2c2c2c,#0a0a0a);border:1px solid #ffffff26;margin-bottom:14px;padding:14px;font-family:Oswald;font-size:15px;font-style:italic;font-weight:700;box-shadow:0 6px 14px #00000073}.icon-palette{justify-content:flex-end;align-items:center;gap:8px;display:flex}.mini-icon{background:#0006;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .15s,background .15s;display:flex}.mini-icon:hover{background:#0009;transform:translateY(-2px)}.mini-icon svg{width:15px;height:15px}.mini-icon.liked svg path,.mini-icon.liked svg circle{stroke:var(--lime)}.fan-card{text-align:center;width:100%}.fan-pill{border-radius:var(--radius-pill);cursor:pointer;background:#161616;border:1px solid #ffffff14;align-items:center;gap:8px;width:100%;padding:12px 8px;transition:transform .18s;display:flex}.fan-pill:active{transform:scale(.96)}.fan-pill .side{border-radius:var(--radius-pill);text-align:center;text-transform:capitalize;background:#ffffff14;flex:1;padding:9px 14px;font-family:Oswald;font-size:13px;font-style:italic;font-weight:500}.fan-pill .vs-mini{font-size:14px}.fan-creator{color:#a9c6e6;margin-top:8px;font-family:Oswald;font-size:12px;font-style:italic}.match-card{cursor:pointer;border-radius:16px;width:100%;height:78px;transition:transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #0006}.match-card:active{transform:scale(.97)}.flag-half{flex:1;position:relative}.flag-half img{object-fit:cover;width:100%;height:100%;display:block}.match-card .vs-center{text-shadow:var(--ink-shadow);z-index:3;font-family:Anton;font-size:20px;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)skew(-6deg)}.match-card .names{letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 3px #000000b3;z-index:3;justify-content:space-between;padding:0 10px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:6px;left:0;right:0}.detail-view{display:none}.detail-view.active{display:block}.hub-view{display:none}.hub-view.active{display:block}.home-view.hidden{display:none}.vote-eyebrow{padding:4px 18px 10px}.vote-row{border-radius:var(--radius-pill);cursor:pointer;background:#00000047;border:1.5px solid #ffffff8c;justify-content:space-between;align-items:center;margin:0 18px 12px;padding:14px 22px;transition:all .2s;display:flex}.vote-row.voted{background:var(--black);border-color:var(--lime);box-shadow:0 0 0 1px #c8f24d4d,0 6px 16px #0006}.vote-row .name{font-family:Oswald;font-size:15px;font-style:italic;font-weight:600}.vote-row .count{text-shadow:var(--ink-shadow);color:var(--lime);font-family:Anton;font-size:15px;font-style:italic;transform:skew(-4deg)}.vote-row.voted .count{color:var(--white)}.grid-header{justify-content:space-between;align-items:center;padding:14px 14px 6px;display:flex;position:relative}.grid-header .side-label{letter-spacing:1px;text-transform:uppercase;text-align:center;flex:1;font-family:Oswald;font-size:13px;font-weight:600}.grid-header .vs-center{padding:0 12px;font-size:26px}.upload-btn{cursor:pointer;z-index:4;background:#ffed0f;border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:absolute;box-shadow:2px 2px #111}.upload-btn:hover{background:#fff;transform:scale(1.08)}.upload-btn:active{transform:scale(.9)}.upload-btn.left{top:14px;left:14px}.upload-btn.right{top:14px;right:14px}.photo-grid-wrap{border-top:2px solid #00000080;margin-top:6px;display:flex}.photo-col{flex:1;grid-template-columns:1fr 1fr;gap:3px;max-height:none;padding:3px;display:grid}.photo-col.left{border-right:2px solid #00000080}.photo-cell{aspect-ratio:3/4;opacity:1;background:#3a3a3a;border-radius:10px;min-height:110px;transition:opacity .4s,transform .4s;overflow:hidden;transform:none;box-shadow:0 4px 10px #00000059}.photo-cell.pre-enter{opacity:0;transform:translateY(10px)scale(.96)}.photo-cell img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.photo-cell:hover img{transform:scale(1.06)}.detail-footer{justify-content:center;gap:16px;padding:22px 18px 10px;display:flex}.detail-footer .mini-icon{width:38px;height:38px}.detail-footer .mini-icon svg{width:18px;height:18px}.empty-hint{color:#ffffff59;text-align:center;aspect-ratio:auto;grid-column:span 2;justify-content:center;align-items:center;padding:20px 8px;font-family:Oswald;font-size:12px;font-style:italic;display:flex}input[type=file]{display:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}