:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#252923;background:#f5f3ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--orange: #c84923;--line: #dedfd6;--muted: #65695f}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c84923;outline-offset:5px}button,a{color:inherit}h1,h2,p{margin:0}h1:focus,.secret-card:focus{outline:none}button{border:0}.app-shell{max-width:1264px;padding:0 56px;margin:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;font-size:31px;font-weight:850;letter-spacing:-1.6px}.brand-dot{color:var(--orange)}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--orange);display:grid;place-items:center;margin-right:11px;transform:rotate(-7deg)}.brand-mark svg{width:27px;color:#fff9ee;--eye-pupil: #a53b1c}.header-note{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:#637c54;border-radius:50%}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:750;display:inline-flex;align-items:center;gap:9px}.orange-text{color:var(--orange)}.tiny-star{color:var(--orange);font-size:21px;line-height:1}.setup-layout{display:grid;grid-template-columns:1fr 440px;gap:60px 66px;padding-top:65px}.intro h1{font-size:clamp(44px,5vw,68px);font-weight:800;letter-spacing:-3.2px;line-height:1.08;margin-top:22px}.intro-description{color:var(--muted);line-height:1.8;font-size:14px;margin-top:23px}.card-illustration{position:relative;height:237px;max-width:390px;margin:25px 0 6px}.illustration-card{position:absolute;width:136px;height:173px;border-radius:14px;border:1px solid #252923;box-shadow:4px 5px #252923;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 10px}.back-card{background:#d7ddc9;top:22px;left:77px;transform:rotate(-16deg)}.back-card span{font-size:88px;font-weight:600;line-height:1.5}.front-card{background:#ed744b;top:38px;left:175px;transform:rotate(12deg);color:#252923}.front-card svg{width:73px;color:#fff8df}.mini-label{font-size:7px;letter-spacing:1.6px;font-weight:800}.illustration-spark{position:absolute;font-size:34px}.spark-one{top:18px;right:23px;color:var(--orange);transform:rotate(14deg)}.spark-two{bottom:42px;left:27px;font-size:24px}.illustration-caption{position:absolute;bottom:1px;right:12px;transform:rotate(-5deg);font-size:11px;font-style:italic;color:var(--muted)}.game-facts{display:flex;flex-wrap:wrap;gap:17px;font-size:10px;color:var(--muted);margin-top:18px}.game-facts span+span:before{content:"·";padding-right:17px}.setup-panel{background:#fcfbf7;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 9px 28px #33391c04;align-self:start}.panel-heading{display:flex;align-items:center;gap:11px;margin-bottom:24px}.step-number{border:1px solid #d5d9cd;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:10px;color:var(--muted)}.panel-heading .eyebrow{color:var(--muted);font-size:9px}.setup-panel h2{font-size:28px;letter-spacing:-1.1px;font-weight:750;margin-bottom:9px}.setup-panel>p{font-size:12px;color:var(--muted);line-height:1.8;max-width:320px}.name-form{margin-top:27px}.name-form label{display:block;font-size:11px;font-weight:650;margin-bottom:9px}.input-row{display:flex;border:1px solid #d8dacf;border-radius:9px;padding:5px;background:#fff}.input-row:focus-within{border-color:var(--orange)}.input-row.has-error{border-color:#b42c24}.input-row input{background:transparent;border:0;min-width:0;flex:1;padding:9px 10px;font-size:13px}.input-row input:focus-visible{outline-offset:-2px;border-radius:5px}.input-row input::placeholder{color:#85897e}.add-button{border-radius:6px;background:#272d26;color:#fff9ed;width:39px;min-height:39px;font-size:25px;line-height:1}.add-button:hover{background:#46513f}.form-error{color:#b42c24;margin-top:8px;font-size:12px}.roster-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 11px}.roster-heading .eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.count-badge{border-radius:5px;background:#eceee5;min-width:23px;padding:3px 6px;text-align:center;font-size:10px;font-weight:650}.empty-roster{min-height:157px;border:1px dashed #d9dccf;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 10px}.empty-icon{width:30px;height:30px;background:#eceee6;color:#777e6d;display:grid;place-items:center;border-radius:50%;font-size:20px;margin-bottom:12px}.empty-roster p{font-size:11px;color:#62685b}.empty-roster>span:last-child{color:var(--muted);font-size:10px;margin-top:5px}.roster{list-style:none;padding:0;margin:0;display:grid;gap:7px}.roster li{display:flex;align-items:center;padding:7px 8px;gap:10px;border-radius:8px;background:#f1f1e9}.avatar{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:13px}.color-0{background:#e4d7ed;color:#624275}.color-1{background:#d8e2c6;color:#46592f}.color-2{background:#f3d9b3;color:#805621}.color-3{background:#cfe0e6;color:#325f6f}.player-name{overflow-wrap:anywhere;min-width:0}.roster .player-name{font-size:13px;flex:1;font-weight:600}.remove-button{font-size:20px;color:#72786a;background:transparent;width:34px;height:34px;flex-shrink:0;border-radius:5px}.remove-button:hover{background:#e6e8df;color:#a53224}.button{border-radius:9px;padding:15px 20px;font-size:12px;font-weight:700;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:background .15s,transform .15s}.button-primary{background:var(--orange);color:#fffaf0}.button-primary:not(:disabled):hover{background:#ac3715;transform:translateY(-1px)}.button-primary:disabled{background:#e9e9df;color:#74786d}.button-secondary{background:#e9eae1}.button-secondary:hover{background:#dcdfd3}.button span{font-size:19px;line-height:1}.start-button{width:100%;justify-content:space-between;margin-top:24px}.setup-panel>.panel-footnote{max-width:none;font-size:10px;text-align:center;margin-top:11px}.how-it-works{grid-column:1 / -1;border-top:1px solid var(--line);padding:28px 0 37px;display:grid;grid-template-columns:.7fr 1fr 1fr 1fr;gap:20px;align-items:center}.how-it-works>.eyebrow{color:var(--muted);font-size:9px}.how-it-works>div{display:flex;gap:12px;align-items:center}.instruction-number{width:28px;height:28px;border-radius:50%;background:#e9eade;font-size:11px;display:grid;place-items:center;flex-shrink:0}.how-it-works p{display:grid;gap:5px;color:var(--muted);font-size:10px;line-height:1.5}.how-it-works strong{color:#333a2d;font-size:11px;font-weight:700}.site-footer{border-top:1px solid var(--line);padding:23px 0 25px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:14px}.site-footer>span:last-child{display:flex;align-items:center;gap:8px}.site-footer .orange-text{font-size:17px;line-height:1}.game-layout{max-width:850px;margin:0 auto;padding:48px 0 52px}.round-heading{text-align:center;margin-bottom:33px}.round-heading .eyebrow{font-size:10px;color:#606a55}.eyebrow-divider{padding:0 5px;color:#adb3a4}.round-heading h1{font-size:clamp(29px,4vw,43px);letter-spacing:-1.8px;line-height:1.2;margin:16px 0 12px}.round-heading p{color:var(--muted);font-size:13px;line-height:1.7}.selection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.selection-heading h2{color:var(--muted);font-size:9px}.viewed-count{font-size:11px;color:var(--muted)}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px}.player-card{display:flex;align-items:center;text-align:left;gap:10px;background:#fcfbf7;border:1px solid var(--line);border-radius:11px;padding:13px 12px;min-height:68px;font-size:13px;font-weight:650}.player-card:not(:disabled):hover{border-color:#a2ad93;background:#eeefe4}.player-card.is-active{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.player-card:disabled:not(.is-active){opacity:.6}.player-card .player-name{flex:1}.view-indicator{color:#767d6a;font-size:16px}.view-indicator.is-viewed{color:#4a6b3b}.privacy-note{font-size:10px;color:var(--muted);text-align:center;padding:14px 0 20px;line-height:1.6}.privacy-note span{padding-right:4px;font-size:13px}.secret-card{border-radius:19px;min-height:330px;padding:35px 28px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;overflow:hidden}.hidden-card{background:#e7eadd;border:1px solid #d8ddca}.secret-eyes{width:76px;color:#fffdf3;margin-bottom:21px;flex-shrink:0}.hidden-card .secret-eyes{color:#536346;--eye-pupil: #e7eadd;width:80px;transform:rotate(-6deg)}.secret-card h2{font-size:24px;letter-spacing:-.8px;font-weight:750;overflow-wrap:anywhere;max-width:100%}.secret-card p{color:#626c54;font-size:12px;line-height:1.8;max-width:320px;margin-top:11px}.secret-stamp{border:1px solid #b0b99f;border-radius:4px;font-size:8px;color:#667554;letter-spacing:2px;font-weight:750;padding:7px 11px;margin-top:23px;transform:rotate(-4deg)}.card-corner{position:absolute;color:#a6b098;font-size:19px}.corner-top{top:17px;left:21px}.corner-bottom{bottom:17px;right:21px}.is-revealed{background:#2e463e;color:#fffbee;--eye-pupil: #2e463e;user-select:none;-webkit-user-select:none}.is-revealed.is-impostor{background:#703b2d;--eye-pupil: #703b2d}.is-revealed .eyebrow{font-size:9px;color:#edeedc;overflow-wrap:anywhere;max-width:100%;display:block}.is-revealed .secret-eyes{width:47px;margin:18px 0 12px}.is-revealed .secret-word{font-size:clamp(27px,5vw,46px);line-height:1.15;letter-spacing:-1.2px}.is-revealed p{color:#eeeede;font-size:11px}.hide-button{color:#fffbee;background:#ffffff12;border:1px solid #ffffff3b;border-radius:7px;padding:11px 16px;font-size:10px;margin-top:20px;display:flex;gap:20px;align-items:center;min-height:40px}.hide-button:hover{background:#ffffff24}.reveal-timer{position:absolute;bottom:0;left:0;right:0;height:7px;background:#ffffff20}.reveal-timer div{height:100%;width:100%;background:#e6f0ad;transform-origin:left;animation:countdown linear forwards}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.answer-card{background:#f7e4d1;border:1px solid #e8cdb5}.answer-card .eyebrow{font-size:9px;color:#785943}.answer-card h2{font-size:37px;margin-top:10px}.answer-divider{width:32px;height:1px;background:#cfb198;margin:22px 0}.answer-card .answer-word{font-size:28px;font-weight:700;color:#503c2f;margin-top:7px;overflow-wrap:anywhere;max-width:100%}.round-actions{display:flex;align-items:center;justify-content:space-between;margin-top:23px;gap:15px}.text-button{padding:12px 0;background:transparent;color:#62685a;font-size:11px;text-underline-offset:4px;min-height:44px}.text-button span{margin-left:9px}.text-button:not(:disabled):hover{text-decoration:underline;color:#303e24}.text-button:disabled{opacity:.5}.next-round-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.confirmation{padding:19px;border:1px solid #d5d9ca;border-radius:12px;width:100%;background:#faf9f2;display:flex;justify-content:space-between;gap:20px;align-items:center}.confirmation strong{font-size:13px}.confirmation p{color:var(--muted);font-size:11px;margin-top:6px;line-height:1.7}.confirmation-buttons{display:flex;gap:8px;flex-shrink:0}@media(min-width:1400px){.setup-layout{padding-top:82px;padding-bottom:10px}}@media(max-width:1000px){.app-shell{padding:0 32px}.setup-layout{grid-template-columns:1fr 390px;gap:40px 30px}.intro h1{font-size:54px}.card-illustration{transform:scale(.87);transform-origin:left center}.how-it-works{grid-template-columns:repeat(3,1fr);gap:25px}.how-it-works>.eyebrow{grid-column:1 / -1}}@media(max-width:760px){.app-shell{padding:0 22px}.site-header{height:80px}.brand{font-size:27px}.brand-mark{width:32px;height:32px;border-radius:10px}.brand-mark svg{width:23px}.header-note{font-size:0;gap:0}.header-note .status-dot{width:8px;height:8px}.setup-layout{grid-template-columns:1fr;padding-top:34px;gap:30px}.intro{position:relative}.intro .eyebrow{font-size:9px;letter-spacing:1.5px}.intro h1{font-size:clamp(42px,8vw,60px);letter-spacing:-2px}.intro-description{font-size:13px;line-height:1.8;max-width:360px;margin-top:18px}.desktop-break,.card-illustration{display:none}.game-facts{font-size:9px;gap:12px}.game-facts span+span:before{padding-right:12px}.setup-panel{padding:24px;border-radius:16px}.panel-heading{margin-bottom:20px}.setup-panel h2{font-size:26px}.name-form{margin-top:22px}.input-row input{font-size:16px}.empty-roster{min-height:135px}.how-it-works{grid-template-columns:1fr;gap:22px;padding-top:25px}.how-it-works p{font-size:11px}.how-it-works strong{font-size:12px}.site-footer{flex-direction:column;font-size:9px;gap:10px}.game-layout{padding-top:31px;padding-bottom:30px}.round-heading{text-align:left;margin-bottom:25px}.round-heading h1{font-size:31px;letter-spacing:-1.3px;margin-top:14px}.round-heading p{font-size:12px;max-width:300px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player-card{gap:8px;padding:11px 9px;font-size:12px;min-height:62px}.player-card .avatar{width:29px;height:29px;border-radius:9px;font-size:11px}.view-indicator{font-size:13px}.privacy-note{font-size:9px;padding:12px 0 17px}.secret-card{min-height:294px;padding:29px 20px;border-radius:15px}.secret-card h2{font-size:21px}.secret-card p{font-size:11px;max-width:250px}.is-revealed .secret-word{font-size:32px}.is-revealed .eyebrow{font-size:8px}.round-actions{flex-direction:column;gap:9px;margin-top:13px}.next-round-actions{margin:0;width:100%;flex-direction:column;gap:3px}.next-round-actions .button{width:100%;justify-content:space-between}.confirmation{flex-direction:column;align-items:stretch;gap:15px}.confirmation-buttons .button{flex:1;padding:12px}.answer-card h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
