/* ateliê */
.arena.atl{display:flex;flex-direction:column;align-items:center;padding:0 12px calc(12px + var(--sab));color:#fff}
.atlhead{text-align:center;margin:8px 0}.atlhead b{font-family:var(--f-marker);font-size:26px;display:block}.atlhead span{font-weight:800;opacity:.8;font-size:13px}
.atlboard{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}
.atlboard canvas{max-width:100%;max-height:100%;border-radius:10px;border:4px solid #0B0910;box-shadow:0 10px 24px rgba(0,0,0,.5);background:#F4F0E8;touch-action:none;cursor:crosshair}
.atltools{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px;margin-top:10px}
.atlcols{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.atlc{width:34px;height:34px;border-radius:50%;border:3px solid #0B0910;box-shadow:2px 2px 0 #0B0910}.atlc.on{outline:3px solid #fff;outline-offset:2px}
.atlrow{display:flex;gap:8px;align-items:center}.atlrow .seg{flex:1}
.btn.sm.on{background:var(--accent);color:#fff}