/* ONE CLUB V8.9.199AO. Colour phases derived solely from the fixture countdown.
   New photo treatment stylesheet: CC BY-SA 4.0.
   Lucas adaptation: CC BY-SA 4.0. Kane adaptations: CC BY-SA 2.0.
   Source attribution and usage notices are in the public credits page. */
body[data-oc199an-legend="moura"],[data-legend="moura"]{--ocan-base:#022b23;--ocan-deep:#001b19;--ocan-mid:#00664c;--ocan-accent:#69ffc1;--ocan-light:#b7ffdc;--ocan-glow:#29ff9d66;--ocan-ink:#03281e}
body[data-oc199an-legend="bale"],[data-legend="bale"]{--ocan-base:#071f56;--ocan-deep:#030c28;--ocan-mid:#155dba;--ocan-accent:#f3fbff;--ocan-light:#9de5ff;--ocan-glow:#63c9ff66;--ocan-ink:#071f56}
body[data-oc199an-legend="hoddle"],[data-legend="hoddle"]{--ocan-base:#d2ad13;--ocan-deep:#071a3a;--ocan-mid:#70550a;--ocan-accent:#ffe32e;--ocan-light:#fff4ab;--ocan-glow:#ffdc2777;--ocan-ink:#091a3a}
body[data-oc199an-legend="kane"],[data-legend="kane"]{--ocan-base:#111638;--ocan-deep:#040b1d;--ocan-mid:#26215c;--ocan-accent:#fff5a9;--ocan-light:#b9eaff;--ocan-glow:#b260ff77;--ocan-ink:#091631}
#oc199amEntrance,#oc199amDemoHero,#oc199amRoomHero{background:radial-gradient(ellipse at 95% 0%,var(--ocan-mid,#093b61),transparent 70%),linear-gradient(135deg,var(--ocan-base,#071c36),var(--ocan-deep,#030b1c))!important;border-color:var(--ocan-accent,#43bdff)!important;box-shadow:0 0 42px var(--ocan-glow,#0085ff30),inset 0 0 30px #ffffff08!important}
#oc199amTakeover{background:radial-gradient(ellipse at 80% 0,var(--ocan-mid,#092c50),transparent 68%),var(--ocan-deep,#020713)!important}
#oc199amEntrance .ocam-headline span+span,#oc199amDemoHero .ocam-headline span+span,#oc199amRoomHero .ocam-headline span+span{color:var(--ocan-accent,#49caff)!important;text-shadow:0 0 24px var(--ocan-glow,#00b7ff55)!important}
#oc199amTakeover .ocam-brand,#oc199amRoomHero .ocam-brand,#oc199amTakeover .ocam-kicker{color:var(--ocan-light,#a8eaff)!important}
#oc199amTakeover .ocam-primary{background:var(--ocan-accent,#ffdc7c)!important;color:var(--ocan-ink,#081a34)!important;box-shadow:0 0 22px var(--ocan-glow,#eac45618)}
#oc199amTakeover .ocam-preview-controls button[aria-pressed="true"]{background:var(--ocan-accent,#7deaff)!important;color:var(--ocan-ink,#061b32)!important;border-color:var(--ocan-accent,#7deaff)!important}
#oc199amTakeover .ocam-track i,#oc199amRoomHero .ocam-track i{background:linear-gradient(90deg,var(--ocan-mid,#0786ff),var(--ocan-accent,#87efff))!important}
#oc199amTakeover #oc199amEntrance[data-legend="hoddle"],#oc199amTakeover #oc199amDemoHero[data-legend="hoddle"],#oc199amRoomHero[data-legend="hoddle"]{background:linear-gradient(140deg,#ffe850,#e5bd15 70%,#c1a323)!important}
#oc199amTakeover [data-legend="hoddle"] .ocam-headline,#oc199amTakeover [data-legend="hoddle"] .ocam-headline span+span,#oc199amRoomHero[data-legend="hoddle"] .ocam-headline,#oc199amRoomHero[data-legend="hoddle"] .ocam-headline span+span{color:#091a3a!important;text-shadow:none!important}
#oc199amTakeover [data-legend="hoddle"] .ocam-clock,#oc199amTakeover [data-legend="hoddle"] .ocam-brand,#oc199amTakeover [data-legend="hoddle"] .ocam-fixture,#oc199amTakeover [data-legend="hoddle"] .ocam-kicker,#oc199amTakeover [data-legend="hoddle"] .ocam-tagline,#oc199amTakeover [data-legend="hoddle"] .ocan-legend,#oc199amRoomHero[data-legend="hoddle"] .ocam-clock,#oc199amRoomHero[data-legend="hoddle"] .ocam-brand,#oc199amRoomHero[data-legend="hoddle"] .ocam-fixture,#oc199amRoomHero[data-legend="hoddle"] .ocan-legend{color:#091a3a!important;text-shadow:none!important}
#oc199amTakeover [data-legend="hoddle"] .ocam-primary{background:#091a3a!important;color:#ffe64d!important}
#oc199amTakeover [data-legend="hoddle"] .ocan-credit,#oc199amRoomHero[data-legend="hoddle"] .ocan-credit,#oc199amTakeover [data-legend="hoddle"] .ocam-entrance-actions>span{color:#142b50!important}
html body.oc199an-themed[data-oc199an-legend="hoddle"] #room #ocRoomCleanHeader{background:#071a3a!important}
.ocan-portrait{position:absolute;inset:12% 0 auto auto;width:74%;height:72%;z-index:0;overflow:hidden;pointer-events:none;opacity:.52;mask-image:linear-gradient(90deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);filter:grayscale(1)}
/* Contain preserves the entire source photograph, including the shirt. No top-only mask. */
.ocan-portrait img{width:100%;height:100%;object-fit:contain;object-position:right top;display:block;opacity:0;transition:opacity .6s ease}
.ocan-portrait[data-loaded="true"] img{opacity:1}
[data-legend="moura"] .ocan-portrait{filter:grayscale(1) sepia(.5) hue-rotate(95deg);opacity:.52}
[data-legend="bale"] .ocan-portrait{filter:grayscale(1) contrast(1.1);opacity:.56}
[data-legend="hoddle"] .ocan-portrait{filter:grayscale(1) sepia(.6);opacity:.56;mix-blend-mode:multiply}
#oc199amEntrance .ocam-content,#oc199amRoomHero .ocam-content,#oc199amDemoHero .ocam-content{position:relative;z-index:2}
.ocan-legend{font:900 9px/1.5 Arial,sans-serif;letter-spacing:.12em;color:var(--ocan-light,#c8e6ff);margin:-15px 0 20px;text-shadow:0 1px 8px #000}
.ocan-credit{display:inline-block;font:700 9px/1.4 Arial,sans-serif;color:#daebf5!important;text-decoration:underline;margin-top:12px;min-height:24px;text-underline-offset:3px}
#oc199amRoomHero .ocan-legend,#oc199amDemoHero .ocan-legend{font-size:8px;margin:0 0 6px;letter-spacing:.06em}
#oc199amRoomHero .ocam-clock,#oc199amTakeover #oc199amDemoHero .ocam-clock{top:77px}
#oc199amRoomHero .ocan-credit,#oc199amDemoHero .ocan-credit{position:absolute;right:16px;bottom:66px;min-height:16px;font-size:7px;opacity:.9}
#oc199amRoomHero .ocan-portrait,#oc199amDemoHero .ocan-portrait{inset:0 0 auto auto;width:44%;height:100%;opacity:.32}
#oc199amRoomHero .ocan-portrait img,#oc199amDemoHero .ocan-portrait img{object-position:right top}
/* Spectrum phase uses all five colours together, not rapidly flashing screens. */
[data-legend="kane"]:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(130deg,#3dffae55,transparent 22%,#ffffff15 34%,#2087ff55 48%,transparent 60%,#ffdf2f44 74%,#b947ff66);background-size:180% 180%;animation:ocanSpectrum 10s ease-in-out infinite alternate;mix-blend-mode:screen}
[data-legend="kane"] .ocam-track i{background:linear-gradient(90deg,#64ffc1,#fff,#4c9eff,#ffe82e,#c480ff)!important}
[data-legend="kane"] .ocam-headline span+span{background:linear-gradient(90deg,#a7ffdb,#fff 25%,#75c4ff 48%,#ffe64b 72%,#d2a0ff);background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
/* The real pages change with the same clock. Member messages retain their readable colours. */
html body.oc199an-themed{background:var(--ocan-deep)!important}
html body.oc199an-themed #prematch,html body.oc199an-themed #prematch>.card{background:linear-gradient(145deg,var(--ocan-base),var(--ocan-deep))!important}
html body.oc199an-themed #room .wa-shell{background:linear-gradient(145deg,var(--ocan-base),var(--ocan-deep))!important;box-shadow:inset 0 0 0 1px var(--ocan-accent),0 0 24px var(--ocan-glow)!important}
html body.oc199an-themed #room #messages{background:transparent!important}
html body.oc199an-themed #room .wa-composer{border-top:2px solid var(--ocan-accent)!important}
html body.oc199an-themed #room .wa-msg.me .wa-bubble{background:var(--ocan-mid)!important;color:#fff!important;border:1px solid var(--ocan-accent)!important}
html body.oc199an-themed #room #ocRoomCleanHeader{background:linear-gradient(100deg,var(--ocan-deep),var(--ocan-base))!important;border-bottom:1px solid var(--ocan-accent)!important}
html body.oc199an-themed #prematch #oc199amHomeMatchday{background:radial-gradient(ellipse at 95% 0,var(--ocan-mid),transparent 65%),var(--ocan-base)!important;border:1px solid var(--ocan-accent)!important;box-shadow:0 0 22px var(--ocan-glow)!important;color:#fff!important}
html body.oc199an-themed #prematch #oc199amHomeMatchday{position:relative;overflow:hidden;isolation:isolate;min-height:185px}
html body.oc199an-themed #prematch #oc199amHomeMatchday>small,html body.oc199an-themed #prematch #oc199amHomeMatchday>strong,html body.oc199an-themed #prematch #oc199amHomeMatchday>span,html body.oc199an-themed #prematch #oc199amHomeMatchday>em{position:relative;z-index:2;text-shadow:0 1px 8px #0007}
#oc199amHomeMatchday .ocan-portrait{inset:0 0 auto auto;width:45%;height:100%;opacity:.32}
#oc199amHomeMatchday .ocan-home-legend{grid-column:1/-1;font:900 9px/1.4 Arial,sans-serif;letter-spacing:.06em;color:var(--ocan-light,#b5ebff)}
html body.oc199an-themed #prematch #oc8Home .oc8-welcome h1,html body.oc199an-themed #prematch #oc8Home .oc8-eyebrow{color:#fff!important}
html body.oc199an-themed #prematch #oc199amHomeMatchday [data-am-home-clock]{color:var(--ocan-accent)!important}
html body.oc199an-themed #prematch #oc199amHomeMatchday em{color:var(--ocan-light)!important}
#oc199anHomeCredits{display:block;font:700 10px/1.5 Arial,sans-serif;text-align:center;color:var(--ocan-light,#163b65);margin:-4px 0 16px;padding:6px}
#oc199anHomeCredits[hidden],#oc199anHomeTen[hidden]{display:none!important}
#oc199anHomeTen{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 18px;border:2px solid #fff8aa;background:linear-gradient(140deg,#073c2c,#0d2852 50%,#302064);border-radius:18px;color:#fff;margin-bottom:14px}
#oc199anHomeTen strong{font:900 clamp(30px,8vw,60px)/.95 OCAMDisplay,Impact,Arial,sans-serif!important;animation:ocanFinalPulse 1.2s ease-in-out infinite;color:#fff!important;letter-spacing:.02em}
#oc199anHomeTen b{font:900 64px/1 OCAMDisplay,Impact,Arial,sans-serif;color:#ffe661!important}
.ocan-final-ten .ocam-headline{animation:ocanFinalPulse 1.2s ease-in-out infinite!important}
.ocan-final-ten .ocam-clock{color:#fff5a1!important;text-shadow:0 0 30px #ffee5277!important}
#oc199amRoomHero.ocan-final-ten .ocam-headline,#oc199amTakeover #oc199amDemoHero.ocan-final-ten .ocam-headline{font-size:32px!important}
#oc199amTakeover .ocan-final-ten .ocam-headline span+span,#oc199amRoomHero.ocan-final-ten .ocam-headline span+span{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 0 30px #83efff!important}
body.oc199am-composing #room #oc199amRoomHero .ocan-legend,body.oc199am-composing #room #oc199amRoomHero .ocan-credit{display:none!important}
body.oc199am-composing #room #oc199amRoomHero.ocan-final-ten .ocam-headline{display:block!important;font-size:18px!important;line-height:1.1!important;max-width:100%!important;margin-top:6px!important}
body.oc199am-composing #room #oc199amRoomHero.ocan-final-ten .ocam-headline span{display:inline!important}
body.oc199am-composing #room #oc199amRoomHero.ocan-final-ten .ocam-headline span+span:before{content:" "}
@keyframes ocanSpectrum{to{background-position:100% 100%}}@keyframes ocanFinalPulse{0%,100%{opacity:1;filter:drop-shadow(0 0 4px #57d8ff)}50%{opacity:.7;filter:drop-shadow(0 0 16px #ffef6b)}}
@media(max-height:700px){body.oc199an-themed #room #oc199amRoomHero .ocam-clock{top:67px;font-size:38px}}
@media(prefers-reduced-motion:reduce){body.oc199an-themed *,#oc199amTakeover *,#oc199amRoomHero *{animation:none!important;transition:none!important}.ocan-final-ten .ocam-headline{opacity:1!important}}