450;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f5f6fc;color:#22264c;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-color:#16866e}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh}.sidebar{position:fixed;right:0;top:0;width:244px;height:100vh;background:#fff;border-left:1px solid #e6e7f2;padding:31px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 9px}.brand b{font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#8185a3;margin-top:3px}.brand-icon{background:#303580;color:#e3c97a;border-radius:14px;padding:12px;display:flex}.edition{border:1px solid #e6e7f2;margin:30px 10px;padding:10px 14px;border-radius:8px;color:#777b96;font-size:12px;display:flex;justify-content:space-between}.edition span{color:#353b92;font-weight:bold}.nav-label{font-size:11px;color:#969bb4;padding:0 15px;margin:3px 0 12px}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:12px;border:0;background:none;padding:14px;color:#6e7497;border-radius:8px;text-align:right;font-size:13px}nav button.active{background:#edeefa;color:#343b94;font-weight:600}.nav-dot{width:6px;height:6px;background:#343b94;border-radius:50%;margin-right:auto}.sidebar-bottom{margin-top:auto}.location{display:flex;gap:10px;align-items:center;background:#f7f8fc;padding:15px 9px;border-radius:9px;font-size:11px}.location small{display:block;color:#8b90aa;margin-top:5px}.sidebar-bottom>p{text-align:center;color:#9297b0;font-size:11px;margin-top:20px}main{margin-right:244px}.topbar{height:78px;border-bottom:1px solid #e5e7f2;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;font-size:12px;color:#6d7494}.live-dot{display:inline-block;width:7px;height:7px;background:#5c67c8;border-radius:50%;margin-left:7px}.slash{margin:0 15px;color:#b5bbd0}.save{display:flex;gap:6px;align-items:center;font-size:11px}.content{max-width:1500px;padding:31px 38px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:#7e85a3;font-size:11px;margin-bottom:5px}h1{font-size:27px;letter-spacing:-.7px;margin:0}h2,h3,p{margin-top:0}.page-heading p{margin:7px 0 0;color:#858da8;font-size:12px}.heading-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce0f0;background:white;border-radius:7px;padding:10px 15px;font-size:12px;color:#454e7c}.primary{background:#363e96;border-color:#363e96;color:white}.button:hover{filter:brightness(.96)}.category-switch{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border-bottom:1px solid #dfe3f1}.category-switch>div{display:flex;gap:25px}.category-switch a{padding:12px 4px 17px;color:#8d94ae;border-bottom:3px solid transparent;font-size:17px;font-weight:600}.category-switch a small{font-size:10px;font-weight:400;margin-right:10px}.category-switch a.chosen{color:#363e96;border-bottom-color:#363e96}.category-switch>span{font-size:11px;color:#818bab}.hero{min-height:293px;border-radius:13px;background:#202466;display:flex;overflow:hidden;color:white;position:relative}.hero-copy{padding:29px 33px;z-index:1;flex:1}.hero-kicker{font-size:10px;letter-spacing:.5px;color:#c9ccef}.hero-kicker span{display:inline-block;width:5px;height:5px;background:#aab5ff;border-radius:50%;margin-left:6px}.hero h2{font-size:32px;line-height:1.5;letter-spacing:-.5px;margin:13px 0 10px}.hero em{font-style:normal;color:#c5ceff}.hero p{font-size:11px;line-height:1.9;color:#b2bbe5}.hero button{display:flex;gap:16px;align-items:center;border:0;background:#fff;color:#333b90;padding:10px 15px;border-radius:6px;font-size:11px;font-weight:600}.pitch-art{width:39%;position:relative;background:radial-gradient(ellipse at center,#606bd344,transparent);display:flex;align-items:center;justify-content:center;overflow:hidden}.pitch-line{position:absolute;width:220px;height:310px;transform:rotate(-25deg);border:1px solid #b1b8f733;border-radius:6px}.half{position:absolute;top:50%;width:100%;border-top:1px solid #b1b8f733}.center-circle{position:absolute;width:66px;height:66px;border:1px solid #b1b8f733;border-radius:50%;top:calc(50% - 33px);left:calc(50% - 33px)}.box{position:absolute;width:115px;height:48px;border:1px solid #b1b8f733;left:50px}.one{top:0}.two{bottom:0}.cup-art{z-index:1;border:1px solid #b5bc744f;width:153px;height:183px;border-radius:70px 70px 58px 58px;background:linear-gradient(125deg,#343c8b,#191c53);display:flex;align-items:center;flex-direction:column;justify-content:center;color:#fff;box-shadow:0 15px 50px #061f2588}.cup-art span{font-size:29px;font-weight:600;letter-spacing:4px}.art-caption{position:absolute;bottom:25px;font-size:8px;letter-spacing:3px;color:#9ca8df}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat{position:relative;background:#fff;border:1px solid #e3e6f3;border-radius:9px;padding:21px}.stat-icon{position:absolute;left:18px;top:20px;background:#f0f1fb;color:#5964aa;padding:9px;border-radius:8px;display:flex}.stat small{display:block;color:#7d86a7;font-size:11px}.stat strong{display:block;font-size:31px;margin-top:8px;font-weight:600}.stat p{font-size:10px;color:#9aA2bd;margin:3px 0 0}.overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{background:#fff;border:1px solid #e3e6f3;border-radius:10px;padding:21px;margin-bottom:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel h3{font-size:15px;margin:0 0 10px;font-weight:600}.panel-title h3{margin:0}.text-button{background:none;border:0;color:#4b58aa;font-size:11px;padding:0}.fixture-mini{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #edf0f8;font-size:11px}.fixture-mini>b{margin-right:auto}.fixture-mini small{color:#97a0bd;margin:0 6px}.time-mini{font-size:14px;font-weight:600;min-width:48px;text-align:center}.time-mini small{display:block;font-size:9px;margin-top:5px;color:#929dbb}.rules ol{padding-right:23px;margin:20px 0}.rules li{padding-right:10px;margin-bottom:20px;color:#505c9e;font-size:12px}.rules li b{color:#3c466d}.rules li p{font-size:11px;color:#8b97b7;line-height:1.8;margin:5px 0}.note{background:#f0f2fc;padding:12px;color:#6776a6;border-radius:6px;font-size:10px}.empty{text-align:center;padding:40px 15px;color:#929dbb;font-size:12px}.empty svg{margin:0 auto 15px;color:#a6afd2}.empty h3{color:#56649a}.empty p{margin:10px 0 20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;font-size:11px;white-space:nowrap}th{background:#f7f8fc;color:#8b98b7;font-weight:500;padding:13px 10px}td{padding:15px 10px;border-bottom:1px solid #eef0f8}tr:last-child td{border-bottom:0}.muted{color:#9aa4c0}.tag{background:#eff1fb;padding:5px 8px;border-radius:5px;color:#6b7db0;font-size:10px}input,select{border:1px solid #dce1f2;background:#fff;color:#3c497a;border-radius:5px;padding:7px;font-size:11px;max-width:100%}input[type=date]{width:125px}input[type=time]{width:87px;display:block;margin-top:4px}.score{display:flex;align-items:center;gap:5px}.score input{width:42px;text-align:center;padding:7px 2px}.score input::-webkit-inner-spin-button{-webkit-appearance:none}.score input:disabled{background:#f3f4fa}.versus{display:flex;flex-direction:column;gap:4px;min-width:155px}.versus small{color:#a4abc4;font-size:9px}.settings{display:flex;flex-wrap:wrap;gap:18px;align-items:end}.settings h3{width:100%}.settings label{display:grid;gap:8px;color:#7b89ad;font-size:11px}.settings input{height:35px;margin:0}.helper{color:#8997b7;font-size:11px;line-height:1.8}.danger{color:#bb5746!important}small.danger{display:block;margin-top:5px;font-size:9px}.group-grid{display:grid;grid-template-columns:1fr;gap:0}.qualified{background:#f4f5fd}.rank{display:inline-block;min-width:20px;margin-left:9px;color:#7483b5}.info-strip{background:#edf0fc;border:1px solid #dce2f6;border-radius:8px;color:#5c6ca3;padding:14px 18px;font-size:11px;line-height:1.9;margin-bottom:22px}.amber{background:#fff9ec;border-color:#eee3be;color:#967b3d}.bracket{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:30px 0}.bracket>section>h3{font-size:14px;color:#7181b1}.bracket-card{background:#fff;border:1px solid #dfe4f4;border-top:3px solid #737fca;border-radius:8px;margin-top:18px;padding:20px;min-height:145px}.bracket-card small{font-size:10px;color:#9aa5c6}.bracket-card p{font-size:12px;margin:16px 0;display:flex;justify-content:space-between;gap:10px}.bracket-card.gold{border-top-color:#727bd2}.winner{background:#fff9e8;color:#967a28;padding:10px;font-size:11px;line-height:1.9}.winner svg{vertical-align:middle}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#839888;font-size:12px}.teams-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-card{background:#fff;border:1px solid #e0e5f3;border-radius:9px;padding:20px}.team-top{display:flex;align-items:center;gap:13px}.team-top>div:last-child{flex:1;min-width:0}.team-badge{width:48px;height:54px;display:flex;align-items:center;justify-content:center;background:#f8eae7;color:#b56b58;border-radius:11px 11px 20px 20px}.color-1{background:#e8eff9;color:#5882bb}.color-2{background:#f5efdf;color:#b1984d}.color-3{background:#e9eef5;color:#7088a8}.color-4{background:#e6f1eb;color:#4c9170}.team-name{border:0;background:transparent;font-size:12px;font-weight:600;width:100%;padding:5px 0}.team-top small{font-size:9px;color:#9cab9e}.team-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #eef2ec}.icon-button{background:none;border:0;color:#9aa79c;padding:3px}.players{margin-top:14px}.player-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #edf2ec;font-size:11px}.player-row small{display:block;color:#94a595}.players form{display:grid;gap:8px}.players input{width:100%}.backup{margin-top:25px;display:flex;gap:12px;flex-wrap:wrap}.backup h3{width:100%}.tie-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.tie-row .button{font-size:10px}footer{display:flex;align-items:center;color:#8c99b7;font-size:10px;margin-top:32px;padding-top:22px;border-top:1px solid #e0e5f3;gap:12px}footer span{color:#adb8af}footer>div{margin-right:auto;display:flex;gap:12px}footer button{border:0;background:none;font-size:10px;color:#6d7eaf}.print-only{display:none}@media(min-width:1450px){.group-grid{grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:1100px){.sidebar{width:205px;padding:25px 12px}main{margin-right:205px}.content{padding:25px}.brand b{font-size:18px}.hero h2{font-size:28px}.stats{gap:10px}.stat{padding:17px}.stat-icon{left:10px;padding:6px}.teams-grid{grid-template-columns:repeat(2,1fr)}.bracket{gap:12px}}@media(max-width:780px){.sidebar{position:static;width:100%;height:auto;padding:15px}.brand{justify-content:center}.edition,.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;gap:3px;margin-top:17px}nav button{white-space:nowrap;font-size:11px;padding:10px;gap:5px}nav button svg{width:15px}.nav-dot{display:none}main{margin:0}.topbar{height:48px;padding:0 18px;font-size:10px}.save{max-width:55%;font-size:9px}.content{padding:22px 16px}.page-heading{align-items:start}.heading-actions{flex-direction:column;gap:7px}.button{font-size:10px;padding:9px 11px}h1{font-size:23px}.hero-copy{padding:25px 22px}.hero h2{font-size:27px}.hero p{font-size:10px}.pitch-art{width:28%}.cup-art{transform:scale(.7);min-width:145px}.hero{min-height:275px}.stats{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.teams-grid{grid-template-columns:1fr 1fr;gap:10px}.team-card{padding:14px}.team-badge{width:35px;min-width:35px;height:44px}.team-top{gap:8px}.team-name{font-size:10px}.bracket{grid-template-columns:1fr}.category-switch>span{font-size:9px}.category-switch a small{display:block;margin:3px 0 0;font-size:9px}.category-switch>div{gap:20px}footer{flex-wrap:wrap}footer>div{margin:0;width:100%}}@media print{@page{size:A4 landscape;margin:12mm}body{background:#fff;color:#000;font-family:Tahoma,Arial,sans-serif}.no-print,.screen-content{display:none!important}main{margin:0}.content{padding:0;max-width:none}.print-heading{display:block!important;text-align:center;margin-bottom:20px}.print-program,.print-results,.print-cards{display:none!important}.print-program.print-program{display:none}.print-program .table-wrap{overflow:visible}.app.print-program .print-program,.app.print-results .print-results,.app.print-cards .print-cards{display:block!important}.panel{padding:8px;border:1px solid #aaa;break-inside:avoid;margin-bottom:15px}.panel-title{margin:8px}table{font-size:10px;white-space:normal}td,th{padding:9px 6px;border-bottom:1px solid #bbb}thead{display:table-header-group}tr{break-inside:avoid}input,select{border:0;background:transparent!important;color:#000;padding:0;appearance:none;font-size:10px;width:auto!important;min-width:20px}.score input{width:25px!important}.group-grid{display:block}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10mm}.player-card{border:1.5px solid #343b91;border-radius:8px;padding:15px;min-height:190px;break-inside:avoid;position:relative}.card-head{display:flex;gap:9px;align-items:center;border-bottom:1px solid #ccc;padding-bottom:8px;color:#343b91}.card-head b{margin-right:auto}.player-card h3{font-size:12px;margin-top:10px;max-width:70%}.player-card h2{font-size:16px;max-width:70%}.player-card p{font-size:10px}.player-card small{font-size:8px}.photo-placeholder{position:absolute;left:14px;top:65px;border:1px dashed #aaa;width:53px;height:68px;font-size:8px;display:grid;place-items:center;color:#999}.print-results .no-print{display:none!important}}

.team-badge img{width:100%;height:100%;object-fit:contain;border-radius:7px;background:#fff}.card-team-logo{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-left:6px}

/* Coupe de l’Amitié identity */
.brand{flex-direction:column;gap:12px;text-align:center;padding:0}.brand-icon{padding:0;background:transparent;border-radius:0;display:block}.brand-icon img{width:88px;height:112px;object-fit:contain;display:block}.brand b{font-size:21px;color:#303580}.brand small{color:#848bb1}.edition{margin-top:22px;margin-bottom:24px}.hero{background:radial-gradient(ellipse at 20% 40%,#444aa0 0,transparent 55%),linear-gradient(115deg,#262b75,#181d53);min-height:320px}.hero-copy{padding-top:35px;padding-bottom:35px}.hero h2{font-size:34px}.hero button{color:#303580;box-shadow:0 4px 16px #10133b33}.pitch-art{width:40%;min-height:320px}.cup-art{background:none;border:0;box-shadow:none;border-radius:0;width:190px;height:auto;overflow:visible}.cup-art img{width:166px;height:218px;object-fit:contain;filter:drop-shadow(0 12px 18px #0d103b66)}.cup-art span{font-size:19px;color:white;letter-spacing:3px;margin-top:10px}.art-caption{bottom:15px}.card-head img{width:26px;height:35px;object-fit:contain}.print-cup-logo{width:54px;height:70px;object-fit:contain}.gold{border-top-color:#6974d1!important}.winner{background:#eff0fc;color:#4653a2}.player-card{border-color:#343b91!important}.card-head{color:#343b91!important}
@media(max-width:780px){.brand{flex-direction:row;text-align:right;gap:12px}.brand-icon img{width:48px;height:62px}.brand b{font-size:20px}.hero h2{font-size:27px}.pitch-art{width:32%;min-height:300px}.cup-art{transform:none;width:100%}.cup-art img{width:100%;max-width:130px;height:170px}.cup-art span{font-size:15px}.hero-copy{padding:25px 20px}.art-caption{font-size:6px;letter-spacing:1px}}

.public-view{margin:0 auto;max-width:1250px;padding:30px 25px}.public-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.public-header>img{width:78px;height:103px;object-fit:contain}.public-header p{color:#818bab;font-size:13px;margin:10px 0}.public-header>a{margin-right:auto}.public-tools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 22px}.public-teams{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.public-teams>div{display:flex;align-items:center;gap:10px;font-size:12px}.public-teams img{height:45px;width:45px;object-fit:contain}.share-panel{margin-bottom:22px}.share-panel .public-tools{margin-bottom:0}@media(max-width:700px){.public-view{padding:20px 12px}.public-header{gap:10px}.public-header h1{font-size:21px}.public-header>img{width:60px;height:80px}.public-header p{font-size:10px}.public-teams{grid-template-columns:repeat(2,1fr)}}@media print{.public-view{margin:0;padding:0;max-width:none}.public-header{margin-bottom:10px}.public-header>img{height:70px}.public-tools{display:none!important}}

.standing-team-logo{display:flex;align-items:center;gap:14px;min-width:78px}.standing-team-logo img{width:58px;height:64px;object-fit:contain;display:block}.standing-team-logo>span:first-child{min-width:14px;color:#7483b5}@media print{.standing-team-logo img{width:36px;height:40px}}

.match-logos{display:flex;align-items:center;justify-content:center;gap:16px;min-width:180px}.match-logos img{width:58px;height:64px;object-fit:contain;display:block}.match-logos b{color:#8b98b7}.match-logos>span{white-space:normal;max-width:100px;text-align:center;font-size:10px}@media print{.match-logos{min-width:115px;gap:9px}.match-logos img{width:36px;height:40px}}