.twins-shell{max-width:1120px;margin:0 auto;padding:56px 24px 80px}.twins-shell>header{text-align:center;margin-bottom:28px}.twins-shell>header h1{font-size:clamp(2.1rem,5vw,4rem);margin:.25em 0}.twins-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.twins-panel,.twins-help{background:#fff;border:1px solid #dbe5ef;border-radius:28px;padding:24px;box-shadow:0 16px 45px rgba(23,50,77,.1)}.twins-toolbar{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:center}.twins-toolbar>div{background:#edf5fb;border-radius:14px;padding:10px;text-align:center}.twins-toolbar small{display:block;color:#617486}.twins-toolbar strong{font-size:1.3rem}.twins-toolbar label{font-weight:700}.twins-panel h2{text-align:center;margin:20px 0 4px}.twins-panel #twins-message{min-height:3em;text-align:center;color:#40596f}.twins-board{width:min(100%,520px);aspect-ratio:1;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px auto}.twins-cell{position:relative;display:grid;place-items:center;min-width:0;border-radius:16px;background:#eef3f7;border:1px solid #d3dee8;overflow:hidden}.twins-cell.wall{background:repeating-linear-gradient(135deg,#324a60,#324a60 8px,#405d76 8px,#405d76 16px);border-color:#284057}.twins-goal{position:absolute;width:62%;height:62%;border:5px solid;border-radius:50%;opacity:.48}.twins-goal.blue{border-color:#2279bd}.twins-goal.gold{border-color:#d69418}.twins-star{position:relative;z-index:2;font-size:clamp(1.5rem,5vw,2.8rem);line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.18)}.twins-star.blue{color:#1674b8;transform:translate(-8%,-5%)}.twins-star.gold{color:#d79313;transform:translate(8%,5%)}.twins-cell .twins-star.blue+.twins-star.gold{position:absolute;right:7%;bottom:7%;font-size:clamp(1.1rem,4vw,2rem)}.twins-pad{width:210px;margin:18px auto;display:grid;grid-template-columns:repeat(3,64px);grid-template-areas:". up ." "left down right";gap:9px}.twins-pad button{min-height:58px;border:0;border-radius:16px;background:#17324d;color:#fff;font-size:1.8rem;font-weight:800;cursor:pointer}.twins-pad button:disabled{opacity:.35;cursor:not-allowed}.twins-pad [data-direction="up"]{grid-area:up}.twins-pad [data-direction="left"]{grid-area:left}.twins-pad [data-direction="down"]{grid-area:down}.twins-pad [data-direction="right"]{grid-area:right}.twins-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.twins-actions [hidden]{display:none!important}.twins-help{line-height:1.8}.twins-help h2{margin-top:0}.twins-help h2:not(:first-child){margin-top:1.4em}.twins-help ol{padding-left:1.4em}@media(max-width:820px){.twins-layout{grid-template-columns:1fr}.twins-toolbar{grid-template-columns:repeat(3,1fr)}.twins-toolbar label{grid-column:1/-1;text-align:center}.twins-panel,.twins-help{padding:18px;border-radius:22px}.twins-board{gap:5px}.twins-cell{border-radius:12px}.twins-shell{padding:36px 14px 64px}}@media(max-width:420px){.twins-toolbar{font-size:.9rem}.twins-toolbar strong{font-size:1.1rem}.twins-actions .button{width:100%}}