:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1725;color:#f5f7fa}*{box-sizing:border-box}body{margin:0}main{max-width:690px;margin:auto;padding:24px 16px 60px}header{text-align:center;margin:8px 0 25px}header h1{font-size:clamp(33px,8vw,51px);letter-spacing:-2px;line-height:1.1;margin:12px 0}header h1 span{color:#53d69c}p{color:#b5c7d5;line-height:1.5}.small{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#87a9be}.panel{background:#16283a;border:1px solid #2b4151;border-radius:18px;padding:19px;margin:12px 0;box-shadow:0 10px 30px #0002}.panel h2{margin:8px 0 20px;font-size:23px}.panel h3{font-size:17px}label{display:block;margin:13px 0;color:#cbdbe7;font-size:13px;font-weight:600}input,select{display:block;width:100%;margin-top:7px;padding:13px;background:#0f2030;border:1px solid #3c576b;color:white;border-radius:10px;font-size:16px;outline:none}input:focus{border-color:#55dba2}button{cursor:pointer;border:1px solid #547084;background:#274056;color:white;padding:12px 15px;border-radius:11px;font-weight:750;font-size:15px;min-height:45px}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#15834f;border-color:#15834f;width:100%;margin-top:10px}.outline{background:transparent}.sep{text-align:center;color:#8199ac;margin:17px}.hint{font-size:12px;color:#9cb4c7}.hide{display:none!important}.flex{display:flex;justify-content:space-between;align-items:center;gap:10px}.line{height:1px;background:#355063;margin:21px 0}.pill{background:#31455b;color:#cbe1f3;border-radius:30px;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}.person{display:flex;align-items:center;justify-content:space-between;padding:11px;margin:7px 0;background:#102030;border:1px solid #304b5c;border-radius:10px}.person strong{font-size:14px}.person span{font-size:13px;color:#c5d6e1}.mine{border-color:#3cae80}.playercard{background:linear-gradient(140deg,#203d54,#122532);border:1px solid #476070;border-radius:14px;padding:17px;margin:12px 0}.playercard h2{font-size:28px;margin:8px 0}.tier{font-size:11px;font-weight:850;letter-spacing:.7px;border-radius:20px;background:#d4a345;color:#111;padding:5px 10px;display:inline-block}.tier.t2{background:#bac6d0}.tier.t3{background:#d38b8b}.bidline{display:flex;gap:8px}.bidline input{min-width:0;flex:1}.bidline button{margin-top:7px}.note{padding:11px;border-radius:10px;background:#0e2535;font-size:13px;color:#c4d5e1;margin:8px 0}.squad{background:#0d2030;border-radius:12px;padding:14px;margin:10px 0}.squad h4{margin:0 0 9px}.squadrow{display:flex;justify-content:space-between;border-bottom:1px solid #264255;padding:7px 0;font-size:12px;gap:8px}.squadrow:last-child{border:0}.squadrow span:last-child{color:#91c8ac;text-align:right}footer{text-align:center;color:#7790a3;font-size:11px;margin-top:28px}

.matchbox{margin:22px 0;padding:16px;background:#122d3e;border:1px solid #345a6b;border-radius:16px}.fixture{background:#0c2030;padding:14px;margin:14px 0;border-radius:12px}.scoreline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;text-align:center;font-size:14px}.scoreline strong:nth-child(2){font-size:26px;white-space:nowrap}.progress{height:6px;background:#314859;border-radius:9px;overflow:hidden;margin:15px 0}.progress div{height:100%;background:#3fcf8e}.commentary{max-height:270px;overflow:auto;font-size:13px}.commentary p{padding:7px 0;border-bottom:1px solid #294355;margin:0}

/* V5 Spectacle */
.spectacle-pitch{position:relative;margin:12px 0;border:2px solid #376b5b;border-radius:12px;overflow:hidden;background:#176a42;box-shadow:0 8px 25px #0005}.spectacle-pitch canvas{display:block}.spectacle-overlay{position:absolute;top:42%;left:0;right:0;text-align:center;font-size:clamp(20px,6vw,34px);font-weight:950;color:#ffe77c;text-shadow:0 2px 9px #000;pointer-events:none}.goalflash{animation:goalflash .5s ease-in-out 2}@keyframes goalflash{50%{border-color:#ffe77c;box-shadow:0 0 22px #ffe77c99}}.spectacle-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}.spectacle-controls button{min-height:38px;font-size:13px}

/* MERCATO — édition stade nocturne. Candidat visuel, logique inchangée. */
:root{background:#08130f;color:#edf4e9;font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(ellipse at 80% 10%,#1f583129,transparent 60%),#08130f}#app{max-width:1400px;padding:30px 40px 65px}#app:has(#welcome:not(.hide)){display:grid;grid-template-columns:1.4fr 1fr;gap:0}#app>header{position:relative;isolation:isolate;overflow:hidden;text-align:left;background:#12261b}#app>header>.world-scene{position:absolute;inset:0;z-index:-2}#app>header:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07170ef5,transparent 85%);z-index:-1}#app:has(#welcome:not(.hide))>header{min-height:680px;padding:365px 45px 40px;margin:0;border-radius:8px 0 0 8px;border:1px solid #7cab6844}#app>header h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(53px,6vw,88px);letter-spacing:.5px;line-height:.93;margin:25px 0}#app>header h1 span{display:block;color:#bfdf94}#app>header .small{font:9px ui-monospace,monospace;letter-spacing:3px;color:#b6cd9d}#app>header p{font-size:12px;color:#9fb695}#app:has(#welcome:not(.hide))>#welcome{padding:45px 38px;margin:0;border:1px solid #7cab6844;border-left:0;border-radius:0 8px 8px 0;background:linear-gradient(140deg,#16281c,#0d1b13);display:flex;flex-direction:column;justify-content:center;box-shadow:none}#welcome h2{font-size:29px;letter-spacing:-1px;color:#dfe9d3}#welcome label{font-size:11px;color:#9caf8d}#welcome input,#welcome select{border-radius:4px;background:#0a180f;border-color:#668a4c55;padding:15px;color:#e4eddb}.primary{border-radius:4px;background:#bedb91;border-color:#bedb91;color:#10220f;min-height:52px}.primary:hover{background:#d4edb0}#join{border-radius:4px;background:#1d3320;border-color:#63804a66}#app:has(#welcome:not(.hide))>footer{grid-column:1/-1}.panel{background:#102016;border-color:#668a4c33;border-radius:8px}.person{background:#112719;border-radius:4px;border-color:#6f954e30}.person.mine{background:#273a20;border-color:#aac77688}.person span{color:#c6db9c}.playercard{background:radial-gradient(ellipse at top,#49713a44,transparent),#14291a;border-color:#97b56a55;border-radius:8px;padding:30px}.playercard h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.7px;font-size:37px}.auction{background:#122619;border-radius:5px;border:1px solid #7b9f4e40;padding:23px}.pill{background:#a0be6730;border:1px solid #b6cf7955;color:#c6db94;border-radius:3px;font:10px ui-monospace,monospace}.squad{background:#102116;border-radius:6px;border:1px solid #5e84422f;padding:20px}.squad h4{color:#d1e2b5;letter-spacing:.5px}.squadrow{border-color:#75955525;line-height:1.6}#roomName,#positionName{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.7px;font-weight:400}.matchbox{background:#102619;border:1px solid #789e4f55;border-radius:7px}.hint{font-size:11px;color:#859b7b}.line{background:#63874430}#app:has(#game:not(.hide))>header{padding:32px;min-height:190px;border-radius:8px}#app:has(#game:not(.hide))>header>.world-scene{opacity:.5}#app:has(#game:not(.hide))>header h1{font-size:43px;margin:18px 0}#app:has(#game:not(.hide))>header h1 span{display:inline}footer{font-size:9px;color:#718769;margin-top:35px;border-top:1px solid #6b8c4a25;padding-top:20px}@media(max-width:650px){#app{padding:16px}#app:has(#welcome:not(.hide)){display:block}#app:has(#welcome:not(.hide))>header{min-height:390px;padding:205px 26px 28px;border-radius:7px 7px 0 0;border-bottom:0}#app>header h1{font-size:60px;margin:20px 0;letter-spacing:0}#app>header h1 span{display:inline}#app>header .small{font-size:8px;letter-spacing:2px}#app:has(#welcome:not(.hide))>#welcome{border:1px solid #7cab6844;border-top:0;border-radius:0 0 7px 7px;padding:28px 24px}#welcome h2{font-size:26px}.panel{padding:20px}.playercard{padding:24px}.playercard h2{font-size:32px}#app:has(#game:not(.hide))>header{min-height:160px;padding:25px}#app:has(#game:not(.hide))>header h1{font-size:37px}.bidline{flex-wrap:wrap}.bidline input{flex-basis:100%}.bidline button{flex:1;min-height:48px}}

.world-scene{display:block;width:100%;height:100%;overflow:hidden!important}

.preview-notice{padding:15px 25px;background:#1d3021;border-bottom:1px solid #97b46b44;display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#c2d4ad;font:11px system-ui}.preview-notice>strong{letter-spacing:1px;font-size:9px;color:#d7e9bc}.preview-notice>span{margin-right:auto;opacity:.8}.preview-notice>a{color:#d7e9bc;font-size:10px}.preview-play{display:block;text-align:center;text-decoration:none;padding:18px}.preview-explanation{font-size:11px;line-height:1.7;color:#9eaf8d}.preview-notice~#app input:disabled,.preview-notice~#app select:disabled{opacity:.55}@media(max-width:650px){.preview-notice{padding:15px 18px;gap:10px}.preview-notice>span{width:100%;font-size:10px}}