@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap');
:root{--plum:#46215e;--purple:#63327f;--pink:#b32969;--ink:#2b2332;--muted:#655a6d;--paper:#fbf8f3;--line:#e3d9e8;--lav:#eee6f3;--mint:#e0eee5;--gold:#f4dd9a;font-family:Montserrat,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-weight:500;line-height:1.65;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:url('https://dcciportal.co.uk/wp-content/uploads/2026/02/Picture1.png') center/cover;min-width:280px}button,input,textarea,select{font:inherit}button,.button{min-height:44px;padding:.65rem 1.1rem;border-radius:12px;background:var(--plum);color:white;border:2px solid transparent;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1.45;gap:.4rem}button:hover,.button:hover{background:#63327f}button:disabled{opacity:.48;cursor:not-allowed}button.secondary,.button.secondary{color:var(--plum);background:var(--lav);border-color:transparent}button.ghost,.button.ghost{background:white;color:var(--plum);border-color:var(--line)}button.danger{background:#91334b}button.small{font-size:.83rem;padding:.45rem .8rem}a{color:#62307d;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid #a3346b;outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(2rem,4.3vw,3.8rem);line-height:1.05;letter-spacing:-.045em;margin:.6rem 0 1rem;font-weight:800}h1 span{color:var(--pink)}h2{font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.25;letter-spacing:-.025em;margin-bottom:1rem}h3{font-size:1.08rem;line-height:1.35;margin-bottom:.6rem}p{margin-bottom:1rem}.masthead{text-align:center;padding:1.5rem 1rem 1rem;background:#fbf8f3}.brand{display:block;width:155px;height:78px;object-fit:contain;margin:0 auto .5rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.72rem;color:var(--purple);margin:0}.strap{color:var(--muted);margin-bottom:.3rem;font-size:.92rem}nav{max-width:1240px;margin:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.7rem 1rem 1.1rem}nav button{background:transparent;color:var(--muted);border-radius:50px;min-height:44px;font-size:.85rem;padding:.55rem 1rem}nav button[aria-current="page"]{background:var(--plum);color:white}main{max-width:1240px;margin:auto;padding:0 1.25rem 3rem}.card{background:#fffdfb;border:1px solid var(--line);border-radius:24px;padding:1.6rem;box-shadow:0 7px 22px #45215b07;margin-bottom:1rem;min-width:0}.edge{position:relative;border-left:6px solid var(--purple);background:linear-gradient(#fffdfb,#fffdfb) padding-box,linear-gradient(160deg,#8c54a8,#bb4378,#5c79aa,#6b9e7a) border-box;border-left-color:transparent}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.play-grid{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(0,1.05fr);gap:1.25rem}.stack{display:grid;gap:1rem}.row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--muted)}.tiny{font-size:.78rem}.pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:100px;background:var(--lav);color:var(--plum);padding:.3rem .75rem;font-size:.76rem;font-weight:700}.pill.green{background:var(--mint);color:#285d43}.pill.pink{background:#f4e2e9;color:#8b2852}.topline{display:flex;justify-content:space-between;gap:.7rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.lead{font-size:1.06rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center}.hero h2{font-size:clamp(1.6rem,3vw,2.5rem)}.hero img{width:100%;border-radius:22px;aspect-ratio:16/9;object-fit:cover}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.step{border-top:2px solid var(--line);padding-top:1rem}.step b{display:block;color:var(--purple);margin-bottom:.35rem}.step p{font-size:.85rem;margin:0}.session-code{font-size:1.5rem;letter-spacing:.2em;font-weight:800;color:var(--purple)}label{display:block;font-weight:700;font-size:.86rem;margin:.7rem 0 .3rem}input,select,textarea{display:block;width:100%;border:1.5px solid #bcadc5;border-radius:10px;background:white;color:var(--ink);padding:.65rem .8rem;min-height:44px}textarea{resize:vertical;min-height:110px;font-weight:500;line-height:1.6}.form-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.hint{font-size:.8rem;color:var(--muted);margin:.4rem 0 1rem}.notice{background:#f2eaf6;border-radius:14px;padding:1rem;color:var(--plum);border-left:4px solid #8b58a4}.notice.warning{background:#fff0da;color:#704713;border-color:#b7833a}.notice p:last-child{margin-bottom:0}.wheel-zone{padding:1.5rem 1rem;text-align:center;background:#f2edf5;border-radius:24px;border:1px solid var(--line);margin-bottom:1rem}.wheel-wrap{position:relative;max-width:440px;margin:1.5rem auto 1rem;aspect-ratio:1}.wheel-wrap:before{content:'';position:absolute;top:-10px;left:calc(50% - 16px);border:16px solid transparent;border-top:30px solid #cfad62;z-index:3;filter:drop-shadow(0 3px 2px #43215140)}#wheel{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 8px #41214e30);overflow:visible}#rotor{transform-origin:240px 240px}.wheel-hub{pointer-events:none}.wheel-caption{min-height:3.2rem;font-size:.9rem;margin:.5rem 0;color:var(--plum)}.spin-button{border-radius:50px;min-width:180px;background:linear-gradient(120deg,#63327f,#a72862);padding:1rem 1.8rem;font-size:1rem;box-shadow:0 4px 0 #391943}.wheel-legend{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;text-align:left;font-size:.75rem;color:var(--muted);max-width:420px;margin:1rem auto 0}.dot{display:inline-block;border-radius:50%;width:10px;height:10px;margin-right:.4rem}.complication{border-left:4px solid #b32969;background:#f7eaf0;border-radius:12px;padding:1rem;margin-bottom:.8rem}.complication h3{color:#842653}.complication p:last-child{margin-bottom:0}.scenario-text{white-space:pre-line}.question{font-weight:700;background:var(--lav);padding:1rem;border-radius:12px}.timer{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800;color:var(--plum)}.timer.ended{color:#973744}.phase-list{display:flex;gap:.4rem;flex-wrap:wrap;font-size:.75rem;margin:1rem 0}.phase-list span{padding:.3rem .65rem;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.phase-list .active{background:var(--plum);color:white;border-color:var(--plum)}details{border:1px solid var(--line);border-radius:14px;padding:1rem;margin-bottom:1rem;background:#fffdfb}summary{cursor:pointer;font-weight:700;color:var(--plum);min-height:30px}details[open] summary{margin-bottom:1rem}.scoregrid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.scoregrid label{font-size:.72rem;line-height:1.45}.scoregrid input{padding:.5rem;text-align:center}.scorecard{padding:1rem;border-bottom:1px solid var(--line)}.scorecard:last-child{border:none}.scorecard h3{margin:0}.score-total{font-size:1.5rem;color:var(--purple);font-weight:800}.scorebar{height:8px;background:var(--lav);border-radius:100px;overflow:hidden}.scorebar i{height:100%;background:var(--purple);display:block}.leader{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.leader:last-child{border:0}.leader b{font-size:1.6rem;color:var(--plum)}.answer{white-space:pre-wrap;font-size:.9rem;background:#f3f0f5;border-radius:10px;padding:.85rem;overflow-wrap:anywhere}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.studio-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.25rem}.studio-menu{align-self:start}.studio-menu button{display:block;width:100%;text-align:left;justify-content:flex-start;margin-bottom:.5rem}.poll-option{display:flex;gap:.8rem;align-items:center;margin:.6rem 0}.poll-option button{flex:1;justify-content:space-between;text-align:left}.poll-option button[aria-pressed=true]{outline:3px solid #9d6eb3}.poll-track{height:8px;min-width:0;flex:1;background:var(--lav);border-radius:8px}.poll-track i{display:block;height:100%;background:#63327f;border-radius:8px}.help-list{padding-left:1.4rem}.help-list li{margin-bottom:.8rem}.empty{padding:1.4rem;text-align:center;color:var(--muted);background:#f5f1f7;border-radius:16px}.skip{position:fixed;top:-80px;left:12px;background:white;z-index:10000;padding:12px}.skip:focus{top:10px}#toast{position:fixed;left:50%;bottom:1.5rem;transform:translateX(-50%);background:var(--plum);color:white;border-radius:14px;max-width:min(90%,650px);padding:.8rem 1.2rem;z-index:900;box-shadow:0 4px 20px #0003;display:none}footer{text-align:center;font-size:.75rem;color:var(--muted);padding:1rem 1rem 6rem}footer p{margin-bottom:.4rem}.connection{font-size:.75rem}.connection.error{color:#a52c48}.hidden,[hidden]{display:none!important}.presentation .masthead{padding:.8rem}.presentation .masthead h1{font-size:2rem}.presentation .brand{height:50px;width:120px}.presentation .strap,.presentation nav{display:none}.presentation main{max-width:1500px}.presentation .scenario-text{font-size:1.2rem}.presentation .wheel-wrap{max-width:460px}code{overflow-wrap:anywhere}#recovery{word-break:break-all}.studio-notice{font-size:.8rem}.scroll-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line)}.mobile-only{display:none}
@media(max-width:850px){.play-grid{grid-template-columns:1fr 1.1fr}.card{padding:1.15rem}.hero{gap:1.2rem}.scoregrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.grid,.play-grid,.hero,.studio-layout{grid-template-columns:1fr}.masthead{padding-top:1rem}h1{font-size:2.3rem}.brand{height:65px}.hero img{order:-1}main{padding:0 .8rem 2rem}.card{border-radius:18px}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:90px 1fr;gap:1rem}.wheel-wrap{max-width:330px}.scoregrid{grid-template-columns:1fr 1fr}.studio-menu{display:flex;overflow:auto;gap:.4rem}.studio-menu button{min-width:170px}.mobile-only{display:block}.wheel-zone{padding:.8rem}.presentation .scenario-text{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html.accessibility-reduce-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}html.accessibility-simplified .hero img{display:none}html.accessibility-simplified .hero{grid-template-columns:1fr}
@media print{nav,.masthead,.no-print,.dcci-a11y-trigger,.dcci-a11y-panel,#toast,footer,.wheel-zone{display:none!important}body{background:white}main{max-width:none;padding:0}.card{break-inside:avoid;box-shadow:none}.grid,.play-grid{display:block}h2{font-size:20pt}a{color:black}.answer{background:white;border:1px solid #bbb}details{display:block}details>*{display:block!important}}