.ln{max-width:760px;margin:30px auto;padding:22px;border-radius:18px;background:linear-gradient(160deg,#fff8ef,#ffe0aa);box-shadow:0 12px 40px rgba(126,62,0,.12);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ln h1{margin:0 0 18px;color:#e67e00}.ln-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.ln-toolbar button,.ln-toolbar input,.ln-toolbar select{padding:10px 12px;border:1px solid #e0a35a;border-radius:10px;background:#fff}.ln-toolbar button{cursor:pointer;background:#f39c12;color:#fff;font-weight:700;border-color:#e67e00}.ln-info{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:12px 0;color:#6b3c08}.ln-message{min-height:24px;margin:5px 0;color:#6b3c08}.ln-message.error{color:#a61d1d}.ln-clockbar{display:flex;justify-content:space-between;gap:12px;margin:10px 0}.ln-clock{flex:1;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;background:#4b2b12;color:#fff;font-variant-numeric:tabular-nums}.ln-clock.active{box-shadow:0 0 0 3px #f39c12 inset}.ln-board{display:grid;grid-template-columns:repeat(8,minmax(36px,1fr));width:min(100%,560px);aspect-ratio:1;margin:16px auto;border:8px solid #7a3e00;border-radius:10px;overflow:hidden}.ln-sq{border:0;display:flex;align-items:center;justify-content:center;font-size:clamp(28px,6vw,52px);padding:0;cursor:pointer;font-family:"Times New Roman",serif}.ln-sq.light{background:#ffd18a}.ln-sq.dark{background:#d86c00}.ln-sq.selected{outline:4px solid #fff3d4;outline-offset:-6px}.ln-login{padding:16px;border-radius:12px;background:#fff3e0;color:#8a4b00}
@media (max-width:640px){.ln{margin:12px;padding:14px}.ln-clock{padding:10px 12px}.ln-info{font-size:14px}}


/* Fix tablero estable v2.3 */
.ln-board{display:grid!important;grid-template-columns:repeat(8,1fr)!important;grid-template-rows:repeat(8,1fr)!important;width:min(92vw,560px)!important;height:auto!important;aspect-ratio:1/1!important;}
.ln-sq{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important;line-height:1!important;}
.ln-sq .ln-piece{display:block;transform:translateZ(0);filter:drop-shadow(0 4px 3px rgba(0,0,0,.35));}
.ln-sq.white-piece{color:#fffaf0;text-shadow:0 2px 0 #8a6d45,0 4px 8px #000;}
.ln-sq.black-piece{color:#111;text-shadow:0 2px 2px #fff,0 5px 8px #000;}