:root{--bg-deep:#06192b;--bg-primary:#0a1e35;--bg-secondary:#102a45;--bg-card:#0e253e;--gold-main:#e9b741;--gold-light:#fad65b;--gold-dark:#b68c22;--text-white:#f2faff;--text-muted:#7f9fbf;--text-dim:#3f6080;--green-success:#2ecc71;--red-fail:#e74c3c;--nav-height:76px;--safe-bottom:env(safe-area-inset-bottom);color-scheme:dark;font-family:SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body{background:linear-gradient(135deg,rgba(10,30,53,.94),rgba(6,25,43,.98)),repeating-linear-gradient(45deg,transparent,transparent 34px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 35px);color:var(--text-white)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app{max-width:480px;margin:0 auto;padding:8px 12px 20px;display:flex;flex-direction:column;gap:14px}.app-shell{min-height:100vh;padding-bottom:var(--nav-height)}.app-shell-frame{min-height:calc(100vh - var(--nav-height))}.app-content{flex:1 1;min-height:0}.app-homepage{display:flex;flex-direction:column;gap:14px}.bottom-nav-fifa{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;align-items:center;padding:6px 0 calc(6px + var(--safe-bottom));background:rgba(6,25,43,.96);border-top:1px solid rgba(233,183,65,.06);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30}.nav-item-fifa{display:flex;flex:1 1;flex-direction:column;align-items:center;gap:3px;padding:2px 8px;color:var(--text-dim);font-size:9px;font-weight:600;position:relative;transition:all .3s}.nav-item-fifa .nav-icon{font-size:20px;line-height:1;transition:transform .3s}.nav-item-fifa.active{color:var(--gold-main)}.nav-item-fifa.active:after{content:"";position:absolute;top:-7px;left:50%;width:70%;height:2px;transform:translateX(-50%);border-radius:999px;background:var(--gold-main);box-shadow:0 0 16px rgba(233,183,65,.18)}.nav-item-fifa.active .nav-icon{transform:scale(1.1)}.nav-item-fifa:focus-visible,.nav-item-fifa:hover{outline:none;color:var(--gold-main)}.nav-item-fifa:active{transform:scale(.94)}.header-hero{position:relative;background:linear-gradient(180deg,#0d2a4a,#071f38);border-radius:24px;padding:20px 16px 14px;border:1.5px solid rgba(233,183,65,.25);box-shadow:0 0 60px rgba(233,183,65,.04);text-align:center;overflow:hidden}.header-hero:before{content:"";position:absolute;inset:6px;border-radius:18px;border:1px solid rgba(233,183,65,.06);pointer-events:none}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.hero-icon{font-size:40px;line-height:1;filter:drop-shadow(0 0 30px rgba(233,183,65,.2))}.hero-title{font-size:24px;font-weight:900;letter-spacing:1px;background:linear-gradient(135deg,#fad65b,#e9b741,#b68c22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:11px;color:var(--text-muted);letter-spacing:2px;font-weight:600}.hero-points{position:absolute;top:10px;right:14px;background:rgba(233,183,65,.12);padding:3px 14px;border-radius:20px;font-size:13px;font-weight:700;color:var(--gold-main);border:1px solid rgba(233,183,65,.12);display:flex;align-items:center;gap:4px;z-index:2}.locale-switcher{position:relative;z-index:3}.locale-toggle-btn{border:1px solid rgba(233,183,65,.16);background:rgba(233,183,65,.1);color:var(--gold-main);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.locale-menu{position:absolute;top:calc(100% + 6px);right:0;margin-top:6px;display:grid;grid-gap:6px;gap:6px;background:rgba(6,25,43,.96);border:1px solid rgba(233,183,65,.12);border-radius:12px;padding:8px;box-shadow:0 10px 32px rgba(0,0,0,.35)}.locale-menu button{border:none;background:rgba(255,255,255,.04);color:var(--text-white);border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer}.sync-feedback-banner{border-radius:16px;padding:10px 12px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.06)}.sync-feedback-banner.success{background:rgba(46,204,113,.08);border-color:rgba(46,204,113,.24);color:#c8f5da}.sync-feedback-banner.warning{background:rgba(233,183,65,.08);border-color:rgba(233,183,65,.24);color:#f7e3ad}.toast-viewport{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(calc(100vw - 24px),420px);display:grid;grid-gap:8px;gap:8px;z-index:80;pointer-events:none}.app-toast{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:12px 12px 11px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)),rgba(5,17,30,.94);box-shadow:0 18px 36px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;transform:translateY(-10px) scale(.98);opacity:0;animation:toast-enter .22s cubic-bezier(.2,.8,.2,1) forwards}.app-toast.closing{animation:toast-exit .18s ease forwards}.app-toast.success{border-color:rgba(46,204,113,.28);background:linear-gradient(180deg,rgba(18,53,34,.96),rgba(8,28,19,.96));color:#d4f6e0}.app-toast.warning{border-color:rgba(233,183,65,.28);background:linear-gradient(180deg,rgba(64,45,15,.96),rgba(26,20,9,.96));color:#f7e3ad}.app-toast-icon{min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.app-toast.success .app-toast-icon{background:rgba(46,204,113,.16);color:#b9efcb}.app-toast.warning .app-toast-icon{background:rgba(233,183,65,.16);color:#f7e3ad}.app-toast-body{display:grid;min-width:0;align-self:center}.app-toast p{margin:0;font-size:13px;line-height:1.45;font-weight:800}@keyframes toast-enter{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.fifa-panel{background:var(--bg-card);border-radius:20px;padding:16px 14px;border:1px solid rgba(233,183,65,.06);box-shadow:0 12px 40px rgba(0,0,0,.6);position:relative;overflow:hidden}.panel-title{position:relative;z-index:2;font-size:14px;font-weight:800;color:var(--gold-light);margin-bottom:12px;display:flex;align-items:center;gap:8px;letter-spacing:.5px;text-transform:uppercase}.panel-title:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,rgba(233,183,65,.15),transparent);margin-left:8px}.badge-num{font-size:10px;background:rgba(233,183,65,.1);padding:2px 10px;border-radius:12px;color:var(--gold-main);font-weight:600;margin-left:auto}.summary-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.summary-stat-card{background:rgba(0,0,0,.2);border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.04)}.summary-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.summary-stat-value{font-size:14px;font-weight:800;color:var(--text-white);line-height:1.35}.mode-tabs-fifa{display:flex;gap:5px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;z-index:2}.mode-tabs-fifa::-webkit-scrollbar{display:none}.mode-tab-fifa{flex-shrink:0;padding:5px 12px;border-radius:16px;font-size:11px;font-weight:600;background:rgba(255,255,255,.05);color:var(--text-muted);border:1px solid transparent;cursor:pointer;transition:all .3s;white-space:nowrap}.mode-tab-fifa.active{background:rgba(233,183,65,.15);color:var(--gold-main);border-color:var(--gold-main);box-shadow:0 0 20px rgba(233,183,65,.05)}.mode-tab-fifa:disabled{opacity:.4;cursor:not-allowed}.match-list-fifa{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}.match-item-fifa{background:rgba(0,0,0,.2);border-radius:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.04);transition:all .3s}.match-empty-state{background:rgba(0,0,0,.16);border-radius:14px;padding:18px 14px;border:1px dashed rgba(255,255,255,.08);color:var(--text-muted);font-size:11px;font-weight:600;text-align:center}.match-item-fifa.result-correct{border-color:var(--green-success);background:rgba(46,204,113,.05)}.match-item-fifa.result-missed{border-color:#ff8f8f;background:rgba(231,76,60,.06)}.match-item-fifa.result-voided{border-color:#8fd3ff;background:rgba(88,166,255,.06)}.match-item-fifa.result-no-pick{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.match-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.match-status-chip,.match-time-chip{font-size:10px;font-weight:700;padding:4px 10px;border-radius:999px}.match-time-chip{color:var(--text-muted);background:rgba(255,255,255,.05)}.match-status-chip{display:inline-flex;align-items:center;gap:6px;color:var(--text-white);background:transparent;border:none;padding:0}.match-phase-state,.prediction-state{display:inline-flex;align-items:center;padding:2px 8px}.match-phase-state,.prediction-state{border-radius:999px}.match-status-separator{color:var(--text-dim);font-weight:800}.match-phase-state{background:rgba(255,255,255,.04)}.match-phase-state.upcoming{color:var(--gold-main);background:rgba(233,183,65,.12)}.match-phase-state.finished{color:var(--text-white);background:rgba(255,255,255,.08)}.match-phase-state.live{color:#ffd1d1;background:rgba(231,76,60,.14)}.prediction-state.pending{color:var(--gold-main);background:rgba(233,183,65,.14)}.prediction-state.correct{color:var(--green-success);background:rgba(46,204,113,.12)}.prediction-state.missed{color:#ff8f8f;background:rgba(231,76,60,.16)}.prediction-state.voided{color:#8fd3ff;background:rgba(88,166,255,.16)}.prediction-state.no-pick{color:var(--text-muted);background:rgba(255,255,255,.06)}.prediction-state.locked{color:#ffd7a1;background:rgba(214,143,43,.16)}.prediction-state.open{color:#b8f1c9;background:rgba(46,204,113,.1)}.prediction-state.unavailable{color:var(--text-muted);background:rgba(255,255,255,.06)}.match-teams-row{justify-content:space-between;gap:6px;margin-bottom:8px}.match-teams-row,.team-fifa{display:flex;align-items:center}.team-fifa{flex-direction:column;flex:1 1;min-width:40px}.team-fifa .flag{font-size:26px;line-height:1.2}.team-fifa .name{font-size:10px;font-weight:700;color:var(--text-white);letter-spacing:.3px;text-align:center}.vs-box-fifa{font-size:9px;font-weight:800;color:var(--text-dim);padding:2px 6px;background:rgba(255,255,255,.04);border-radius:6px;flex-shrink:0}.versus-text{letter-spacing:1px}.prediction-area{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.prediction-area label{font-size:10px;color:var(--text-muted);font-weight:700}.option-grid,.option-row{display:flex;flex-wrap:wrap;gap:6px}.htft-picker{display:grid;grid-gap:6px;width:100%}.htft-picker,.htft-row{gap:6px;justify-content:center}.htft-row{display:flex;align-items:center}.htft-row .option-row{display:grid;grid-template-columns:repeat(3,76px);flex-wrap:nowrap}.htft-row .option-btn{white-space:nowrap;width:76px;min-width:76px}.htft-row-label{font-size:9px;color:var(--text-dim);font-weight:700;min-width:20px;text-align:left}.btn-confirm-pick,.modal-primary-btn,.modal-secondary-btn,.option-btn{border:none;cursor:pointer;transition:all .3s}.btn-confirm-pick:hover,.btn-share-fifa:hover,.modal-primary-btn:hover,.modal-secondary-btn:hover,.option-btn:hover{transform:translateY(-1px)}.btn-confirm-pick:active,.btn-share-fifa:active,.modal-primary-btn:active,.modal-secondary-btn:active,.option-btn:active{transform:translateY(1px) scale(.985)}.btn-confirm-pick:disabled:active,.btn-confirm-pick:disabled:hover,.modal-primary-btn:disabled:active,.modal-primary-btn:disabled:hover,.modal-secondary-btn:disabled:active,.modal-secondary-btn:disabled:hover,.option-btn:disabled:active,.option-btn:disabled:hover{transform:none}.option-btn{padding:4px 12px;border-radius:8px;background:rgba(255,255,255,.04);color:var(--text-muted);font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.06);flex:1 1;min-width:40px;text-align:center}.option-btn.selected{background:var(--gold-main);color:#06192b;border-color:var(--gold-main);box-shadow:0 0 20px rgba(233,183,65,.1)}.option-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(233,183,65,.22);color:var(--text-white)}.option-btn.selected:hover{background:var(--gold-main);color:#06192b;border-color:var(--gold-main)}.score-input{width:44px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:var(--text-white);text-align:center}.score-input-group{display:flex;align-items:center;gap:4px;margin:0 auto}.colon{font-size:16px;color:var(--text-dim);font-weight:700}.btn-confirm-pick{display:block;margin:12px auto 0;min-width:112px;padding:4px 16px;border-radius:16px;background:linear-gradient(135deg,var(--gold-main),var(--gold-dark));color:#06192b;font-weight:700;font-size:11px}.btn-confirm-pick:hover,.btn-share-fifa:hover,.modal-primary-btn:hover{box-shadow:0 10px 24px rgba(233,183,65,.22);filter:brightness(1.03)}.btn-confirm-pick:disabled{opacity:.45;cursor:not-allowed}.match-action-row{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:12px}.match-actual-result{font-size:10px;color:var(--text-dim);font-weight:600;text-align:left;flex:1 1}.match-action-row .btn-confirm-pick{margin:0;flex-shrink:0}.market-status-inline{display:inline-flex;align-items:center;gap:6px;margin-top:8px}.market-status-key{font-size:10px;font-weight:700;color:var(--text-dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.match-result-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:8px}.match-result-badge.success{color:var(--green-success);background:rgba(46,204,113,.1)}.match-result-badge.fail{color:var(--red-fail);background:rgba(231,76,60,.1)}.match-result-badge.pending{color:var(--text-muted);background:rgba(255,255,255,.04)}.pick-panel-footnote{margin-top:10px;text-align:center;font-size:10px;color:var(--text-dim);border-top:1px solid rgba(255,255,255,.03);padding-top:8px;position:relative;z-index:2}.card-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:12px;gap:12px;position:relative;z-index:2;padding:4px 0}.card-ut{position:relative;border-radius:16px;padding:10px 6px 6px;text-align:center;background:linear-gradient(145deg,#0d2540,#071f38);border:2px solid rgba(233,183,65,.15);box-shadow:0 8px 24px rgba(0,0,0,.6);min-height:180px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.card-ut .card-bg{position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 30% 30%,rgba(233,183,65,.06),transparent 60%);pointer-events:none}.card-ut .card-header{width:100%;display:flex;justify-content:space-between;position:relative;z-index:2;font-size:9px}.card-ut .card-header .ovr{font-size:22px;font-weight:900;color:var(--gold-light)}.card-ut .card-header .pos{background:rgba(233,183,65,.1);padding:0 8px;border-radius:8px;font-weight:700;color:var(--gold-main);font-size:9px;display:flex;align-items:center}.card-ut .avatar{width:50px;height:50px;border-radius:50%;margin:2px auto 4px;border:2.5px solid var(--gold-main);display:flex;align-items:center;justify-content:center;font-size:26px;background:radial-gradient(circle at 30% 30%,#1d4b70,#0a1e35);position:relative;z-index:2}.card-ut .pname{font-size:12px;font-weight:800;color:var(--text-white);position:relative;z-index:2;line-height:1.2}.card-ut .pname small{display:block;font-weight:400;font-size:8px;color:var(--text-muted)}.card-ut .stats-mini{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 4px;gap:0 4px;margin-top:4px;width:100%;padding:0 2px;position:relative;z-index:2}.card-ut .stats-mini .s-item{display:flex;justify-content:space-between;font-size:7px;font-weight:600;color:var(--text-muted);padding:0 2px}.card-ut .stats-mini .sv{color:var(--text-white)}.card-ut .stats-mini .sv.high{color:var(--gold-main)}.card-ut.locked{opacity:.5;filter:grayscale(.6);border-color:var(--text-dim)}.card-ut.legend{border-color:var(--gold-main);background:linear-gradient(145deg,#2a1a0a,#140f06)}.card-ut.epic{border-color:#4a7ab5;background:linear-gradient(145deg,#0e2038,#06152a)}.card-ut.rare{border-color:#8e44ad;background:linear-gradient(145deg,#1a0e26,#0e0816)}.lock-icon{position:absolute;top:4px;right:6px;font-size:14px;z-index:5}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:12px;gap:12px;position:relative;z-index:2}.shop-item{background:rgba(0,0,0,.2);border-radius:14px;padding:10px 6px;text-align:center;border:1px solid rgba(255,255,255,.04)}.emoji-big{font-size:34px;display:block}.shop-item .name{font-size:12px;font-weight:700}.shop-copy{font-size:9px;color:var(--text-muted);margin-top:2px}.shop-item .price{font-size:11px;color:var(--gold-main);font-weight:600;margin:4px 0 6px}.btn-buy{padding:4px 12px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--gold-main),var(--gold-dark));color:#06192b;font-weight:700;font-size:10px;cursor:pointer;width:100%}.profile-card{text-align:center;padding:12px 4px;position:relative;z-index:2}.profile-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px;padding:0 8px;position:relative;z-index:4}.profile-locale-switcher .locale-menu{min-width:132px}.big-avatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--gold-main),var(--gold-dark));margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#06192b;border:3px solid var(--gold-main);box-shadow:0 0 40px rgba(233,183,65,.08)}.username{font-size:18px;font-weight:800}.stats{display:flex;justify-content:center;gap:20px;margin:8px 0 12px}.stat .num{font-size:20px;font-weight:800;color:var(--gold-main)}.stat .label{font-size:10px;color:var(--text-muted)}.btn-share-fifa{background:linear-gradient(135deg,var(--gold-main),var(--gold-dark));border:none;padding:8px 20px;border-radius:30px;font-weight:800;font-size:13px;color:#06192b;cursor:pointer;box-shadow:0 4px 20px rgba(233,183,65,.1)}.pack-shell{margin-top:14px;border-top:1px solid rgba(255,255,255,.04);padding-top:10px}.pack-shell-title{font-size:11px;color:var(--text-muted);margin-bottom:6px}.pack-section-fifa{display:flex;flex-direction:column;align-items:center;gap:10px}.pack-stack{position:relative;width:160px;height:210px}.pack-card{position:absolute;inset:0;border-radius:18px;background:linear-gradient(180deg,#113154,#071f38);border:1px solid rgba(233,183,65,.18);box-shadow:0 12px 40px rgba(0,0,0,.4);overflow:hidden}.back-card{transform:rotate(-5deg) translateX(-8px) translateY(4px);opacity:.8}.back-card-2{transform:rotate(5deg) translateX(8px) translateY(6px);opacity:.55}.pack-glow{position:absolute;inset:-20% -10%;background:radial-gradient(circle at 50% 20%,rgba(233,183,65,.16),transparent 60%)}.pack-stripe{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 14px,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 15px)}.pack-seal{position:absolute;top:18px;right:18px;width:16px;height:16px;border-radius:50%;background:var(--gold-main);box-shadow:0 0 18px rgba(233,183,65,.18)}.pack-logo{position:absolute;inset:auto 0 26px;text-align:center;font-size:22px;font-weight:900;color:var(--gold-light);letter-spacing:1px}.pack-logo small{display:block;font-size:11px;color:var(--text-white);letter-spacing:2px;margin-top:4px}.pack-hint{font-size:10px;color:var(--text-muted)}.pack-hint span{color:var(--gold-main);font-weight:600}.modal-overlay{position:fixed;inset:0;background:rgba(3,10,19,.76);display:flex;align-items:center;justify-content:center;padding:24px;z-index:40}.guest-modal{width:min(100%,360px);background:linear-gradient(180deg,#0d2a4a,#071f38);border-radius:24px;padding:22px 18px 18px;border:1px solid rgba(233,183,65,.22);text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.45)}.guest-modal-icon{font-size:34px;margin-bottom:8px}.guest-modal h2{margin:0 0 8px;font-size:20px}.guest-modal p{margin:0;font-size:13px;line-height:1.5;color:var(--text-muted)}.guest-modal-actions{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.modal-primary-btn,.modal-secondary-btn{padding:11px 14px;border-radius:14px;font-size:13px;font-weight:800}.modal-primary-btn{background:linear-gradient(135deg,var(--gold-main),var(--gold-dark));color:#06192b}.modal-secondary-btn{background:rgba(255,255,255,.05);color:var(--text-white);border:1px solid rgba(255,255,255,.06)}.modal-secondary-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.btn-confirm-pick:disabled,.login-modal-country-trigger:disabled,.modal-primary-btn:disabled,.modal-secondary-btn:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.72);box-shadow:none}.login-modal{width:min(100%,420px);background:radial-gradient(circle at top,rgba(233,183,65,.14),transparent 32%),linear-gradient(180deg,#103356,#081d34);border-radius:22px;padding:22px 20px 18px;border:1px solid rgba(233,183,65,.24);box-shadow:0 28px 70px rgba(0,0,0,.5);display:grid;grid-gap:16px;gap:16px;color:var(--text-white)}.login-modal-header{display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px;align-items:center}.login-modal-badge{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,rgba(233,183,65,.24),rgba(233,183,65,.08));border:1px solid rgba(233,183,65,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.login-modal-title-group h2{margin:0;font-size:22px;line-height:1.1}.login-modal-title-group p{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--text-muted)}.login-modal-google-section,.login-modal-phone-section{display:grid;grid-gap:12px;gap:12px}.login-modal-form-grid{display:grid;grid-template-columns:minmax(0,156px) minmax(0,1fr);grid-gap:12px;gap:12px}.login-modal-field{display:grid;grid-gap:6px;gap:6px;min-width:0}.login-modal-phone-field{position:relative}.login-modal-field-wide{grid-column:1/-1}.login-modal-field span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.74)}.login-modal-field input,.login-modal-phone-input,.login-modal-select-wrap{min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(7,24,41,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.login-modal-field input,.login-modal-phone-input{width:100%;padding:0 14px;color:var(--text-white)}.login-modal-phone-input{background:rgba(7,24,41,.74)}.login-modal-compact-input{font-size:13px}.login-modal-local-phone-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(7,24,41,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}.login-modal-calling-code{padding:0 12px 0 14px;color:rgba(255,255,255,.78);font-size:13px;font-weight:700;border-right:1px solid rgba(255,255,255,.08)}.login-modal-local-phone-wrap .login-modal-phone-input{min-height:44px;border:0;border-radius:0;background:transparent;box-shadow:none}.login-modal-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center}.login-modal-code-row .login-modal-send-btn{min-width:112px}.login-modal-field input::placeholder,.login-modal-phone-input::placeholder{color:rgba(255,255,255,.34)}.login-modal-select-wrap{position:relative;min-width:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(7,24,41,.82);border-color:rgba(233,183,65,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18)}.login-modal-select-wrap:after{content:"";position:absolute;right:14px;top:50%;width:9px;height:9px;border-right:2px solid rgba(233,183,65,.9);border-bottom:2px solid rgba(233,183,65,.9);transform:translateY(-60%) rotate(45deg);pointer-events:none;opacity:.92;transition:transform .18s ease,opacity .18s ease;transform-origin:center}.login-modal-select-wrap.is-open:after{transform:translateY(-35%) rotate(225deg)}.login-modal-select-wrap:hover{border-color:rgba(233,183,65,.28);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03)),rgba(9,28,48,.88)}.login-modal-field input:focus,.login-modal-phone-input:focus{outline:none}.login-modal-select-wrap:focus-within{border-color:rgba(233,183,65,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 3px rgba(233,183,65,.12),0 12px 28px rgba(0,0,0,.22)}.login-modal-country-picker{width:100%;min-width:0;overflow:visible}.login-modal-country-trigger{width:100%;min-height:46px;padding:0 42px 0 14px;border:0;background:transparent;color:var(--text-white);font-size:13px;font-weight:700;letter-spacing:.01em;text-align:left}.login-modal-country-trigger,.login-modal-country-trigger-label{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-modal-country-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:100%;max-width:100%;display:grid;grid-gap:6px;gap:6px;background:rgba(6,25,43,.98);border:1px solid rgba(233,183,65,.16);border-radius:14px;padding:8px;max-height:min(320px,60vh);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 14px 36px rgba(0,0,0,.42);z-index:2}.login-modal-country-menu::-webkit-scrollbar{display:none}.login-modal-country-option{border:none;background:rgba(255,255,255,.04);color:var(--text-white);border-radius:10px;padding:9px 10px;text-align:left;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-modal-country-option:hover{background:rgba(255,255,255,.08)}.login-modal-country-option.active{background:rgba(233,183,65,.16);color:var(--gold-light)}.login-modal-phone-actions{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.login-modal-google-btn,.login-modal-send-btn,.login-modal-submit-btn{width:100%}.login-modal-google-btn{gap:10px}.login-modal-google-btn,.login-modal-google-icon{display:inline-flex;align-items:center;justify-content:center}.login-modal-google-icon{width:18px;height:18px;flex-shrink:0;color:inherit}.login-modal-google-icon svg{display:block;width:100%;height:100%}.login-modal-inline-hint{margin:0;font-size:12px;color:rgba(233,183,65,.86)}.login-modal-phone-inline-hint{position:absolute;top:calc(100% + 2px);left:0;right:0;pointer-events:none}.login-modal-google-btn,.login-modal-submit-btn{width:min(100%,220px);justify-self:center}.login-modal-google-btn,.login-modal-submit-btn{min-height:46px}.login-modal-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}@media (max-width:420px){.summary-grid{grid-template-columns:1fr}.nav-item-fifa{min-height:52px;font-size:10px}.hero-title{font-size:22px}.mode-tab-fifa{font-size:10px;padding:4px 10px}.option-btn{font-size:10px;padding:6px 8px}.login-modal{padding:18px 16px 16px;gap:14px}.login-modal-code-row,.login-modal-form-grid,.login-modal-phone-actions{grid-template-columns:1fr}}