*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{color:#e8e4da;overscroll-behavior:none;touch-action:manipulation;background:#14181d;font:16px/1.4 system-ui,sans-serif}.table{height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);grid-template-rows:auto minmax(0,min(100vw,52dvh)) minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.bar{align-items:center;gap:8px;min-height:40px;padding:6px 10px;display:flex}.turn{background:#3a4149;border-radius:50%;width:12px;height:12px}.turn.on{background:#6ee86e}.who{flex-direction:column;flex:1;min-width:0;font-weight:600;line-height:1.15;display:flex}.who .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who .status{color:#8b93a0;overflow-wrap:anywhere;font-size:12px;font-weight:400}.quiet{color:#8b93a0;background:0 0;border:none;font-size:14px}.pill{color:#ffd75e;white-space:nowrap;background:#3a2f1a;border-radius:999px;padding:3px 8px;font-size:12px}.claim{background:#6ee86e;border:none;border-radius:6px;min-height:32px;padding:4px 10px}.confirm{background:#1d232b;border:1px solid #3a4149;border-radius:12px;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:12px;padding:12px;display:grid;position:fixed;bottom:96px;left:12px;right:12px}.confirm span{font-size:14px}.confirm button{border:none;border-radius:8px;min-height:44px;font-size:15px}.confirm .no{color:#e8e4da;background:#3a4149}.confirm .yes{color:#fff;background:#b8433a}.board{aspect-ratio:1;touch-action:manipulation;grid-template:repeat(8,1fr)/repeat(8,1fr);justify-self:center;max-width:100%;height:100%;max-height:100%;display:grid}.sq{border:none;padding:0;position:relative;container-type:size}.sq.light{background:#d7c8a8}.sq.dark{background:#6b4f35}.sq.picked{outline-offset:-3px;outline:3px solid #ffd75e}.sq.jumper{outline-offset:-3px;outline:3px dashed #ffd75e99}.sq.target:after{content:"";background:#ffd75e88;border-radius:50%;position:absolute;inset:32%}.sq.last{box-shadow:inset 0 0 0 3px #fff3}.piece{border-radius:50%;place-items:center;font-size:45cqmin;display:grid;position:absolute;inset:12%}.piece.black{color:#ffd75e;background:#23272e;box-shadow:inset 0 -3px #000}.piece.red{color:#ffd75e;background:#b8433a;box-shadow:inset 0 -3px #7c241d}.chat{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.messages{flex-direction:column;padding:8px 10px;display:flex;overflow-y:auto}.messages>:first-child{margin-top:auto}.messages p{overflow-wrap:anywhere;margin-bottom:4px}.messages .mine b{color:#6ee86e}.messages .theirs b{color:#7db8ff}.hint{color:#8b93a0}.composer{gap:6px;padding:8px;display:flex}.composer input{color:inherit;background:#1d232b;border:1px solid #3a4149;border-radius:8px;flex:1;padding:10px;font-size:16px}.composer button{background:#6ee86e;border:none;border-radius:8px;padding:0 14px}.over{text-align:center;background:#1d232bee;border:1px solid #3a4149;border-radius:12px;gap:10px;padding:14px;display:grid;position:fixed;inset:auto 12px 30%}.notice{text-align:center;color:#8b93a0;padding:40px 20px}.notice .link{color:#6ee86e;font:inherit;background:0 0;border:none;min-height:44px;padding:0 8px;text-decoration:underline}