:root{--ink:#1b2932;--cream:#f3e6c4;--red:#b23a2e;--gold:#e3b23c;--green:#2f5d50;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body,button,select{font-family:Nunito,system-ui,"Noto Sans",sans-serif;font-weight:800;color:var(--ink)}body{background:var(--ink)}button,select{font-size:1rem;min-height:44px;min-width:44px;border:2px solid var(--ink);border-radius:8px;padding:6px 10px}button{background:var(--cream);cursor:pointer;touch-action:none}button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{opacity:.45}button:active{background:#eacb8b}h1{font-size:1.1rem;margin:0;flex:1}header{display:flex;align-items:center;gap:4px;background:var(--cream);padding:3px}header button{padding:4px 10px}#app{height:100dvh;display:flex;flex-direction:column}#hud{display:flex;gap:6px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:4px 10px;background:#e6d3ab;font-size:.8rem}#warning{width:100%;text-align:center;color:var(--red)}#warning:empty{display:none}#viewport{position:relative;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}canvas{display:block;max-width:100%;max-height:100%;outline:none}#state{position:absolute;top:6px;left:0;width:100%;text-align:center;color:var(--cream);background:#1b2932dd;pointer-events:none;margin:0}#state:empty{display:none}#rotate{display:none;font-size:.75rem;text-align:center;color:var(--cream);margin:3px}#controls{display:flex;justify-content:space-between;gap:12px;padding:6px 10px}.team{display:flex;gap:5px;flex:1;align-items:center}.team b{color:var(--cream);font-size:.75rem}.team button{flex:1;padding:4px}button[data-bit="16"]{background:var(--gold)}#p2controls button[data-bit="16"]{background:#83b2a1}[hidden]{display:none!important}.panel{position:fixed;inset:0;background:#1b2932c0;display:flex;align-items:center;justify-content:center;padding:8px;z-index:10}.sheet{background:var(--cream);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--red);border-radius:12px;width:min(560px,100%);max-height:calc(100dvh - 16px);overflow:auto;padding:18px}.sheet h2{margin:0 0 7px;font-size:1.5rem}.sheet p{line-height:1.4;margin:8px 0}.sheet label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0}.sheet select{max-width:70%;width:290px}.actions,.settings{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.settings label{justify-content:flex-start}.settings input{width:24px;height:24px}.actions button{flex:1}#records p{border-bottom:1px solid #b5a586;padding:7px 0}@media(max-width:600px){header{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}h1{grid-column:1/-1}header button{padding:3px;font-size:.85rem;overflow:hidden;text-overflow:ellipsis}#hud{padding:3px;font-size:.7rem}.sheet{padding:13px}#rotate{display:block}#controls{gap:3px;padding:5px 3px;flex-direction:column}.team{gap:3px;min-height:44px}.team button{font-size:.8rem;padding:3px}.team b{width:19px;flex-shrink:0}}@media(max-height:420px){#hud{padding:1px 6px}#controls{padding:3px 8px}header h1{font-size:.95rem}.sheet{padding:12px}#rotate{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.resultHeadline{display:flex;align-items:center;gap:12px}.resultHeadline canvas{width:72px;height:72px;flex-shrink:0}

.team{min-width:0}.team button{overflow-wrap:anywhere}