.as-piramide{--pir-ink:#25374a;color:var(--pir-ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;max-width:1080px;margin:1rem auto;padding:clamp(14px,3vw,28px);background:#f5f7f8;border-radius:18px}
.as-piramide *{box-sizing:border-box}.as-piramide [hidden]{display:none!important}.pir-hero h2{font-size:clamp(1.8rem,4vw,2.5rem);margin:0}.pir-hero p{margin:.25rem 0 1rem}.pir-kicker{text-transform:uppercase;letter-spacing:.09em;color:#657789;font-size:.78rem;font-weight:700}
.pir-panel{min-width:0;background:white;border:1px solid #d9e0e8;border-radius:16px;padding:clamp(12px,2vw,22px);box-shadow:0 3px 12px #2638540c}.pir-panel h3{margin:0 0 12px}.pir-start{max-width:650px}.pir-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}.pir-players{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:650}.pir-players strong{color:#2555a6}.pir-main [data-role="status"]{min-height:3em;font-weight:600}
.pir-board{--pir-stone:48px;display:flex;flex-direction:column;align-items:center;gap:clamp(7px,1.4vw,13px);padding:clamp(20px,5vw,38px) 6px;background:linear-gradient(130deg,#f7ebd3,#e8cea2);border:1px solid #cdb787;border-radius:15px;overflow:hidden;touch-action:manipulation}.pir-row{display:flex;justify-content:center;align-items:center;gap:clamp(3px,.8vw,9px);width:100%}.pir-stone{position:relative;flex:0 0 var(--pir-stone);min-width:0;width:var(--pir-stone);height:var(--pir-stone);aspect-ratio:1/1;padding:0;appearance:none;-webkit-appearance:none;border-radius:50%;border:2px solid #1b242e;background:radial-gradient(circle at 34% 26%,#737e8a,#27313b 55%,#141b22);box-shadow:0 3px 5px #51381b66;cursor:pointer;touch-action:manipulation}.pir-stone.chosen{outline:4px solid #246cc2;outline-offset:2px;transform:translateY(-3px)}.pir-stone.removed{opacity:.22;background:transparent;border:2px dashed #5a584f;box-shadow:none;cursor:default}.pir-stone:focus-visible{outline:4px solid #246cc2;outline-offset:2px}.pir-hint{font-size:.9rem;color:#586c7c}
.as-piramide button:not(.pir-stone){min-height:43px;padding:9px 13px;background:#2555a6;color:white;border:1px solid #2555a6;border-radius:9px;font:inherit;font-weight:650;cursor:pointer}.pir-layout aside button{display:block;width:100%;margin:9px 0}.as-piramide button:disabled{opacity:.5;cursor:default}.pir-panel details{margin-top:20px}.pir-panel summary{font-weight:700;cursor:pointer}.pir-panel ul{padding-left:1.35rem}.pir-panel li{margin:.5rem 0}
.pir-options,.pir-modes{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.pir-options label,.pir-online label{display:grid;gap:4px;font-weight:600}.as-piramide select,.as-piramide input{font:inherit;border:1px solid #aab8c6;border-radius:8px;padding:8px;min-height:42px;background:white;color:var(--pir-ink)}.pir-modes button:first-child,.pir-modes button:last-child{background:white;color:#2555a6}.pir-online{margin-top:14px;padding:13px;background:#f5f7fa;border-radius:11px}.pir-online input{width:130px;text-transform:uppercase}.pir-online button{margin:5px 7px 5px 0}.pir-room{padding:8px 10px;border-radius:8px;background:#eaf2ff;font-weight:600;overflow-wrap:anywhere}
@media(max-width:750px){.pir-layout{grid-template-columns:1fr}.pir-players{font-size:.85rem}}