/* Geometry follows the supplied 1672 x 941 artwork, scaled to Full HD. */
.overlay{background:transparent;font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif}.reference-art{position:absolute;inset:0;width:1920px;height:1080px;pointer-events:none}#canvas{isolation:isolate}.camera-window{left:683.25px;top:22.95px;width:1206.89px;height:653.06px;border:0;border-radius:15px;box-shadow:none;background:transparent}
.reference-competition{position:absolute;left:384px;top:20px;width:274px;height:174px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding-bottom:5px;background:#0d0d0d;color:white;text-align:center}.trophy{position:absolute;top:0;left:72px;width:125px;height:113px;background-image:url('/assets/referencia.png');background-size:1920px 1080px;background-position:-447px -18px}.reference-competition>b{font-size:27px;font-weight:900;line-height:30px}.reference-competition>em{font-size:33px;font-weight:950;color:#ffe600;line-height:35px;white-space:nowrap}.custom-competition>b{font-size:25px;line-height:28px;max-height:65px;overflow:hidden}
.reference-crest{position:absolute;top:216px;width:180px;height:182px}.reference-crest.home{left:40px}.reference-crest.away{left:474px;top:211px;width:185px;height:185px}.asset-badge{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.asset-badge img{width:100%;height:100%;object-fit:contain}.asset-crop{display:block;flex-shrink:0;background-image:url('/assets/referencia.png');background-repeat:no-repeat;background-size:1672px 941px;transform:scale(var(--asset-scale,1));transform-origin:center}.reference-crest .asset-badge{--asset-scale:1.148}.generic-badge{font-size:30px;border:2px solid #aaa;padding:15px 8px;border-radius:8px;max-width:100%;overflow:hidden;color:#fff;text-shadow:0 3px 5px #000}
.reference-score{position:absolute;left:225px;top:242px;width:246px;height:121px;display:flex;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse,#101010,#0c0c0c);font-family:Arial,sans-serif;font-weight:1000;color:#fff;line-height:1;text-shadow:1px 2px 1px #aaa}.reference-score b{font-size:126px;letter-spacing:-5px;font-weight:1000}.reference-score i{font-size:108px;font-style:normal;line-height:90px}.reference-score.double-score b{font-size:80px}.reference-time{position:absolute;left:253px;top:377px;width:206px;height:44px;border:1.5px solid #eee;background:#0a0a0a;display:flex;align-items:center;justify-content:space-around;padding:0 9px;border-radius:2px;gap:12px;font-family:Arial,sans-serif}.reference-time span{font-size:29px;font-weight:800}.reference-time b{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums}
.reference-lineup{position:absolute;left:31px;top:537px;width:303px;height:506px}.reference-lineup.away{left:355px;width:300px}.team-heading{position:absolute;top:2px;left:8px;width:292px;height:66px;background:linear-gradient(130deg,#ff0707,#c30000);border-radius:14px 16px 13px 9px;border:1px solid #ff302a;display:flex;align-items:center;gap:15px;padding:0 14px;transform:skew(-10deg)}.team-heading>*{transform:skew(10deg)}.team-heading .asset-badge{width:77px;height:65px;flex-shrink:0;--asset-scale:.44}.team-heading h2{font-size:41px;font-weight:1000;letter-spacing:-1.6px;font-style:italic;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:2px 3px 3px #0008;text-transform:uppercase}.away .team-heading{background:linear-gradient(135deg,#141414,#050505);border-color:#ddd;left:8px;width:286px}.reference-players{position:absolute;top:76px;left:3px;right:4px;height:426px;background:linear-gradient(110deg,#111,#070707 60%,#0d0d0d)}.reference-player{height:38.35px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,#45454566,transparent) 1;display:flex;align-items:center;gap:15px;padding:0 10px;text-transform:uppercase;white-space:nowrap;overflow:hidden;color:#f5f5f5;font-weight:900;text-shadow:1px 1px 2px #555;font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif}.reference-player>b{font-size:28px;width:52px;flex-shrink:0;letter-spacing:-1px}.reference-player>span{font-size:26px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:clip;display:block;line-height:36px;transform-origin:left center}.reference-unconfirmed{position:absolute;top:68px;right:2px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.8px;color:#ffd96b;background:#17120b;padding:1px 4px;z-index:1}.reference-lineup:has(.reference-unconfirmed) .reference-players{top:80px;height:422px}.reference-lineup:has(.reference-unconfirmed) .reference-player{height:38px}
.reference-round-heading{position:absolute;left:690px;top:763px;width:292px;height:225px;background:radial-gradient(ellipse at left,#270808,#0c0909 80%);padding:25px 12px 17px 10px}.reference-round-heading h1{font-size:45px;line-height:45px;letter-spacing:-2px;font-style:italic;font-weight:1000;margin:4px 0 20px;text-shadow:2px 4px 3px #000;text-transform:uppercase}.reference-round-heading h1>span{display:block}.reference-round-heading h1>strong{display:block;font-weight:1000;white-space:nowrap}.reference-round-heading h1>strong::first-letter{color:#ffe200}.reference-round-heading>b{display:block;background:linear-gradient(#ffe500,#efbc00);color:#080808;transform:skew(-13deg);font-size:34px;font-style:italic;text-align:center;border-radius:7px;padding:5px 3px;box-shadow:1px 5px 4px #000;white-space:nowrap;letter-spacing:-1.5px}
.round-page{position:absolute;left:1014px;top:766px;width:864px;height:217px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.reference-game{min-width:0;position:relative;background:radial-gradient(ellipse at top,#161616,#080808 70%);display:flex;flex-direction:column;align-items:center;padding:6px 7px 7px;height:216px}.round-logos{display:flex;align-items:center;justify-content:space-between;width:100%;height:113px;gap:8px}.round-logos .asset-badge{width:100px;height:110px;--asset-scale:1.05;flex-shrink:0}.round-logos .generic-badge{font-size:14px;padding:8px 3px;border-color:#555}.round-logos>b{font-size:40px;font-style:italic;text-shadow:2px 3px 2px #666}.reference-game h3{font-size:23px;letter-spacing:-1px;font-weight:1000;text-transform:uppercase;white-space:nowrap;margin:3px 0 10px;line-height:25px;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center}.round-date{display:flex;align-items:center;justify-content:center;width:100%;gap:10px;border:2px solid #eee000;border-radius:8px;min-height:47px;padding:3px 6px;color:#fff}.round-date>b{font-size:25px;font-weight:900;white-space:nowrap;max-width:100%;overflow:hidden;letter-spacing:-.8px}.calendar-icon{font-size:31px;color:#fff000;line-height:30px}.round-unconfirmed{font-size:8px;letter-spacing:1px;color:#f3d960;position:absolute;bottom:-6px;right:8px;background:#18130d;padding:1px 3px}.round-page:has(.round-unconfirmed) .round-date>b{font-size:23px}#customBrand{position:absolute;left:74px;top:30px;width:260px;height:167px;background:#0a0a0a;display:flex;align-items:center;justify-content:center;color:#ff8524;font-size:32px;text-align:center;font-weight:1000;padding:20px}
.camera-guide{left:36%;top:29%;width:61%;font-size:clamp(7px,.8vw,12px)}
@font-face{font-family:BebasLocal;src:url('/assets/BebasNeue-Regular.otf') format('opentype');font-display:block;font-weight:400}
.reference-player>span{font-family:BebasLocal,'Arial Narrow',sans-serif;font-size:32px;letter-spacing:.1px;font-weight:700;flex:none;overflow:visible;transform:scaleX(.95);width:215px}.reference-player{gap:8px}.reference-player>b{width:53px;font-size:29px}.team-heading h2{font-family:BebasLocal,'Arial Narrow',sans-serif;font-size:46px;letter-spacing:.4px}.reference-game h3{font-family:BebasLocal,'Arial Narrow',sans-serif;font-size:29px;letter-spacing:0;overflow:visible;transform-origin:center;white-space:nowrap}.round-date>b{font-family:BebasLocal,'Arial Narrow',sans-serif;font-size:31px;letter-spacing:.3px}.round-page:has(.round-unconfirmed) .round-date>b{font-size:31px}.reference-round-heading{font-family:BebasLocal,Arial,sans-serif}.reference-round-heading h1{letter-spacing:0}.reference-round-heading>b{letter-spacing:0}#concealLineups{position:absolute;left:0;top:440px;width:675px;height:640px;background:radial-gradient(ellipse at bottom right,#131313,#0b0b0b 70%)}#concealRound{position:absolute;left:675px;top:710px;width:1245px;height:370px;background:radial-gradient(ellipse at bottom left,#161111,#0b0b0b 70%)}
.reference-player>span{width:max-content;max-width:none;transform:scaleX(1.25);font-weight:700}.team-heading h2{font-family:Arial,sans-serif;font-size:40px;font-weight:1000;letter-spacing:-1.3px}.reference-game h3{font-weight:700}.round-date>b{font-weight:700}.reference-score{top:239px}.reference-score b{font-size:132px}.reference-time{top:377px;height:43px;width:206px}.reference-time span{font-size:29px}.reference-time b{font-size:32px}#roundSourceFlags{position:absolute;left:1014px;top:980px;width:864px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}#roundSourceFlags>small{justify-self:end;background:#19130c;color:#ffe58b;font:8px Arial,sans-serif;letter-spacing:.6px;padding:2px 4px;margin-right:8px}.reference-unconfirmed{top:70px;font-size:9px;letter-spacing:.7px}
.reference-player>span{font-family:Arial,'Liberation Sans',sans-serif;font-size:31px;font-weight:900;letter-spacing:-.7px}.reference-player>b{font-family:Arial,'Liberation Sans',sans-serif;font-size:29px;font-weight:900}