:root{color-scheme:light;--paper:#f8f6ef;--ink:#282435;--muted:#676170;--purple:#6550ca;--dark:#302641;--lime:#e1ef9e;--line:#ded9d3;--coral:#f3b0a1;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}[hidden]{display:none!important}p{line-height:1.75}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{line-height:1.2;overflow-wrap:anywhere}.site-header{flex-wrap:wrap;max-width:1200px;padding:30px 36px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.1em;font-weight:800;font-size:.95rem;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--purple);color:var(--lime);font-size:1.6rem}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:24px}.text-link{border:0;background:transparent;padding:8px 0;font-size:.9rem}.language-button{border:1px solid var(--line);border-radius:100px;min-width:44px;min-height:44px;padding:8px 12px;background:transparent;font-size:.85rem}.home{max-width:1200px;padding:48px 36px 0;margin:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:64px}.hero-copy{grid-column:1;grid-row:1}.eyebrow{display:block;font-size:.75rem;letter-spacing:.14em;font-weight:700;color:var(--purple);margin-bottom:20px}.hero-copy h1{font-size:clamp(3rem,4.6vw,4.65rem);font-weight:800;margin-bottom:24px}.lead{font-size:1.08rem;color:var(--muted);margin-bottom:24px;line-height:1.85}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{font-size:.78rem;padding:8px 11px;background:#efede5;border-radius:100px;white-space:nowrap}.entry-panel{grid-column:1;grid-row:2;border:1px solid var(--line);background:#fffdfa;border-radius:24px;padding:22px;margin-top:30px;box-shadow:0 5px 0 #efebe3}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:14px}.tab{flex:1;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:600}.tab.active{background:var(--dark);color:#fff}.entry-panel label,dialog label{display:block;font-size:.84rem;font-weight:600;margin-bottom:8px}input,select{border:1px solid #c8c1c7;color:var(--ink);background:#fff;border-radius:12px;padding:13px 15px;width:100%;min-height:48px;min-width:0}input::placeholder{color:#79737d}#entry-form input,#entry-form select{margin-bottom:20px}#room-code{text-transform:uppercase;letter-spacing:.12em}.button{border:1px solid var(--line);border-radius:13px;background:#fffdfa;color:var(--ink);padding:13px 19px;min-height:48px;line-height:1.45;text-align:center;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:12px;overflow-wrap:anywhere}.button:hover:not(:disabled){border-color:var(--purple)}.button.primary,.button[data-primary=true]{background:var(--purple);color:white;border-color:var(--purple)}.button.primary:hover:not(:disabled),.button[data-primary=true]:hover:not(:disabled){background:#5741b8}.entry-panel .primary{width:100%;justify-content:space-between}.resume{display:grid;gap:10px;padding-top:20px;text-align:center;font-size:.85rem}.resume>span{color:var(--muted)}.hero-art{grid-column:2;grid-row:1/span 2;position:relative;display:flex;align-items:center;justify-content:center;min-height:570px;isolation:isolate}.art-orbit{position:absolute;width:450px;height:450px;border-radius:50%;background:#ebe5f3;z-index:-1}.art-orbit:after{content:"";position:absolute;inset:-28px;border:1px dashed #cdc2da;border-radius:50%}.art-card{position:absolute;width:272px;min-height:353px;border-radius:25px;padding:26px;text-align:center;border:1px solid #d7d0d6;box-shadow:0 16px 40px #3628461c}.art-card>span,.art-card>small{display:block;font-weight:700;letter-spacing:.1em;font-size:.62rem}.art-card>strong{display:block;font-size:1.8rem;letter-spacing:-.04em;margin:28px 0 20px}.back-card{background:#ece5ff;transform:translate(80px,-90px) rotate(12deg);color:#4d3c70}.front-card{background:white;transform:translate(-35px,45px) rotate(-10deg)}.face{width:120px;height:120px;border-radius:50%;margin:32px auto 10px;position:relative;display:flex;align-items:center;justify-content:center;gap:26px}.face-lime{background:var(--lime)}.face-coral{background:var(--coral)}.face i{height:13px;width:8px;background:var(--ink);border-radius:50%;margin-bottom:4px}.face b{position:absolute;bottom:35px;left:48px;width:24px;height:9px;border-bottom:3px solid var(--ink);border-radius:50%}.face-coral b{border-radius:0;height:1px}.art-spark{position:absolute;top:75px;left:2px;font-size:4rem;color:var(--purple);transform:rotate(-15deg)}.art-caption{position:absolute;bottom:65px;font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:1.05rem;transform:rotate(-5deg)}.how-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px;padding:32px 0;border-top:1px solid var(--line)}.step-number{display:block;color:var(--purple);font-family:Georgia,serif;font-size:1.7rem;margin-bottom:14px}.how-strip h2{font-size:1.05rem;margin-bottom:8px}.how-strip p{font-size:.87rem;color:var(--muted);margin-bottom:0}.site-footer{max-width:1200px;margin:32px auto 0;padding:28px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.76rem}.room{max-width:920px;padding:20px 36px 0;margin:auto}.room-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:38px}.code-pill{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px 16px;border-radius:100px;background:#fffdfa;font-size:.82rem}.code-pill strong{letter-spacing:.13em;font-size:1.06rem}.connection{font-size:.78rem;color:#806224}.connection.ok{color:#3f6a47}.connection:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:8px}.stage-head h1{font-size:2.45rem;margin-bottom:16px;overflow-wrap:anywhere}.stage-head p{color:var(--muted);font-size:.95rem;margin-bottom:28px}.stage-head .eyebrow{margin-bottom:14px}.lobby-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:26px 0}.lobby-toolbar label{font-size:.78rem;display:flex;gap:8px;align-items:center;flex:1;min-width:175px}.lobby-toolbar select{font-size:.82rem;padding:10px 12px;flex:1}.muted{font-size:.85rem;color:var(--muted)}.player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.player-wrapper{position:relative;min-width:0}.player{display:flex;align-items:center;gap:12px;min-height:87px;border:1px solid var(--line);border-radius:16px;background:#fffdfa;padding:16px;text-align:left;width:100%;color:var(--ink);min-width:0}.player.current{border:2px solid var(--purple);padding:15px;background:#f0eafa}.player.selected{border:2px solid var(--purple);padding:15px;background:#e9e2fd}.player[data-vote]:hover{border-color:var(--purple)}.avatar{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;font-weight:800;font-size:1.1rem;color:var(--dark)}.avatar-0{background:var(--lime)}.avatar-1{background:#ded3ff}.avatar-2{background:var(--coral)}.avatar-3{background:#bbddd4}.player-info{min-width:0;flex:1}.player-info strong{font-size:.91rem;display:block;overflow-wrap:anywhere}.player-info strong small{font-size:.68rem;color:var(--muted);font-weight:500}.player-info>span{color:var(--muted);font-size:.74rem;display:block;margin-top:6px}.player-trailing{font-size:.7rem;color:var(--muted);flex-shrink:0}.remove-player{position:absolute;right:4px;top:-9px;border:1px solid var(--line);border-radius:50%;width:29px;height:29px;color:var(--muted);background:var(--paper);font-size:1.15rem}.out .avatar{background:#e5e2df}.out .player-info strong{text-decoration:line-through}.action-bar{padding:22px 0 10px;text-align:center}.action-bar>.button{width:100%;min-height:54px}.action-bar>p{color:var(--muted);font-size:.9rem}.room-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:28px;padding:22px 0;color:var(--muted);font-size:.85rem}.room-bottom .button{font-size:.82rem;background:transparent;min-height:44px;padding:10px 14px}.secret-card{background:var(--dark);border-radius:24px;padding:24px;color:white;margin:26px 0;box-shadow:0 5px 0 #d7d0dc}.secret-card>.eyebrow{color:#d5c9f6;text-align:center;margin-bottom:12px}.secret-toggle{border:1px dashed #897a9c;border-radius:16px;background:transparent;color:white;width:100%;padding:28px 12px;display:grid;justify-items:center;gap:16px;min-height:175px}.secret-toggle strong{font-size:1.25rem;overflow-wrap:anywhere}.secret-toggle.revealed strong{font-size:2.5rem;color:var(--lime)}.secret-toggle>span:last-child{font-size:.76rem;color:#ddd5e5}.secret-symbol{font-size:2rem;color:var(--lime)}.secret-card.compact{padding:16px;margin:20px 0}.secret-card.compact>.eyebrow{text-align:left;font-size:.65rem;margin-bottom:8px}.compact .secret-toggle{min-height:70px;display:flex;justify-content:space-between;gap:12px;padding:12px 16px}.compact .secret-toggle strong{font-size:1rem}.compact .secret-toggle.revealed strong{font-size:1.5rem}.compact .secret-symbol{font-size:1.35rem}.compact .secret-toggle>span:last-child{flex-shrink:0}.team-hint{text-align:center;color:var(--muted);font-size:.84rem}.progress-note{padding:12px;text-align:center;font-size:.85rem}.speaker-spotlight{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:24px;padding:34px 24px;background:#eee8fa;border:1px solid #ded3ec;margin-bottom:24px}.speaker-spotlight h2{font-size:2.1rem;overflow-wrap:anywhere;max-width:100%;margin-bottom:18px}.speaker-spotlight p{color:var(--muted);font-size:.9rem;margin-bottom:0}.speaker-spotlight>.button{margin-top:12px;max-width:100%;min-width:200px}.speaking-orbit{border-radius:50%;background:white;width:65px;height:65px;display:grid;place-items:center;font-size:2rem;color:var(--purple);margin-bottom:22px;animation:pulse 2.5s ease-in-out infinite}.vote-status{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eeece3;padding:14px 18px;border-radius:13px;font-size:.84rem}.vote-status strong{font-size:1.3rem;color:var(--purple)}.notice{padding:16px;background:#f4e7d4;border-radius:12px;line-height:1.65;font-size:.9rem;overflow-wrap:anywhere;margin-top:20px}.notice.success{background:#e9efda}.notice small{color:var(--muted);font-size:.82rem}.ballot-panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fffdfa;margin:24px 0}.ballot-panel h3{font-size:1.05rem}.ballot-line{display:grid;grid-template-columns:minmax(70px,1fr) 2fr auto;gap:16px;align-items:center;margin:14px 0;font-size:.82rem}.ballot-line>span{overflow-wrap:anywhere}.vote-bar{width:100%;height:9px;border:0;border-radius:10px;accent-color:var(--purple);background:#ede8f2}.ballot-panel details{margin-top:24px;font-size:.8rem;color:var(--muted)}.ballot-panel summary{cursor:pointer;min-height:30px}.ballot-panel details p{margin:8px 0}.win-head{text-align:center;padding:12px 0}.celebration{display:block;letter-spacing:15px;color:var(--purple);font-size:2rem;margin:6px 0 28px}.win-head h1{color:var(--purple)}.pair-panel{background:var(--dark);padding:24px;border-radius:22px;color:#fff;text-align:center}.pair-panel h2{font-size:.9rem;font-weight:500;color:#ddd5e5;margin-bottom:22px}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pair-grid>div{border:1px solid #685773;border-radius:14px;padding:18px 10px;display:grid;gap:14px}.pair-grid span{font-size:.75rem;color:#e1d8ed}.pair-grid strong{font-size:1.65rem;color:var(--lime);overflow-wrap:anywhere}.section-label{font-size:1rem;margin-top:32px}.identity-list{display:grid;gap:12px}.identity-list>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fffdfa;padding-right:18px;gap:12px;min-width:0}.identity-list .player{border:0;background:transparent;flex:1;min-width:0}.identity-list>div>span{font-size:.9rem;font-weight:600;overflow-wrap:anywhere;max-width:30%}.rules-page{max-width:820px;margin:40px auto;padding:0 36px}.rules-page h1{font-size:2.6rem;margin-bottom:20px}.rules-page>.button{margin-bottom:30px}.rule-row{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);line-height:1.75}.rule-number{flex-shrink:0;font-size:1.2rem;color:var(--purple);font-family:Georgia,serif}.rule-row h2{font-size:1rem;margin-bottom:6px}.rule-row p{margin:0;font-size:.88rem;color:var(--muted)}dialog{padding:0;border:1px solid var(--line);border-radius:24px;max-width:560px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);max-height:min(88vh,850px);color:var(--ink);background:var(--paper);overflow:hidden;box-shadow:0 30px 100px #20193044}dialog::backdrop{background:#28203888;backdrop-filter:blur(3px)}.modal-inner{padding:26px;max-height:inherit;overflow:auto}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-top h2{font-size:1.4rem;line-height:1.4;margin:0 0 16px}.modal-close{border:1px solid var(--line);background:#fffdfa;color:var(--ink);width:40px;height:40px;border-radius:50%;font-size:1.5rem;flex-shrink:0}.modal-inner>p{color:var(--muted);font-size:.9rem}.modal-inner .rule-row:first-of-type{padding-top:12px}.qr-wrap{text-align:center;background:white;width:224px;margin:20px auto;border-radius:16px;padding:8px}.qr-wrap canvas{max-width:100%;display:block}.invite-code{text-align:center;letter-spacing:.16em;font-size:2rem;font-weight:800;margin-bottom:24px}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.modal-actions>.button{flex:1;min-width:140px}#invite-url{font-size:.75rem}#toast{position:fixed;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:14px 22px;border-radius:14px;background:var(--dark);color:white;box-shadow:0 5px 30px #20193030;max-width:calc(100% - 32px);width:max-content;z-index:10;font-size:.85rem;line-height:1.5}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 10px #ddd3f066}}@media(min-width:1100px){.hero-art{margin-left:0}.entry-panel{max-width:475px}}@media(max-width:900px){.home{column-gap:28px}.hero-art{min-height:520px}.art-orbit{width:310px;height:310px}.art-card{width:228px;min-height:313px;padding:22px}.back-card{transform:translate(45px,-60px) rotate(12deg)}.front-card{transform:translate(-15px,60px) rotate(-10deg)}.art-spark{left:-10px;top:50px}}@media(max-width:700px){.site-header{padding:20px;gap:8px}.site-header nav{gap:16px}.brand{gap:9px;font-size:.8rem;letter-spacing:.07em}.brand-mark{width:32px;height:32px;font-size:1.4rem}.home{padding:28px 20px 0;display:block}.hero-art{display:none}.hero-copy h1{font-size:2.7rem;margin-bottom:18px}.hero-copy .eyebrow{font-size:.67rem;margin-bottom:18px}.lead{font-size:.94rem;line-height:1.85}.desktop-break{display:none}.chips{gap:8px}.chips span{font-size:.69rem;padding:7px 9px}.entry-panel{padding:18px;margin-top:26px;border-radius:20px}.how-strip{margin-top:38px;padding:26px 0;grid-template-columns:1fr;gap:22px}.how-strip>div{display:grid;grid-template-columns:38px 1fr;column-gap:15px;align-items:start}.how-strip .step-number{grid-row:1/span 2;margin:0;font-size:1.4rem}.how-strip h2{margin-bottom:4px}.how-strip p{font-size:.8rem}.site-footer{padding:24px 20px;flex-wrap:wrap;line-height:1.6;font-size:.7rem;margin-top:20px}.room{padding:12px 20px 0}.room-top{margin-bottom:30px;gap:10px}.connection{font-size:.7rem}.code-pill{font-size:.7rem;padding:10px 13px;gap:8px}.code-pill strong{font-size:.98rem}.stage-head h1{font-size:1.85rem}.stage-head p{font-size:.86rem}.stage-head .eyebrow{font-size:.66rem}.lobby-toolbar{gap:12px;align-items:stretch}.lobby-toolbar>.button{width:100%}.lobby-toolbar label{min-width:130px;display:block}.lobby-toolbar select{margin-top:8px}.player-grid{gap:10px;margin:20px 0}.player{padding:12px 10px;gap:8px;min-height:83px;flex-wrap:wrap}.player.current,.player.selected{padding:11px 9px}.avatar{width:32px;height:32px;border-radius:10px;font-size:.9rem}.player-info strong{font-size:.8rem}.player-info strong small{font-size:.6rem}.player-info>span{font-size:.66rem}.player-trailing{font-size:.62rem}.player-trailing:not(:empty){margin-left:40px}.action-bar{position:sticky;bottom:0;padding:14px 0 calc(14px + env(safe-area-inset-bottom));background:var(--paper);z-index:2}.action-bar>.button{min-height:52px;font-size:.92rem}.secret-card{padding:20px 16px}.secret-toggle{padding:24px 10px}.secret-toggle strong{font-size:1.1rem}.secret-toggle.revealed strong{font-size:2.1rem}.secret-card.compact{padding:14px}.compact .secret-toggle{padding:12px;flex-wrap:wrap}.compact .secret-toggle>strong{flex:1;min-width:70px}.compact .secret-toggle>span:last-child{font-size:.65rem}.speaker-spotlight{padding:28px 16px}.speaker-spotlight h2{font-size:1.8rem}.vote-status{font-size:.74rem;padding:12px}.vote-status strong{font-size:1.15rem}.ballot-panel{padding:20px 16px}.ballot-line{gap:10px;font-size:.76rem;grid-template-columns:minmax(64px,1fr) 1.4fr auto}.pair-panel{padding:22px 16px}.pair-grid{gap:10px}.pair-grid strong{font-size:1.25rem}.identity-list>div{padding-right:12px}.identity-list .player{flex-wrap:nowrap;gap:10px}.identity-list .player-trailing{display:none}.identity-list>div>span{font-size:.8rem}.rules-page{padding:0 20px;margin-top:28px}.rules-page h1{font-size:2rem}.rule-row{gap:15px}.modal-inner{padding:22px 18px}.modal-top h2{font-size:1.2rem}.room-bottom{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}@media(max-width:350px){.site-header nav{gap:10px}.brand{font-size:.72rem}.hero-copy h1{font-size:2.4rem}.chips span{font-size:.64rem;padding:7px 8px}.player-grid{grid-template-columns:1fr}.player{flex-wrap:nowrap}.player-trailing:not(:empty){margin-left:0}.room-top{display:block}.connection{display:block;margin-top:12px}}