*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f4f1ea;color:#222}.app{max-width:1100px;margin:0 auto;padding:16px}h1{margin:0 0 12px;font-size:28px;letter-spacing:1px}.setup{display:flex;flex-direction:column;gap:16px;max-width:520px}.setup label{display:flex;flex-direction:column;gap:4px;font-weight:600}.setup select{padding:8px;font-size:15px}.setup button{padding:10px;font-size:16px;font-weight:700;cursor:pointer}.banner{padding:10px 14px;border-radius:8px;background:#fff;border:2px solid #ccc;margin-bottom:12px;font-size:15px}.banner.attention{border-color:#e67e22;background:#fdf3e7}.banner.gameover{border-color:#27ae60;background:#e9f9ef;font-weight:700}.banner.notice{border-color:#c0392b;background:#fdecea}.error{color:#c0392b;margin:6px 0;min-height:1.2em;font-size:14px}.layout{display:flex;gap:16px;align-items:flex-start}.boards{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.player{background:#fff;border:2px solid #ddd;border-radius:8px;padding:10px 14px}.player.active{border-color:#e67e22}.player-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.player-head .name{font-weight:700;font-size:17px}.player-head .sig{font-size:13px;color:#666}.badge{font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;color:#fff}.badge.kd{background:#c0392b}.badge.turn{background:#e67e22}.badge.standups{background:#8e44ad}.stamina-row{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:14px}.stamina-bar{flex:1;height:12px;background:#eee;border-radius:6px;overflow:hidden}.stamina-bar>div{height:100%;background:#27ae60;transition:width .3s}.hand{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.card{border:2px solid;border-radius:6px;padding:5px 8px;font-size:13px;background:#fff;cursor:default;-webkit-user-select:none;user-select:none;display:flex;gap:6px;align-items:center}.card .dmg{font-weight:700}.card.clickable{cursor:pointer}.card.clickable:hover{filter:brightness(.95)}.card.selected{outline:3px solid #e67e22;outline-offset:1px}.card.back{width:34px;height:26px;border-color:#999;background:repeating-linear-gradient(45deg,#d8d2c4,#d8d2c4 4px,#c9c2b2 4px,#c9c2b2 8px)}.room-code{font-family:ui-monospace,monospace;letter-spacing:4px;background:#2c3e50;color:#fff;padding:2px 10px;border-radius:6px}.join-row{display:flex;gap:8px}.join-row input{padding:8px;font-size:16px;width:130px;text-transform:uppercase;font-family:ui-monospace,monospace;letter-spacing:3px}.actions{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.actions button{padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;border:1px solid #999;background:#fff}.actions button.primary{background:#2c3e50;color:#fff;border-color:#2c3e50}.actions button:disabled{opacity:.45;cursor:default}.piles{font-size:13px;color:#666;margin-bottom:8px}.log{width:340px;flex-shrink:0;background:#fff;border:2px solid #ddd;border-radius:8px;padding:10px;height:70vh;overflow-y:auto;font-size:13px}.log p{margin:0 0 6px}@media(max-width:900px){.layout{flex-direction:column}.log{width:100%;height:200px}}