:root{color-scheme:light;--ink:#162643;--muted:#63738b;--purple:#6c4ee8;--mint:#d3f4e9;--line:#e2e7f0}*{box-sizing:border-box}body{margin:0;background:#f5f6fb;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 16px;border-radius:13px;cursor:pointer;font-weight:650;transition:transform .18s,background .18s,box-shadow .18s}button:hover{background:#f0edff;transform:translateY(-2px)}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b7a6ff;outline-offset:3px}.primary{background:var(--purple);border-color:var(--purple);color:white;box-shadow:0 8px 20px #6c4ee824}.primary:hover{background:#5740bf}.gold{background:#fce3a0;border-color:#edcc78}.quiet{color:#9c4c5c;background:transparent}.jumbo{font-size:18px;padding:19px 26px}header{max-width:1440px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;color:var(--ink);font-size:21px}.brand small{font-size:12px;color:var(--muted);margin-left:8px}.brand-icon{display:grid;place-items:center;background:var(--ink);color:#b9adff;border-radius:12px;width:40px;height:40px;font-size:25px}.pill{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:8px 12px;background:#fff;white-space:nowrap}.landing{max-width:1240px;margin:25px auto;padding:25px 32px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow{color:var(--purple);font-size:13px;letter-spacing:.14em;font-weight:750}.landing h1{font-size:clamp(36px,4.8vw,64px);letter-spacing:-.045em;line-height:1.3;margin:25px 0}.landing h1 span{color:var(--purple);display:inline-block;animation:twinkle 5s ease-in-out infinite}.lead{line-height:1.9;color:var(--muted);font-size:17px}.features{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.features span{padding:8px 12px;border-radius:12px;background:#e9e4fb;font-size:13px}.landing figure{margin:0;background:#19213a;border-radius:40px;overflow:hidden;transform:rotate(2deg);box-shadow:0 30px 60px #15244020}.landing img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.landing figcaption{color:#e4dfff;padding:22px;text-align:center;font-size:14px}.muted,.hint{color:var(--muted);font-size:13px;line-height:1.8}.how{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.how article{border-top:1px solid var(--line);padding:25px 0}.how b{font-size:19px}.how p{color:var(--muted);font-size:14px}.workspace{max-width:1440px;margin:auto;padding:0 36px 60px}.connection{font-size:12px;color:#2c8b74;padding:8px 0}.offline{color:#b44857}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 30px}.stage-head h1{font-size:clamp(24px,3vw,36px);margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.timer{background:var(--ink);color:#fff;border-radius:24px;min-width:140px;text-align:center;padding:20px;font-size:34px;font-variant-numeric:tabular-nums;font-weight:750}.timer small{display:block;font-size:12px;font-weight:500;color:#c7cbea;margin-top:6px}.host-layout{display:grid;grid-template-columns:290px 1fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:20px}.panel h2{font-size:17px;margin:0 0 18px}.panel h2 small{font-size:12px;color:var(--muted);font-weight:500}.panel>button{width:100%;margin-bottom:10px}label{display:block;font-size:13px;font-weight:650;margin:12px 0}input,textarea,select{display:block;border:1px solid #cfd7e3;border-radius:10px;padding:12px;color:var(--ink);background:#fbfcff;width:100%;margin-top:7px}textarea{resize:vertical;min-height:90px}#qr{text-align:center;background:#fff}#qr svg{width:160px;height:160px;max-width:100%}.pair{display:flex;gap:8px}.pair>*{flex:1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}summary{cursor:pointer;font-weight:750}.choice-input{margin:8px 0}.toolbar-top,.response-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions button{font-size:13px}.scoring{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.scoring label{display:flex;gap:8px;align-items:center;margin:0}.scoring input{width:70px;margin:0}.scoring p{margin:0;width:100%;font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.answer-card{display:flex;flex-direction:column;text-align:left;border:2px solid var(--line);border-radius:20px;background:#fff;min-height:200px;padding:16px;overflow:hidden;min-width:0}.answer-card.selected{border-color:var(--purple);box-shadow:0 0 0 3px #6c4ee81a}.answer-card.revealed{border-color:#89cdb9}.card-title,.card-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.card-title span{font-size:11px;color:var(--muted)}.card-foot{margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.answer-text{font-size:26px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;padding:25px 0;flex:1}.answer-img{width:100%;height:160px;object-fit:contain;background:white;margin:15px 0}.waiting{display:grid;place-content:center;text-align:center;flex:1;color:#a69acb;font-size:20px;min-height:100px}.rank{display:flex;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.rank>span{width:25px;color:var(--purple);font-weight:800}.rank strong{margin-left:auto;font-size:22px}.rank small{font-size:11px;color:var(--muted)}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed #c7cde0;border-radius:22px;color:var(--muted)}.empty>span{font-size:50px;color:#a99ee1}.empty h2{font-size:20px}.empty p{font-size:14px}.join{max-width:480px;margin:40px auto}.join h1{font-size:38px;line-height:1.4}.player{max-width:850px}.response{padding:28px}.response textarea{min-height:160px;font-size:24px;margin-bottom:18px}.drawing{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;margin:15px 0}canvas{width:100%;display:block;touch-action:none}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.option{display:flex;align-items:center;gap:12px;text-align:left;min-height:80px;overflow-wrap:anywhere}.option b{border-radius:50%;background:#ece8ff;padding:8px 12px}.option.active{background:#e5ddff;border-color:var(--purple)}.response>.jumbo{margin-top:20px}.display{background:linear-gradient(150deg,#17233e,#29204f);color:#fff;border-radius:32px;max-width:1380px;padding:25px 40px 50px}.display .eyebrow{color:#c4b8ff}.display .panel{background:#ffffff0a;border-color:#ffffff24}.display .answer-card{color:var(--ink);animation:reveal .45s ease-out}.display .cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.display .answer-text{font-size:32px}.display-note{color:#b7c2dc}.display .empty{color:#c4c9e0}.display .rank{border-color:#ffffff20}.display .rank>span{color:#d9c3ff}.display .rank small{color:#bbc1d4}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#162643;color:white;padding:16px 24px;border-radius:15px;opacity:0;pointer-events:none;transition:.2s;max-width:90%;z-index:10;box-shadow:0 10px 30px #0003}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes twinkle{50%{transform:rotate(15deg) scale(1.12)}}@keyframes reveal{from{opacity:0;transform:translateY(15px) rotateX(-12deg)}to{opacity:1;transform:none}}@media(max-width:850px){header{padding:18px}.brand{font-size:17px}.brand small{display:none}.workspace{padding:0 16px 40px}.host-layout{grid-template-columns:1fr}.host-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.host-layout aside>.panel:last-child{grid-column:1/-1}.landing{grid-template-columns:1fr;gap:25px;padding:20px}.landing figure{max-width:550px}.how{grid-template-columns:1fr;gap:0}.stage-head{gap:15px}.timer{min-width:100px;padding:14px;font-size:27px}.join{margin:20px 16px}.display{border-radius:0;padding:20px}.display .cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:480px){.host-layout aside{display:block}.cards{grid-template-columns:1fr 1fr;gap:8px}.answer-card{padding:10px;min-height:170px}.answer-text{font-size:20px}.card-title{flex-wrap:wrap}.card-foot{font-size:11px}.options{grid-template-columns:1fr}.response{padding:18px}.stage-head h1{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}