.peg-page{max-width:1180px}.peg-shell{background:#100d18;border:1px solid #403452;border-radius:18px;padding:24px;margin-bottom:34px}.peg-top,.peg-stats,.peg-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.peg-top h2{margin:0;font-size:1.25rem}.peg-top label{display:flex;align-items:center;gap:10px;font-weight:800}.peg-top select,.peg-actions button{min-height:44px;border:1px solid #654f7d;border-radius:8px;background:#1d1728;color:#f8f5ff;padding:9px 13px}.peg-stats{display:grid;grid-template-columns:repeat(5,1fr);margin:20px 0;border:1px solid #3a3047;border-radius:10px;overflow:hidden}.peg-stats>div{padding:13px 14px;background:#171220;border-right:1px solid #3a3047}.peg-stats>div:last-child{border-right:0}.peg-stats small{display:block;color:#a99db7;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.peg-stats strong{font-size:1.12rem;font-variant-numeric:tabular-nums}.peg-board{--c:5;display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:7px;width:min(100%,calc(var(--c)*64px));margin:18px auto;padding:12px;background:#09080e;border:1px solid #3b304b;border-radius:14px}.peg-cell{position:relative;aspect-ratio:1;border:1px solid #332941;border-radius:10px;background:#171320;padding:0;display:grid;place-items:center}.peg-cell:hover{background:#21192e}.peg-cell.selected{outline:3px solid #f6f1ff;outline-offset:1px}.peg-cell.landing{border-color:#b39aff;box-shadow:inset 0 0 0 2px #b39aff55}.peg-cell.core{border-color:#8b733b;background:#201b16}.peg-socket{width:32%;height:32%;border-radius:50%;background:#08070c;box-shadow:inset 0 0 0 2px #2f273b}.peg-piece{width:58%;height:58%;border-radius:50%;background:linear-gradient(145deg,#d9caff,#8f68ce);box-shadow:0 5px 0 #60448c,0 0 16px #b39aff33}.core .peg-piece{background:linear-gradient(145deg,#ffe9a2,#c99f3e);box-shadow:0 5px 0 #7c6129,0 0 18px #f1c95b55}.peg-cell.hint{animation:pegPulse .8s ease-in-out infinite alternate}.peg-status{text-align:center;min-height:28px;color:#d6c8e9;margin:12px auto 18px}.peg-actions{justify-content:center}.peg-actions .primary{background:#b39aff;color:#130d1c;border-color:#b39aff;font-weight:850}.peg-actions button:disabled{opacity:.45}.peg-note{color:#a99db7;text-align:center;font-size:.84rem;line-height:1.55}.peg-shell #peg-storage{margin-bottom:0}@keyframes pegPulse{to{filter:brightness(1.55);transform:scale(.94)}}@media(max-width:700px){.peg-shell{padding:16px 12px}.peg-stats{grid-template-columns:repeat(2,1fr)}.peg-stats>div{border-bottom:1px solid #3a3047}.peg-stats>div:nth-child(even){border-right:0}.peg-stats>div:last-child{grid-column:1/-1}.peg-board{gap:4px;padding:8px}.peg-actions button{flex:1 1 42%}}@media(max-width:380px){.peg-board{gap:3px;padding:6px}.peg-cell{border-radius:7px}}
