@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;900&display=swap";html{background:#f7f1e7}body{margin:0}*{box-sizing:border-box}:root{color:#111;background:#f7f1e7;font-family:DM Sans,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app{background:#f7f1e7;flex-direction:column;width:min(100%,520px);min-height:100vh;margin:auto;padding:28px 24px 22px;display:flex}header{justify-content:flex-end;display:flex}.language{border:2px solid #111;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:700;display:flex}.language button{cursor:pointer;opacity:.4;background:0 0;border:0;padding:0}.language button.active{opacity:1}.hero{padding-top:clamp(45px,10vh,95px)}h1{letter-spacing:-8px;margin:0;font-size:clamp(72px,21vw,112px);font-weight:900;line-height:.78}.tagline{margin:18px 0 0;font-size:19px;font-weight:800}.conversation{height:180px;margin-top:20px;position:relative}.person{border:5px solid #111;border-radius:60px 60px 25px 25px;width:110px;height:115px;font-size:0;position:absolute;bottom:5px}.person:before{content:"";background:#f7f1e7;border:5px solid #111;border-radius:50%;width:52px;height:52px;position:absolute;top:-34px}.person-left{background:#7251d6;left:24px;transform:rotate(-4deg)}.person-left:before{right:4px}.person-right{background:#ff725f;right:24px;transform:rotate(4deg)}.person-right:before{left:4px}.bubble{border-radius:999px;padding:9px 20px;font-size:26px;font-weight:900;position:absolute;top:15px}.bubble-purple{background:#7251d6;left:38%}.bubble-coral{background:#ff725f;top:70px;right:28%}.menu{gap:12px;margin-top:auto;display:grid}.menu-card{color:#111;text-align:left;cursor:pointer;border:2px solid #111;border-radius:22px;grid-template-columns:45px 1fr 30px;align-items:center;width:100%;min-height:82px;padding:14px 18px;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:3px 3px #111}.menu-card:active{transform:translate(3px,3px);box-shadow:0 0 #111}.play{background:#ff725f}.learn{background:#cbb7ff}.classroom{background:#f7f1e7}.icon{font-size:27px;font-weight:900}.menu-copy{flex-direction:column;display:flex}.menu-copy strong{font-size:25px;font-weight:900;line-height:1}.menu-copy small{margin-top:5px;font-size:13px;font-weight:600}.arrow,.lock{justify-self:end;font-size:25px;font-weight:900}footer{opacity:.65;justify-content:space-between;align-items:center;padding-top:18px;font-size:12px;font-weight:700;display:flex}footer button{background:0 0;border:0;font-size:18px}@media (width>=700px){body{background:#ebe4d8}.app{border:2px solid #111;border-radius:35px;min-height:calc(100vh - 40px);margin-top:20px;margin-bottom:20px;box-shadow:8px 8px #111}}.topbar{justify-content:space-between;align-items:center;min-height:50px;display:flex}.back{color:#111;cursor:pointer;background:0 0;border:0;font-size:32px;font-weight:900}.step,.eyebrow{letter-spacing:.08em;font-size:13px;font-weight:900}.players-screen{flex-direction:column;display:flex}.players-content{padding-top:38px}.players-content h2{letter-spacing:-4px;margin:10px 0 14px;font-size:clamp(48px,14vw,72px);font-weight:900;line-height:.92}.subtitle{opacity:.65;margin:0 0 30px;font-size:15px;font-weight:600;line-height:1.4}.eyebrow{color:#ff725f;margin:0}.player-list{gap:10px;display:grid}.player-row{background:#fffaf1;border:2px solid #111;border-radius:18px;justify-content:space-between;align-items:center;min-height:60px;padding:0 18px;font-size:18px;font-weight:800;display:flex}.player-row button{color:#111;cursor:pointer;background:0 0;border:0;font-size:27px}.add-player{grid-template-columns:1fr auto;gap:8px;margin-top:14px;display:grid}.add-player input{color:#111;min-width:0;height:58px;font:inherit;background:0 0;border:2px solid #111;border-radius:18px;outline:none;padding:0 16px;font-size:17px;font-weight:700}.add-player input::placeholder{color:#111;opacity:.35}.add-player input:focus{box-shadow:3px 3px #7251d6}.add-player button{color:#111;cursor:pointer;background:#cbb7ff;border:2px solid #111;border-radius:18px;padding:0 18px;font-weight:900}.player-count{text-align:center;opacity:.5;margin-top:12px;font-size:12px;font-weight:800}.primary-button{color:#111;cursor:pointer;background:#ff725f;border:2px solid #111;border-radius:20px;width:100%;min-height:68px;margin-top:auto;font-size:18px;font-weight:900;box-shadow:3px 3px #111}.primary-button:active{box-shadow:none;transform:translate(3px,3px)}.primary-button:disabled{opacity:.35;cursor:not-allowed}.vibe-screen{flex-direction:column;display:flex}.vibe-content{padding-top:20px}.vibe-content h2{letter-spacing:-4px;margin:8px 0;font-size:clamp(48px,13vw,68px);font-weight:900;line-height:.92}.vibe-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:22px;display:grid}.vibe-card{color:#111;cursor:pointer;opacity:.68;border:2px solid #111;border-radius:22px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:125px;padding:15px;transition:all .12s;display:flex;position:relative}.vibe-card.selected{opacity:1;transform:translate(-2px,-2px);box-shadow:4px 4px #111}.vibe-card strong{margin-top:7px;font-size:21px;font-weight:900}.vibe-emoji{font-size:37px;font-weight:900;line-height:1}.vibe-check{background:#f7f1e7;border:2px solid #111;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-weight:900;display:grid;position:absolute;top:10px;right:11px}.vibe-fun{background:#f4c84a}.vibe-spicy{background:#ff725f}.vibe-society{background:#aa91ef}.vibe-family{background:#94cfa7}.locked-vibes{grid-template-columns:1fr 1fr;gap:11px;margin-top:11px;display:grid}.locked-card{color:#111;opacity:.5;text-align:left;background:#e8e1d6;border:2px solid #111;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-height:76px;padding:10px 12px;display:grid}.locked-card>span{grid-row:1/3;font-size:23px}.locked-card strong{font-size:12px;font-weight:900}.locked-card small{font-size:9px;font-weight:900}.intensity-card{background:#fffaf1;border:2px solid #111;border-radius:20px;margin-top:18px;padding:16px}.intensity-title{justify-content:space-between;align-items:baseline;display:flex}.intensity-title strong{font-size:17px;font-weight:900}.intensity-title span{opacity:.5;font-size:11px;font-weight:700}.intensity-options{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px;display:grid}.intensity-options button{color:#111;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:62px;font-size:9px;font-weight:900;display:flex}.intensity-options button span{font-size:20px}.intensity-options button.active{background:#f4c84a;border-color:#111;box-shadow:2px 2px #111}.vibe-screen .primary-button{margin-top:18px}@media (height<=800px){.vibe-card{min-height:100px}.vibe-content{padding-top:8px}}.mode-screen{flex-direction:column;display:flex}.mode-content{padding-top:20px}.mode-content h2{letter-spacing:-4px;margin:8px 0 28px;font-size:clamp(48px,13vw,68px);font-weight:900;line-height:.9}.mode-card{color:#111;text-align:left;cursor:pointer;border:2px solid #111;border-radius:22px;grid-template-columns:48px 1fr 30px;align-items:center;gap:10px;width:100%;min-height:105px;margin-bottom:12px;padding:16px;display:grid}.mode-card.selected{transform:translate(-2px,-2px);box-shadow:4px 4px #111}.duel-mode{background:#ff725f}.open-mode{background:#cbb7ff}.mix-mode{color:#f7f1e7;opacity:.8;background:#111}.mode-card strong,.mode-card small,.mode-card em{display:block}.mode-card strong{font-size:22px;font-weight:900}.mode-card small{margin-top:3px;font-size:12px;font-weight:700}.mode-card em{margin-top:7px;font-size:10px;font-style:normal;font-weight:900}.mode-icon{font-size:30px;font-weight:900}.mode-radio{justify-self:end;font-size:25px}.duel-screen{padding:0;overflow:hidden}.duel-top{color:#f7f1e7;background:#111;justify-content:space-between;align-items:center;min-height:68px;padding:0 22px;display:flex}.duel-top strong{font-size:18px;font-weight:900}.duel-top button{color:#f7f1e7;cursor:pointer;background:0 0;border:0;font-size:22px}.duel-content{padding:25px 24px}.duel-label{text-align:center;letter-spacing:.1em;opacity:.5;font-size:11px;font-weight:900}.versus{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 18px;display:grid;position:relative}.player-side{border:2px solid #111;border-radius:20px;flex-direction:column;justify-content:flex-end;min-height:100px;padding:16px;display:flex}.player-side span{text-transform:uppercase;font-size:12px;font-weight:900}.player-side strong{margin-top:4px;font-size:30px;font-weight:900}.side-coral{background:#ffaaa0}.side-purple{text-align:right;background:#cbb7ff}.vs{z-index:2;background:#f7f1e7;border:2px solid #111;border-radius:50%;place-items:center;width:50px;height:50px;font-size:17px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.question-card{background:#fffaf1;border:2px solid #111;border-radius:25px;flex-direction:column;justify-content:center;min-height:230px;padding:25px;display:flex;box-shadow:4px 4px #111}.question-category{letter-spacing:.1em;color:#ff725f;font-size:10px;font-weight:900}.question-card h2{letter-spacing:-2px;margin:12px 0 0;font-size:clamp(32px,9vw,48px);font-weight:900;line-height:.98}.think-box{border:2px solid #111;border-radius:17px;justify-content:center;align-items:center;gap:9px;min-height:58px;margin-top:18px;font-size:14px;display:flex}.start-debate-button{color:#f7f1e7;cursor:pointer;background:#111;border:2px solid #111;border-radius:19px;width:100%;min-height:68px;margin-top:14px;font-size:18px;font-weight:900}.pass-button{color:#111;cursor:pointer;opacity:.55;background:0 0;border:0;width:100%;margin-top:14px;font-size:11px;font-weight:900}@media (height<=800px){.question-card{min-height:180px}.player-side{min-height:82px}}.live-timer{background:#f4c84a;border:2px solid #111;border-radius:22px;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:center;min-height:145px;margin-top:18px;padding:18px 22px;display:grid;box-shadow:3px 3px #111}.live-label{letter-spacing:.06em;grid-column:1/3;font-size:12px;font-weight:900}.live-timer strong{letter-spacing:-5px;font-size:76px;font-weight:900;line-height:.8}.seconds-label{align-self:end;padding-bottom:3px;font-size:12px;font-weight:900}.live-timer.warning{background:#ff725f}.active-speaker{transform:translate(-2px,-2px);box-shadow:5px 5px #111}.next-speaker{background:#111}.sound-muted{opacity:.45}.prep-timer{background:#f4c84a;border:2px solid #111;border-radius:20px;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:center;min-height:105px;margin-top:18px;padding:14px 20px;display:grid;box-shadow:3px 3px #111}.prep-label{letter-spacing:.08em;grid-column:1/3;font-size:11px;font-weight:900}.prep-timer strong{letter-spacing:-4px;font-size:58px;font-weight:900;line-height:.85}.prep-timer.warning{background:#ff725f}.jury-screen,.moved-screen,.result-screen{flex-direction:column;display:flex}.jury-content{flex-direction:column;flex:1;padding:42px 24px 24px;display:flex}.jury-content h2{letter-spacing:-4px;margin:10px 0 14px;font-size:clamp(48px,13vw,70px);font-weight:900;line-height:.9}.jury-description{opacity:.6;margin:0 0 28px;font-size:16px;font-weight:700;line-height:1.4}.vote-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vote-card{color:#111;text-align:left;cursor:pointer;border:2px solid #111;border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:170px;padding:18px;display:flex}.vote-a{background:#ffaaa0}.vote-b{background:#cbb7ff}.vote-card.selected{transform:translate(-3px,-3px);box-shadow:6px 6px #111}.vote-card small{font-size:12px;font-weight:900}.vote-card strong{margin-top:5px;font-size:25px;font-weight:900}.secret-vote{text-align:center;opacity:.55;margin:18px 0;font-size:11px;font-weight:800}.mind-options{gap:10px;margin-top:8px;display:grid}.mind-options button{color:#111;text-align:left;cursor:pointer;background:#fffaf1;border:2px solid #111;border-radius:21px;grid-template-columns:50px 1fr;align-items:center;min-height:100px;padding:15px 18px;display:grid}.mind-options button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #111}.mind-options span{grid-row:1/3;font-size:30px;font-weight:900}.mind-options strong{font-size:18px;font-weight:900}.mind-options small{opacity:.55;font-size:11px;font-weight:700}.result-screen{text-align:center;background:#f4c84a}.result-burst{justify-content:center;gap:35px;padding-top:35px;font-size:25px;display:flex}.result-content{flex-direction:column;flex:1;padding:25px 28px;display:flex}.result-kicker{letter-spacing:.12em;margin:0;font-size:11px;font-weight:900}.result-content h2{letter-spacing:-7px;margin:18px 0;font-size:clamp(70px,20vw,105px);font-weight:900;line-height:.73}.result-summary{max-width:320px;margin:12px auto 22px;font-size:17px;font-weight:800;line-height:1.3}.result-votes{background:#fffaf1;border:2px solid #111;border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;min-height:115px;display:grid}.result-votes div:not(.result-divider){flex-direction:column;display:flex}.result-votes span{font-size:12px;font-weight:900}.result-votes strong{font-size:36px;font-weight:900;line-height:1}.result-votes small{opacity:.5;font-size:10px;font-weight:700}.result-divider{font-size:30px;font-weight:900}.minds-moved{color:#f7f1e7;background:#111;border:2px solid #111;border-radius:22px;flex-direction:column;justify-content:center;min-height:115px;margin:12px 0 18px;display:flex}.minds-moved strong{font-size:42px;line-height:1}.minds-moved span{margin-top:3px;font-size:15px;font-weight:900}.minds-moved small{opacity:.65;margin-top:5px;font-size:10px}.result-content .primary-button{background:#ff725f;margin-top:auto}.end-game-button{color:#111;cursor:pointer;background:0 0;border:0;margin-top:15px;font-size:11px;font-weight:900}.duel-controls{align-items:center;gap:6px;display:flex}.duel-controls button{min-width:38px}.pause-control.paused{background:#f4c84a;border-radius:10px}.open-table-players{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.open-table-player{background:#fffaf2;border:2px solid #111;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:2px 2px #111}.open-table-live{background:#f4c84a;border:2px solid #111;border-radius:22px;flex-direction:column;gap:8px;margin-top:16px;padding:24px;display:flex;box-shadow:4px 4px #111}.open-table-live span{letter-spacing:.1em;font-size:11px;font-weight:900}.open-table-live strong{font-size:28px;line-height:1}.open-table-live small{font-size:12px;font-weight:700;line-height:1.35}.open-table-clock{letter-spacing:-5px;font-size:clamp(58px,11vw,92px)!important;line-height:.9!important}.open-table-live.warning{background:#ff725f}.minds-result{background:#f4c84a;border:2px solid #111;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;margin:22px 0;padding:20px;display:flex;box-shadow:5px 5px #111}.minds-result strong{letter-spacing:-5px;font-size:clamp(58px,13vw,90px);line-height:.9}.minds-result span{letter-spacing:.1em;margin-top:12px;font-size:13px;font-weight:900}.mix-reveal-screen{background:#8f6cff}.mix-reveal-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 130px);padding:32px;display:flex}.mix-reveal-content h2{letter-spacing:-7px;margin:12px 0 28px;font-size:clamp(72px,16vw,130px);line-height:.78}.mix-diamonds{gap:18px;font-size:34px;display:flex}.mix-diamonds span{animation:.65s infinite alternate pointMixPulse}.mix-diamonds span:nth-child(2){animation-delay:.15s}.mix-diamonds span:nth-child(3){animation-delay:.3s}.mix-wait{opacity:.65;margin-top:22px;font-size:12px;font-weight:900}.mix-picked-label{letter-spacing:.12em;margin:0 0 14px;font-size:13px;font-weight:900}.mix-picked{background:#fffaf2;border:3px solid #111;border-radius:24px;padding:24px 30px;font-size:clamp(40px,9vw,72px);font-weight:900;line-height:1;box-shadow:6px 6px #111}@keyframes pointMixPulse{0%{opacity:.4;transform:translateY(0)scale(.8)}to{opacity:1;transform:translateY(-8px)scale(1.15)}}.mode-card.mix-mode{color:#111;background:linear-gradient(135deg,#ff725f 0% 49.5%,#111 49.5% 50.5%,#bda8ff 50.5% 100%)}.mode-card.mix-mode em{color:#111}.mode-card.mix-mode.selected{border-color:#111;transform:translate(-3px,-3px);box-shadow:7px 7px #111}.mode-card.mix-mode.selected .mode-radio{color:#111;font-size:22px}.mode-card.mix-mode:active{box-shadow:none;transform:translate(2px,2px)}.mode-card.mix-mode,.mode-card.mix-mode strong,.mode-card.mix-mode small,.mode-card.mix-mode em,.mode-card.mix-mode .mode-icon,.mode-card.mix-mode .mode-radio{color:#111;opacity:1}.mix-reveal-content h2{box-sizing:border-box;letter-spacing:-.04em;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;width:100%;max-width:100%;margin:0 auto;padding:0 20px;line-height:.88;font-size:48px!important}.circle-result-headline{letter-spacing:-.045em!important;box-sizing:border-box!important;text-align:center!important;max-width:100%!important;padding:0 20px!important;font-size:64px!important;line-height:.92!important;overflow:visible!important}@media (width<=600px){.circle-result-headline{font-size:52px!important;line-height:.94!important}}.circle-result-headline{line-height:1.02!important}@media (width<=600px){.circle-result-headline{line-height:1.02!important}}