:root{--bg:#f7f4ee;--ink:#22201d;--muted:#7d776d;--accent:#d77952;--sage:#dfe8dc;--line:#e8e1d6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft Yahei",sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}.page{min-height:100vh;padding:32px 24px 48px}.ambient{position:fixed;inset:0;overflow:hidden;background:#25231f;z-index:-1}.ambient:before{content:"";position:absolute;inset:-50%;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;transform:rotate(12deg);animation:grid 18s linear infinite}.orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.62;animation:float 8s ease-in-out infinite}.orb.a{width:260px;height:260px;background:#d77952;left:-80px;top:12%}.orb.b{width:220px;height:220px;background:#829d87;right:-60px;bottom:12%;animation-delay:-3s}@keyframes grid{to{transform:rotate(12deg) translate(42px,42px)}}@keyframes float{50%{transform:translate(30px,-28px) scale(1.08)}}.home{max-width:620px;margin:auto;color:#f7f4ee}.eyebrow{color:#d77952;font-size:12px;letter-spacing:3px;font-weight:700}.title{font-size:clamp(46px,12vw,80px);line-height:1.02;font-weight:800;margin:12px 0}.copy{color:#bbb5aa;line-height:1.7}.hero{height:170px;border:1px solid rgba(255,255,255,.2);border-radius:22px;margin:28px 0;position:relative;overflow:hidden;background:rgba(255,255,255,.06)}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%;inset:20px;animation:pulse 4s ease-in-out infinite}.hero:after{inset:50px;animation-delay:-2s}@keyframes pulse{50%{transform:scale(1.08);opacity:.5}}.hero-label{position:absolute;inset:0;display:grid;place-items:center;text-align:center;letter-spacing:3px;font-weight:700}.card{background:rgba(255,253,249,.95);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 14px 32px #0002}.login{display:grid;gap:12px}.button{height:52px;border-radius:12px;font-weight:700}.primary{background:var(--ink);color:#fff}.secondary{background:#f1e8dd;color:var(--ink)}.profile{display:flex;align-items:center;gap:14px}.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--sage);display:grid;place-items:center}.name{font-weight:700}.tip{color:var(--muted);font-size:13px;margin-top:4px}.actions{display:grid;gap:12px;margin-top:18px}.join{margin-top:14px;display:flex;gap:10px}.join input{flex:1;border:1px solid var(--line);border-radius:10px;padding:0 12px}.room{padding-left:130px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:110px;background:#25231f;color:#eee;padding:34px 10px;overflow:auto}.sidebar h3{text-align:center;font-size:13px}.player{text-align:center;margin:20px 0;font-size:12px}.player .avatar{margin:auto;width:44px;height:44px;border:2px solid #8da58e}.game{max-width:650px;margin:0 auto;padding:22px;text-align:center}.room-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.share{background:#f4d8ca;color:#9d4d32;border-radius:18px;padding:8px 14px}.wheel-wrap{position:relative;width:290px;height:290px;margin:14px auto}.wheel{width:100%;height:100%;border-radius:50%;background:#d77952;border:10px solid #fff;box-shadow:0 0 0 2px #c76b4a,0 16px 30px #0003;transition:transform 1.2s cubic-bezier(.2,.8,.3,1)}.core{position:absolute;width:68px;height:68px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#222;color:#fff}.needle{position:absolute;left:50%;top:-8px;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:30px solid #c76b4a}.status{color:var(--muted);margin:12px}.chat{max-width:650px;margin:18px auto 0;height:480px;display:flex;flex-direction:column}.chat-head{padding-bottom:12px;border-bottom:1px solid var(--line)}.messages{flex:1;overflow:auto;padding:14px 0}.empty{text-align:center;color:#aaa;padding-top:130px}.msg{display:flex;gap:10px;margin:12px 0}.msg.mine{flex-direction:row-reverse}.bubble{background:#f1e8dd;padding:10px 13px;border-radius:6px 15px 15px 15px;max-width:75%;word-break:break-word}.bubble img{display:block;max-width:100%;max-height:280px;border-radius:10px}.mine .bubble{background:var(--sage);border-radius:15px 6px 15px 15px}.toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:10px 0}.toolbar-left{display:flex;gap:10px;align-items:center}.tool{background:#f1e8dd;border-radius:50%;width:42px;height:42px}.hint{color:#aaa;font-size:12px}.composer{display:flex;gap:8px}.composer input{flex:1;border:1px solid #ddd3c6;background:#f7f4ee;border-radius:10px;padding:0 12px}.send{width:70px;background:#222;color:#fff;border-radius:10px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:24px}.modal .card{max-width:440px;width:100%;text-align:center}.prompt{background:#f7f4ee;border-radius:12px;padding:18px;text-align:left;margin:18px 0;line-height:1.6}