:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;--ink: #f8fbff;--muted: #aab8cf;--blue-950: #061124;--blue-900: #07182f;--blue-800: #0b2a55;--blue-700: #143f77;--red: #d3293a;--red-deep: #8f1727;--gold: #f2c14e;--gold-soft: #ffe6a6;--green: #48b87d;--cyan: #69d6ff;--paper: rgba(255, 255, 255, .92);--line: rgba(255, 255, 255, .16);--shadow: 0 22px 70px rgba(0, 0, 0, .36)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(120deg,rgba(211,41,58,.22),transparent 32%),radial-gradient(circle at 12% 10%,rgba(242,193,78,.22),transparent 28%),radial-gradient(circle at 84% 22%,rgba(105,214,255,.16),transparent 34%),linear-gradient(145deg,#020714,#061124 42%,#200915);color:var(--ink);overflow-x:hidden}button{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;padding:18px;position:relative;overflow:hidden}.stadium-light{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(16px);opacity:.22;pointer-events:none}.stadium-light-a{left:-180px;top:-180px;background:conic-gradient(from 180deg,var(--gold),transparent,var(--cyan),transparent)}.stadium-light-b{right:-220px;bottom:-180px;background:conic-gradient(from 20deg,var(--red),transparent,var(--gold),transparent)}.phone-frame{width:min(100%,480px);min-height:calc(100vh - 36px);min-height:calc(100dvh - 36px);border:1px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 170px),#050f20eb;box-shadow:var(--shadow);overflow:hidden;position:relative}.screen{min-height:calc(100vh - 38px);min-height:calc(100dvh - 38px);padding:18px;display:flex;flex-direction:column;gap:16px}.home-screen{padding-bottom:28px}.hero{display:flex;flex-direction:column;gap:12px}.hero-art{position:relative;min-height:340px;border-radius:18px;overflow:hidden;background:#07182f;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 -40px 80px #00000038}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(1.05) contrast(1.04)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,22,.2),transparent 38%,rgba(3,9,22,.8)),linear-gradient(90deg,rgba(3,9,22,.7),transparent 34%,rgba(3,9,22,.45));pointer-events:none}.speech{position:absolute;max-width:132px;padding:9px 11px;border-radius:12px;background:#fff8df;color:#111827;border:3px solid #101828;font-size:13px;font-weight:900;line-height:1.35;z-index:2}.speech-left{left:18px;bottom:92px}.speech-right{right:18px;bottom:158px}.eyebrow{margin:0;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.05}h2{font-size:20px;line-height:1.18}.lead{color:var(--muted);font-size:15px;line-height:1.7}.home-actions{display:grid;grid-template-columns:1fr;gap:10px}.primary-btn,.secondary-btn,.icon-btn{min-height:48px;border:0;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.primary-btn{background:linear-gradient(135deg,var(--gold),#ffdd87);color:#261400;box-shadow:0 12px 30px #f2c14e3d}.secondary-btn{background:#ffffff14;color:var(--ink);border:1px solid var(--line)}.secondary-btn:disabled{cursor:not-allowed;opacity:.45}.primary-btn:active,.secondary-btn:active,.icon-btn:active,.choice-card:active{transform:translateY(1px) scale(.99)}.info-grid{display:grid;gap:10px}.info-card{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff12}.info-card h2{margin-bottom:6px;font-size:15px}.info-card p,.squad-strip span,.log-panel p,.story-card p,.interlude-panel p,.recap-card p,.ending-card p,.archive-header p,.archive-item p,.match-panel p{color:var(--muted);line-height:1.6;font-size:13px}.info-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f2c14e29;color:var(--gold)}.squad-strip{display:grid;gap:10px}.section-title{display:flex;align-items:center;gap:8px;color:var(--gold-soft);font-size:13px;font-weight:900}.player-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.player-chip{min-height:104px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(135deg,#143f77d1,#8f1727a3),#ffffff14}.player-chip strong{display:block;margin-bottom:8px;color:#fff}.game-screen{padding-top:14px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.top-bar div{display:flex;flex-direction:column;gap:3px}.top-bar span{color:var(--gold);font-size:12px;font-weight:900}.top-bar strong{font-size:15px}.icon-btn{width:44px;min-height:44px;background:#ffffff17;color:var(--ink);border:1px solid var(--line)}.match-panel,.story-card,.interlude-panel,.recap-card,.ending-card,.archive-header{border:1px solid var(--line);border-radius:18px;background:#ffffff14;padding:16px}.match-panel{display:flex;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#143f77b8,#d3293a5c),#ffffff14}.match-panel h1{margin:4px 0 6px;font-size:24px}.match-count{flex:0 0 auto;align-self:flex-start;padding:7px 9px;border-radius:999px;background:#f2c14e29;color:var(--gold-soft);font-size:12px;font-weight:900}.stats-board{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#0003}.stat-item{display:grid;gap:5px}.stat-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.stat-label strong{color:var(--ink)}.stat-track{height:8px;border-radius:999px;overflow:hidden;background:#ffffff14}.stat-fill{height:100%;border-radius:inherit}.stat-mbappeComfort,.stat-ballonDorScore{background:linear-gradient(90deg,var(--gold),#fff3ad)}.stat-dembeleThreat{background:linear-gradient(90deg,#9a7bff,#ff7ac8)}.stat-franceMomentum{background:linear-gradient(90deg,var(--cyan),var(--green))}.stat-mediaChaos{background:linear-gradient(90deg,var(--red),#ff9d5c)}.story-card{display:grid;gap:8px}.choice-list{display:grid;gap:10px}.choice-card{width:100%;display:grid;gap:8px;text-align:left;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(135deg,#ffffff1a,#ffffff0a),#050f20db;color:var(--ink);cursor:pointer}.choice-card strong{font-size:16px}.choice-card>span:not(.choice-tag):not(.effect-row){color:var(--muted);line-height:1.55;font-size:13px}.choice-tag{justify-self:start;padding:5px 8px;border-radius:999px;background:#f2c14e29;color:var(--gold-soft);font-size:11px;font-weight:900}.effect-row{display:flex;flex-wrap:wrap;gap:5px}.effect-row span{display:inline-flex;min-height:24px;align-items:center;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:800}.effect-up{background:#48b87d29;color:#a7f3ca}.effect-down{background:#d3293a29;color:#ffb8c2}.log-panel{display:grid;gap:9px}.log-panel article{display:grid;gap:4px;padding:12px;border-left:3px solid var(--gold);background:#ffffff0f;border-radius:0 12px 12px 0}.log-panel span{color:var(--gold);font-size:11px;font-weight:900}.log-panel strong{font-size:13px}.recap-card{display:grid;gap:12px}.scoreline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#00000038;text-align:center}.scoreline strong{color:var(--gold);font-size:34px}.scorer-box{display:grid;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#0000002e}.scorer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.scorer-heading span{color:var(--gold-soft);font-size:12px;font-weight:900}.scorer-heading em{color:var(--muted);font-size:11px;font-style:normal;line-height:1.4;text-align:right}.scorer-row{display:flex;flex-wrap:wrap;gap:6px}.scorer-pill{min-height:25px;display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#69d6ff1f;color:#d8f4ff;font-size:12px;font-weight:900}.scorer-star{background:#f2c14e2e;color:var(--gold-soft)}.scorer-muted{background:#ffffff14;color:var(--muted)}.meme-card{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#ffffff14}.meme-stage{position:relative;height:235px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 54%),linear-gradient(135deg,#123a73,#07182f 58%,#8f1727)}.meme-dembele .meme-stage{background:linear-gradient(135deg,#31175d,#0b2a55 50%,#ef6b9a)}.meme-chaos .meme-stage,.meme-history .meme-stage{background:linear-gradient(135deg,#20202a,#7c2030 56%,#f2c14e)}.meme-trophy .meme-stage{background:radial-gradient(circle at 52% 28%,rgba(255,255,255,.34),transparent 22%),linear-gradient(135deg,#f2c14e,#123a73 45%,#061124)}.meme-crowd{position:absolute;inset:auto 0 0;height:80px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 10px,transparent 10px 22px),#0000003d}.meme-person{position:absolute;bottom:34px;width:92px;height:118px;border:4px solid #111827;border-radius:45% 45% 12px 12px;display:grid;justify-items:center;align-content:start;padding-top:18px;box-shadow:8px 8px #0000003d}.meme-person strong{margin-top:56px;color:#fff;font-weight:900}.meme-person-mbappe{left:48px;background:linear-gradient(180deg,#101010 0 18px,transparent 18px),linear-gradient(180deg,#9f674d 0 54%,#143f77 54%)}.meme-person-dembele{right:48px;transform:rotate(7deg);background:linear-gradient(180deg,#111 0 23px,transparent 23px),linear-gradient(180deg,#8b5a45 0 54%,#d3293a 54%)}.face{position:relative;width:52px;height:42px;border-radius:40%}.face:before,.face:after{content:"";position:absolute;top:16px;width:10px;height:8px;border-radius:50%;background:#111827}.face:before{left:9px}.face:after{right:9px}.eye-roll:before{transform:translateY(-5px) rotate(-18deg)}.eye-roll:after{transform:translateY(4px) rotate(-18deg)}.meme-trophy{position:absolute;left:50%;top:38px;transform:translate(-50%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;color:#321a00;background:linear-gradient(135deg,#fff1a8,#d8921d);box-shadow:0 14px 30px #00000047}.meme-bubble{position:absolute;max-width:min(158px,calc(50% - 28px));padding:8px 10px;border:3px solid #111827;border-radius:12px;background:#fff7df;color:#111827;font-size:12px;line-height:1.25;font-weight:900;word-break:break-word}.bubble-a{left:16px;top:34px}.bubble-b{right:12px;top:146px}.meme-copy{display:grid;gap:6px;padding:14px}.meme-copy span{color:var(--gold);font-size:12px;font-weight:900}.meme-copy p{color:var(--ink);line-height:1.55;font-size:14px}.ending-art-card{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#ffffff14}.ending-art-card img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;object-position:center;background:#06182f}.ending-art-copy{display:grid;gap:6px;padding:14px}.ending-art-copy span{color:var(--gold);font-size:12px;font-weight:900}.ending-art-copy p{color:var(--ink);line-height:1.55;font-size:14px}.interlude-panel{display:grid;gap:10px;background:linear-gradient(135deg,#48b87d38,#f2c14e24),#ffffff14}.ending-screen{padding-bottom:26px}.ending-card{display:grid;gap:12px;background:linear-gradient(135deg,#d3293a3d,#ffffff12),#ffffff14}.ending-win{background:linear-gradient(135deg,#f2c14e47,#48b87d24),#ffffff14}.winner-pill{width:fit-content;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#f2c14e29;color:var(--gold-soft);font-weight:900}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tournament-summary{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#f2c14e29,#69d6ff14),#ffffff12}.tournament-summary div{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center}.tournament-summary span{color:var(--muted);font-size:12px;font-weight:800}.tournament-summary strong{color:var(--gold-soft);font-size:15px;line-height:1.35}.final-stats div{min-height:82px;display:grid;place-items:center;align-content:center;gap:4px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#ffffff14;text-align:center}.final-stats strong{color:var(--gold);font-size:22px}.final-stats span{color:var(--muted);font-size:11px;line-height:1.35}.archive-screen{padding-bottom:24px}.archive-header{display:grid;gap:8px}.ending-list{display:grid;gap:10px}.archive-item{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff0f;opacity:.68}.archive-open{opacity:1;background:#ffffff1a}.archive-item span{width:fit-content;padding:4px 7px;border-radius:999px;background:#f2c14e29;color:var(--gold);font-size:11px;font-weight:900}.archive-item h2{font-size:17px}@media(min-width:760px){.app-shell{padding:30px}.phone-frame{min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px)}.screen{min-height:calc(100vh - 62px);min-height:calc(100dvh - 62px)}}@media(max-width:380px){.app-shell{padding:0}.phone-frame{min-height:100vh;min-height:100dvh;border-radius:0;border-left:0;border-right:0}.screen{min-height:100vh;min-height:100dvh;padding:14px}h1{font-size:29px}.hero-art{min-height:300px}}