:root{font-family:"Microsoft YaHei UI",system-ui,sans-serif;color:#f7f5e9;background:#08291d;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 25%,#176642,#08291d 65%)}main{max-width:1280px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:1.8rem;color:#ffd876}header p{margin:.25rem 0 1rem;color:#b8d9c7}.panel{background:#f7f3e5;color:#18352a;border-radius:18px;padding:28px;box-shadow:0 18px 60px #001b1266}.login{max-width:420px;margin:9vh auto}.login label{display:block;margin:16px 0;font-weight:700}.login input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #b4b7ab;border-radius:10px;font-size:1rem}button{border:0;border-radius:10px;padding:11px 20px;background:#d9a927;color:#1d271d;font-weight:800;font-size:1rem;cursor:pointer}button:hover{filter:brightness(1.08)}button.secondary{background:#e7ebe5}button.ghost{background:transparent;color:#eee;border:1px solid #ffffff55}.status{display:flex;gap:18px;align-items:center;margin-bottom:12px}.status #message{flex:1;color:#ffdf8e}.overview{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}.table-chip,.roster-chip{background:#ffffff14;border:1px solid #ffffff28;border-radius:9px;padding:7px 10px;font-size:.9rem}.table-chip.done{color:#8ff0b5}.table-chip.playing{color:#ffe28d}.board{position:relative;min-height:430px;border:8px solid #6f4326;border-radius:48%;background:radial-gradient(circle,#19834f,#0c603b 72%);box-shadow:inset 0 0 50px #002a18}.player{position:absolute;background:#092d20dd;border:1px solid #ffffff28;border-radius:14px;padding:9px 15px;min-width:140px;text-align:center}.player.turn{outline:3px solid #ffd45b}.north{top:12px;left:50%;transform:translateX(-50%)}.south{bottom:12px;left:50%;transform:translateX(-50%)}.west{left:12px;top:50%;transform:translateY(-50%)}.east{right:12px;top:50%;transform:translateY(-50%)}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:55%}#lastPlay{font-size:1.15rem;color:#ffe28d;margin-bottom:14px}#log{font-size:.82rem;color:#cce5d6;max-height:125px;overflow:auto}.hand{display:flex;justify-content:center;align-items:flex-end;overflow-x:auto;min-height:150px;padding:28px 10px 8px}.card{flex:0 0 64px;height:96px;margin-left:-16px;border-radius:8px;border:1px solid #bbb;background:#fff;color:#151515;box-shadow:0 4px 8px #0005;padding:7px;text-align:left;font-weight:900;transition:.12s}.card:first-child{margin-left:0}.card.red{color:#c62828}.card.selected{transform:translateY(-22px);border:3px solid #ffd15c}.actions{text-align:center;margin:10px}.ranking{margin-top:15px;text-align:center;color:#c9e4d5}.ranking span{display:inline-block;margin:4px 10px}#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#871e1e;color:white;padding:12px 22px;border-radius:10px;display:none}@media(max-width:700px){main{padding:8px}.board{min-height:360px;border-radius:26px}.player{min-width:105px;padding:6px;font-size:.85rem}.center{width:48%}.card{flex-basis:52px;height:82px}.hand{justify-content:flex-start}.status{flex-wrap:wrap}}