:root{--bg: #edf4ff;--panel: #ffffff;--ink: #152248;--muted: #5a6b95;--brand: #1b63ff;--line: #cfdcff;--err: #b14a26}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#f8fbff,var(--bg))}.container{max-width:1240px;margin:0 auto;padding:20px}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.header-userbox{display:inline-flex;flex-direction:column;align-items:flex-end;gap:6px;justify-self:end}.welcome-msg{font-weight:700;color:#244681;white-space:nowrap}.title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:30px}.subtitle{margin:6px 0 0;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;color:var(--ink)}button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;font-size:20px;font-weight:700;border-radius:999px;padding:0}input,select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:160px}label{display:block;font-size:13px;color:var(--muted);margin:7px 0 4px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 10px 24px #17367a14}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}pre{background:#f2f6ff;border-radius:10px;padding:10px;overflow:auto;font-size:12px}.err{color:var(--err);font-weight:600}.muted{color:var(--muted)}.ok{color:#14b87a;font-weight:700}.app-shell{position:relative;z-index:2;background:linear-gradient(180deg,#f9fcff94,#eef4ff85);border-radius:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(214,228,255,.66);box-shadow:0 20px 50px #08195133;margin-top:25px;margin-bottom:25px;height:calc(100vh - 50px);min-height:calc(100vh - 50px);max-height:calc(100vh - 50px);display:flex;flex-direction:column;overflow:hidden}.app-content-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-right:4px}.mini-switch{display:inline-flex;gap:4px;background:#eef4ff;border:1px solid #d2e1ff;border-radius:999px;padding:4px;margin-bottom:10px}.mini-switch button{border:none;background:transparent;color:#4a639a;border-radius:999px;padding:6px 10px;font-weight:700}.mini-switch button.active{color:#103567;background:linear-gradient(90deg,#d9ecff,#cffff0)}.app-page{min-height:100vh;position:relative;overflow:hidden}.app-wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#08143e}.wp-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/FondoLoginFIFA.jpg);background-size:cover;background-position:center;filter:saturate(1.12) brightness(.65) blur(2.5px);transform:scale(1.05);opacity:0;animation:wallpaperFade 40s infinite}.wp1{animation-delay:0s;background-image:url(/wc-01.jpg);background-position:center}.wp2{animation-delay:8s;background-image:url(/wc-02.jpg);background-position:center}.wp3{animation-delay:16s;background-image:url(/wc-03.jpg);background-position:center}.wp4{animation-delay:24s;background-image:url(/wc-04.jpg);background-position:center}.wp5{animation-delay:32s;background-image:url(/wc-05.jpg);background-position:center}.app-wallpaper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#091c5947,#3b198c38)}.app-header{background:linear-gradient(100deg,#eef7ff,#f6faff);border:1px solid #dbe7ff;border-radius:14px;padding:14px;margin-bottom:16px}.header-right{display:inline-flex;align-items:center;gap:8px;justify-self:end}.top-menu{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-self:end;width:fit-content;max-width:100%;margin-left:auto;background:#ffffffe6;border:1px solid #d8e5ff;border-radius:999px;padding:4px}.top-menu .menu-link{border:none;background:transparent;border-radius:999px;padding:8px 14px;font-weight:700;color:#45629a;transition:color .18s ease,background-color .18s ease}.top-menu .menu-link:hover{color:#14356e;background:#e0ecffcc}.top-menu .menu-link.active{color:#0f2a5c;background:linear-gradient(90deg,#d4e8ff,#c9ffe0)}.dashboard-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:10px}.section-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:15px}.dashboard-head>:first-child,.section-head>:first-child{justify-self:start}.dashboard-head>:last-child,.section-head>:last-child{justify-self:end}.countdown-banner{justify-self:center;border:1px solid #bfe0ff;border-radius:12px;padding:6px 10px;background:linear-gradient(100deg,#dff1ff,#d8ffe8);box-shadow:0 8px 20px #1656a72e;display:grid;gap:2px;min-width:230px}.countdown-label{font-size:10px;font-weight:700;color:#2d4f8f;text-transform:uppercase;letter-spacing:.04em;text-align:center}.countdown-values{display:flex;justify-content:center;gap:8px;font-size:12px;color:#163a70}.countdown-values strong{font-size:15px;margin-right:2px}.matches-head-actions{display:inline-flex;align-items:center;gap:8px}.predictions-toolbar{align-items:center}.predictions-mode-switch{margin:0}.predictions-subfilters{margin-top:8px}.language-picker select{min-width:74px;width:74px;padding:6px 8px}.matches-view-switch{margin:0;padding:3px;min-height:34px;align-items:center}.matches-view-switch button{min-height:28px;padding:5px 10px;font-size:12px}.matches-head-actions .rule-action-btn{min-height:34px;padding:6px 12px}.help-btn{border-radius:999px;font-weight:700;padding:6px 12px}.action-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #c2dcff;background:linear-gradient(90deg,#d4e8ff,#c9ffe0);color:#173565;font-weight:700;border-radius:11px;box-shadow:0 6px 16px #1958aa24;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.action-btn:hover{filter:brightness(1.02)}.action-btn:active{transform:scale(.97);box-shadow:0 3px 10px #1958aa2e}.rule-action-btn,.info-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #c2dcff;background:linear-gradient(90deg,#d4e8ff,#c9ffe0);color:#173565;box-shadow:0 6px 16px #1958aa24;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.rule-action-btn:hover,.info-btn:hover{filter:brightness(1.02)}.rule-action-btn:active,.info-btn:active{transform:scale(.97);box-shadow:0 3px 10px #1958aa2e}.dashboard h2{margin:0}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dash-card{background:linear-gradient(145deg,#fffffff2,#f1faffeb);border:1px solid #cde2ff;border-radius:14px;padding:14px;box-shadow:0 10px 24px #17367a1f}.dash-card-wide{margin-bottom:14px}.dash-inline-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.result-pill{border:1px solid #dbe7ff;background:linear-gradient(180deg,#fff,#f1f8ff);border-radius:10px;padding:8px 10px;display:grid;gap:3px}.result-teams{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14PX;margin-top:8PX;margin-bottom:4px}.team-inline{display:inline-flex;align-items:center;gap:6px}.away-inline{flex-direction:row-reverse}.result-pill-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.dashboard .dash-card h3{margin-top:0;margin-bottom:10px;padding:7px 10px;border-radius:10px;background:linear-gradient(100deg,#cff0fff2,#fffffff5);border:1px solid rgba(173,224,255,.95)}.mini-table{width:100%;border-collapse:collapse;font-size:14px}.ranking-frame{border:1px solid #cfe2ff;border-radius:12px;overflow:hidden;background:#ffffffd9}.ranking-scroll{max-height:290px;overflow-y:auto}.leaderboard-table-scroll{height:420px;max-height:420px;overflow-y:auto;overflow-x:auto;border:1px solid #d8dde6;border-radius:10px;background:#fff}.ranking-table thead th{position:sticky;top:0;z-index:1;background:#e7eaef;color:#2a3346;border-bottom:1px solid #cfd5df}.leaderboard-table-scroll .ranking-table{margin:0}.leaderboard-table-scroll .ranking-table thead th{padding-top:10px;padding-bottom:10px}.mini-table th,.mini-table td{text-align:left;padding:8px 6px;border-bottom:1px solid #e7efff}.podium.p1{background:#fff5c7}.podium.p2{background:#edf2ff}.podium.p3{background:#ffe8d8}.medal{margin-right:4px}.dash-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dashboard .dash-card:last-child .dash-list{max-height:300px;overflow-y:auto;padding-right:4px}.dash-list li{border:1px solid #e5ecff;border-radius:10px;padding:8px;display:grid;gap:3px;background:#fcfdff}.prediction-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.prediction-row-head .result-teams{flex:1 1 auto;min-width:0}.points-pill{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;border:1px solid #b8d4ff;background:linear-gradient(90deg,#d4e8ff,#c9ffe0);color:#173565;font-weight:800;font-size:12px}.dash-list span{color:#6a7ca8;font-size:13px}.tiny-games{font-size:10px;font-weight:500;color:#6f82ad}.tiny-games-block{display:block;margin-top:2px;line-height:1.35;white-space:normal;word-break:break-word}.status-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}.status-badge.open{background:#d9ffe8;color:#0f7a42}.status-badge.closed{background:#ffe2e0;color:#a2352e}.status-badge.info{background:#d9e8ff;color:#7f00ff}.status-badge.neutral{background:#edf1f9;color:#5f6d8c}.match-badges{display:flex;gap:6px;align-items:center}.dashboard-brand{margin-top:14px;display:flex;justify-content:center}.dashboard-brand img{width:min(460px,100%);height:auto;border-radius:12px;border:1px solid rgba(214,228,255,.75);box-shadow:0 10px 24px #0819512e}.sync-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.sync-status-card{border:1px solid #dbe7ff;background:linear-gradient(180deg,#fff,#f7fbff);border-radius:12px;padding:10px}.sync-status-card h4{margin:0 0 8px}.sync-status-card p{margin:4px 0}.match-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.match-card{border:1px solid #dbe7ff;border-radius:14px;background:linear-gradient(150deg,#fff,#f3f9ff);padding:10px;display:grid;gap:6px;box-shadow:0 6px 16px #1840851a}.clickable-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.clickable-card:hover{transform:translateY(-1px);border-color:#b9cffc;box-shadow:0 10px 22px #17367a24}.disabled-card{cursor:not-allowed;opacity:.78}.match-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.match-stage{font-size:11px;font-weight:700;color:#5870a8;text-transform:uppercase;letter-spacing:.03em}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.team{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px}.away-team{flex-direction:row-reverse;justify-content:flex-start}.team-flag-sm{width:24px;height:17px}.team-flag-dash{width:20px;height:14px}.team-flag-xs{width:16px;height:12px}.vs{color:#2f4c89;font-size:12px;font-weight:700;background:linear-gradient(90deg,#e5f2ff,#defeea);border:1px solid #cfe4ff;border-radius:999px;padding:2px 8px;line-height:1.1;display:inline-flex;align-items:center;justify-content:center}.match-meta{display:grid;gap:2px;color:#5d6f9e;font-size:12px}.matches-flow-grid{display:grid;grid-template-columns:minmax(360px,1.4fr) minmax(260px,.9fr) minmax(320px,1fr);gap:14px;align-items:start}.matches-flow-grid-group{display:grid;grid-template-columns:minmax(700px,2fr) minmax(320px,1fr);gap:14px;align-items:start}.matches-flow-grid-third{display:grid;grid-template-columns:minmax(360px,1.4fr) minmax(320px,1fr);gap:14px;align-items:start}.flow-group-pairs{display:grid;gap:14px;align-content:start}.flow-group-row{display:grid;grid-template-columns:minmax(360px,1.5fr) minmax(260px,1fr);gap:12px;align-items:stretch}.flow-adv-slot{display:flex;align-items:flex-start}.flow-adv-slot .flow-adv-card{width:100%}.flow-col{display:grid;gap:12px;align-content:start}.flow-group-card,.flow-adv-card,.flow-next-wrap{border:1px solid #dbe7ff;border-radius:14px;background:linear-gradient(165deg,#fff,#f4faff);padding:12px;box-shadow:0 8px 18px #1840851a}.flow-group-title{margin:0 0 10px;font-size:12px;letter-spacing:.03em;color:#27457f;text-transform:uppercase}.flow-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.flow-group-head .flow-group-title{margin:0}.group-table-btn{border:1px solid #c6dafd;background:#eef5ff;color:#23457f;border-radius:8px;padding:4px 8px;font-weight:800;line-height:1}.flow-match-stack,.flow-next-list{display:grid;gap:10px}.flow-adv-card{position:relative}.flow-adv-card:before{content:"";position:absolute;left:-10px;top:18px;bottom:18px;width:3px;border-radius:999px;background:linear-gradient(180deg,#9bc4ff,#81e4bf)}.flow-adv-list{display:grid;gap:8px}.flow-adv-row{display:grid;grid-template-columns:24px 24px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #d8e6ff;border-radius:10px;background:#fff;padding:6px 8px}.flow-adv-row strong{font-size:13px;line-height:1.2;min-width:0;overflow-wrap:anywhere}.flow-adv-metrics{grid-column:2 / -1;font-size:11px;color:#4f6699;font-weight:700;line-height:1.2;margin-top:-2px}.table-team-with-flag{display:inline-flex;align-items:center;gap:6px}.flow-rank{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:#ecf4ff;color:#27457f}@media (max-width: 1200px){.matches-flow-grid-group,.matches-flow-grid-third,.matches-flow-grid,.flow-group-row{grid-template-columns:1fr}.flow-adv-slot{align-items:stretch}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09133473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;display:grid;place-items:center;padding:14px}.modal-card{width:min(560px,100%);max-height:min(92vh,860px);overflow-y:auto;background:#fff;border:1px solid #dbe7ff;border-radius:14px;padding:16px;box-shadow:0 18px 40px #08195138}.modal-card h3{margin:0 0 8px}.rules-modal-card,.prediction-modal-card{background:linear-gradient(160deg,#fffffffa,#eef7fff5);border:1px solid #cfe2ff;box-shadow:0 20px 46px #09215b42}.rules-modal-card h3,.prediction-modal-card h3{padding:8px 10px;border-radius:10px;background:linear-gradient(90deg,#e7f2ff,#d9fff0);border:1px solid #cce1ff}.prediction-header-modern{position:relative;border:1px solid #d4e6ff;border-radius:12px;padding:10px 12px 12px;background:linear-gradient(160deg,#fff,#f3f9ff);margin-bottom:20px;min-height:80px}.prediction-title-modern{margin:0;font-weight:700;color:#1d2d55}.prediction-sub-modern{margin:4px 0 0;color:#4f6596;font-size:14px}.prediction-date-modern{position:absolute;top:10px;right:12px;margin:0;color:#c15d47;font-weight:600;font-size:13px}.prediction-lock-modern{position:absolute;right:12px;bottom:8px;margin:0;color:#4f6596;font-size:12px;font-weight:600}.prediction-teams-modern{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;align-items:center;justify-items:center}.prediction-team-row{display:flex;align-items:center;gap:10px;min-height:28px;justify-content:center;font-size:40px;font-weight:800;color:#173566}.team-flag{width:30px;height:20px;border-radius:3px;border:1px solid #d2def5;object-fit:cover;box-shadow:0 1px 4px #11295929}.team-flag-fallback{width:40px;display:inline-flex;justify-content:center}.prediction-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.prediction-score-grid label{display:grid;gap:6px;margin:0;color:#31508a;font-size:11px;font-weight:700;text-align:center;justify-items:center}.prediction-score-grid input{width:50%;text-align:center}.rules-list{margin:0;padding-left:18px;display:grid;gap:8px;color:#354d7e;text-align:justify}.rules-list li.rule-numbered-line::marker{content:""}.modal-card p,.modal-card li,.modal-card span{text-align:justify}.modal-actions-center{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.modal-gradient-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #c2dcff;background:linear-gradient(90deg,#d4e8ff,#c9ffe0);color:#163965;font-weight:700;box-shadow:0 8px 18px #1958aa24;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.modal-gradient-btn:hover{filter:brightness(1.02)}.modal-gradient-btn:active{transform:scale(.97);box-shadow:0 4px 12px #1958aa2e}.modal-match{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.pick-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e5ff;background:#f6f9ff;border-radius:999px;padding:5px 10px;font-size:13px}.pick-final-result{color:#214579;font-weight:700;background:#e9f2ff;border:1px solid #c7dbff;border-radius:999px;padding:2px 8px;line-height:1.2}.parley-pick-actions{justify-content:center}.pick-chip button{border:none;background:transparent;color:#7a2c2c;font-weight:700;padding:0 2px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:linear-gradient(125deg,#080f3a85,#30167875),url(/FondoLoginFIFA.jpg) center center / cover no-repeat}.auth-hero-glow{position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(80px);background:radial-gradient(circle,#48b8ff59,#48b8ff00);top:-200px;right:-120px;pointer-events:none;animation:pulseGlow 6s ease-in-out infinite}.auth-card.fifa-card{width:100%;max-width:520px;position:relative;z-index:2;background:#08123094;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(178,210,255,.26);border-radius:20px;padding:24px;box-shadow:0 20px 80px #00052380;color:#f4f8ff;animation:riseIn .5s ease-out}.auth-kicker{margin:0 0 8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#80dfff;font-weight:700}.auth-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(32px,5vw,42px);line-height:1}.auth-sub{margin:12px 0 18px;color:#d6e0ff}.auth-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(153,182,255,.28);border-radius:14px;padding:4px;margin-bottom:16px;background:#0d1a46b3}.auth-switch-thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:10px;background:linear-gradient(90deg,#00b7ff,#3de57f);transition:transform .26s ease}.auth-switch-thumb.right{transform:translate(100%)}.auth-switch-btn{position:relative;z-index:1;background:transparent;border:none;color:#d2deff;border-radius:10px;font-weight:700;transition:color .2s ease}.auth-switch-btn.active{color:#061132}.auth-form{display:grid;gap:10px}.auth-form label{color:#bdd2ff;margin:0}.auth-form input{width:100%;min-width:0;background:#ffffffed;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:11px 13px;outline:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.auth-form input:focus{transform:translateY(-1px);border-color:#5ec9ff;box-shadow:0 0 0 3px #5ec9ff33}.auth-primary{width:100%;margin-top:6px;border:0;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:800;letter-spacing:.01em;color:#031027;background:linear-gradient(90deg,#18d6ff,#5bf57f);box-shadow:0 12px 30px #00d9ff47;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.auth-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px #00d9ff61}.auth-primary:active{transform:translateY(0)}.auth-primary:disabled{filter:saturate(.4);cursor:not-allowed}.auth-link-btn{margin-top:2px;justify-self:start;padding:0;border:0;background:transparent;color:#9bd8ff;font-size:13px;text-decoration:underline;text-underline-offset:2px}.auth-link-btn:hover{color:#bde8ff}.auth-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-lang-select select{min-width:120px;font-size:12px;padding:6px 8px;border-radius:10px}.auth-secondary{border:1px solid rgba(153,182,255,.45);border-radius:12px;padding:10px 14px;color:#dce8ff;font-weight:700;background:#0a1842b3;transition:border-color .18s ease,background .18s ease}.auth-secondary:hover{border-color:#99daffbf;background:#102459d1}.auth-temp-box{margin-top:6px;padding:12px;border-radius:12px;border:1px solid rgba(153,182,255,.38);background:#08153aa8;display:grid;gap:8px}.auth-temp-label{margin:0;color:#b9ceff;font-weight:700;font-size:13px}.auth-temp-code{display:block;width:100%;word-break:break-all;color:#f8fdff;background:#020a1fb3;border:1px dashed rgba(121,241,198,.6);border-radius:10px;padding:10px 12px;font-size:14px}.auth-temp-help{margin:0;color:#d6e8ff;font-size:12px}.auth-inline-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.force-change-card{max-width:560px}.force-change-title{font-size:clamp(28px,4vw,36px)}.force-change-actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.force-change-actions .auth-primary,.force-change-actions .auth-secondary{width:100%;margin-top:0}.auth-feedback{margin-top:12px}.fifa-card .err{color:#ffc9cf}@keyframes riseIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes wallpaperFade{0%{opacity:0}6%{opacity:1}27%{opacity:1}33%{opacity:0}to{opacity:0}}@media (max-width: 640px){.header{grid-template-columns:1fr;align-items:start}.header-userbox{align-items:flex-start;justify-self:start}.header-right{justify-self:start}.app-shell{height:calc(100vh - 16px);min-height:calc(100vh - 16px);max-height:calc(100vh - 16px);margin-top:8px;margin-bottom:8px}.app-content-scroll{padding-right:0}.auth-card.fifa-card{padding:18px}.force-change-actions,.dash-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px;align-items:start}.modal-card{width:100%;max-height:94vh;border-radius:12px;padding:12px;margin-top:8px}}@media (min-width: 641px) and (max-width: 1024px){.app-shell{height:calc(100vh - 26px);min-height:calc(100vh - 26px);max-height:calc(100vh - 26px);margin-top:12px;margin-bottom:12px}}@media (min-width: 1025px){.app-shell{height:calc(100vh - 50px);min-height:calc(100vh - 50px);max-height:calc(100vh - 50px)}}