.team-pad-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.team-pad-heading .team-name{font-size:15px;padding:3px 0}
.team-pad-heading .team-swatch{flex-shrink:0}
.pad-toolbar{display:flex;gap:5px;align-items:center;margin-bottom:9px}
.pad-tool{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #9478ab;border-radius:5px;background:transparent;color:#eee2f7;padding:7px 8px;font-size:11px}
.pad-tool[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.pad-tool svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pad-clear{border:0;border-bottom:1px solid #bca0d0;background:transparent;color:#e4d2f0;padding:3px 0;margin-left:auto;font-size:10px}
.pad-surface{position:relative;border:1px solid #d6c1e5;border-radius:6px;overflow:hidden;background:#fffaff;background-image:linear-gradient(#63318e0c 1px,transparent 1px);background-size:100% 32px}
.writing-pad{display:block;width:100%;height:165px;touch-action:none;cursor:crosshair;user-select:none}
.writing-pad[data-tool=eraser]{cursor:cell}
.pad-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#9b83ac;pointer-events:none;white-space:nowrap;font-style:italic}
.team input:focus-visible{outline-color:var(--accent)}
@media(max-width:1100px){.teams{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.teams{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-pad{height:150px}}
@media(max-width:420px){.teams{grid-template-columns:1fr}.writing-pad{height:165px}}