:root{--bg:#05080d;--surface:#101722;--surface2:#172132;--gold:#e0b23d;--gold2:#ffd66b;--blue:#2e8bff;--purple:#9a49ff;--green:#20c46c;--red:#ff4a5e;--text:#f5f7fa;--muted:#a9b2c3;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:#020407;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;min-height:100%;overscroll-behavior:none}button,input,select{font:inherit}.app{min-height:100dvh;background:var(--bg);position:relative;overflow-x:hidden}.bg{position:fixed;inset:0;background:url('assets/main/Master_Responsive_Background.png') center top/cover no-repeat;z-index:0}.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,4,9,.05) 0%,rgba(5,8,13,.45) 50%,rgba(5,8,13,.96) 91%)}.content{position:relative;z-index:1;max-width:760px;margin:auto;padding:calc(var(--safe-top) + 10px) 14px calc(86px + var(--safe-bottom));min-height:100dvh}.topbar{display:grid;grid-template-columns:minmax(0,1.2fr) 76px minmax(112px,1fr);align-items:center;gap:7px}.profile-mini{display:flex;gap:8px;min-width:0;align-items:center}.avatar{width:46px;height:46px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;background:linear-gradient(145deg,#243a5d,#0b1018);font-weight:900;color:var(--gold2);flex:0 0 auto}.pname{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.levelrow{display:flex;align-items:center;gap:5px}.lv{font-size:10px;color:var(--gold2);font-weight:800}.xpbar{height:5px;border-radius:99px;background:#263041;overflow:hidden;flex:1}.xpbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:99px}.logo{width:76px;height:76px;object-fit:contain}.wallet{display:grid;grid-template-columns:1fr 1fr;gap:3px}.currency{position:relative;height:27px;min-width:0}.currency img{width:100%;height:100%;object-fit:fill}.currency span{position:absolute;inset:0 14% 0 34%;display:grid;place-items:center;font-size:10px;font-weight:900;text-shadow:0 1px 5px #000}.settings-icon{width:27px;height:27px;border:0;background:transparent;padding:0}.settings-icon img{width:100%;height:100%;object-fit:contain}.glass{background:linear-gradient(180deg,rgba(19,28,42,.91),rgba(10,15,24,.91));border:1px solid rgba(224,178,61,.2);border-radius:20px;box-shadow:0 14px 35px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.hero{margin-top:12px;padding:18px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(46,139,255,.22),transparent 68%);right:-60px;top:-70px}.eyebrow{font-size:12px;color:var(--muted)}h1,h2,h3,p{margin:0}.hero h1{font-size:27px;color:var(--gold2);font-weight:1000;margin-top:2px}.hero p{margin-top:5px;color:#d9dfeb;font-weight:700;font-size:13px}.ball{font-size:46px;filter:drop-shadow(0 0 16px rgba(224,178,61,.32))}.artbtn{position:relative;width:100%;border:0;background:transparent;padding:0;display:block;cursor:pointer}.artbtn img{display:block;width:100%;height:auto;object-fit:contain}.artbtn .label{position:absolute;left:25%;right:9%;top:50%;transform:translateY(-50%);text-align:center;color:var(--gold2);font-size:14px;font-weight:1000;text-shadow:0 2px 8px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.major{margin-top:12px;display:grid;gap:8px}.major.two{grid-template-columns:1fr 1fr}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.tile{padding:12px 8px;min-height:88px;text-align:center;cursor:pointer;display:grid;align-content:center;gap:6px}.tile .ico{font-size:27px;color:var(--gold2);font-weight:900}.tile span{font-size:10px;font-weight:900;line-height:1.15}.section{margin-top:12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-title h2{font-size:17px;color:var(--gold2)}.section-title small{color:var(--muted)}.panels{display:grid;grid-template-columns:1fr 1fr;gap:9px}.panel{padding:14px}.daily{grid-column:1/-1;display:flex;align-items:center;gap:10px}.daily .grow{flex:1}.muted{color:var(--muted)}.gold{color:var(--gold2)}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:1000;cursor:pointer;background:linear-gradient(180deg,#f2c55f,#bb841c);color:#090909;box-shadow:0 8px 20px rgba(224,178,61,.18)}.btn:disabled{filter:grayscale(1);opacity:.45}.btn.secondary{background:#172132;color:var(--text);border:1px solid rgba(255,255,255,.14);box-shadow:none}.btn.red{background:rgba(255,74,94,.13);border:1px solid rgba(255,74,94,.4);color:#ff8290}.bottomnav{position:fixed;z-index:20;left:0;right:0;bottom:0;background:rgba(5,8,13,.95);border-top:1px solid rgba(255,255,255,.08);padding:8px 8px calc(8px + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(16px)}.navbtn{background:none;border:0;color:#8490a3;padding:5px 2px;display:grid;gap:2px;place-items:center;font-size:9px;font-weight:800}.navbtn i{font-style:normal;font-size:20px}.navbtn.active{color:var(--gold2)}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 2px 14px}.pagehead h1{font-size:24px;color:var(--gold2)}.pagehead p{font-size:12px;color:var(--muted);margin-top:3px}.gamecard{padding:15px;display:flex;gap:13px;align-items:center;margin-bottom:11px;cursor:pointer}.gameicon{width:66px;height:66px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#203a67,#0c1525);border:1px solid rgba(224,178,61,.3);font-size:30px}.gamecard h3{font-size:18px}.gamecard p{font-size:12px;color:var(--muted);margin-top:4px}.chev{margin-left:auto;color:var(--gold2);font-size:23px}.store-list{display:grid;gap:11px}.packrow{padding:12px;display:flex;align-items:center;gap:10px}.packrow>img{width:104px;height:138px;object-fit:contain}.packrow .info{flex:1}.packrow h3{color:var(--gold2);font-size:18px}.packrow p{font-size:12px;color:var(--muted);margin:4px 0}.filters{display:flex;gap:6px;overflow:auto;padding-bottom:7px}.chip{white-space:nowrap;border:1px solid rgba(255,255,255,.13);background:#111927;color:#dce3ed;border-radius:999px;padding:8px 11px;font-size:11px}.chip.active{border-color:var(--gold);background:rgba(224,178,61,.13);color:var(--gold2)}.search{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(13,19,29,.9);border-radius:14px;color:white;outline:none;margin-bottom:8px}.cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pcard{position:relative;aspect-ratio:.74;cursor:pointer}.pcard .frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3}.pcard .portrait{position:absolute;left:20%;right:14%;top:15%;height:51%;border-radius:20%;background:linear-gradient(#2a3e60,#080c12);z-index:1;display:grid;place-items:center;font-size:70px;color:#7f90a8;overflow:hidden}.pcard .portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.pcard .rating{position:absolute;z-index:4;left:15%;top:20%;font-weight:1000;font-size:22px;text-shadow:0 2px 6px #000}.pcard .position{position:absolute;z-index:4;left:14%;top:31%;font-size:10px;font-weight:900}.pcard .name{position:absolute;z-index:4;left:15%;right:15%;bottom:13%;text-align:center;font-size:11px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 5px #000}.empty{text-align:center;color:var(--muted);padding:50px 24px}.pitch{aspect-ratio:.68;background:linear-gradient(#0b6a43,#064a31);border-radius:22px;border:1px solid rgba(255,255,255,.23);position:relative;overflow:hidden;margin-bottom:10px}.pitch:before{content:"";position:absolute;inset:5%;border:1px solid rgba(255,255,255,.35)}.pitch:after{content:"";position:absolute;left:5%;right:5%;top:50%;border-top:1px solid rgba(255,255,255,.35)}.slot{position:absolute;width:58px;height:58px;border-radius:50%;background:rgba(5,10,16,.88);border:1px solid rgba(255,255,255,.4);transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;font-size:10px;font-weight:900;z-index:3;cursor:pointer}.slot.valid{border:3px solid var(--gold2);box-shadow:0 0 18px rgba(224,178,61,.55);background:rgba(224,178,61,.2)}.slot .sr{color:var(--gold2);font-size:14px}.owned-strip{display:flex;gap:7px;overflow:auto;padding:7px 0}.owned-pill{width:88px;flex:0 0 auto;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:7px;background:rgba(10,15,24,.86);text-align:center;font-size:9px}.owned-pill.active{border:2px solid var(--gold2);background:rgba(224,178,61,.1)}.owned-pill b{color:var(--gold2);font-size:13px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:12px;text-align:center}.stat b{display:block;color:var(--gold2);font-size:23px}.stat span{font-size:10px;color:var(--muted)}.overlay{position:fixed;z-index:100;inset:0;background:rgba(2,4,7,.92);overflow:auto;padding:calc(var(--safe-top) + 12px) 14px calc(var(--safe-bottom) + 20px);backdrop-filter:blur(10px)}.overlay .inner{max-width:700px;margin:auto}.back{border:0;background:#0c121c;color:white;border-radius:12px;width:40px;height:40px;font-size:20px;bottom: 1%;}.setup{padding:16px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:7px}.seg button{padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#111927;color:white;font-weight:800}.seg button.active{border-color:var(--gold);background:rgba(224,178,61,.13);color:var(--gold2)}.range{width:100%;accent-color:var(--gold)}.qtop{margin-left: 4px;display:grid;grid-template-columns:40px 1fr 55px ;align-items:center;gap:5px}.scoreline{text-align:center;font-weight:900}.scoreline small{display:block;color:var(--muted);font-weight:500}.timer{padding:8px;border-radius:12px;background:#172132;text-align:center;color:var(--gold2);font-weight:1000}.questionbox{padding:14px;margin-top:10px}.questiontext{text-align:center;font-size:19px;line-height:1.35;font-weight:1000;margin:10px 0 16px}.answer{position:relative;width:100%;border:0;background:none;padding:0;margin:6px 0;cursor:pointer}.answer img{display:block;width:100%;height:58px;object-fit:fill}.answer span{position:absolute;left:17%;right:10%;top:50%;transform:translateY(-50%);font-weight:900;color:white;text-align:center;font-size:13px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.control{position:relative;border:0;background:none;padding:0}.control img{width:100%;height:60px;object-fit:fill}.control span{position:absolute;left:30%;right:9%;top:50%;transform:translateY(-50%);text-align:center;font-weight:900;color:var(--gold2)}.pass{min-height:80dvh;display:grid;place-items:center}.pass .glass{padding:28px;text-align:center;max-width:430px}.pass .big{font-size:62px;color:var(--gold2)}.result{text-align:center;padding:18px}.result .trophy{font-size:70px}.result-score{font-size:32px;font-weight:1000;color:var(--gold2);margin:10px}.ticket-reward{display:inline-block;margin:10px 0;padding:9px 14px;border:1px solid rgba(224,178,61,.35);background:rgba(224,178,61,.12);border-radius:13px;color:var(--gold2);font-weight:1000}.pack-reveal{text-align:center;min-height:90dvh;display:grid;place-items:center;background:radial-gradient(circle,rgba(224,178,61,.18),transparent 55%)}.pack-reveal img.pack{height:55dvh;max-height:430px;animation:float 1.8s ease-in-out infinite}.pack-reveal .reveal-card{width:min(330px,85vw)}@keyframes float{50%{transform:translateY(-8px) rotate(.6deg)}}.modal{position:fixed;z-index:120;inset:0;background:rgba(0,0,0,.84);display:grid;place-items:end center;padding-top:var(--safe-top)}.sheet{width:min(700px,100%);max-height:90dvh;overflow:auto;border-radius:24px 24px 0 0;background:#0c121c;border:1px solid rgba(255,255,255,.1);padding:18px 16px calc(20px + var(--safe-bottom))}.settings-row{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-row label{font-weight:800}.settings-row input[type=range]{flex:1}.switch{width:48px;height:28px;border-radius:99px;background:#2a3445;position:relative;border:0}.switch:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.switch.on{background:#b98a25}.switch.on:after{left:23px}.auction-hidden{height:190px;border-radius:20px;background:radial-gradient(circle,#254777,#080b11 70%);display:grid;place-items:center;font-size:88px;color:rgba(224,178,61,.7);margin:10px 0}.bid-value{text-align:center;color:var(--gold2);font-size:29px;font-weight:1000}.bid-reveal{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bidbox{padding:12px;text-align:center}.bidbox b{font-size:25px;color:var(--gold2);display:block}.notice{padding:10px;border-radius:12px;background:rgba(32,196,108,.12);border:1px solid rgba(32,196,108,.25);color:#65df99;font-size:11px;font-weight:800;text-align:center}.profile-card{padding:18px;text-align:center}.profile-card .avatar{margin:auto;width:92px;height:92px;font-size:32px;border-width:3px}.tiny{font-size:11px}.row{display:flex;align-items:center;gap:8px}.grow{flex:1}.rtl .chev{transform:scaleX(-1)}
@media(min-width:620px){.content{padding-left:22px;padding-right:22px}.cardgrid{grid-template-columns:repeat(3,1fr)}.tiles{grid-template-columns:repeat(6,1fr)}.tile{min-height:100px}}
.kicon{width:1em;height:1em;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.navbtn .kicon{width:21px;height:21px}.hero-icon{width:48px;height:48px;fill:none;stroke:var(--gold2);stroke-width:1.4}.tile .ico .kicon{width:29px;height:29px}.daily-icon{font-size:28px;color:var(--gold2)}.reward-icon .kicon{width:34px;height:34px}.gameicon .kicon{width:36px;height:36px;color:var(--gold2)}.portrait-icon{width:64%;height:64%;color:#7f90a8;stroke-width:1.2}.pass-icon{width:68px;height:68px;color:var(--gold2)}.auction-bid-icon{color:var(--gold2);display:grid;place-items:center;margin:4px}.auction-bid-icon .kicon{width:58px;height:58px}.result-icon{width:72px;height:72px;color:var(--gold2)}.back .kicon{width:22px;height:22px}.chev .kicon{width:22px;height:22px}.ticket-reward{display:inline-flex;align-items:center;gap:6px}.ticket-reward img{width:44px;height:26px;object-fit:contain}
.slot-add-icon{width:18px;height:18px;color:var(--gold2)}

/* =========================================================
   KoraVerse Precision Patch — preserve approved art direction
   ========================================================= */
button{touch-action:manipulation;-webkit-user-select:none;user-select:none}
button:disabled{cursor:default}

/* Header: independent left/right groups + geometrically centered logo */
.topbar{position:relative;display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:8px;min-height:78px;width:100%;direction:ltr}
.topbar .profile-mini{width:42%;max-width:240px;direction:inherit;z-index:2}
.rtl .topbar .profile-mini{direction:rtl}
.topbar .wallet{width:42%;max-width:245px;z-index:2}
.topbar .logo{position:absolute;left:50%;top:85%;transform:translate(-50%,-50%);width:150px!important;height:150px!important;object-fit:contain;pointer-events:none;z-index:1}
.wallet{display:grid;grid-template-columns:1fr 1fr 1fr 44px;gap:2px;align-items:center}
.currency{position:relative;border:0;background:transparent;padding:7px 0;height:44px;min-width:0;display:grid;place-items:center;color:white;overflow:visible}
.currency:disabled{opacity:1}
.currency.interactive{cursor:pointer}
.currency-visual{position:relative;width:100%;height:28px;display:block}
.currency-visual img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.currency-visual b{position:absolute;inset:0 13% 0 33%;display:grid;place-items:center;font-size:clamp(8px,2.25vw,11px);font-weight:1000;text-shadow:0 1px 5px #000;line-height:1;pointer-events:none}
.settings-icon{width:44px;height:44px;border:0;background:transparent;padding:7px;display:grid;place-items:center;touch-action:manipulation}
.settings-icon img{width:30px;height:30px;object-fit:contain;pointer-events:none}

/* Image buttons: equal outer boxes, artwork always keeps native 4:3 ratio */
.major{margin-top:12px;display:grid;gap:9px;justify-items:center}
.major>.artbtn-play{width:min(100%,680px)}
.major.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;justify-items:stretch;gap:9px}
.major.two>.artbtn{width:100%;min-width:0}
.artbtn{position:relative;width:100%;border:0;background:transparent;padding:0;display:block;cursor:pointer;aspect-ratio:700/525;overflow:visible;touch-action:manipulation}
.artbtn img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.artbtn .label{position:absolute;display:grid;place-items:center;text-align:center;color:var(--gold2);font-weight:1000;text-shadow:0 2px 8px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;pointer-events:none;padding-inline:3px;transform:none}
.artbtn-play .label{left:42%;right:15%;top:39%;bottom:36%;font-size:clamp(13px,4.2vw,23px)}
.artbtn-trivia .label{left:33%;right:12%;top:38%;bottom:36%;font-size:clamp(11px,3.4vw,18px)}
.artbtn-local .label{left:31%;right:12%;top:38%;bottom:36%;font-size:clamp(11px,3.4vw,18px)}

/* Unified card: all dynamic layers are anchored to the rendered frame itself */
.pcard{position:relative;width:100%;aspect-ratio:var(--pc-ratio,466 / 700);cursor:inherit;isolation:isolate;container-type:inline-size;overflow:visible}
.pcard .frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:4;pointer-events:none;user-select:none;-webkit-user-drag:none}
.card-portrait{position:absolute;left:var(--portrait-x);top:var(--portrait-y);width:var(--portrait-w);height:var(--portrait-h);z-index:1;overflow:hidden;display:grid;place-items:end center;border-radius:10% 12% 4% 4%;background:radial-gradient(ellipse at 60% 35%,rgba(255,255,255,.11),rgba(13,20,30,.12) 44%,rgba(3,7,12,.8) 100%)}
.card-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,8,9,.36) 84%,rgba(7,8,9,.78));pointer-events:none;z-index:2}
.card-portrait .portrait-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#8090a7;transition:opacity .15s;z-index:0}
.card-portrait.loaded .portrait-fallback{opacity:0}
.portrait-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 20%;pointer-events:none;user-select:none}
.pcard .rating,.pcard .position,.pcard .flag-slot,.pcard .club-slot,.pcard .name{position:absolute;z-index:6;display:grid;place-items:center;text-align:center;pointer-events:none;min-width:0;min-height:0}
.pcard .rating{left:var(--rating-x);top:var(--rating-y);width:var(--rating-w);height:var(--rating-h);font-size:clamp(13px,12cqw,48px);font-weight:1000;color:#fff;line-height:.92;text-shadow:0 2px 6px #000}
.pcard .position{left:var(--position-x);top:var(--position-y);width:var(--position-w);height:var(--position-h);font-size:clamp(7px,4.8cqw,18px);font-weight:1000;color:#fff;text-shadow:0 1px 4px #000;line-height:1}
.pcard .flag-slot{left:var(--flag-x);top:var(--flag-y);width:var(--flag-w);height:var(--flag-h);overflow:hidden}
.flag-slot img{max-width:82%;max-height:72%;width:auto;height:auto;object-fit:contain;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.55);pointer-events:none}
.flag-fallback{width:80%;height:66%;border-radius:2px;background:rgba(17,23,32,.75);border:1px solid rgba(255,255,255,.35);place-items:center;font-size:clamp(5px,3.2cqw,12px);font-weight:1000;color:#fff}
.pcard .club-slot{left:var(--club-x);top:var(--club-y);width:var(--club-w);height:var(--club-h);overflow:hidden}
.club-slot img{max-width:78%;max-height:80%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65));pointer-events:none}
.club-fallback{width:70%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(10,16,24,.58);place-items:center;font-size:clamp(5px,3cqw,12px);font-weight:1000;color:#fff;line-height:1}
.pcard .name{left:var(--name-x);top:var(--name-y);width:var(--name-w);height:var(--name-h);font-size:clamp(7px,5.4cqw,21px);font-weight:1000;color:#fff;text-shadow:0 2px 5px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:2%;line-height:1}
.pcard .portrait-icon{width:58%;height:58%}
.pcard-small .rating{font-size:clamp(10px,11cqw,32px)}
.reveal-card{width:min(330px,85vw)}
.auction-card-wrap{width:min(305px,78vw);margin:10px auto 8px}

/* Trivia touch repair: semantic button owns the full artwork hit region */
.answer{position:relative;width:100%;border:0;background:transparent;padding:0;margin:6px 0;cursor:pointer;aspect-ratio:700/233;min-height:44px;pointer-events:auto;touch-action:manipulation;isolation:isolate}
.answer img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;z-index:0}
.answer span{position:absolute;left:16%;right:9%;top:22%;bottom:22%;transform:none;display:grid;place-items:center;font-weight:900;color:white;text-align:center;font-size:clamp(11px,3.5vw,16px);line-height:1.1;pointer-events:none;z-index:1;overflow:hidden}
.answer:disabled{pointer-events:none}
.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.control{position:relative;border:0;background:transparent;padding:0;aspect-ratio:2/1;min-height:44px;touch-action:manipulation;pointer-events:auto}
.control img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.control span{position:absolute;left:28%;right:8%;top:25%;bottom:25%;transform:none;display:grid;place-items:center;text-align:center;font-weight:900;color:var(--gold2);font-size:clamp(11px,3.5vw,16px);pointer-events:none}
.qtop .back img{pointer-events:none}

/* Auction — open ascending bidding, roster quotas, simulation presentation */
.auction-rosters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.auction-team{padding:9px 10px;display:grid;gap:3px;min-width:0}
.auction-team b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gold2)}
.auction-team strong{font-size:19px;color:#fff}
.auction-team small{font-size:9px;color:var(--muted);line-height:1.3}
.auction-head{grid-template-columns:40px 1fr 70px}
.auction-mini-budget{text-align:end;color:var(--gold2);font-size:12px;font-weight:1000;line-height:1.15}
.auction-mini-budget span{color:#dce3ed}
.auction-console{padding:13px;margin-top:6px;text-align:center}
.auction-current{display:grid;gap:2px}
.auction-current span,.auction-current small{font-size:10px;color:var(--muted)}
.auction-current b{font-size:30px;line-height:1;color:var(--gold2)}
.auction-turn{margin:9px 0 7px;font-weight:1000;color:white}
.bid-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;direction:ltr}
.bid-actions button{border:1px solid rgba(224,178,61,.38);border-radius:12px;min-height:46px;padding:8px 4px;background:linear-gradient(180deg,#1b2636,#0d131d);color:var(--gold2);font-weight:1000;touch-action:manipulation}
.bid-actions button:first-child{background:linear-gradient(180deg,#f2c55f,#bb841c);color:#080808}
.bid-actions .pass-bid{border-color:rgba(255,74,94,.34);color:#ff8a96}
.bid-actions button:disabled{opacity:.35;filter:grayscale(.8)}
.reserve-note{margin-top:8px;line-height:1.3}
.auction-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.squad-summary{padding:12px;min-width:0}
.squad-summary h3{font-size:14px;color:var(--gold2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-strength{font-size:31px;font-weight:1000;margin:6px 0;color:#fff}
.team-player-row{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;gap:5px;align-items:center;padding:6px 0;border-top:1px solid rgba(255,255,255,.07);font-size:10px}
.team-player-row span{color:var(--muted)}
.team-player-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-player-row em{font-style:normal;color:var(--gold2);font-weight:1000;text-align:end}
.simulation{padding:18px;text-align:center;margin-top:10px}
.simulation h2{color:var(--gold2);font-size:18px}
.sim-score{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:18px 0 8px}
.sim-score span{font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim-score b{font-size:30px;color:white}
.strength-line{color:var(--gold2);font-weight:1000;margin-bottom:12px}
.strength-line span{color:var(--muted);font-size:10px;margin:0 7px}
.sim-events{min-height:170px;border-radius:14px;background:rgba(5,9,14,.55);padding:10px;display:grid;align-content:start;gap:5px;text-align:start}
.sim-events>div{font-size:11px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
.auction-rules{line-height:1.5}

/* Decorative layers never intercept taps */
.frame,.artbtn img,.answer img,.control img,.ticket-reward img,.packrow img,.logo,.settings-icon img{pointer-events:none}
.tile,.gamecard,.packrow .btn,.slot,.owned-pill,.navbtn,.back,.btn,.seg button,.chip,.currency.interactive,.settings-icon{touch-action:manipulation}

@media(max-width:430px){
  .content{padding-left:12px;padding-right:12px}
  .topbar{min-height:72px}
  .topbar .logo{width:70px;height:70px}
  .topbar .profile-mini,.topbar .wallet{width:43%}
  .avatar{width:42px;height:42px}
  .pname{font-size:12px}
  .wallet{grid-template-columns:1fr 1fr 1fr 40px;gap:0}
  .settings-icon{width:40px;height:44px;padding:7px 5px}
  .currency{height:44px;padding-inline:0}
  .currency-visual{height:26px}
  .hero{margin-top:8px}
  .major{margin-top:8px}
}
@media(max-width:374px){
  .content{padding-left:9px;padding-right:9px}
  .topbar{min-height:66px}
  .topbar .logo{width:62px;height:62px}
  .topbar .profile-mini{width:43%;gap:4px}
  .topbar .wallet{width:43%}
  .avatar{width:36px;height:36px;font-size:12px}
  .pname{font-size:10px}.lv{font-size:8px}
  .wallet{grid-template-columns:1fr 1fr 1fr 36px}
  .settings-icon{width:36px;height:44px;padding:9px 4px}
  .settings-icon img{width:26px;height:26px}
  .currency-visual{height:23px}
  .currency-visual b{font-size:8px}
  .artbtn-play .label{font-size:clamp(12px,4vw,16px)}
  .artbtn-trivia .label,.artbtn-local .label{font-size:clamp(10px,3.2vw,13px)}
  .tiles{gap:6px}.tile{padding-inline:4px}
  .questionbox{padding:10px}.questiontext{font-size:17px}
  .bid-actions{gap:4px}.bid-actions button{font-size:10px}
}
/* Header visual-order correction: keep approved two-by-two currency cluster. */
.topbar{direction:inherit;min-height:92px}
.topbar .wallet{direction:inherit;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:44px 44px;gap:0 3px;align-items:center}
.currency{height:44px}
.settings-icon{width:44px;height:44px;justify-self:center}
@media(max-width:430px){.topbar{min-height:88px}.wallet{grid-template-columns:1fr 1fr!important;grid-template-rows:42px 42px!important}.currency{height:42px}.settings-icon{height:42px}}
@media(max-width:374px){.topbar{min-height:80px}.wallet{grid-template-columns:1fr 1fr!important;grid-template-rows:38px 38px!important}.currency{height:38px;min-height:38px}.settings-icon{height:38px;min-height:38px}}
/* Specificity/reset fixes for legacy rules retained above. */
.currency>.currency-visual{position:relative;inset:auto;width:100%;height:28px;display:block;place-items:initial;font-size:inherit;font-weight:inherit;text-shadow:none}
.pcard .name{right:auto;bottom:auto}
.topbar .profile-mini,.topbar .wallet{width:39%}
@media(max-width:430px){.topbar .profile-mini,.topbar .wallet{width:39%}}
@media(max-width:374px){.topbar .profile-mini,.topbar .wallet{width:39%}}
/* Card imagery must sit above the opaque stadium art while remaining clipped inside its intended window. */
.card-portrait{z-index:5;left:calc(var(--portrait-x) + 2%);top:calc(var(--portrait-y) + 2%);width:calc(var(--portrait-w) - 5%);height:calc(var(--portrait-h) - 4%);clip-path:polygon(4% 1%,96% 0,100% 7%,100% 93%,94% 100%,4% 100%,0 92%,0 8%)}
.flag-slot,.club-slot{isolation:isolate}
.flag-slot .flag-fallback,.club-slot .club-fallback{position:absolute;inset:0;margin:auto;transition:opacity .15s;z-index:0}
.flag-slot img,.club-slot img{position:relative;z-index:1}
.portrait-fallback .kicon{color:#e9d18a;filter:drop-shadow(0 2px 5px rgba(0,0,0,.75));opacity:.88}

/* =========================================================
   KoraVerse Master Precision Fix v3
   Engineering/data/mobile polish only — approved art preserved
   ========================================================= */

/* True viewport-centered header logo. Side content can never shift it. */
.topbar{position:relative!important;display:flex!important;align-items:center;justify-content:space-between;direction:inherit!important;min-height:86px!important;width:100%}
.topbar .profile-mini,.topbar .wallet{width:40%!important;max-width:none;z-index:2;min-width:0}
.topbar .logo{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:72px!important;height:72px!important;object-fit:contain!important;z-index:1}
.rtl .topbar .profile-mini{direction:rtl}
.topbar .wallet{direction:inherit!important}

/* Canonical card canvas: every rarity is now 540x720 with one coordinate model. */
.pcard{position:relative!important;width:100%;aspect-ratio:540/720!important;container-type:inline-size;isolation:isolate;overflow:visible;cursor:inherit}
.pcard .frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;z-index:4;pointer-events:none;user-select:none;-webkit-user-drag:none}
.card-portrait{position:absolute!important;left:var(--portrait-x)!important;top:var(--portrait-y)!important;width:var(--portrait-w)!important;height:var(--portrait-h)!important;z-index:5!important;overflow:hidden;display:grid;place-items:end center;border-radius:9% 12% 4% 4%;background:radial-gradient(ellipse at 60% 34%,rgba(255,255,255,.12),rgba(13,20,30,.16) 46%,rgba(3,7,12,.8) 100%);clip-path:polygon(4% 1%,96% 0,100% 7%,100% 93%,94% 100%,4% 100%,0 92%,0 8%)}
.card-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(7,8,9,.18) 78%,rgba(7,8,9,.68));pointer-events:none;z-index:2}
.portrait-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 18%;pointer-events:none;user-select:none}
.media-fallback{display:grid!important;place-items:center;transition:opacity .18s ease;pointer-events:none}
.media-loaded>.media-fallback{opacity:0}
.portrait-fallback{position:absolute;inset:0;color:#8090a7;z-index:0}
.crest-fallback,.legend-fallback{position:absolute;inset:8%;margin:auto;color:#d6bb72;opacity:.7}
.crest-fallback .kicon,.legend-fallback .kicon{width:72%;height:72%}
.flag-fallback{position:absolute!important;inset:12%!important;width:auto!important;height:auto!important;border-radius:3px;background:rgba(17,23,32,.72);border:1px solid rgba(255,255,255,.22);color:#d7dce4;font-weight:1000}
.pcard .rating,.pcard .position,.pcard .flag-slot,.pcard .club-slot,.pcard .name{position:absolute;z-index:7;display:grid;place-items:center;text-align:center;pointer-events:none;min-width:0;min-height:0}
.pcard .rating{left:var(--rating-x);top:var(--rating-y);width:var(--rating-w);height:var(--rating-h);font-size:clamp(12px,11.5cqw,44px);font-weight:1000;color:#fff;line-height:.92;text-shadow:0 2px 6px #000}
.pcard .position{left:var(--position-x);top:var(--position-y);width:var(--position-w);height:var(--position-h);font-size:clamp(7px,4.5cqw,17px);font-weight:1000;color:#fff;text-shadow:0 1px 4px #000;line-height:1}
.pcard .flag-slot{left:var(--flag-x);top:var(--flag-y);width:var(--flag-w);height:var(--flag-h);overflow:hidden;isolation:isolate}
.pcard .club-slot{left:var(--club-x);top:var(--club-y);width:var(--club-w);height:var(--club-h);overflow:hidden;isolation:isolate}
.flag-slot img{position:relative;z-index:2;max-width:84%;max-height:76%;width:auto;height:auto;object-fit:contain;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.55);pointer-events:none}
.club-slot img{position:relative;z-index:2;max-width:80%;max-height:82%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.68));pointer-events:none}
.pcard .name{left:var(--name-x);top:var(--name-y);width:var(--name-w);height:var(--name-h);font-size:clamp(7px,5.0cqw,20px);font-weight:1000;color:#fff;text-shadow:0 2px 5px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:3%;line-height:1;unicode-bidi:isolate}
.card-mystery{display:grid;place-items:center;width:100%;height:100%;font-weight:1000;color:#ffe092;text-shadow:0 0 10px rgba(224,178,61,.45),0 2px 5px #000;animation:mysteryPulse 1.8s ease-in-out infinite}
@keyframes mysteryPulse{50%{opacity:.58;transform:scale(.94)}}
.pcard-small .name{font-size:clamp(6px,4.8cqw,16px)}
.pcard-small .rating{font-size:clamp(10px,10.5cqw,31px)}
.pcard-hero .rating{font-size:clamp(18px,11.5cqw,50px)}

/* Trivia: stable DOM during countdown, compact but same visual language. */
.timer.warning{color:var(--red)!important;background:rgba(255,74,94,.12)!important}
.questionbox{padding:10px 12px;margin-top:8px;contain:layout paint style}
.trivia-card-wrap{width:min(118px,31vw);margin:0 auto 2px;min-height:157px}
.questiontext{font-size:clamp(16px,4.6vw,19px);line-height:1.25;margin:4px 0 8px}
.answers{display:grid;gap:0}
.answer{margin:2px 0!important}
.controls{margin-top:5px}
.questionbox .notice{margin-top:5px!important}

/* Auction mobile polish: no duplicate budget line, smaller card, reachable actions. */
.auction-head{grid-template-columns:40px 1fr 40px!important}
.auction-mini-budget{display:none!important}
.auction-card-wrap{width:min(218px,58vw)!important;margin:5px auto 3px!important}
.auction-rosters{margin-top:5px!important}
.auction-team{padding:7px 9px!important}
.auction-team strong{font-size:17px!important}
.auction-console{padding:10px 11px!important;margin-top:4px!important}
.auction-current b{font-size:26px!important}
.auction-turn{margin:6px 0 5px!important}
.reserve-note{margin-top:5px!important}
.sticky-auction-actions{position:sticky;bottom:calc(var(--safe-bottom) + 5px);z-index:18;box-shadow:0 -8px 26px rgba(0,0,0,.42),0 12px 35px rgba(0,0,0,.28)}
.bid-actions button{min-height:44px}

/* Completed auction squads: readable names and unambiguous team OVR. */
.team-ovr-label{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:7px 0 9px;color:var(--muted);font-size:10px}
.team-ovr-label b{font-size:30px;color:#fff;line-height:1}
.team-player-row{grid-template-columns:64px minmax(0,1fr) 34px!important;gap:7px!important;font-size:11px!important;direction:ltr}
.rtl .team-player-row{direction:rtl}
.team-player-row span{white-space:nowrap;text-align:start}
.team-player-row b{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;min-width:0;unicode-bidi:isolate;text-align:start;font-size:clamp(10px,3.2vw,13px)}
.team-player-row em{text-align:end}
.result-trophy .result-icon{color:var(--gold2);filter:drop-shadow(0 0 12px rgba(255,214,107,.4));stroke-width:2.1}

/* Development-only card QA gallery (never linked from production nav). */
.card-gallery{padding-bottom:30px}
.card-gallery section{margin:18px 0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(5,8,13,.8)}
.gallery-row{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;overflow:auto}
.gallery-row>div{min-width:120px}

@media(max-width:430px){
  .topbar{min-height:82px!important}
  .topbar .profile-mini,.topbar .wallet{width:40%!important}
  .topbar .logo{width:68px!important;height:68px!important}
  .questionbox{padding:9px 10px}
  .trivia-card-wrap{width:min(112px,29vw);min-height:149px}
  .answer span{font-size:clamp(11px,3.25vw,14px)!important}
  .auction-team-grid{grid-template-columns:1fr!important}
  .squad-summary{padding:11px 13px!important}
  .team-player-row{grid-template-columns:76px minmax(0,1fr) 36px!important;font-size:12px!important}
}
@media(max-width:374px){
  .topbar{min-height:76px!important}
  .topbar .logo{width:60px!important;height:60px!important}
  .trivia-card-wrap{width:104px;min-height:139px}
  .questiontext{font-size:16px}
  .auction-card-wrap{width:min(198px,56vw)!important}
  .bid-actions{gap:4px}
  .bid-actions button{font-size:10px;padding-inline:2px}
}

/* =========================================================
   KoraVerse Master Precision Fix v4
   Stability + data + mobile polish. Approved art untouched.
   ========================================================= */

/* Trivia remains visually identical, but uses less vertical space on phones. */
.answers{justify-items:center}
.answer{width:min(90%,310px)!important;margin:1px auto!important}
.controls{width:min(92%,340px);margin:4px auto 0!important}
.trivia-card-wrap{width:min(104px,27vw)!important;min-height:139px!important;margin:0 auto 0!important}
.questionbox{padding:8px 10px!important;margin-top:6px!important}
.questiontext{margin:2px 0 5px!important;font-size:clamp(15px,4.25vw,18px)!important;line-height:1.22!important}
.answer span{font-size:clamp(10px,3.15vw,14px)!important}
.trivia-fact{margin-top:5px!important}

/* Runtime photos are masked into the stadium window instead of looking pasted-on. */
.portrait-img{
  object-fit:cover!important;
  object-position:center 18%!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 79%,rgba(0,0,0,.88) 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 79%,rgba(0,0,0,.88) 88%,transparent 100%);
}
.flag-fallback{color:#d8c58c!important;background:rgba(12,18,27,.68)!important}
.flag-fallback .kicon{width:60%;height:60%;stroke-width:1.5}

/* Auction card and action panel remain in the approved style but fit one-hand mobile use. */
.auction-card-wrap{width:min(205px,54vw)!important;margin:3px auto 2px!important}
.sticky-auction-actions{bottom:calc(var(--safe-bottom) + 3px)!important}
.auction-console{padding:8px 10px!important}
.auction-current b{font-size:24px!important}
.auction-turn{margin:4px 0!important;font-size:12px}
.reserve-note{font-size:9px!important;line-height:1.25}
.bid-actions{gap:5px!important}
.bid-actions button{min-height:42px!important;padding:8px 4px!important}

/* Explicit mixed-script auction roster rows: no browser bidi guessing, no chopped name beginnings. */
.team-player-row{
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 38px!important;
  grid-template-areas:"pos name rating";
  align-items:center;
  gap:7px!important;
  min-height:34px;
  padding:3px 0;
}
.rtl .team-player-row{
  direction:ltr!important;
  grid-template-columns:38px minmax(0,1fr) 72px!important;
  grid-template-areas:"rating name pos";
}
.team-pos{grid-area:pos;text-align:center!important;white-space:nowrap;font-size:10px;color:var(--muted);unicode-bidi:isolate}
.team-name{grid-area:name!important;min-width:0!important;text-align:center!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:normal;word-break:normal;line-height:1.08;font-size:clamp(10px,3vw,12.5px)!important;unicode-bidi:isolate}
.team-rating{grid-area:rating;text-align:center!important;white-space:nowrap;font-style:normal;color:var(--gold2);font-weight:1000}

/* Card metadata slots remain fixed on the single 540x720 normalized canvas. */
.pcard{aspect-ratio:540/720!important}
.pcard .frame{object-fit:contain!important}

@media(max-width:430px){
  .trivia-card-wrap{width:100px!important;min-height:133px!important}
  .answer{width:min(88%,296px)!important}
  .controls{width:min(90%,316px)!important}
  .auction-card-wrap{width:min(192px,51vw)!important}
  .auction-rosters{gap:5px!important}
  .auction-team{padding:6px 7px!important}
  .auction-team small{font-size:8px!important}
}
@media(max-width:374px){
  .trivia-card-wrap{width:94px!important;min-height:125px!important}
  .answer{width:min(86%,275px)!important}
  .controls{width:min(88%,296px)!important}
  .auction-card-wrap{width:min(180px,49vw)!important}
  .team-player-row{grid-template-columns:66px minmax(0,1fr) 34px!important}
  .rtl .team-player-row{grid-template-columns:34px minmax(0,1fr) 66px!important}
}

/* Mystery-card reveal stays inside the existing card art and never changes layout. */
.card-revealed{animation:koraCardReveal .28s ease-out both}
@keyframes koraCardReveal{from{opacity:.72;transform:scale(.975);filter:brightness(.84)}to{opacity:1;transform:scale(1);filter:brightness(1)}}

/* =========================================================
   KoraVerse Master Precision Fix v5
   Current approved art preserved. Home CTA, portrait integration,
   stable Trivia scoring/scroll and Silver pack production pool.
   ========================================================= */

/* Home-only CTA hierarchy: Play Now + Trivia vertically. Local Party remains in setup screens. */
.home-cta-stack{
  display:grid;
  justify-items:center;
  gap:clamp(6px,1.8vw,10px);
  margin-top:10px;
}
.home-cta-stack>.artbtn-play{width:min(100%,680px)}
.home-cta-stack>.artbtn-trivia{width:min(96%,650px)}
.artbtn-play .label{
  left:42%!important;right:14%!important;top:37%!important;bottom:34%!important;
  font-size:clamp(18px,5.8vw,29px)!important;
  font-weight:1000!important;
}
.artbtn-trivia .label{
  left:33%!important;right:11%!important;top:37%!important;bottom:34%!important;
  font-size:clamp(17px,5.15vw,27px)!important;
  font-weight:1000!important;
}

/* Precise canonical card layers. All rarities remain on the same 540x720 runtime canvas. */
.pcard{aspect-ratio:540/720!important;contain:layout style paint;overflow:visible}
.pcard .frame{object-fit:contain!important}
.card-portrait{
  overflow:hidden!important;
  background:radial-gradient(ellipse at 55% 33%,rgba(246,225,174,.18),rgba(26,29,35,.13) 48%,rgba(5,7,10,.62) 82%,rgba(3,5,8,.9) 100%)!important;
  isolation:isolate;
}
.card-portrait:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 52% 45%,rgba(255,219,126,.11),transparent 64%);
}
.card-portrait:after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,6,10,.04) 0%,transparent 45%,rgba(7,8,9,.15) 72%,rgba(7,8,9,.66) 100%);
}
.portrait-img.portrait-cutout{
  position:absolute!important;
  inset:-4% -7% -2% -7%!important;
  width:114%!important;
  height:106%!important;
  object-fit:cover!important;
  object-position:center 16%!important;
  transform:scale(1.025);
  transform-origin:50% 38%;
  filter:saturate(1.04) contrast(1.035) brightness(1.015) drop-shadow(0 4px 7px rgba(0,0,0,.44));
  -webkit-mask-image:radial-gradient(ellipse 69% 78% at 51% 43%,#000 61%,rgba(0,0,0,.96) 70%,rgba(0,0,0,.62) 82%,transparent 98%);
  mask-image:radial-gradient(ellipse 69% 78% at 51% 43%,#000 61%,rgba(0,0,0,.96) 70%,rgba(0,0,0,.62) 82%,transparent 98%);
}
.card-portrait.media-loaded .portrait-fallback,.card-portrait.loaded .portrait-fallback{opacity:0!important}
.pcard .rating{transform:translateY(-1%);font-variant-numeric:tabular-nums}
.pcard .position{transform:translateY(-1%)}
.flag-slot img{max-width:82%!important;max-height:72%!important}
.club-slot img{max-width:76%!important;max-height:79%!important}
.pcard .name{padding-inline:5%!important;letter-spacing:-.01em}

/* Mystery states cannot leak identifying shirt/background context. */
.portrait-mystery{
  background:radial-gradient(circle at 50% 42%,rgba(224,178,61,.16),rgba(5,8,13,.82) 68%);
  border-radius:14%;
}

/* Trivia stability: timer and async media must never become a scroll anchor. */
.overlay,.questionbox,.trivia-card-wrap,.pcard{overflow-anchor:none}
.trivia-score-pair{display:inline-flex;align-items:center;justify-content:center;gap:6px;direction:ltr;unicode-bidi:isolate;font-size:clamp(12px,3.6vw,16px)}
.trivia-score-pair .score-human,.trivia-score-pair .score-opponent{unicode-bidi:isolate;font-weight:1000}
.trivia-score-pair .score-sep{color:var(--gold2)}

/* Keep Auction card compact while using the exact same unified card component. */
.auction-card-wrap{width:min(188px,49vw)!important;margin:2px auto 1px!important}
.sticky-auction-actions{bottom:calc(var(--safe-bottom) + 2px)!important}

@media(max-width:430px){
  .home-cta-stack{gap:5px;margin-top:8px}
  .home-cta-stack>.artbtn-trivia{width:94%}
  .artbtn-play .label{font-size:clamp(18px,5.65vw,25px)!important}
  .artbtn-trivia .label{font-size:clamp(16px,5vw,23px)!important}
}
@media(max-width:374px){
  .home-cta-stack{gap:3px;margin-top:7px}
  .home-cta-stack>.artbtn-trivia{width:93%}
  .artbtn-play .label{font-size:clamp(17px,5.55vw,22px)!important}
  .artbtn-trivia .label{font-size:clamp(15px,4.9vw,20px)!important}
  .auction-card-wrap{width:min(172px,47vw)!important}
}

/* =========================================================
   KoraVerse Approved Player Card Replacement v6
   Source of truth: KoraVerse_Final_Player_Cards_Selected.zip
   Production artwork only; Guides are calibration references.
   ========================================================= */

/* One normalized runtime canvas for every rarity: 1086 x 1536. */
.pcard{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1086/1536!important;
  container-type:inline-size;
  isolation:isolate;
  contain:layout style paint;
  overflow:visible!important;
}
.pcard .frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  z-index:4!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}

/* Dynamic fields are owned by the card, never by the screen. */
.pcard .rating,.pcard .position,.pcard .flag-slot,.pcard .name,.pcard .club-name{
  position:absolute!important;
  z-index:8!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  pointer-events:none!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  line-height:1!important;
  unicode-bidi:isolate;
}
.pcard .rating{
  left:var(--rating-x)!important;top:var(--rating-y)!important;width:var(--rating-w)!important;height:var(--rating-h)!important;
  font-size:clamp(12px,10.6cqw,48px)!important;font-weight:1000!important;font-variant-numeric:tabular-nums;
  transform:none!important;padding:0 3%!important;
}
.pcard .position{
  left:var(--position-x)!important;top:var(--position-y)!important;width:var(--position-w)!important;height:var(--position-h)!important;
  font-size:clamp(7px,4.65cqw,20px)!important;font-weight:1000!important;transform:none!important;white-space:nowrap;
}
.pcard .flag-slot{
  left:var(--flag-x)!important;top:var(--flag-y)!important;width:var(--flag-w)!important;height:var(--flag-h)!important;
  isolation:isolate;
}
.pcard .flag-slot img{
  position:relative!important;z-index:2!important;max-width:78%!important;max-height:68%!important;width:auto!important;height:auto!important;
  object-fit:contain!important;border-radius:3px!important;box-shadow:0 1px 4px rgba(0,0,0,.38)!important;pointer-events:none!important;
}
.pcard .flag-fallback{position:absolute!important;inset:18%!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;opacity:.45}
.pcard .flag-fallback .kicon{width:58%;height:58%}
.pcard .name{
  left:var(--name-x)!important;top:var(--name-y)!important;width:var(--name-w)!important;height:var(--name-h)!important;
  font-size:clamp(7px,4.65cqw,22px)!important;font-weight:1000!important;white-space:nowrap!important;text-overflow:clip!important;
  padding:0 4%!important;letter-spacing:-.012em!important;
}
.pcard .club-name{
  left:var(--clubName-x)!important;top:var(--clubName-y)!important;width:var(--clubName-w)!important;height:var(--clubName-h)!important;
  font-size:clamp(6px,3.35cqw,17px)!important;font-weight:900!important;white-space:nowrap!important;text-overflow:clip!important;
  padding:0 5%!important;letter-spacing:-.01em!important;
}
.pcard .name.fit-md{font-size:clamp(6px,4.25cqw,20px)!important}
.pcard .name.fit-lg{font-size:clamp(5px,3.72cqw,18px)!important}
.pcard .name.fit-xl{font-size:clamp(5px,3.25cqw,16px)!important}
.pcard .club-name.fit-md{font-size:clamp(5px,3.0cqw,15px)!important}
.pcard .club-name.fit-lg{font-size:clamp(5px,2.7cqw,14px)!important}
.pcard .club-name.fit-xl{font-size:clamp(4px,2.4cqw,12px)!important}

/* Rarity-aware typography matched to the approved blank plates. */
.rarity-silver .rating,.rarity-silver .position,.rarity-silver .name,.rarity-silver .club-name{
  color:#20252b!important;text-shadow:0 1px 0 rgba(255,255,255,.48),0 1px 2px rgba(0,0,0,.12)!important;
}
.rarity-gold .rating,.rarity-gold .position,.rarity-gold .name,.rarity-gold .club-name{
  color:#241707!important;text-shadow:0 1px 0 rgba(255,241,181,.35),0 1px 2px rgba(0,0,0,.12)!important;
}
.rarity-ultimate .rating,.rarity-ultimate .position,.rarity-ultimate .name,.rarity-ultimate .club-name{
  color:#f7fbff!important;text-shadow:0 2px 5px #001c58,0 0 8px rgba(48,170,255,.34)!important;
}
.rarity-legendary .rating,.rarity-legendary .position,.rarity-legendary .name,.rarity-legendary .club-name{
  color:#fff8ff!important;text-shadow:0 2px 5px #1c0031,0 0 9px rgba(225,91,255,.32)!important;
}
.rarity-iconic .rating,.rarity-iconic .position,.rarity-iconic .name{
  color:#2c1b09!important;text-shadow:0 1px 0 rgba(255,255,255,.52),0 1px 2px rgba(0,0,0,.12)!important;
}
.rarity-iconic .club-name{display:none!important}

/* Portrait layer: processed transparent PNG when CORS allows it; the CSS matte
   also guarantees that a fallback source photo never appears as a rectangle. */
.card-portrait{
  position:absolute!important;
  left:var(--portrait-x)!important;top:var(--portrait-y)!important;width:var(--portrait-w)!important;height:var(--portrait-h)!important;
  z-index:6!important;overflow:hidden!important;background:transparent!important;border-radius:5% 5% 10% 10%!important;
  display:grid!important;place-items:end center!important;clip-path:polygon(3% 0,97% 0,100% 5%,100% 96%,94% 100%,6% 100%,0 96%,0 5%)!important;
}
.card-portrait:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 51% 44%,rgba(5,7,11,.30) 0%,rgba(5,7,11,.17) 45%,rgba(5,7,11,0) 76%);
}
.card-portrait:after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,transparent 0 70%,rgba(4,6,10,.08) 82%,rgba(4,6,10,.43) 100%);
}
.card-portrait .portrait-fallback{position:absolute!important;inset:0!important;background:transparent!important;opacity:1!important;z-index:0!important}
.portrait-img,.portrait-img.portrait-cutout{
  position:absolute!important;z-index:2!important;left:50%!important;bottom:-2%!important;top:auto!important;inset:auto!important;
  width:118%!important;height:108%!important;object-fit:cover!important;object-position:center 16%!important;
  transform:translateX(-50%) scale(1.01)!important;transform-origin:50% 44%!important;
  filter:saturate(1.04) contrast(1.035) brightness(1.02) drop-shadow(0 5px 7px rgba(0,0,0,.38))!important;
  pointer-events:none!important;user-select:none!important;
  -webkit-mask-image:radial-gradient(ellipse 69% 83% at 50% 43%,#000 60%,rgba(0,0,0,.98) 69%,rgba(0,0,0,.73) 82%,transparent 99%)!important;
  mask-image:radial-gradient(ellipse 69% 83% at 50% 43%,#000 60%,rgba(0,0,0,.98) 69%,rgba(0,0,0,.73) 82%,transparent 99%)!important;
}
.card-portrait.media-loaded .portrait-fallback,.card-portrait.loaded .portrait-fallback{opacity:0!important}

/* Mystery Card remains compatible with the new plates. */
.card-mystery{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-weight:1000!important;color:#ffe092!important;text-shadow:0 0 10px rgba(224,178,61,.45),0 2px 5px #000!important;animation:mysteryPulse 1.8s ease-in-out infinite}
.card-portrait>.card-mystery{position:absolute!important;inset:0!important;background:radial-gradient(ellipse at 50% 44%,rgba(6,9,15,.96),rgba(6,9,15,.78) 58%,rgba(6,9,15,.35) 80%,transparent 100%)!important;font-size:clamp(18px,13cqw,60px)!important;z-index:9!important}

/* Card size tiers only scale the complete card. Internal coordinates never move per screen. */
.pcard-mini .rating{font-size:clamp(4px,9.6cqw,9px)!important}.pcard-mini .position{font-size:clamp(3px,4.2cqw,5px)!important}.pcard-mini .name{font-size:clamp(3px,4.0cqw,6px)!important}.pcard-mini .club-name{font-size:clamp(2.5px,2.7cqw,5px)!important}
.pcard-small .rating{font-size:clamp(9px,10.3cqw,30px)!important}.pcard-small .name{font-size:clamp(5px,4.35cqw,16px)!important}
.pcard-hero .rating{font-size:clamp(18px,10.6cqw,50px)!important}
.reveal-card{width:min(345px,86vw)!important}

/* Development-only calibration overlay. Only appears with ?cardtest=1&carddebug=1. */
.card-debug{position:absolute!important;z-index:20!important;border:1px dashed #00ffb7!important;background:rgba(0,255,183,.08)!important;color:#fff!important;font-size:8px!important;display:grid!important;place-items:center!important;pointer-events:none!important}
.card-debug-rating{left:var(--rating-x)!important;top:var(--rating-y)!important;width:var(--rating-w)!important;height:var(--rating-h)!important;border-color:#ff4646!important}
.card-debug-position{left:var(--position-x)!important;top:var(--position-y)!important;width:var(--position-w)!important;height:var(--position-h)!important;border-color:#2ebdff!important}
.card-debug-flag{left:var(--flag-x)!important;top:var(--flag-y)!important;width:var(--flag-w)!important;height:var(--flag-h)!important;border-color:#3ef26d!important}
.card-debug-portrait{left:var(--portrait-x)!important;top:var(--portrait-y)!important;width:var(--portrait-w)!important;height:var(--portrait-h)!important;border-color:#ffe836!important}
.card-debug-name{left:var(--name-x)!important;top:var(--name-y)!important;width:var(--name-w)!important;height:var(--name-h)!important;border-color:#ff4de1!important}
.card-debug-clubName{left:var(--clubName-x)!important;top:var(--clubName-y)!important;width:var(--clubName-w)!important;height:var(--clubName-h)!important;border-color:#27e7ff!important}

/* Squad uses the exact same card component at mini scale. */
.slot.has-card{width:54px!important;height:78px!important;border-radius:8px!important;background:rgba(4,8,13,.48)!important;border:0!important;overflow:visible!important}
.slot.has-card.valid{outline:3px solid var(--gold2)!important;box-shadow:0 0 17px rgba(224,178,61,.58)!important}
.squad-slot-card{width:52px;pointer-events:none}.squad-slot-card .pcard{pointer-events:none}.squad-slot-label{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);font-size:7px;color:#fff;background:rgba(4,8,13,.86);padding:1px 4px;border-radius:5px;pointer-events:none}
.card-owned-strip{gap:8px!important;align-items:flex-start!important;padding-top:9px!important}
.owned-card-choice{width:82px;flex:0 0 82px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(7,11,17,.74);padding:5px;color:#fff;font-size:8px;display:grid;gap:3px;place-items:center;touch-action:manipulation}
.owned-card-choice.active{border:2px solid var(--gold2);background:rgba(224,178,61,.10);box-shadow:0 0 12px rgba(224,178,61,.22)}
.owned-mini-card{display:block;width:60px;pointer-events:none}

/* The approved new cards are taller than the legacy frames; keep gameplay comfortable on phones. */
.trivia-card-wrap{width:min(100px,26vw)!important;min-height:141px!important}
.auction-card-wrap{width:min(180px,47vw)!important;margin:1px auto!important}
@media(max-width:430px){.trivia-card-wrap{width:min(96px,25vw)!important;min-height:136px!important}.auction-card-wrap{width:min(174px,46vw)!important}.owned-card-choice{width:76px;flex-basis:76px}.owned-mini-card{width:56px}}
@media(max-width:374px){.trivia-card-wrap{width:90px!important;min-height:127px!important}.auction-card-wrap{width:min(164px,45vw)!important}.slot.has-card{width:49px!important;height:70px!important}.squad-slot-card{width:47px}}

/* =========================================================
   KoraVerse Emergency Player Card Fix v11 — PHOTO FREE
   Production PNG is the visible base layer. No portrait layer.
   ========================================================= */
.pcard{
  position:relative!important;width:100%!important;aspect-ratio:1086/1536!important;
  background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
  overflow:visible!important;isolation:isolate!important;
}
.pcard .frame{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center center!important;opacity:1!important;visibility:visible!important;
  z-index:1!important;filter:none!important;pointer-events:none!important;user-select:none!important;-webkit-user-drag:none!important;
}
.pcard .rating,.pcard .position,.pcard .flag-slot,.pcard .name,.pcard .club-name{z-index:2!important}
/* A stale legacy portrait node must never obscure the approved Production artwork. */
.pcard .card-portrait,.pcard .portrait-img,.pcard .portrait-fallback,.pcard .portrait-mystery{display:none!important}
/* No runtime center panel or opaque pseudo-element is allowed above the Production card. */
.pcard:before,.pcard:after{content:none!important;display:none!important}
.pcard.frame-load-error[data-rarity]{background:transparent!important}
@media (prefers-reduced-motion:reduce){.pcard .card-mystery{animation:none!important}}


/* =========================================================
   KoraVerse Precision Card Alignment v12
   Ultimate / Legendary / Icon calibration + silent mystery slots.
   Silver and Gold are intentionally untouched.
   ========================================================= */
.pcard .card-mystery{
  display:block!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  visibility:hidden!important;
  color:transparent!important;
  text-shadow:none!important;
  animation:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}


/* =========================================================
   KoraVerse Card Lab — development only (source-only development QA)
   ========================================================= */
.cardlab-app{min-height:100vh;background:#06090e;color:#f4f6fa;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
.cardlab-head{max-width:1400px;margin:0 auto 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cardlab-head h1{color:#f1c85c;font-size:28px}.cardlab-head p{color:#9aa6b7;margin-top:5px}.cardlab-actions{display:flex;gap:8px;flex-wrap:wrap}.cardlab-actions button,.cardlab-export-actions button{border:1px solid #60501d;background:#17130a;color:#f1c85c;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.cardlab-rarities{max-width:1400px;margin:0 auto 14px;display:flex;gap:7px;flex-wrap:wrap}.cardlab-rarities button{border:1px solid #303b4b;background:#101722;color:#dfe5ee;border-radius:999px;padding:9px 14px;text-transform:capitalize;cursor:pointer}.cardlab-rarities button.active{border-color:#e0b23d;color:#f5d777;background:#2a210a}
.cardlab-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(360px,560px) minmax(460px,1fr);gap:18px;align-items:start}.cardlab-preview{position:sticky;top:14px;background:#0d131d;border:1px solid #273244;border-radius:18px;padding:14px}.cardlab-preview-toolbar{display:flex;gap:16px;flex-wrap:wrap;color:#c5ced9;font-size:13px;margin-bottom:8px}.cardlab-preview-toolbar label{display:flex;gap:6px;align-items:center}.cardlab-cardstage{position:relative;width:min(440px,100%);margin:auto}.cardlab-cardstage #cardLabCard{position:relative;z-index:2}.cardlab-guide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.28;z-index:8;pointer-events:none;mix-blend-mode:screen}.cardlab-tip{color:#8f9baa;font-size:12px;line-height:1.5;margin-top:8px}.cardlab-controls{display:grid;gap:10px}.cardlab-field,.cardlab-export{background:#0d131d;border:1px solid #273244;border-radius:14px;padding:12px}.cardlab-field.active{border-color:#e0b23d;box-shadow:0 0 0 1px rgba(224,178,61,.18)}.cardlab-field-title{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;background:transparent;border:0;color:#fff;text-align:left;padding:0 0 10px;cursor:pointer}.cardlab-field-title b{color:#f1c85c;font-size:15px}.cardlab-field-title small{color:#8793a4}.cardlab-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.cardlab-axis{display:grid;grid-template-columns:52px 1fr 72px 16px;gap:7px;align-items:center;color:#bdc7d3;font-size:12px}.cardlab-axis input[type=range]{width:100%;accent-color:#e0b23d}.cardlab-num{width:72px;background:#080d14;border:1px solid #334055;color:#fff;border-radius:8px;padding:7px}.cardlab-axis em{font-style:normal;color:#778396}.cardlab-export h2{font-size:16px;color:#f1c85c;margin-bottom:8px}.cardlab-export textarea{width:100%;min-height:190px;resize:vertical;background:#05080d;color:#cfe5d7;border:1px solid #2d3a4b;border-radius:10px;padding:10px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.cardlab-export-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.cardlab-export #cardLabStatus{color:#86d7a1;font-size:12px;margin-top:8px;min-height:18px}.cardlab-blocked{max-width:700px;margin:80px auto;padding:24px;background:#0d131d;color:#fff;border:1px solid #273244;border-radius:18px}.cardlab-blocked code{color:#f1c85c}
.cardlab-cardstage.show-bounds #cardLabCard .rating,.cardlab-cardstage.show-bounds #cardLabCard .position,.cardlab-cardstage.show-bounds #cardLabCard .flag-slot,.cardlab-cardstage.show-bounds #cardLabCard .name,.cardlab-cardstage.show-bounds #cardLabCard .club-name{outline:1px dashed rgba(255,255,255,.72)!important;outline-offset:-1px}.cardlab-cardstage.show-bounds #cardLabCard .rating{outline-color:#ff5d5d!important}.cardlab-cardstage.show-bounds #cardLabCard .position{outline-color:#4cbcff!important}.cardlab-cardstage.show-bounds #cardLabCard .flag-slot{outline-color:#55e986!important}.cardlab-cardstage.show-bounds #cardLabCard .name{outline-color:#ff61dd!important}.cardlab-cardstage.show-bounds #cardLabCard .club-name{outline-color:#4fe8ff!important}.cardlab-selected-slot{box-shadow:0 0 0 2px #f1c85c inset!important;background:rgba(224,178,61,.08)!important}
@media(max-width:980px){.cardlab-layout{grid-template-columns:1fr}.cardlab-preview{position:relative;top:auto}.cardlab-cardstage{width:min(420px,100%)}}
@media(max-width:620px){.cardlab-app{padding:10px}.cardlab-head{display:block}.cardlab-actions{margin-top:10px}.cardlab-grid{grid-template-columns:1fr}.cardlab-axis{grid-template-columns:45px 1fr 68px 14px}.cardlab-field-title{display:block}.cardlab-field-title small{display:block;margin-top:3px}}

/* =========================================================
   KoraVerse Card Lab v2 — live typography + flag sizing
   These CSS variables are emitted by PlayerCard per rarity.
   ========================================================= */
.pcard .rating,
.pcard-mini .rating,.pcard-small .rating,.pcard-medium .rating,.pcard-large .rating,.pcard-hero .rating{
  font-size:clamp(4px,var(--rating-font,10.6cqw),50px)!important;
}
.pcard .position,
.pcard-mini .position,.pcard-small .position,.pcard-medium .position,.pcard-large .position,.pcard-hero .position{
  font-size:clamp(3px,var(--position-font,4.65cqw),24px)!important;
}
.pcard .name,
.pcard-mini .name,.pcard-small .name,.pcard-medium .name,.pcard-large .name,.pcard-hero .name{
  font-size:clamp(3px,var(--name-font,4.65cqw),26px)!important;
}
.pcard .name.fit-md{font-size:clamp(3px,var(--name-font-md,4.25cqw),24px)!important}
.pcard .name.fit-lg{font-size:clamp(3px,var(--name-font-lg,3.72cqw),22px)!important}
.pcard .name.fit-xl{font-size:clamp(3px,var(--name-font-xl,3.25cqw),20px)!important}
.pcard .club-name,
.pcard-mini .club-name,.pcard-small .club-name,.pcard-medium .club-name,.pcard-large .club-name,.pcard-hero .club-name{
  font-size:clamp(2.5px,var(--club-font,3.35cqw),21px)!important;
}
.pcard .club-name.fit-md{font-size:clamp(2.5px,var(--club-font-md,3cqw),19px)!important}
.pcard .club-name.fit-lg{font-size:clamp(2.5px,var(--club-font-lg,2.7cqw),18px)!important}
.pcard .club-name.fit-xl{font-size:clamp(2.5px,var(--club-font-xl,2.4cqw),16px)!important}
.pcard .flag-slot img{
  max-width:var(--flag-img-w,78%)!important;
  max-height:var(--flag-img-h,68%)!important;
}

.cardlab-style-controls{margin-top:11px;padding-top:10px;border-top:1px solid #263245}
.cardlab-style-controls h4{margin:0 0 8px;color:#aeb9c8;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.cardlab-style-axis span{color:#f0d37b;font-weight:800}
.cardlab-field.active .cardlab-style-controls{border-top-color:#5a4b1b}


/* =========================================================
   KoraVerse Home / Store / Squad Visual Replacement v14
   Approved assets only. Player-card detail geometry untouched.
   ========================================================= */
.home-action-stack{
  display:grid;gap:clamp(6px,1.55vw,10px);justify-items:center;
  margin:clamp(10px,2.4vw,16px) auto 8px;width:100%;
}
.home-action{
  position:relative;display:block;width:min(100%,690px);aspect-ratio:2172/724;
  border:0;background:transparent;padding:0;margin:0;cursor:pointer;overflow:visible;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.home-action-collection{aspect-ratio:2048/689;width:min(100%,690px)}
.home-action-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
.home-action-label{
  position:absolute;z-index:2;left:54%;right:8.5%;top:31%;bottom:21%;
  display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;
  overflow:hidden;text-overflow:clip;padding-inline:2.5%;
  color:#f5ce63;font-weight:1000;font-size:clamp(15px,5.05vw,28px);line-height:1;
  letter-spacing:.01em;text-shadow:0 0 6px rgba(255,215,105,.55),0 1px 1px #000,0 2px 9px rgba(219,164,42,.28);
  pointer-events:none;
}
.rtl .home-action-label{font-family:Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:0;font-size:clamp(15px,5.2vw,28px)}
.home-action:active{transform:scale(.988);filter:brightness(1.05)}
.home-action:focus-visible{outline:2px solid #f2ca61;outline-offset:2px;border-radius:18px}
.home-secondary-section{margin-top:8px}
@media(max-width:430px){
  .home-action-stack{gap:4px;margin-top:8px}
  .home-action{width:100%}
  .home-action-collection{width:100%}
  .home-action-label{font-size:clamp(14px,5vw,23px)}
  .rtl .home-action-label{font-size:clamp(14px,5.15vw,23px)}
}
@media(max-width:374px){
  .home-action-stack{gap:2px}
  .home-action-label{left:54.5%;right:8.5%;font-size:clamp(13px,4.9vw,20px)}
  .rtl .home-action-label{font-size:clamp(13px,5vw,20px)}
}

/* Store: approved tier row artwork is the base for all tiers including Silver. */
.store-list{gap:clamp(10px,2.5vw,15px)!important}
.packrow-premium{
  position:relative;isolation:isolate;min-height:clamp(122px,31vw,180px);aspect-ratio:2172/724;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  overflow:hidden;display:block!important;
}
.packrow-premium .packrow-bg{position:absolute;z-index:0;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;pointer-events:none;user-select:none}
.packrow-premium .pack-art{
  position:absolute;z-index:2;left:4.5%;top:4%;width:25%!important;height:92%!important;object-fit:contain!important;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.5));pointer-events:none;
}
.packrow-premium .info{
  position:absolute;z-index:3;left:31%;top:12%;bottom:12%;width:43%;min-width:0;
  display:grid;grid-template-rows:auto auto auto 1fr;align-content:center;justify-items:start;
  text-align:start;text-shadow:0 2px 7px rgba(0,0,0,.8);
}
.rtl .packrow-premium .info{direction:rtl;text-align:right;justify-items:start}
.packrow-premium h3{font-size:clamp(15px,4.4vw,24px)!important;line-height:1.05;color:#f7d36c!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.packrow-premium p{font-size:clamp(9px,2.7vw,13px)!important;color:#f2f3f5!important;margin:2px 0!important;line-height:1.15}
.packrow-premium .pack-cost{color:#ffe18a!important}
.packrow-premium .pack-cta{align-self:end;width:min(100%,190px);padding:clamp(7px,2vw,10px) 9px!important;font-size:clamp(10px,2.8vw,13px)!important;line-height:1.05}
.packrow-silver{min-height:146px}
.packrow-silver .pack-art{width:104px;height:138px;object-fit:contain}
@media(max-width:430px){
  .packrow-premium{min-height:120px}
  .packrow-premium .pack-art{left:4%;width:27%}
  .packrow-premium .info{left:31%;width:44%;top:10%;bottom:10%}
  .packrow-premium .pack-cta{max-width:150px}
}
@media(max-width:374px){
  .packrow-premium .info{left:31%;width:43.5%;top:9%;bottom:9%}
  .packrow-premium h3{font-size:clamp(13px,4.2vw,18px)!important}
  .packrow-premium p{font-size:9px!important}
  .packrow-premium .pack-cta{font-size:9px!important;padding:6px 7px!important}
}

/* Squad: supplied pitch is the visible source of truth; formation logic remains 4-3-3. */
.pitch{
  aspect-ratio:1086/1448!important;background-image:var(--squad-pitch)!important;background-color:transparent!important;
  background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;
  border:0!important;border-radius:0!important;overflow:visible!important;margin:4px auto 10px!important;width:min(100%,560px);
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.32));
}
.pitch:before,.pitch:after{content:none!important;display:none!important}
.slot:not(.has-card){
  width:clamp(46px,12.5vw,64px)!important;height:clamp(46px,12.5vw,64px)!important;border-radius:50%!important;
  color:#fff!important;background:radial-gradient(circle at 50% 42%,rgba(16,28,48,.96),rgba(5,9,16,.96) 72%)!important;
  border:2px solid #d8a83b!important;box-shadow:0 0 0 2px rgba(26,102,183,.72),0 0 14px rgba(20,125,255,.38),inset 0 0 12px rgba(28,117,226,.18)!important;
  font-size:clamp(9px,2.7vw,12px)!important;letter-spacing:.02em;text-shadow:0 1px 3px #000;
}
.slot:not(.has-card)>span{display:grid;place-items:center;gap:1px;line-height:1.05}
.slot:not(.has-card) small{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#1c65ac,#09203e);border:1px solid rgba(250,211,101,.75);color:#f4cf63}
.slot.valid:not(.has-card){border-color:#ffe48a!important;box-shadow:0 0 0 3px rgba(22,111,217,.8),0 0 22px rgba(255,212,77,.68),inset 0 0 16px rgba(43,142,255,.28)!important;background:radial-gradient(circle at 50% 40%,rgba(46,103,176,.95),rgba(8,18,31,.98) 73%)!important}
.slot.has-card{background:transparent!important;box-shadow:none!important}
.slot.has-card.valid{outline:2px solid #f3cb5f!important;outline-offset:2px!important;box-shadow:0 0 16px rgba(36,137,255,.46)!important}
.squad-slot-label{background:linear-gradient(180deg,rgba(12,31,57,.97),rgba(4,9,17,.98))!important;border:1px solid rgba(230,184,64,.78)!important;color:#f6d56f!important;padding:2px 5px!important;border-radius:999px!important;bottom:-11px!important;font-weight:900!important}
@media(max-width:430px){.pitch{width:100%}.slot:not(.has-card){width:48px!important;height:48px!important}}
@media(max-width:374px){.slot:not(.has-card){width:43px!important;height:43px!important;font-size:8px!important}.slot:not(.has-card) small{width:15px;height:15px}}


/* =========================================================
   KoraVerse Final UI Visual v16
   Collection button calibration + compact ticket/settings header.
   No player-card geometry changes.
   ========================================================= */

/* New My Collection artwork has its own wider text-safe panel. */
.home-action-collection .home-action-label{
    position: absolute;
    z-index: 2;
    left: 54%;
    /* right: 8.5%; */
    top: 24%;
    bottom: 21%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    padding-inline: 2.5%;
    color: #f5ce63;
    font-weight: 1000;
    font-size: clamp(15px, 5.05vw, 28px);
    line-height: 1;
    letter-spacing: .01em;
    text-shadow: 0 0 6px rgba(255, 215, 105, .55), 0 1px 1px #000, 0 2px 9px rgba(219, 164, 42, .28);
    pointer-events: none;
}
.rtl .home-action-collection .home-action-label{
  font-size:clamp(15px,4.95vw,26px)!important;
}
@media(max-width:430px){
  .home-action-collection .home-action-label{left:55%;right:10%;top:32%;bottom:26%;font-size:clamp(14px,4.3vw,22px)!important}
  .rtl .home-action-collection .home-action-label{font-size:clamp(14px,5vw,23px)!important}
}
@media(max-width:374px){
  .home-action-collection .home-action-label{left:55.5%;right:13.5%;font-size:clamp(13px,4.7vw,19px)!important}
  .rtl .home-action-collection .home-action-label{font-size:clamp(13px,4.9vw,20px)!important}
}

/* Header is now intentionally minimal: profile | centered logo | ticket + settings. */
.topbar{min-height:82px!important}
.topbar .profile-mini{width:min(40%,220px)!important;flex:0 1 auto!important}
.topbar .wallet.wallet-minimal{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
}
.wallet.wallet-minimal .currency{
  width:clamp(78px,22vw,108px)!important;
  height:38px!important;
  padding:4px 0!important;
  flex:0 0 auto!important;
}
.wallet.wallet-minimal .currency>.currency-visual{height:30px!important;width:100%!important}
.wallet.wallet-minimal .currency-visual b{font-size:clamp(9px,2.6vw,12px)!important}
.wallet.wallet-minimal .settings-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  justify-self:auto!important;
}
@media(max-width:430px){
  .topbar{min-height:78px!important}
  .topbar .profile-mini{width:38%!important}
  .wallet.wallet-minimal{gap:4px!important}
  .wallet.wallet-minimal .currency{width:clamp(74px,23vw,96px)!important;height:36px!important}
  .wallet.wallet-minimal .currency>.currency-visual{height:28px!important}
  .wallet.wallet-minimal .settings-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
}
@media(max-width:374px){
  .topbar{min-height:74px!important}
  .topbar .profile-mini{width:39%!important}
  .wallet.wallet-minimal .currency{width:72px!important;height:34px!important}
  .wallet.wallet-minimal .currency>.currency-visual{height:26px!important}
  .wallet.wallet-minimal .settings-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
}


/* =========================================================
   KoraVerse v23 — one card geometry at every screen size
   Store / Trivia / Auction / Collection / Squad all use the
   same percentage slots and the same container-relative type.
   ========================================================= */
.pcard.pcard-runtime{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1086/1536!important;
  container-type:inline-size!important;
  contain:layout style paint!important;
  overflow:visible!important;
}
.pcard.pcard-runtime .frame{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;
}
.pcard.pcard-runtime .rating{
  left:var(--rating-x)!important;top:var(--rating-y)!important;width:var(--rating-w)!important;height:var(--rating-h)!important;
  font-size:var(--rating-font,10.6cqw)!important;line-height:1!important;transform:none!important;padding:0!important;
}
.pcard.pcard-runtime .position{
  left:var(--position-x)!important;top:var(--position-y)!important;width:var(--position-w)!important;height:var(--position-h)!important;
  font-size:var(--position-font,4.65cqw)!important;line-height:1!important;transform:none!important;padding:0!important;
}
.pcard.pcard-runtime .flag-slot{
  left:var(--flag-x)!important;top:var(--flag-y)!important;width:var(--flag-w)!important;height:var(--flag-h)!important;
}
.pcard.pcard-runtime .flag-slot img{max-width:var(--flag-img-w,78%)!important;max-height:var(--flag-img-h,68%)!important}
.pcard.pcard-runtime .name{left:var(--name-x)!important;top:var(--name-y)!important;width:var(--name-w)!important;height:var(--name-h)!important;font-size:var(--name-font,4.65cqw)!important;line-height:1!important;transform:none!important}
.pcard.pcard-runtime .name.fit-md{font-size:var(--name-font-md,4.25cqw)!important}
.pcard.pcard-runtime .name.fit-lg{font-size:var(--name-font-lg,3.72cqw)!important}
.pcard.pcard-runtime .name.fit-xl{font-size:var(--name-font-xl,3.25cqw)!important}
.pcard.pcard-runtime .club-name{left:var(--clubName-x)!important;top:var(--clubName-y)!important;width:var(--clubName-w)!important;height:var(--clubName-h)!important;font-size:var(--club-font,3.35cqw)!important;line-height:1!important;transform:none!important}
.pcard.pcard-runtime .club-name.fit-md{font-size:var(--club-font-md,3cqw)!important}
.pcard.pcard-runtime .club-name.fit-lg{font-size:var(--club-font-lg,2.7cqw)!important}
.pcard.pcard-runtime .club-name.fit-xl{font-size:var(--club-font-xl,2.4cqw)!important}