:root{--ink: #22223b;--ink-soft: #4a4a66;--paper: #fdf3e3;--paper-deep: #f6e6c8;--white: #fffdf7;--yellow: #ffc53d;--red: #ff6b6b;--teal: #2ec4b6;--purple: #9b5de5;--blue: #4cc9f0;--green: #8ac926;--pink: #ff70a6;--orange: #ff9f1c;--shadow: .3rem .3rem 0 var(--ink);--shadow-lg: .45rem .45rem 0 var(--ink);--radius: 1.15rem;--radius-sm: .75rem;--border: 3px solid var(--ink);--font-ui: "Fredoka", "Baloo 2", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-display: "Lilita One", "Fredoka", ui-rounded, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(34,34,59,.07) 1.6px,transparent 1.6px),radial-gradient(circle at 8% 12%,rgba(255,197,61,.22),transparent 34%),radial-gradient(circle at 94% 88%,rgba(78,205,196,.2),transparent 30%);background-size:26px 26px,100% 100%,100% 100%;min-height:100dvh;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}.app{width:100%;max-width:940px;margin:0 auto;padding:.9rem 1rem 3rem;flex:1;display:flex;flex-direction:column}::selection{background:var(--yellow);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;line-height:1.08;margin:0}.h-display{font-size:clamp(2.1rem,6.5vw,3.6rem);text-transform:uppercase}.h-section{font-size:clamp(1.35rem,3.4vw,1.9rem);text-transform:uppercase}.sub{color:var(--ink-soft);font-size:.98rem;font-weight:500}.eyebrow{font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.2rem}.card-tight{padding:.8rem 1rem}.card-accent{border-left-width:10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-ui);font-weight:700;font-size:1.02rem;color:var(--ink);background:var(--white);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.68rem 1.25rem;min-height:3rem;cursor:pointer;transition:transform .09s ease,box-shadow .09s ease,background .15s ease;-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;line-height:1.2}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:.5rem .5rem 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:.08rem .08rem 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow)}.btn:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}.btn-lg{font-size:1.2rem;padding:.95rem 1.6rem;border-radius:var(--radius)}.btn-sm{font-size:.86rem;padding:.42rem .8rem;box-shadow:.22rem .22rem 0 var(--ink)}.btn-yellow{background:var(--yellow)}.btn-red{background:var(--red)}.btn-teal{background:var(--teal)}.btn-purple{background:var(--purple);color:var(--white)}.btn-blue{background:var(--blue)}.btn-green{background:var(--green)}.btn-pink{background:var(--pink)}.btn-ghost{background:transparent;box-shadow:none;border:none;text-decoration:underline;padding:.4rem .6rem}.btn-ghost:hover:not(:disabled){transform:none;box-shadow:none;background:#22223b0f}.input,.textarea{font-family:var(--font-ui);font-weight:600;font-size:1.05rem;color:var(--ink);background:var(--white);border:var(--border);border-radius:var(--radius-sm);box-shadow:inset .18rem .18rem #22223b1f;padding:.72rem .95rem;width:100%}.textarea{resize:vertical;min-height:5.2rem;line-height:1.45}.input:focus,.textarea:focus{outline:none;border-color:var(--ink);box-shadow:inset .18rem .18rem #22223b1f,0 0 0 4px #ffc53da6}.chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;border:2.5px solid var(--ink);border-radius:999px;padding:.22rem .7rem;background:var(--white);box-shadow:.18rem .18rem 0 var(--ink);white-space:nowrap}.badge-num{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:2.1rem;padding:0 .4rem;font-family:var(--font-display);font-size:1.15rem;border:var(--border);border-radius:.7rem;background:var(--yellow);box-shadow:.2rem .2rem 0 var(--ink)}.stack{display:flex;flex-direction:column;gap:.9rem}.stack-lg{gap:1.4rem}.row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.row-between{justify-content:space-between}.center{text-align:center}.grow{flex:1}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.topbar{display:flex;align-items:center;gap:.6rem;padding:.2rem 0 .9rem}.topbar-logo{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.03em;display:flex;align-items:center;gap:.4rem}.topbar-spacer{flex:1}.iconbtn{font-size:1.15rem;padding:.45rem .6rem;background:var(--white);min-width:2.75rem;min-height:2.75rem}.hero{text-align:center;padding:1.2rem 0 .4rem}.hero .flip{display:inline-block;transform:scaleX(-1);color:var(--purple);-webkit-text-stroke:1.5px var(--ink)}.hero .straight{color:var(--ink)}.hero-tagline{font-weight:600;color:var(--ink-soft);font-size:clamp(.95rem,2.6vw,1.15rem);margin-top:.5rem}.hero-robot{animation:float 3.4s ease-in-out infinite}.timer-wrap{display:flex;align-items:center;gap:.7rem}.timer-num{font-family:var(--font-display);font-size:1.6rem;min-width:3.4rem;text-align:center;border:var(--border);border-radius:.8rem;background:var(--white);box-shadow:var(--shadow);padding:.15rem .4rem}.timer-num.urgent{background:var(--red);color:var(--white);animation:throb .55s ease-in-out infinite}.timer-bar{flex:1;height:.85rem;border:var(--border);border-radius:999px;background:var(--white);overflow:hidden;box-shadow:.2rem .2rem 0 var(--ink)}.timer-bar>div{height:100%;background:var(--teal);transition:width .25s linear}.timer-bar>div.urgent{background:var(--red)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.player-card{display:flex;align-items:center;gap:.55rem;background:var(--white);border:var(--border);border-radius:var(--radius-sm);padding:.45rem .6rem;box-shadow:.22rem .22rem 0 var(--ink);position:relative}.player-card.me{background:#fff3c9}.player-card.done{background:#e9f8d8}.player-card.off{opacity:.55;filter:grayscale(.7)}.player-name{font-weight:700;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta{font-size:.72rem;font-weight:600;color:var(--ink-soft)}.crown{position:absolute;top:-.85rem;right:-.5rem;transform:rotate(18deg);font-size:1.25rem;filter:drop-shadow(1px 1px 0 var(--ink))}.done-tick{margin-left:auto;font-size:1rem}.code-card{text-align:center;background:var(--ink);color:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem 1rem}.code-value{font-family:var(--font-display);font-size:clamp(2.2rem,9vw,3.4rem);letter-spacing:.32em;text-indent:.32em;color:var(--yellow);text-shadow:3px 3px 0 rgba(0,0,0,.45)}.twist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}@media(max-width:640px){.twist-grid{grid-template-columns:1fr}}.twist-card{position:relative;text-align:left;font-family:var(--font-ui);background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem .8rem .8rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;display:flex;flex-direction:column;gap:.35rem;min-height:7.2rem}.twist-card:hover{transform:translate(-2px,-2px);box-shadow:.45rem .45rem 0 var(--ink)}.twist-card.selected{outline:4px solid var(--ink);outline-offset:2px;background:#e5f9f5;border-color:var(--teal);border-width:4px;transform:translate(-2px,-2px) scale(1.015) rotate(-.6deg);box-shadow:.5rem .5rem 0 var(--teal)}.twist-card .twist-icon{font-size:1.55rem;line-height:1}.twist-card .twist-label{font-weight:700;font-size:.98rem;line-height:1.15}.twist-card .twist-hint{font-size:.78rem;color:var(--ink-soft);font-weight:500;line-height:1.3}.twist-check{position:absolute;top:-.7rem;right:-.6rem;background:var(--teal);border:var(--border);border-radius:999px;width:1.9rem;height:1.9rem;display:none;align-items:center;justify-content:center;font-size:1rem;color:var(--white)}.twist-card.selected .twist-check{display:flex;animation:pop .25s ease}.answer-card{position:relative;background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.95rem 1rem .9rem 3.6rem;text-align:left;font-family:var(--font-ui);font-size:1rem;line-height:1.45;font-weight:500;white-space:pre-line;display:block;width:100%}.answer-letter{position:absolute;left:.8rem;top:.8rem;width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;border:var(--border);border-radius:.65rem;background:var(--yellow);box-shadow:.18rem .18rem 0 var(--ink)}.answer-card.clickable{cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.answer-card.clickable:hover{transform:translate(-2px,-2px);box-shadow:.45rem .45rem 0 var(--ink)}.answer-card.voted{outline:4px solid var(--purple);outline-offset:2px}.answer-card.reveal-ai{background:#eefbf9;border-color:var(--teal);border-width:4px}.answer-card.reveal-human .answer-letter{background:var(--white)}.ai-stamp{position:absolute;top:-.95rem;right:.9rem;transform:rotate(6deg);font-family:var(--font-display);font-size:.92rem;background:var(--teal);color:var(--white);border:var(--border);border-radius:.55rem;padding:.18rem .6rem;box-shadow:.18rem .18rem 0 var(--ink);animation:stamp .35s cubic-bezier(.2,2.2,.4,1)}.author-tag{display:inline-flex;align-items:center;gap:.4rem;margin-top:.55rem;font-weight:700;font-size:.88rem}.author-dot{width:.85rem;height:.85rem;border-radius:999px;border:2.5px solid var(--ink);display:inline-block}.vote-dots{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.vote-dot{font-size:.78rem;font-weight:700;border:2.5px solid var(--ink);border-radius:999px;padding:.1rem .55rem;background:var(--white);box-shadow:.14rem .14rem 0 var(--ink)}.gain-tag{display:flex;align-items:center;gap:.5rem;font-weight:700;border:var(--border);border-radius:var(--radius-sm);background:var(--yellow);box-shadow:.2rem .2rem 0 var(--ink);padding:.4rem .7rem;animation:pop .3s ease}.gain-tag .pts{font-family:var(--font-display);font-size:1.15rem}.score-row{display:flex;align-items:center;gap:.65rem;border:var(--border);border-radius:var(--radius-sm);background:var(--white);box-shadow:.22rem .22rem 0 var(--ink);padding:.5rem .75rem}.score-row .rank{font-family:var(--font-display);font-size:1.25rem;width:1.9rem;text-align:center}.score-row .pts{font-family:var(--font-display);font-size:1.35rem;margin-left:auto}.delta-pill{font-weight:700;font-size:.82rem;border:2.5px solid var(--ink);border-radius:999px;padding:.08rem .5rem;background:#e9f8d8}.podium{display:flex;align-items:flex-end;justify-content:center;gap:.7rem;padding:1rem 0 .4rem}.podium-col{display:flex;flex-direction:column;align-items:center;gap:.4rem}.podium-block{width:clamp(5.4rem,22vw,8rem);border:var(--border);border-radius:.9rem .9rem 0 0;box-shadow:var(--shadow);display:flex;align-items:flex-start;justify-content:center;font-family:var(--font-display);font-size:1.7rem;padding-top:.6rem}.podium-1 .podium-block{height:7.2rem;background:var(--yellow)}.podium-2 .podium-block{height:5.2rem;background:#dcd6c8}.podium-3 .podium-block{height:4rem;background:#e8b287}.podium-name{font-weight:700;font-size:.92rem;max-width:6.4rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-pts{font-family:var(--font-display)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#22223b8c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60;animation:fade .18s ease}.modal{background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:560px;width:100%;max-height:86dvh;overflow:auto;padding:1.3rem 1.4rem;animation:pop .22s ease}.wiggle{animation:wiggle 1.6s ease-in-out infinite}.big-robot{font-size:4rem;line-height:1}.thinking-dots:after{content:"…";animation:dots 1.2s steps(4) infinite}.wait-grid{display:flex;flex-wrap:wrap;gap:.5rem}.mini-chip{display:inline-flex;align-items:center;gap:.35rem;border:2.5px solid var(--ink);border-radius:999px;padding:.15rem .6rem .15rem .25rem;background:var(--white);font-size:.82rem;font-weight:700;box-shadow:.16rem .16rem 0 var(--ink)}.mini-chip.pending{opacity:.65}.phase-banner{display:flex;align-items:center;gap:.8rem;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.7rem 1rem;color:var(--ink)}.phase-banner .phase-num{font-family:var(--font-display);font-size:1.6rem;background:var(--white);border:var(--border);border-radius:.7rem;padding:.1rem .6rem;box-shadow:.18rem .18rem 0 var(--ink)}.divider{border:none;border-top:3px dashed rgba(34,34,59,.25);margin:.4rem 0}.error-note{background:#ffe1e1;border:var(--border);border-radius:var(--radius-sm);padding:.6rem .9rem;font-weight:600;box-shadow:.2rem .2rem 0 var(--ink)}.ok-note{background:#e9f8d8;border:var(--border);border-radius:var(--radius-sm);padding:.6rem .9rem;font-weight:600;box-shadow:.2rem .2rem 0 var(--ink)}.screen-enter{animation:rise .32s ease}.footer-note{text-align:center;color:var(--ink-soft);font-size:.8rem;padding-top:1.6rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}.setting-box{border:var(--border);border-radius:var(--radius-sm);background:var(--white);padding:.6rem .75rem;box-shadow:.2rem .2rem 0 var(--ink)}.setting-box label,.setting-box .setting-label{display:block;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:.3rem}.seg{display:flex;gap:.35rem;flex-wrap:wrap}.seg button{flex:1;min-width:2.8rem;min-height:2.75rem;font-family:var(--font-ui);font-weight:700;font-size:.88rem;border:2.5px solid var(--ink);border-radius:.6rem;background:var(--white);padding:.32rem .4rem;cursor:pointer;box-shadow:.15rem .15rem 0 var(--ink)}.seg button.on{background:var(--yellow);box-shadow:inset 0 -.22rem #22223b59;transform:translateY(1px)}.seg button:hover:not(.on){background:#f2ead9}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.2rem}.q-compact{padding:.6rem .85rem;gap:.45rem}.q-compact .row.row-between{margin-bottom:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pop{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes throb{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes stamp{0%{transform:rotate(6deg) scale(2.1);opacity:0}to{transform:rotate(6deg) scale(1);opacity:1}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}