@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;900&family=Space+Grotesk:wght@600;700&display=swap');

.opp-app{--ink:#f8f7ff;--muted:#aaa7bd;--purple:#8c38ff;--pink:#ff3bab;--cyan:#28e4ff;--dark:#080611;position:relative;isolation:isolate;overflow:hidden;max-width:1180px;min-height:720px;margin:24px auto;border-radius:28px;background:radial-gradient(circle at 50% -10%,#30125f 0,transparent 42%),linear-gradient(145deg,#080611,#10091b 60%,#07050d);color:var(--ink);box-shadow:0 35px 90px #17072966;font-family:'DM Sans',system-ui,sans-serif;line-height:1.4}
.opp-app *{box-sizing:border-box}.opp-stars,.opp-stars:after{position:absolute;inset:0;z-index:-1;content:"";background-image:radial-gradient(#fff 1px,transparent 1px);background-size:47px 47px;opacity:.13}.opp-stars:after{background-size:79px 79px;transform:rotate(9deg);opacity:.45}.opp-screen{display:none;min-height:720px;padding:42px clamp(22px,5vw,72px);animation:oppIn .45s ease}.opp-screen.is-active{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes oppIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.opp-logo{display:flex;align-items:center;gap:10px;filter:drop-shadow(0 0 35px #a23cff88);font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.16em}.opp-logo strong{display:grid;place-items:center;width:150px;height:150px;border:7px solid var(--ink);border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));font-size:62px;letter-spacing:-.08em}.opp-logo span{font-size:24px}.opp-setup h2,.opp-finale h2{margin:28px 0 4px;text-align:center;font:700 clamp(30px,5vw,58px)/1.05 'Space Grotesk',sans-serif}.opp-lead{margin:8px 0 30px;color:var(--muted);font-size:18px;text-align:center}.opp-player-setup{width:min(650px,100%);padding:26px;border:1px solid #ffffff1f;border-radius:20px;background:#ffffff09;backdrop-filter:blur(10px)}.opp-player-setup>label{display:block;margin-bottom:12px;font-weight:700;text-align:center}.opp-count-picker{display:flex;justify-content:center;gap:10px}.opp-count-picker button{width:54px;height:48px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff0d;color:#fff;font:700 18px inherit;cursor:pointer}.opp-count-picker button.is-selected{border-color:var(--cyan);background:#2be4ff1c;box-shadow:0 0 20px #28e4ff45}.opp-names{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.opp-names label span{display:block;margin:0 0 5px;color:var(--muted);font-size:12px}.opp-names input{width:100%;border:1px solid #ffffff25;border-radius:10px;outline:0;background:#05030b99;color:#fff;padding:12px 14px;font:600 15px inherit}.opp-names input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff3bab20}.opp-primary{margin-top:25px;border:0;border-radius:999px;background:linear-gradient(100deg,var(--pink),var(--purple));box-shadow:0 12px 35px #a12aff55;color:white;padding:16px 36px;font:800 17px inherit;cursor:pointer;transition:.2s}.opp-primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px #a12aff88}.opp-small{color:#7e7a91;font-size:12px}
.opp-game{justify-content:flex-start!important;align-items:stretch!important}.opp-gamebar{display:flex;justify-content:space-between;width:100%;padding-bottom:22px;border-bottom:1px solid #ffffff18}.opp-gamebar div{display:flex;flex-direction:column}.opp-gamebar div:last-child{text-align:right}.opp-gamebar small,.opp-eyebrow{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.18em}.opp-gamebar strong{font:700 22px 'Space Grotesk',sans-serif}.opp-jackpot-wrap strong{color:#ffe46b}.opp-stage{display:grid;grid-template-columns:minmax(210px,34%) 1fr;align-items:center;gap:clamp(24px,5vw,65px);flex:1;width:100%;padding:35px 0}.opp-level-card{position:relative;display:grid;place-items:center;aspect-ratio:1;filter:drop-shadow(0 18px 35px #8c38ff44)}.opp-level-card:before{position:absolute;inset:5%;z-index:-1;border-radius:50%;background:linear-gradient(135deg,#ff3bab55,#28e4ff22);content:"";filter:blur(25px)}.opp-level-image{display:block;max-width:100%;max-height:310px}.opp-level-fallback{position:absolute;z-index:-1;display:flex;flex-direction:column;align-items:center}.opp-level-fallback strong{font:900 72px 'Space Grotesk'}.opp-level-fallback span{letter-spacing:.2em}.opp-turn-pill{display:inline-block;width:max-content;margin-bottom:16px;border:1px solid #ff3bab77;border-radius:999px;background:#ff3bab17;color:#ff83ca;padding:6px 13px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.opp-question{margin:0 0 24px;font:700 clamp(25px,3vw,41px)/1.15 'Space Grotesk',sans-serif}.opp-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.opp-answers button{display:flex;align-items:center;gap:13px;min-height:62px;border:1px solid #ffffff22;border-radius:14px;background:#ffffff0a;color:#fff;padding:10px 15px;text-align:left;font:600 16px inherit;cursor:pointer;transition:.18s}.opp-answers button:hover{border-color:var(--cyan);background:#28e4ff12;transform:translateY(-2px)}.opp-answers b{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:9px;background:#ffffff15;color:var(--cyan)}.opp-pass{margin-top:14px;border:1px solid #ffe46b55;border-radius:10px;background:transparent;color:#ffe46b;padding:9px 14px;font:700 12px inherit;cursor:pointer}.opp-pass span{opacity:.7}.opp-pass:disabled{opacity:.35;cursor:not-allowed}.opp-private{margin:10px 0;color:#777386;font-size:11px}.opp-roster{display:flex;gap:10px;width:100%}.opp-player{display:flex;align-items:center;gap:10px;flex:1;border:1px solid #ffffff15;border-radius:12px;background:#ffffff08;padding:9px}.opp-player.is-turn{border-color:var(--pink);box-shadow:0 0 15px #ff3bab33}.opp-player.is-out{opacity:.35;filter:grayscale(1)}.opp-avatar{display:grid;flex:none;place-items:center;width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));font-weight:900}.opp-player strong,.opp-player small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-player small{color:var(--muted);font-size:9px;letter-spacing:.08em}
.opp-reveal{text-align:center}.opp-reveal-icon{display:grid;place-items:center;width:85px;height:85px;margin-bottom:22px;border-radius:50%;font-size:48px;font-weight:900}.opp-reveal-icon.is-good{background:#35dfa126;box-shadow:0 0 35px #35dfa14f;color:#55f2ba}.opp-reveal-icon.is-bad{background:#ff476726;color:#ff6680}.opp-reveal h2{margin:5px 0;font:800 clamp(34px,6vw,70px) 'Space Grotesk';color:#fff}.opp-explanation{max-width:670px;color:var(--muted);font-size:17px}.opp-results{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.opp-results div{display:flex;align-items:center;gap:8px;border-radius:999px;background:#ffffff0d;padding:8px 15px}.opp-results div>span{font-size:19px}.opp-results em{font-size:10px;font-style:normal;font-weight:900;letter-spacing:.1em}.opp-results .is-correct span,.opp-results .is-correct em{color:#55f2ba}.opp-results .is-wrong span,.opp-results .is-wrong em{color:#ff6680}
.opp-finale{text-align:center}.opp-final-money{margin:20px 0 4px;background:linear-gradient(100deg,#ffe880,#ff9d44);-webkit-background-clip:text;background-clip:text;color:transparent;font:900 clamp(52px,9vw,105px)/1 'Space Grotesk';filter:drop-shadow(0 0 20px #ffb34745)}.opp-finale-copy{max-width:650px;color:var(--muted);font-size:17px}.opp-bonuses{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.opp-bonuses div{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;min-width:210px;border:1px solid #ffe46b55;border-radius:13px;background:#ffe46b0d;padding:12px;text-align:left}.opp-bonuses span{grid-row:1/3;align-self:center;color:#ffe46b;font-size:24px}.opp-bonuses small{color:#ffe46b;font-size:9px;font-weight:900;letter-spacing:.13em}.opp-bonuses strong{font-size:14px}
@media(max-width:720px){.opp-app,.opp-screen{min-height:760px;border-radius:0}.opp-screen{padding:25px 18px}.opp-logo strong{width:110px;height:110px;font-size:46px}.opp-logo span{font-size:16px}.opp-stage{grid-template-columns:1fr;gap:12px}.opp-level-card{height:165px;aspect-ratio:auto}.opp-level-image{max-height:165px}.opp-question{font-size:25px}.opp-answers{grid-template-columns:1fr}.opp-roster{overflow:auto}.opp-player{min-width:120px}.opp-names{grid-template-columns:1fr}.opp-private{display:none}}
@media(prefers-reduced-motion:reduce){.opp-screen{animation:none}.opp-primary,.opp-answers button{transition:none}}
.opp-level-image{position:relative;z-index:1}.opp-level-fallback{z-index:0}

/* Theme-proof setup layout and stacking fixes. */
.opp-app .opp-setup.is-active{justify-content:flex-start;min-height:720px;padding-top:clamp(36px,6vw,70px);padding-bottom:40px}
.opp-app .opp-logo{position:relative;z-index:2;flex:none}
.opp-app .opp-setup h2,.opp-app .opp-player-setup>label,.opp-app .opp-names label,.opp-app .opp-names label span{color:var(--ink)!important}
.opp-app .opp-setup h2{opacity:1!important}
.opp-app .opp-player-setup{position:relative;z-index:1;flex:none}
.opp-app .opp-names{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));width:100%}
.opp-app .opp-names label{min-width:0;margin:0!important}
.opp-app .opp-names input{display:block;min-width:0;max-width:none;margin:0!important}
.opp-app .opp-start{flex:none}
@media(max-width:720px){.opp-app .opp-setup.is-active{min-height:760px;padding-top:28px}.opp-app .opp-logo{margin-top:0}.opp-app .opp-setup h2{margin-top:20px}}

/* Visual question cards */
.opp-app .opp-visual{width:100%;margin:0 0 18px;border:1px solid #ffffff24;border-radius:18px;background:linear-gradient(135deg,#ffffff12,#8c38ff12);padding:clamp(14px,2vw,22px);box-shadow:inset 0 1px #ffffff12;text-align:center;color:#fff}
.opp-app .opp-visual[hidden]{display:none!important}.opp-app .opp-visual *{box-sizing:border-box}.opp-app .opp-visual::before,.opp-app .opp-visual::after,.opp-app .opp-picture-grid::before,.opp-app .opp-picture-grid::after{content:none!important;display:none!important}
.opp-app .opp-emoji-row,.opp-app .opp-symbol-sequence{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,20px);font-size:clamp(30px,5vw,54px);line-height:1.1}.opp-app .opp-emoji-row.opp-xl{font-size:clamp(38px,6vw,66px)}
.opp-app .opp-big-symbol{font-size:clamp(70px,10vw,110px);line-height:.8;color:var(--cyan);filter:drop-shadow(0 0 18px #28e4ff55)}
.opp-app .opp-picture-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.opp-app .opp-picture-grid span{display:grid;place-items:center;min-height:60px;border:1px solid #ffffff1c;border-radius:12px;background:#08061199;font-size:38px}.opp-app .opp-picture-grid.opp-eight{grid-template-columns:repeat(8,1fr)!important}.opp-app .opp-picture-grid.opp-eight span{min-height:44px;font-size:28px}
.opp-app .opp-rebus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:90px;font:800 clamp(26px,4vw,44px)/1 'Space Grotesk',sans-serif;letter-spacing:.12em}.opp-app .opp-rebus b,.opp-app .opp-rebus span{color:#fff}.opp-app .opp-rebus.opp-inline{flex-direction:row;flex-wrap:wrap;gap:16px}.opp-app .opp-rebus.opp-split{flex-direction:row;gap:clamp(50px,10vw,110px)}.opp-app .opp-rebus.opp-split b{padding:12px;border:2px dashed #ff3bab77;border-radius:10px}
.opp-app .opp-checker{display:grid!important;grid-template-columns:repeat(3,58px)!important;justify-content:center;gap:5px!important}.opp-app .opp-checker>*{display:grid;place-items:center;width:58px;height:58px;border:1px solid #fff5}.opp-app .opp-checker i:nth-child(odd){background:#f5f2ff}.opp-app .opp-checker i:nth-child(even){background:#171021}.opp-app .opp-checker b{background:#171021;color:var(--cyan);font-size:27px}
.opp-app .opp-mini-matrix{display:grid!important;grid-template-columns:repeat(3,62px)!important;justify-content:center;gap:6px!important}.opp-app .opp-mini-matrix>*{display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffff30;border-radius:8px;background:#080611;font-size:30px;color:#fff}.opp-app .opp-mini-matrix b{color:var(--cyan)}
.opp-app .opp-matchsticks{font:700 clamp(32px,6vw,58px) 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#ffe46b;text-shadow:0 0 20px #ffe46b44}.opp-app .opp-between-lines{display:flex;flex-direction:column;align-items:center;gap:10px;font:800 28px 'Space Grotesk',sans-serif;letter-spacing:.15em}.opp-app .opp-between-lines i{display:block;width:min(330px,85%);height:4px;background:var(--cyan);box-shadow:0 0 10px #28e4ff88}
.opp-app .opp-cube-net{position:relative;display:grid!important;grid-template-columns:repeat(4,48px)!important;grid-template-rows:repeat(3,48px)!important;justify-content:center}.opp-app .opp-cube-net i{display:grid;place-items:center;border:1px solid #ffffff88;background:#8c38ff55;color:#fff;font-style:normal;font-weight:900}.opp-app .opp-cube-net i:nth-child(1){grid-area:2/1}.opp-app .opp-cube-net i:nth-child(2){grid-area:2/2}.opp-app .opp-cube-net i:nth-child(3){grid-area:1/2}.opp-app .opp-cube-net i:nth-child(4){grid-area:2/3}.opp-app .opp-cube-net i:nth-child(5){grid-area:2/4}.opp-app .opp-cube-net i:nth-child(6){grid-area:3/2}.opp-app .opp-mirror{display:inline-block;transform:scaleX(-1);color:#ff83ca!important}
@media(max-width:600px){.opp-app .opp-picture-grid.opp-eight{grid-template-columns:repeat(4,1fr)!important}.opp-app .opp-rebus.opp-split{gap:25px}.opp-app .opp-visual{margin-bottom:12px}.opp-app .opp-picture-grid span{min-height:48px;font-size:30px}}