*{box-sizing:border-box}body{color:#edf3fc;background:#101b2c;margin:0;font:16px system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;color:#101b2c;background:#d5ac63;border:0;border-radius:7px;padding:.65rem .9rem;font-weight:700}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:#edf3fc;background:#31445f}button.link{color:#d5ac63;background:0 0}main{max-width:1250px;margin:auto;padding:24px}h1{margin:.4rem 0}h2{margin:0 0 1rem;font-size:1.2rem}p{line-height:1.5}.top,.section-head,.game-row,.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.top{margin-bottom:20px}.panel{background:#1d2d43;border:1px solid #3c506b;border-radius:13px;margin-bottom:18px;padding:20px}.auth{text-align:center;max-width:470px;padding-top:8vh}.form{text-align:left;gap:16px;display:grid}.form label{gap:7px;display:grid}.form input{color:#fff;background:#0c1828;border:1px solid #61728a;border-radius:7px;width:100%;padding:12px}.game-row{border-top:1px solid #3c506b;padding:12px 0}.error{color:#ffb6a9;background:#4c242c;border-radius:7px;padding:12px}.notice{background:#253b53;border-radius:7px;padding:12px}.play-layout{grid-template-columns:minmax(0,740px) minmax(250px,1fr);gap:18px;display:grid}.board-panel{min-width:0}.board{aspect-ratio:1;background:#dfcda7;border:3px solid #b88e50;grid-template-columns:repeat(10,minmax(0,1fr));width:100%;display:grid}.square{background:#d5c39c;border:1px solid #8d866d;border-radius:0;place-items:center;min-width:0;min-height:0;padding:2px;display:grid}.square.shade{background:#c6b48f}.square.lake,.square.lake.shade{background:repeating-linear-gradient(45deg,#337b9b,#337b9b 9px,#3f92b1 9px 18px);border-color:#26647f}.square.selected{outline-offset:-4px;z-index:1;outline:4px solid #f6dc70}.piece{color:#fff;border-radius:9px;place-items:center;width:91%;height:91%;font-size:clamp(10px,2vw,23px);font-weight:900;display:grid;box-shadow:inset 0 2px 3px #fff5,0 2px 5px #0007}.piece.red{background:#a63136;border:2px solid #ed8d83}.piece.blue{background:#26549d;border:2px solid #80b8ed}.piece.editable{border-style:dashed}.hint{color:#b5c5d6;font-size:.85rem}.side{min-width:0}.piece-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.piece-picker button{padding:.55rem .2rem;font-size:.83rem}.piece-picker button.active{outline:2px solid #fff}.history{max-height:420px;padding-left:24px;overflow:auto}.history li{padding:5px 0;font-size:.9rem}.red-text{color:#f2a09b}.blue-text{color:#9dc7ff}@media (width<=850px){.play-layout{grid-template-columns:1fr}.board-panel{padding:8px}.top{align-items:start}main{padding:12px}.piece-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}.ficha-img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 2px #0008);border-radius:4px;width:94%;height:94%;display:block}.ficha-grande{object-fit:fill;width:125px;max-width:100%;height:162px}.combate-overlay{z-index:50;background:#050b16db;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.combate-dialog{text-align:center;background:#1d2d43;border:2px solid #d5ac63;border-radius:18px;width:min(100%,520px);padding:24px;box-shadow:0 15px 60px #000a}.combate-fichas{justify-content:center;gap:30px;margin:22px 0;display:flex}.combate-fichas>div{justify-items:center;gap:8px;display:grid}.combate-dialog button{width:100%}.board{aspect-ratio:147/190;grid-template-rows:repeat(10,minmax(0,1fr))}.square{aspect-ratio:147/190;padding:2px;overflow:hidden}.ficha-img{object-fit:contain;border-radius:3px;width:100%;height:100%}.ficha-grande{object-fit:contain;width:125px;height:162px}.board-with-coordinates{grid-template-rows:20px auto;grid-template-columns:24px minmax(0,1fr);width:100%;min-width:0;display:grid}.board-corner{grid-area:1/1}.board-col-labels{text-align:center;color:#ead4a2;grid-area:1/2;grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;font-size:11px;font-weight:700;display:grid}.board-row-labels{text-align:center;color:#ead4a2;grid-area:2/1;grid-template-rows:repeat(10,minmax(0,1fr));align-items:center;font-size:11px;font-weight:700;display:grid}.board-with-coordinates .board{grid-area:2/2;position:relative}.last-move-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.victory-icon{margin:10px 0;font-size:64px}.combate-dialog button+button{margin-top:10px}@media (width<=520px){.board-with-coordinates{grid-template-rows:16px auto;grid-template-columns:17px minmax(0,1fr)}.board-col-labels,.board-row-labels{font-size:9px}}