:root{color:#182230;background:#f4f6f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffffbd,#f4f6f8eb),#f4f6f8}button,input{font:inherit}button{width:100%;min-height:48px;border:0;border-radius:8px;background:#1f6feb;color:#fff;font-weight:750;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{background:#e8eef6;color:#1d2735}button.ghost{width:auto;min-height:40px;padding:0 14px;background:#edf1f5;color:#243142}input{width:100%;min-height:48px;margin-top:7px;padding:0 13px;border:1px solid #cdd5df;border-radius:8px;background:#fff;color:#182230;outline:none}input:focus{border-color:#1f6feb;box-shadow:0 0 0 3px #1f6feb29}label{display:block;color:#344054;font-size:14px;font-weight:700}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.1}h2{font-size:21px;line-height:1.25}.app-shell{width:min(100%,560px);min-height:100vh;margin:0 auto;padding:16px}.home-panel,.panel{border:1px solid #d7dee8;border-radius:8px;background:#fffffff0;box-shadow:0 12px 32px #10182814}.home-panel{display:grid;gap:16px;margin-top:8vh;padding:22px}.join-form{display:grid;gap:12px;padding-top:12px;border-top:1px solid #e4e7ec}.room-layout{display:grid;gap:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 4px}.topbar h1{font-size:28px}.identity-line{margin-top:5px;color:#344054;font-size:14px;font-weight:750;word-break:break-word}.eyebrow{color:#667085;font-size:13px;font-weight:750}.panel{padding:16px}.role-panel{display:grid;gap:10px;border-left:5px solid #1f6feb}.pinyin{color:#475467;font-size:18px;font-weight:700}.role-honest{border-left-color:#13795b}.role-bluffer{border-left-color:#b45309}.role-smart{border-left-color:#7a3db8}.role-spectator,.role-pending{border-left-color:#667085}.meaning{display:grid;gap:6px;padding:12px;border-radius:8px;background:#ecfdf3;color:#0b5137}.meaning span{font-size:13px;font-weight:750}.meaning strong{font-size:17px;line-height:1.55}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title span,.fine-print{color:#667085;font-size:13px}.host-panel{display:grid;gap:10px}.pending-list{display:grid;gap:8px}.word-inventory{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#f8fafc;color:#344054;font-size:13px;font-weight:750}.word-inventory em{color:#1f6feb;font-style:normal}.word-inventory strong{flex-basis:100%;color:#b42318;font-size:13px}.player-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.player-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:8px 0;border-top:1px solid #eef1f5}.player-list li:first-child{border-top:0}.player-list span{display:inline-flex;align-items:center;gap:7px;min-width:0}.player-list b{padding:2px 6px;border-radius:999px;background:#fff3d6;color:#8a4b00;font-size:12px}.player-list em{flex:0 0 auto;font-size:13px;font-style:normal;font-weight:700}.online{color:#13795b}.offline{color:#98a2b3}.toast{position:fixed;right:14px;bottom:14px;left:14px;max-width:532px;margin:0 auto;padding:12px 14px;border-radius:8px;background:#b42318;color:#fff;box-shadow:0 12px 28px #10182833;font-weight:700}@media(min-width:720px){.app-shell{padding-top:32px}.home-panel{margin-top:12vh}}