@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap');
#snap-experience[hidden]{display:none}
#snap-experience{position:fixed;inset:0;z-index:1003;overflow:auto;scrollbar-width:none;visibility:hidden;background:#f5f2ec;color:#23362e;font:14px/1.45 Arial,sans-serif}
#snap-experience.is-pulled{visibility:visible}
#snap-experience::-webkit-scrollbar{display:none}
#snap-experience *{box-sizing:border-box}
#snap-experience .snap-exit{position:fixed;z-index:20;top:18px;left:20px;border:1px solid #b5bfb2;border-radius:30px;background:#fffefa;color:#264532;padding:11px 16px;font:14px Arial,sans-serif;cursor:pointer;box-shadow:0 5px 16px #1b281b22}
#snap-experience .snap-exit:focus-visible,#snap-experience button:focus-visible{outline:2px solid #b88045;outline-offset:2px}
#snap-experience .snap-desk{position:relative;min-height:100dvh;max-width:1500px;margin:auto;padding:clamp(90px,12vh,135px) 6% 80px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr);align-items:center;gap:clamp(25px,4vw,75px);background:linear-gradient(90deg,#f1eee7,#f8f6f0 49%,#f0ede6);transform:scale(1.55);transform-origin:34% 48%;transition:transform 1.55s cubic-bezier(.22,.68,.12,1)}
#snap-experience.is-pulled .snap-desk{transform:none}
#snap-experience .snap-monitor{position:relative;z-index:1;width:100%;border:clamp(10px,1.5vw,18px) solid #26312d;border-bottom-width:clamp(23px,3vw,39px);border-radius:14px;background:#141d19;box-shadow:0 25px 60px #1d28263b,0 5px 10px #1d28262d;aspect-ratio:16/10.1;display:flex;flex-direction:column;overflow:hidden}
#snap-experience .snap-monitor-bezel,#snap-experience .snap-monitor-foot{display:flex;justify-content:space-between;align-items:center;background:#192721;color:#aab8ab;letter-spacing:.18em;font-size:clamp(7px,.68vw,10px);padding:6px 13px}
#snap-experience .snap-monitor-foot{margin-top:auto;font-size:8px;opacity:.7}
#snap-experience .snap-tally{color:#aeb3aa;transition:color .3s}
#snap-experience.is-live .snap-tally{color:#f27b67;text-shadow:0 0 12px #e36d60}
#snap-experience .snap-monitor-content{position:relative;flex:1;min-height:0;overflow:hidden}
#snap-experience .snap-monitor-web{position:absolute;inset:0;z-index:1;overflow:hidden;background:white;color:black;padding:4% 5%;font:clamp(7px,1vw,14px)/1.25 Times New Roman,serif;opacity:1;transition:opacity .18s ease}
#snap-experience .snap-monitor-web h2{font-size:1.6em;margin:0 0 .25em}.snap-monitor-web small{font-size:.75em}.snap-monitor-web h3{margin:.3em 0}.snap-monitor-web h4{margin:.65em 0 .2em}.snap-monitor-web p{margin:.2em 0}.snap-monitor-web hr{margin:.6em 0}
#snap-experience.is-switched .snap-monitor-web{opacity:0}
#snap-experience .snap-alt-tab{position:absolute;z-index:4;left:50%;top:48%;width:min(74%,440px);padding:14px;display:flex;gap:10px;border:1px solid #b5bbb7;border-radius:10px;background:#f4f5f3ed;box-shadow:0 15px 45px #0f211b69;opacity:0;pointer-events:none;transform:translate(-50%,-47%) scale(.95);transition:opacity .25s ease,transform .25s ease}
#snap-experience.is-switching .snap-alt-tab{opacity:1;transform:translate(-50%,-50%) scale(1)}
#snap-experience.is-switched .snap-alt-tab{opacity:0}
#snap-experience .snap-alt-tab>div{flex:1;min-width:0;background:white;border:2px solid transparent;border-radius:7px;padding:11px;color:#26382e}
#snap-experience .snap-alt-tab>div:first-child{border-color:#7b9683}
#snap-experience.is-selecting .snap-alt-tab>div:first-child{border-color:transparent}
#snap-experience.is-selecting .snap-alt-tab>div:last-child{border-color:#458967}
#snap-experience .snap-alt-tab strong,#snap-experience .snap-alt-tab small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(7px,.8vw,11px)}
#snap-experience .snap-alt-tab small{color:#708174;font-size:clamp(6px,.7vw,9px)}
#snap-experience .snap-tab-icon{display:grid;place-items:center;width:25px;height:25px;margin-bottom:8px;background:#304f3d;color:white;font:bold 13px Arial,sans-serif}
#snap-experience .snap-feed{position:absolute;inset:0;background:#5d554b;overflow:hidden;opacity:0;transition:opacity .18s ease}
#snap-experience.is-switched .snap-feed{opacity:1}
#snap-experience .snap-table{position:absolute;inset:0;background:linear-gradient(110deg,#64584c,#786858 50%,#60564b);display:flex;align-items:center;justify-content:space-around;padding:7%}
#snap-experience .snap-mat{position:relative;width:43%;height:86%;border:1px solid #69766b;border-radius:5px;background:linear-gradient(140deg,#384d43,#283d38);box-shadow:3px 5px 12px #17241f55}
#snap-experience .snap-mat-right{transform:rotate(180deg);background:linear-gradient(140deg,#465552,#374441)}
#snap-experience .snap-mat i{position:absolute;width:20%;aspect-ratio:1.4;background:#c4c7b7;border:2px solid #59645d;border-radius:2px;box-shadow:2px 3px 3px #14231e4d}
#snap-experience .snap-mat i:nth-child(1){left:8%;top:9%;transform:rotate(2deg)}
#snap-experience .snap-mat i:nth-child(2){left:8%;top:38%;transform:rotate(-3deg)}
#snap-experience .snap-mat i:nth-child(3){left:8%;top:67%;transform:rotate(2deg)}
#snap-experience .snap-mat i:nth-child(4){left:54%;top:20%;transform:rotate(-2deg)}
#snap-experience .snap-mat i:nth-child(5){left:54%;top:55%;transform:rotate(1deg)}
#snap-experience .snap-table-phone{position:absolute;z-index:2;left:50%;top:25%;width:12%;height:38%;min-width:34px;min-height:70px;transform:translate(-50%,-50%) rotate(90deg);border:clamp(2px,.45vw,5px) solid #222925;border-radius:clamp(5px,1vw,13px);background:#111;box-shadow:2px 5px 12px #1a1e1a99;padding:2px}
#snap-experience .snap-table-phone-screen{height:100%;display:flex;flex-direction:column;gap:2px;overflow:hidden;border-radius:clamp(2px,.6vw,8px);background:#111}
#snap-experience .snap-table-player{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:space-between;padding:0 3%;background:#f4fbf3;color:#12241c;font:bold clamp(10px,2vw,26px) Arial,sans-serif}
#snap-experience .snap-table-player-away{background:#e9496c;color:#1e0c13}
#snap-experience .snap-table-player-near{transform:rotate(180deg)}
#snap-experience .snap-table-player button{z-index:1;display:grid;place-items:center;width:25%;height:80%;padding:0;border:0;border-radius:3px;background:#00000016;color:inherit;font:bold clamp(9px,1.3vw,19px) Arial,sans-serif;cursor:pointer}
#snap-experience .snap-table-player button:hover{background:#00000033}
#snap-experience .snap-round{position:absolute;top:5%;left:3%;padding:7px 10px;background:#1b2a26ec;color:#f6f3e9;font-size:clamp(7px,.85vw,11px);letter-spacing:.09em;opacity:0;transform:translateY(-15px);transition:opacity .45s ease,transform .45s ease}
#snap-experience .snap-round span{margin-left:8px;color:#c8d6ca}
#snap-experience .snap-lower-third{position:absolute;bottom:5%;left:3%;right:3%;display:grid;grid-template-columns:1fr auto 1fr;gap:2px;align-items:stretch;color:#1d3328;opacity:0;transform:translateY(115%);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
#snap-experience .snap-lower-third>div{min-width:0;background:#f2f0e8;padding:7px 10px;border-left:3px solid #c5a36c}
#snap-experience .snap-lower-third>div:last-child{text-align:right;border-left:0;border-right:3px solid #c5a36c}
#snap-experience .snap-lower-third strong{display:block;font-size:clamp(10px,1.35vw,18px)}
#snap-experience .snap-lower-third small{display:block;font-size:clamp(7px,.8vw,11px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#snap-experience .snap-lower-third b{display:grid;place-items:center;background:#284438;color:#fff;padding:0 12px;font-size:clamp(11px,1.4vw,20px);white-space:nowrap}
#snap-experience.is-live .snap-round,#snap-experience.is-live .snap-lower-third{opacity:1;transform:none}
#snap-experience .snap-featured-card{position:absolute;top:22%;right:5%;border:1px solid #d1bb88;border-radius:3px;background:#f5eed9;color:#334736;padding:10px 15px;font-size:9px;letter-spacing:.08em;box-shadow:0 8px 24px #17231b70;opacity:0;transform:translateX(130%);transition:opacity .4s ease,transform .45s ease}
#snap-experience .snap-featured-card strong{display:block;font:normal clamp(13px,1.5vw,22px) Georgia,serif;letter-spacing:0;margin-top:3px}
#snap-experience.is-live.is-card-shown .snap-featured-card{opacity:1;transform:none}
#snap-experience .snap-stand{position:absolute;left:28.2%;bottom:10%;width:13%;height:18px;border-radius:50%;background:#26312d;box-shadow:0 9px 12px #26312d22;opacity:0;transition:opacity .5s ease}
#snap-experience.is-pulled .snap-stand{opacity:1}
#snap-experience .snap-remote{position:relative;z-index:2;width:min(100%,310px);height:min(70dvh,620px);min-height:420px;justify-self:center;border:9px solid #25322c;border-radius:38px;background:#25322c;box-shadow:0 24px 38px #15241c40;transform:translateY(70px) rotate(3deg);opacity:0;transition:opacity .7s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
#snap-experience.is-phone-ready .snap-remote{opacity:1;transform:translateY(0) rotate(2deg)}
#snap-experience .snap-remote-screen{height:100%;border-radius:27px;overflow:auto;background:#f7f8f2;padding:13px;color:#243b2d;scrollbar-width:none}
#snap-experience .snap-remote-screen::-webkit-scrollbar{display:none}
#snap-experience .snap-phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:bold;padding:0 4px 16px}
#snap-experience .snap-remote-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #d2dace;padding-bottom:11px}
#snap-experience .snap-remote-head strong{font:normal 23px Georgia,serif}.snap-remote-head small{font-size:8px;letter-spacing:.12em}
#snap-experience .snap-remote-round{font-size:12px;color:#617568;margin:17px 0 22px}
#snap-experience .snap-take-live{width:100%;border:0;border-radius:8px;background:#295b44;color:#fff;padding:15px;font:bold 14px Arial,sans-serif;cursor:pointer}
#snap-experience .snap-live-controls[hidden],#snap-experience .snap-take-live[hidden]{display:none}
#snap-experience .snap-control-label{font-size:9px;letter-spacing:.15em;font-weight:bold;color:#6d8171;margin:15px 0 8px}
#snap-experience .snap-control-row{display:flex;align-items:center;gap:6px;border:1px solid #d6dfd5;border-radius:9px;background:#fff;padding:10px;margin-bottom:8px}
#snap-experience .snap-control-row strong{flex:1;font-size:12px}.snap-control-row small{display:block;font-weight:normal;color:#617365;font-size:10px}
#snap-experience .snap-control-row button{width:29px;height:29px;border:1px solid #bed0c0;border-radius:6px;background:#e9f0e8;color:#254731;font-size:19px;cursor:pointer}
#snap-experience .snap-score-buttons{display:flex;gap:6px}.snap-score-buttons button{flex:1;border:1px solid #c7d8ca;border-radius:6px;background:#fff;padding:9px 2px;color:#294534;font-size:10px;cursor:pointer}
#snap-experience .snap-card-control,#snap-experience .snap-off-air{width:100%;margin-top:12px;border:0;border-radius:6px;background:#dfc99a;padding:11px;color:#263629;font-size:11px;font-weight:bold;cursor:pointer}
#snap-experience .snap-off-air{margin-top:8px;background:transparent;color:#597063;text-decoration:underline}
#snap-experience .snap-info{position:fixed;z-index:10;left:22px;bottom:20px;width:min(315px,calc(100vw - 32px));border:1px solid #c8d7cb;border-radius:11px;background:#fffefa;box-shadow:0 14px 38px #1023182f;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}
#snap-experience.is-phone-ready .snap-info{opacity:1;pointer-events:auto;transform:none}
#snap-experience .snap-info-toggle{width:100%;border:0;background:none;color:#254b35;text-align:left;font:bold 14px Arial,sans-serif;padding:14px 17px;cursor:pointer}
#snap-experience .snap-info-toggle span{float:right;font-size:20px;line-height:13px}
#snap-experience .snap-info-body{padding:0 17px 15px}.snap-info-body p{margin:0 0 9px}.snap-info-body a{color:#285b45;font-size:12px}
#snap-experience .snap-info.is-collapsed .snap-info-body{display:none}
@media(max-width:850px){#snap-experience .snap-desk{min-height:100dvh;padding:95px 5% 120px;display:flex;flex-direction:column;justify-content:flex-start;gap:35px;transform:scale(1.18);transform-origin:50% 10%}#snap-experience.is-pulled .snap-desk{transform:none}#snap-experience .snap-monitor{max-width:720px}#snap-experience .snap-stand{display:none}#snap-experience .snap-remote{width:min(310px,84vw);height:530px;min-height:0;transform:translateY(45px)}#snap-experience .snap-info{left:auto;right:10px;bottom:10px;width:min(300px,calc(100vw - 20px))}}
@media(max-width:500px){#snap-experience .snap-desk{padding:75px 3% 100px;gap:20px}#snap-experience .snap-monitor{border-width:8px;border-bottom-width:20px;border-radius:9px;aspect-ratio:16/11}#snap-experience .snap-monitor-bezel,#snap-experience .snap-monitor-foot{font-size:6px;padding:4px 7px}#snap-experience .snap-lower-third>div{padding:4px}#snap-experience .snap-lower-third b{padding:0 5px}#snap-experience .snap-lower-third strong{font-size:10px}#snap-experience .snap-lower-third small{font-size:6px}#snap-experience .snap-remote{height:480px;width:min(280px,80vw)}#snap-experience .snap-info{max-height:32dvh;overflow:auto}}
@media(prefers-reduced-motion:reduce){#snap-experience .snap-desk,#snap-experience .snap-monitor-web,#snap-experience .snap-alt-tab,#snap-experience .snap-feed,#snap-experience .snap-remote,#snap-experience .snap-info,#snap-experience .snap-round,#snap-experience .snap-lower-third,#snap-experience .snap-featured-card{transition-duration:.01ms}}

/* Brand styling from Snapcaster's product shell. The desk and card positions stay put. */
#snap-experience{font-family:Inter,Arial,sans-serif}
#snap-experience .snap-monitor{border-color:#17191e;background:#0b0c0f}
#snap-experience .snap-monitor-bezel,#snap-experience .snap-monitor-foot{background:#101216;color:#b6b6ae;font-family:Oswald,'Arial Narrow',sans-serif;letter-spacing:.16em}
#snap-experience.is-live .snap-tally{color:#e8b647;text-shadow:0 0 12px #e8b64788}
#snap-experience .snap-round{background:#0b0c0fe8;border-left:3px solid #e8b647;color:#f6f4ec;font-family:Oswald,'Arial Narrow',sans-serif}
#snap-experience .snap-round span{color:#dfbe6a}
#snap-experience .snap-lower-third{font-family:Inter,Arial,sans-serif;color:#f3f1e9}
#snap-experience .snap-lower-third>div{background:#11151be8;border-color:#e8b647}
#snap-experience .snap-lower-third strong{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:500;letter-spacing:.04em}
#snap-experience .snap-lower-third small{color:#ddd4bb}
#snap-experience .snap-lower-third b{background:#e8b647;color:#141413;font-family:Oswald,'Arial Narrow',sans-serif}
#snap-experience .snap-featured-card{border-color:#e8b647;background:#11151bef;color:#eeeae0;font-family:Oswald,'Arial Narrow',sans-serif}
#snap-experience .snap-featured-card strong{color:#e8b647;font-family:Oswald,'Arial Narrow',sans-serif}
#snap-experience .snap-remote{border-color:#15181c;background:#15181c}
#snap-experience .snap-remote-screen{background:#0b0c0f;color:#f4f0e7;font-family:Inter,Arial,sans-serif}
#snap-experience .snap-phone-status{color:#ede8da}
#snap-experience .snap-remote-head{border-color:#383a40}
#snap-experience .snap-remote-head strong{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:500;font-size:27px;letter-spacing:.01em}
#snap-experience .snap-remote-head small{color:#d4ae50;font-family:Oswald,'Arial Narrow',sans-serif;font-size:9px}
#snap-experience .snap-remote-round{color:#b4b1a8}
#snap-experience .snap-take-live{background:#e8b647;color:#15120a;font-family:Oswald,'Arial Narrow',sans-serif;font-size:19px;text-transform:uppercase;letter-spacing:.05em}
#snap-experience .snap-control-label{color:#e8b647;font-family:Oswald,'Arial Narrow',sans-serif;font-size:11px;letter-spacing:.1em}
#snap-experience .snap-score-buttons button{border-color:#4b4e53;background:#1a1d22;color:#f5eee1;font-family:Inter,Arial,sans-serif;font-weight:600}
#snap-experience .snap-score-buttons button:hover{border-color:#e8b647}
#snap-experience .snap-card-control{background:#e8b647;color:#1a160d;font-family:Oswald,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.03em}
#snap-experience .snap-off-air{color:#c6b77d}
#snap-experience .snap-table-player-away{background:#d9a944;color:#251b0d}
#snap-experience .snap-table-player:not(.snap-table-player-away){background:#f4f1e9;color:#14191b}

/* Broadcast's default "pills" chassis, scaled to the monitor preview. */
#snap-experience .snap-lower-third{bottom:4%;left:1%;right:1%;grid-template-columns:minmax(0,28%) minmax(0,24%) minmax(0,28%);justify-content:space-between;gap:1%;align-items:end}
#snap-experience .snap-player-plate{box-sizing:border-box;display:flex;align-items:center;gap:clamp(3px,.55vw,8px);min-width:0;padding:clamp(4px,.65vw,9px) clamp(5px,.7vw,10px);border:1px solid #555454;border-radius:clamp(6px,1vw,16px);background:#10141cee;backdrop-filter:blur(12px);color:#f6f2eb;overflow:hidden}
#snap-experience .snap-lower-third .snap-player-left{border-left:clamp(3px,.5vw,6px) solid #e8b647}
#snap-experience .snap-lower-third .snap-player-right{flex-direction:row-reverse;border-right:clamp(3px,.5vw,6px) solid #e8b647;border-left:1px solid #555454;text-align:right}
#snap-experience .snap-broadcast-life{flex:0 0 auto;font:700 clamp(18px,3.2vw,44px)/1 Oswald,'Arial Narrow',sans-serif;color:#f8f3e8;font-variant-numeric:tabular-nums}
#snap-experience .snap-player-details{min-width:0;flex:1}
#snap-experience .snap-player-details strong{display:block;font:700 clamp(9px,1.35vw,19px)/1.1 Oswald,'Arial Narrow',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#snap-experience .snap-player-details small{display:flex;align-items:center;gap:clamp(2px,.3vw,4px);margin-top:3px;font:500 clamp(6px,.78vw,11px)/1.2 Inter,Arial,sans-serif;color:#b9bac1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#snap-experience .snap-player-right .snap-player-details small{flex-direction:row-reverse}
#snap-experience .snap-color-pips,#snap-experience .snap-win-pips{display:inline-flex;gap:clamp(2px,.25vw,4px);flex-shrink:0}
#snap-experience .snap-color-pips i{display:block;width:clamp(5px,.85vw,12px);height:clamp(5px,.85vw,12px);border-radius:50%;border:1px solid #63666b}
#snap-experience .snap-pip-blue{background:#79b7df}#snap-experience .snap-pip-red{background:#d87055}#snap-experience .snap-pip-white{background:#eee7ce}
#snap-experience .snap-win-pips i{width:clamp(4px,.55vw,8px);height:clamp(4px,.55vw,8px);border:1px solid #68666b;border-radius:50%;background:transparent}
#snap-experience .snap-win-pips i.is-won{background:#e8b647;border-color:#e8b647}
#snap-experience .snap-match-score{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:clamp(5px,.75vw,11px) clamp(5px,.8vw,12px);border:1px solid #555454;border-radius:clamp(6px,1vw,14px);background:#10141cee;color:#f6f2eb;text-align:center;backdrop-filter:blur(12px)}
#snap-experience .snap-match-score>span{max-width:100%;font:700 clamp(5px,.72vw,10px)/1 Inter,Arial,sans-serif;letter-spacing:.06em;color:#e8b647;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#snap-experience .snap-match-score b{display:block;padding:clamp(3px,.55vw,8px) 0;background:transparent;color:#f6f2eb;font:700 clamp(15px,2vw,28px)/1 Oswald,'Arial Narrow',sans-serif;white-space:nowrap}
#snap-experience .snap-match-score em{font-style:normal;font-weight:400;color:#a7a9ac}
#snap-experience .snap-match-score small{font:500 clamp(5px,.75vw,11px)/1 Inter,Arial,sans-serif;letter-spacing:.04em;color:#b9bac1;white-space:nowrap}
@media(max-width:600px){#snap-experience .snap-lower-third{left:1%;right:1%;grid-template-columns:minmax(0,34%) minmax(0,28%) minmax(0,34%);gap:1%}#snap-experience .snap-player-plate{gap:3px;padding:4px 3px}#snap-experience .snap-win-pips{display:none}#snap-experience .snap-match-score{padding:4px 2px}}
