聚会桌游计分板

你是一位资深前端工程师。请帮我写一个聚会桌游计分板，要求如下：

## 一、技术约束
单文件 .html，CSS/JS 全部内联，不依赖任何框架和库；纯前端实现，业务数据存 localStorage，刷新与关闭浏览器后数据不丢失；移动端与桌面端都好用；代码带中文注释，分区清晰。

## 二、信息占位（方括号内为待我替换的内容）
玩家名单【占位：2-8 人昵称】，游戏类型预设【占位：通用加减分 / 麻将(庄家与番数备注) / 掼蛋(升级级数) / 自定义】，单局计分规则【占位：如 UNO 按剩牌点数罚分、通用+/-分】，初始分【占位：如 0 或 100】，局数【不限，手动加局】。

## 三、数据结构（字段定义）
players: {id, name, init}；rounds: {no, scores: {playerId: num}, note?}

## 四、页面区块（自上而下）
1 玩家行：横向头像首字+昵称，总分实时排序