:root{--paper:#f5f3eb;--ink:#263b37;--muted:#7d8980;--line:#dddcd2;--coral:#ea735d;--coral-soft:#fbe9e0;--sage:#9bb9ac;--sage-soft:#e7eee5;--blue:#7f9eaf;--white:#fffef9;--yellow:#f3df91;--shadow:0 16px 48px #344d3c08;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a{color:inherit}button{transition:transform .16s,background .16s}button:not(:disabled):active{transform:translateY(2px)}.page-grain{pointer-events:none;position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.2' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.12;z-index:10}
.site-header{max-width:1240px;padding:29px 40px 24px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:2px}.brand-en{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;font-weight:500}.brand-mark{position:relative;width:43px;height:40px;display:block;flex-shrink:0}.brand-mark i{position:absolute;width:29px;height:29px;border-radius:50%;background:var(--coral);left:0;top:0}.brand-mark i+i{left:14px;top:11px;background:var(--sage);mix-blend-mode:multiply}.header-note{font-size:11px;display:flex;gap:8px;align-items:center;letter-spacing:1px}.status-dot{width:6px;height:6px;background:var(--sage);border-radius:50%;display:inline-block}.edition{margin-left:24px;color:var(--muted);font-size:9px;letter-spacing:2px}#app{max-width:1160px;margin:auto;min-height:calc(100vh - 182px);padding:50px 40px 40px}.site-footer{max-width:1160px;padding:20px 40px 24px;margin:auto;color:var(--muted);display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.site-footer span+span{font-size:8px;letter-spacing:2px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;gap:10px;align-items:center;margin:0 0 24px;color:#5d7368}.eyebrow:before{content:"";width:23px;height:1px;background:currentColor}.home-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center}.hero{padding:12px 0}.hero h1{font-size:clamp(36px,4.2vw,55px);line-height:1.45;letter-spacing:-2px;margin:0 0 18px;font-weight:800}.hero h1 em{font-style:normal;color:var(--coral);position:relative;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:8px;border-top:2px solid var(--coral);border-radius:50%;transform:rotate(-3deg)}.hero-copy{font-size:13px;line-height:2.1;color:#758177;max-width:370px;margin:0}.demo{position:relative;margin:36px 0 25px;padding:30px 22px 20px;background:#e9ede2;border-radius:8px;min-height:178px;overflow:hidden}.demo:after{content:"✳";position:absolute;right:20px;top:15px;color:#b6c4a7;font-size:56px;line-height:1}.demo-words{display:flex;gap:18px;align-items:center;justify-content:center;padding-right:18px}.word-chip{display:block;padding:16px 30px;border:1px solid #d9cfc1;border-radius:4px;background:#fffcf2;font-size:20px;font-weight:700;box-shadow:3px 4px #cad1bf}.word-chip:first-child{transform:rotate(-7deg)}.word-chip:last-child{transform:rotate(6deg)}.demo-plus{color:#869d8a;font-size:22px}.demo-answer{display:flex;justify-content:center;gap:14px;margin-top:24px;align-items:center;color:#6e846b;font-size:11px}.demo-answer b{background:#d6e1ce;border-radius:30px;padding:7px 18px;font-size:12px;font-weight:500}.tiny-note{color:var(--muted);font-size:10px;letter-spacing:.4px;margin:12px 0 0}.steps{display:flex;justify-content:space-between;margin-top:26px;gap:10px;color:#778478;font-size:11px}.steps span{display:flex;align-items:center;gap:8px}.steps b{font-family:Georgia,serif;font-size:16px;color:#b1b6a6;font-weight:400}.entry-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:var(--shadow);position:relative}.card-tag{position:absolute;right:25px;top:-14px;background:var(--yellow);padding:7px 13px;font-size:9px;letter-spacing:1px;transform:rotate(5deg);border:1px solid #d8c77f}.entry-card h2{font-size:23px;letter-spacing:-.5px;margin:0 0 8px}.subtle{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 22px}.field-label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.optional{color:#9a9e92;font-weight:400;font-size:10px;margin-left:8px}.text-input{width:100%;background:#f9f8f2;border:1px solid #dedfd5;border-radius:6px;padding:13px 14px;color:var(--ink);outline:none;font-size:13px;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #9bb9ac25}.text-input::placeholder{color:#a4a99e}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.3px}.button-primary{background:var(--coral);color:#fffdf6;box-shadow:0 3px 0 #d45f4b}.button-primary:not(:disabled):hover{background:#df6751}.button-dark{background:var(--ink);color:#fffdf6}.button-dark:not(:disabled):hover{background:#3d554a}.button-light{background:transparent;color:var(--ink);border-color:#d8dcd1}.button-light:not(:disabled):hover{background:var(--sage-soft)}.button-soft{background:var(--sage-soft);color:#57765e}.full{width:100%}.create-button{margin-top:15px}.button-arrow{margin-left:auto;font-size:18px;font-weight:400}.divider{display:flex;align-items:center;gap:13px;color:#a0a398;font-size:10px;margin:26px 0 22px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e6e5dc}.join-row{display:flex;gap:9px}.join-row input{min-width:0;text-transform:uppercase;letter-spacing:2px}.join-row .button{white-space:nowrap;padding:10px 18px}.entry-foot{border-top:1px dashed #e2e3d8;margin-top:24px;padding-top:16px;font-size:10px;color:#8e978b;display:flex;gap:8px;align-items:center}.rules-strip{margin-top:48px;border-top:1px solid var(--line);padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#839080}.rules-strip strong{color:#596e5c;font-weight:500}.rules-number{font-family:Georgia,serif;font-size:23px;color:var(--coral);margin-right:5px}.connection{max-width:1080px;margin:15px auto 0;background:#fff1cc;color:#88672e;border:1px solid #e1cf9e;font-size:12px;border-radius:6px;padding:12px 18px}.hidden{display:none!important}.game-wrap{max-width:900px;margin:auto}.room-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:16px}.back-link{font-size:11px;color:var(--muted);border:0;background:none;padding:5px 0}.room-tools{display:flex;gap:12px;align-items:center}.room-code{font-size:10px;color:var(--muted)}.room-code b{font-family:ui-monospace,monospace;color:var(--ink);font-size:13px;letter-spacing:2px;margin-left:7px}.small-button{border:1px solid #d5dbd0;border-radius:5px;background:transparent;color:#647a69;padding:7px 10px;font-size:10px}.small-button:hover{background:var(--sage-soft)}.game-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.game-heading .eyebrow{margin-bottom:9px}.game-heading h1{margin:0;font-size:30px;letter-spacing:-1px;line-height:1.5}.round-label{font-family:Georgia,serif;color:#9baca0;font-size:32px;white-space:nowrap;font-style:italic}.round-label small{font-family:inherit;font-size:13px;font-style:normal;color:#8d998b}.game-card{border:1px solid var(--line);border-radius:12px;background:var(--white);padding:30px 36px;box-shadow:var(--shadow)}.players{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:22px;border-bottom:1px solid #e5e6dc}.player{display:flex;align-items:center;gap:9px;min-width:0}.avatar{display:flex;align-items:center;justify-content:center;background:var(--coral-soft);color:#bb654e;width:34px;height:34px;flex-shrink:0;border-radius:50%;font-size:12px;font-weight:700}.player.second .avatar{background:#e7edf0;color:#6a879a}.player-text{font-size:11px;min-width:0;line-height:1.7}.player-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-weight:600}.player-state{display:block;font-size:9px;color:var(--muted);font-weight:400}.player-divider{font-size:17px;color:#b2b9a9;font-family:Georgia,serif}.you-tag{color:#9aa18f;font-size:9px;margin-left:5px;font-weight:400}.lobby-content{text-align:center;padding:34px 0 8px}.lobby-art{font-size:44px;color:var(--coral);line-height:1.2;margin-bottom:18px}.lobby-content h2{font-size:23px;margin:0 0 12px}.lobby-content p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 25px}.invite-box{display:flex;align-items:center;justify-content:center;gap:15px;background:#f1f3e9;border:1px dashed #c8d0bb;border-radius:8px;padding:19px;margin:0 auto 22px;max-width:400px}.invite-box strong{font-size:30px;letter-spacing:6px;font-family:ui-monospace,monospace}.invite-box .small-button{background:var(--white)}.waiting-dots:after{content:" · · ·";letter-spacing:3px;color:var(--sage)}.play-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:25px}.section-caption{font-size:10px;letter-spacing:1px;color:#86927e}.timer{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.timer-clock{position:relative;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.timer-clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:#e9eadf;stroke-width:3}.timer-ring{fill:none;stroke:var(--sage);stroke-width:3;stroke-linecap:round;stroke-dasharray:119.4;transition:stroke-dashoffset .25s,stroke .2s}.timer-value{font-family:Georgia,serif;font-size:20px;color:var(--ink)}.timer.urgent .timer-value{color:var(--coral)}.timer.urgent .timer-ring{stroke:var(--coral)}.prompt-pair{display:flex;justify-content:center;align-items:center;gap:24px;margin:25px 0 22px}.prompt-card{background:#f6f3e7;border:1px solid #ded8c4;border-radius:5px;flex:1;max-width:260px;min-height:105px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:17px 20px;box-shadow:3px 4px #e5e5d7;transform:rotate(-2deg);text-align:center;overflow-wrap:anywhere}.prompt-card+.prompt-plus+.prompt-card{background:#edf1ea;border-color:#d3ded0;box-shadow:3px 4px #dce5d7;transform:rotate(2deg)}.prompt-card small{font-size:8px;letter-spacing:2px;color:#a5a58d;margin-bottom:10px}.prompt-card strong{font-size:clamp(18px,2.4vw,27px);letter-spacing:2px;line-height:1.5}.prompt-plus{font-family:Georgia,serif;font-size:25px;color:#a3ad95}.prompt-hint{text-align:center;color:#8d9788;font-size:11px;line-height:1.8;margin:0 0 25px}.answer-zone{padding-top:23px;border-top:1px dashed #dedfd4}.answer-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;margin-bottom:11px}.save-status{color:#9a9f90;font-size:9px;font-weight:400}.answer-input{font-size:17px;padding:17px 18px;background:#faf9f3}.answer-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px}.answer-tip{font-size:10px;color:#8d9786;line-height:1.7}.answer-tip span{display:block;font-size:9px;color:#a1a797;margin-top:3px}.answer-controls .button{min-width:152px}.submitted-box{padding:23px 20px;background:var(--sage-soft);border-radius:8px;text-align:center}.submitted-box strong{display:block;font-size:16px;margin-bottom:10px;overflow-wrap:anywhere}.submitted-box p{font-size:11px;color:#778e73;margin:0;line-height:1.9}.submitted-box .tick{font-size:20px;display:block;margin-bottom:11px;color:#6a8867}.restart-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 2px;font-size:10px;color:#939e8d}.restart-link{border:0;border-bottom:1px solid #c2c9ba;padding:4px 0;background:none;font-size:10px;color:#7e8e76}.restart-notice{background:#f9efda;border:1px solid #e4d4af;border-radius:7px;padding:14px 17px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;line-height:1.7}.restart-notice .small-button{color:#7e6948;border-color:#d7c6a4;white-space:nowrap}.result-intro{text-align:center;padding:25px 0 8px}.result-symbol{display:block;font-size:31px;color:#a7b595;margin-bottom:11px;line-height:1}.result-intro h2{font-size:24px;margin:0 0 10px;line-height:1.5}.result-intro p{color:#8e9985;font-size:11px;margin:0;line-height:1.9}.result-intro.success .result-symbol{color:var(--coral);font-size:41px}.result-answers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.result-answer{padding:25px 18px;background:var(--coral-soft);border:1px solid #e9d3c5;border-radius:7px;text-align:center;position:relative}.result-answer:nth-child(2){background:#e9eff1;border-color:#d3dee1}.result-answer small{font-size:10px;color:#a27e68;display:block;margin-bottom:14px}.result-answer:nth-child(2) small{color:#7c96a0}.result-answer strong{font-size:25px;line-height:1.6;font-weight:700;display:block;overflow-wrap:anywhere}.result-answer .no-answer{font-size:15px;font-weight:400;color:#9f9f90}.revealed-prompts{font-size:10px;text-align:center;color:#8b9783;margin:0 0 23px;line-height:1.8}.result-actions{border-top:1px dashed #dedfd4;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.vote-note{text-align:center;font-size:10px;color:#9a9f90;margin:16px 0 0;line-height:1.9}.vote-note b{font-weight:500;color:#6f896a}.history{margin-top:16px}.history-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9ddcf;padding-bottom:13px;margin-bottom:4px}.history-title h2{font-size:13px;font-weight:600;margin:0}.history-title span{font-family:Georgia,serif;color:#9aa88f;font-size:10px;letter-spacing:1px}.history-row{display:grid;grid-template-columns:49px 1fr 1.25fr 54px;gap:15px;align-items:center;border-bottom:1px solid #e0e3d7;padding:16px 3px;font-size:11px}.history-round{color:#93a188;font-family:Georgia,serif;font-size:18px;font-style:italic}.history-round small{font-size:9px;font-style:normal}.history-prompts{color:#9ba28f;line-height:1.7;overflow-wrap:anywhere}.history-answers{display:flex;gap:9px;align-items:center;min-width:0;overflow-wrap:anywhere}.history-answers span:first-child{color:#b27159}.history-answers span:last-child{color:#718d9b}.history-answers i{font-size:10px;font-style:normal;color:#b2b9a6}.outcome{font-size:9px;color:#8a9c7d;text-align:right}.history-empty{text-align:center;padding:24px;font-size:11px;color:#a2ac96;line-height:1.8}.how-to{margin-top:24px;color:#85947c;font-size:11px;line-height:2;max-width:650px}.how-to summary{cursor:pointer;font-size:11px}.how-to p{margin:10px 0 0}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,15px);padding:13px 24px;background:#263b37;color:#fffdf5;border-radius:8px;font-size:12px;z-index:50;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:90vw;text-align:center;line-height:1.7}.toast.show{opacity:1;transform:translate(-50%,0)}.copy-fallback{font-size:11px;word-break:break-all;background:#f1f3e9;padding:10px;margin-top:12px;border-radius:5px;user-select:all}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade-in{animation:appear .35s ease-out}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1350px){#app{padding-top:65px}.home-layout{gap:90px}.hero h1{font-size:57px}}
@media(max-width:850px){.home-layout{gap:35px}.entry-card{padding:26px}.hero h1{font-size:38px}.hero-copy{font-size:12px}.word-chip{padding:15px 23px}.rules-strip{gap:15px;font-size:10px}.rules-number{font-size:20px}.site-header{padding-left:26px;padding-right:26px}#app{padding:36px 26px}.site-footer{padding-left:26px;padding-right:26px}.game-card{padding:26px}.connection{margin-left:26px;margin-right:26px}}
@media(max-width:640px){.site-header{padding:21px 20px 18px}.brand{font-size:19px;gap:10px}.brand-en{font-size:7px}.brand-mark{transform:scale(.85);transform-origin:left center;width:37px}.header-note{font-size:9px;letter-spacing:0}.edition{display:none}#app{padding:30px 20px 25px}.home-layout{grid-template-columns:1fr;gap:32px}.hero{padding:0}.eyebrow{font-size:9px;margin-bottom:18px}.hero h1{font-size:40px;letter-spacing:-1px;margin-bottom:17px}.hero-copy{font-size:12px;max-width:100%}.demo{margin:26px 0 16px;min-height:145px;padding:25px 18px 17px}.demo:after{font-size:43px}.word-chip{font-size:19px;padding:13px 28px}.demo-answer{margin-top:19px}.steps{margin-top:20px;font-size:10px}.entry-card{padding:28px 24px}.entry-card h2{font-size:22px}.rules-strip{margin-top:28px;display:grid;grid-template-columns:1fr;gap:12px;padding-top:18px}.rules-strip span{display:flex;align-items:center;gap:3px}.rules-number{min-width:34px}.site-footer{padding:20px;font-size:9px}.site-footer span+span{font-size:7px;letter-spacing:.5px}.game-wrap .room-top{margin-bottom:20px;align-items:flex-start}.room-tools{gap:8px}.room-code{font-size:9px}.room-code b{font-size:12px;letter-spacing:1px;margin-left:4px}.small-button{font-size:9px;padding:6px 8px}.game-heading h1{font-size:25px}.game-heading{margin-bottom:18px}.round-label{font-size:27px}.game-card{padding:22px 18px}.players{gap:8px;padding-bottom:18px}.player{gap:7px}.avatar{width:30px;height:30px;font-size:10px}.player-name{max-width:90px;font-size:10px}.player-state{font-size:8px}.you-tag{font-size:8px;margin-left:4px}.prompt-pair{gap:15px;margin:23px 0}.prompt-card{padding:16px 10px;min-height:98px}.prompt-card strong{font-size:21px;letter-spacing:1px}.prompt-card small{font-size:7px;letter-spacing:1px}.prompt-plus{font-size:21px}.play-topline{margin-top:20px}.answer-controls{align-items:center;gap:10px}.answer-controls .button{min-width:119px;padding:11px 15px}.answer-tip{font-size:9px}.answer-tip span{font-size:8px}.answer-input{font-size:16px;padding:16px 14px}.prompt-hint{font-size:10px}.result-intro h2{font-size:21px}.result-answers{gap:12px;margin:23px 0}.result-answer{padding:22px 12px}.result-answer strong{font-size:21px}.result-actions{gap:10px}.result-actions .button{padding:12px 7px;font-size:11px;gap:6px}.history-row{grid-template-columns:30px 1fr 1.2fr 40px;gap:9px;padding:15px 0;font-size:10px}.history-round{font-size:16px}.history-round small{display:none}.history-answers{gap:5px;flex-wrap:wrap}.outcome{font-size:8px}.history-title h2{font-size:12px}.restart-bar{font-size:9px}.restart-notice{font-size:10px;padding:12px;gap:9px}.connection{margin:12px 20px 0;font-size:11px}.lobby-content{padding-top:27px}.lobby-content h2{font-size:20px}.invite-box{gap:10px;padding:17px 10px}.invite-box strong{font-size:25px;letter-spacing:4px}.toast{bottom:25px;padding:11px 17px;min-width:200px;font-size:11px}.how-to{font-size:10px}}
.resume-button{margin-top:16px;font-size:10px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}