*{box-sizing:border-box}body{margin:0;color:#f8f2ef;font-family:system-ui,sans-serif;background:radial-gradient(ellipse at 15% 10%,#514c73,transparent 55%),radial-gradient(ellipse at 95% 90%,#1f6266,transparent 55%),#162b3a;min-height:100vh}header{display:flex;justify-content:space-between;padding:18px 5%;border-bottom:1px solid #ffffff20}a{color:#d6e8ee;text-decoration:none}main{max-width:1200px;margin:auto;padding:26px 18px}.eyebrow{color:#96e2cf;letter-spacing:4px;font-size:11px}h1{font-size:clamp(36px,6vw,64px);letter-spacing:-2px;margin:8px 0 20px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:center}.game{position:relative;border:1px solid #8198ae77;border-radius:30px;padding:20px;background:linear-gradient(140deg,#40566a,#263b50);box-shadow:0 12px 0 #101e31,0 30px 60px #0005}.hud{display:flex;justify-content:space-around;font-size:10px;letter-spacing:2px;color:#b5c7d8}.hud b{display:block;font-size:25px;letter-spacing:0;color:white}.goal{display:flex;gap:12px;align-items:center;margin:17px 5% 0;font-size:12px;white-space:nowrap}progress{width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;accent-color:#72dbc7}progress::-webkit-progress-bar{background:#182d42}progress::-webkit-progress-value{background:#72dbc7}#board{display:block;width:100%;height:auto;margin-top:-22px;margin-bottom:-45px;touch-action:manipulation}.cell{cursor:pointer;outline:none}.cell.empty:hover>polygon:first-child,.cell:focus>polygon:first-child{stroke:#fff;stroke-width:4}.cell:hover{filter:brightness(1.13)}#pieces{position:relative;display:flex;gap:14px;margin:0 10%;z-index:1}.piece{width:33.33%;min-height:70px;background:linear-gradient(#63738b,#3b5069);border:1px solid #a8b9ca70;border-radius:18px;box-shadow:0 6px 0 #172b40;color:#91e5c7;font-size:30px;cursor:pointer;touch-action:manipulation}.piece svg{display:block;width:100%}.piece.chosen{outline:2px solid #9af7df;transform:translateY(-5px);background:#416d73}.piece:disabled{opacity:.4;cursor:default}.overlay{position:absolute;inset:0;border-radius:30px;background:#172d43ed;display:grid;place-items:center;text-align:center;padding:30px;z-index:4}.overlay[hidden]{display:none}.overlay img{width:170px;border-radius:30px;box-shadow:0 12px 0 #102136}.overlay h2{font-size:29px}.overlay p{max-width:360px}.primary{border:0;border-radius:12px;padding:16px 25px;background:linear-gradient(#a4efd7,#6bc8b4);color:#133b3a;font-weight:800;box-shadow:0 5px 0 #2a766b;cursor:pointer}p{color:#c2cfda;line-height:1.65}.rule{border-bottom:1px solid #ffffff20;padding:12px 0}.rule b{color:#f3e8dc}.rule p{font-size:14px}#status{min-height:52px;color:#b3f0db;font-size:14px}.actions{display:flex;gap:10px}.actions button{border:1px solid #91a8bd;border-radius:10px;color:#e0ebf4;background:#243e52;padding:11px 15px;cursor:pointer}.actions button:disabled{opacity:.35;cursor:default}@media(max-width:780px){main{padding:20px 12px}.layout{display:flex;flex-direction:column;gap:28px}.game{width:100%;padding:14px 8px}.side{width:100%}.hud b{font-size:22px}#pieces{margin:0 8%;gap:10px}.overlay img{width:115px}.overlay h2{font-size:23px}.overlay p{font-size:13px}#board{margin-top:-12px;margin-bottom:-25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}