.fol-app{--ink:#172033;--muted:#687386;--line:#dfe5ec;--soft:#f5f7fa;--accent:#2952cc;--danger:#c83434;--ok:#198754;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1200px;margin:28px auto}.fol-shell{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 35px rgba(23,32,51,.08)}.fol-brand{padding:30px 30px 18px;background:linear-gradient(135deg,#f8faff,#eef3ff)}.fol-brand h2{font-size:clamp(30px,5vw,52px);line-height:1;margin:5px 0 10px}.fol-brand p{margin:0;max-width:720px;color:var(--muted);font-size:17px}.fol-kicker{font-weight:800;letter-spacing:.11em;font-size:12px;color:#50627a}.fol-status{padding:12px 30px;background:#172033;color:#fff;font-weight:700}.fol-status.fol-error{background:#9d2020}.fol-status.fol-success{background:#176b45}#fol-screen{padding:26px}.fol-panel{max-width:650px;margin:10px auto;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.fol-panel h3{font-size:28px;margin:6px 0 18px}.fol-panel label{display:block;font-weight:700;margin:14px 0}.fol-panel input,.fol-question-row input,.fol-invite input{box-sizing:border-box;width:100%;padding:14px 15px;border:1px solid #cbd4df;border-radius:10px;font:inherit;margin-top:7px}.fol-primary,.fol-secondary,.fol-invite button,.fol-guess-btn,.fol-yes,.fol-no{border:0;border-radius:10px;padding:13px 18px;font-weight:800;cursor:pointer;font-size:15px}.fol-primary{background:#172033;color:#fff}.fol-secondary{background:#eaf0ff;color:#183a9e}.fol-primary:disabled{opacity:.55;cursor:not-allowed}.fol-divider{display:flex;align-items:center;gap:12px;color:#8b95a5;margin:24px 0}.fol-divider:before,.fol-divider:after{content:"";height:1px;background:var(--line);flex:1}.fol-invite{display:flex;gap:8px}.fol-invite input{margin:0}.fol-invite button{white-space:nowrap;background:#eaf0ff;color:#183a9e}.fol-player-line{display:flex;justify-content:space-between;padding:14px;margin-top:12px;background:#eef8f3;border-radius:10px}.fol-player-line.muted{background:var(--soft);color:var(--muted)}.fol-game-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.fol-game-head h3{margin:3px 0;font-size:26px}.fol-versus{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fol-versus span{color:var(--muted)}.fol-turn-pill{padding:10px 14px;background:#edf0f4;border-radius:999px;font-weight:900}.fol-turn-pill.active{background:#dff4e8;color:#12623d}.fol-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.fol-card{position:relative;min-width:0;padding:0;background:#fff;border:2px solid var(--line);border-radius:14px;overflow:hidden;text-align:center;color:var(--ink);transition:.16s transform,.16s opacity,.16s border-color}.fol-card.is-clickable{cursor:pointer}.fol-card.is-clickable:hover{transform:translateY(-2px);border-color:#8999ae}.fol-photo{display:block;aspect-ratio:1/1;background:#eef1f5;overflow:hidden}.fol-photo img{width:100%;height:100%;object-fit:cover;display:block}.fol-avatar{width:100%;height:100%;display:grid;place-items:center;font-size:clamp(34px,5vw,68px);font-weight:900;background:linear-gradient(145deg,#edf2ff,#f8edf7)}.fol-name{display:block;padding:9px 5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fol-card.is-out{opacity:.28;filter:grayscale(1)}.fol-cross{position:absolute;inset:0;display:grid;place-items:center;font-size:90px;color:#ae2222;font-weight:300;line-height:1}.fol-card.is-secret{border-color:#2f8b59;box-shadow:0 0 0 2px rgba(47,139,89,.14)}.fol-secret-tag{position:absolute;top:6px;right:6px;background:#176b45;color:#fff;font-size:10px;font-weight:900;padding:5px 7px;border-radius:999px}.fol-board-locked .fol-card:not(.is-secret){opacity:.42}.fol-action{padding:20px;margin:15px 0 20px;border-radius:16px;background:#f3f6fb}.fol-action h3{margin:6px 0 10px}.fol-question-row{display:flex;gap:8px}.fol-question-row input{margin:0}.fol-guess-btn{margin-top:10px;background:#fff1e5;color:#8a4307}.fol-answer{background:#eef4ff}.fol-answer-buttons{display:flex;gap:12px;margin-top:15px}.fol-yes{background:#daf4e5;color:#0c6038;min-width:110px}.fol-no{background:#f9dddd;color:#8f2020;min-width:110px}.fol-last{padding:11px 14px;border-left:4px solid #7087aa;background:#f7f9fc;margin-bottom:15px}.fol-last strong{margin-left:8px}.fol-guess-note{padding:12px 14px;background:#fff4dc;border:1px solid #eed6a3;border-radius:12px;margin-bottom:15px}.fol-private-note,.fol-small{color:var(--muted);font-size:13px}.fol-finish{text-align:center}.fol-result-icon{font-size:66px}.fol-finish h3{font-size:36px}.fol-finish .fol-primary{min-width:190px}@media(max-width:900px){.fol-board{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.fol-app{margin:10px 0}.fol-shell{border-radius:14px}.fol-brand,#fol-screen{padding:20px}.fol-status{padding:11px 20px}.fol-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fol-game-head{align-items:flex-start;flex-direction:column}.fol-question-row,.fol-invite{flex-direction:column}.fol-avatar{font-size:42px}.fol-name{font-size:13px}.fol-panel{padding:20px}}