.arena-board{display:grid;gap:3px;width:min(100%,400px);margin:16px auto}.arena-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #c8d8d9;border-radius:4px;background:#eef6f5;font-size:clamp(16px,4vw,30px);padding:0;min-height:0;color:#112f3c}.arena-cell:disabled{opacity:1;cursor:default}.seat-1{color:#007e73}.seat-2{color:#b33468}.arena-dark{background:#c5ddda}.arena-selected{outline:3px solid #ffb65c;outline-offset:-3px}.arena-legal{box-shadow:inset 0 0 0 3px #55cfa4}.arena-scroll{max-width:100%;overflow-x:auto}.arena-large{width:450px;max-width:none}.arena-large .arena-cell{font-size:18px}.arena-columns{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:min(100%,400px);margin:auto}.arena-drop{padding:10px 0;font-size:14px}.arena-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;width:min(100%,350px);margin:20px auto}.arena-dot,.arena-box,.arena-edge{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0}.arena-dot{font-size:30px}.arena-edge{padding:0;font-size:32px}.arena-box{background:#f0f6f5;font-weight:700}.arena-room{background:#eef6f5;border-radius:8px;padding:10px;overflow-wrap:anywhere}.arena-player{font-weight:700}.arena-rules{margin-bottom:16px}.arena-last{padding:10px;background:#eef6f5;border-radius:8px}.arena-invite{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.arena-invite input{min-width:0;width:100%;text-transform:uppercase}.arena-invite button{font-size:13px}.arena-board button.arena-cell:hover:not(:disabled){background:#d2ebe7}