*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 20%,#364377,transparent 50%),radial-gradient(ellipse at 90% 75%,#41336a,transparent 50%),#10172f;color:#f4f4ff;font-family:system-ui,sans-serif;min-height:100vh}header{padding:18px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff18}a{color:#c3d3ff;text-decoration:none}main{max-width:1100px;margin:auto;padding:28px 20px}h1{font-size:clamp(34px,6vw,60px);letter-spacing:-2px;margin:0 0 12px}.eyebrow{font-size:11px;letter-spacing:4px;color:#a8a6e8}p{color:#afb9d5;line-height:1.65}.layout{display:grid;grid-template-columns:1fr 300px;gap:34px;align-items:center}.game{position:relative;width:100%;max-width:590px;margin:auto;padding:16px;border-radius:28px;background:linear-gradient(135deg,#34416b,#182440);border:1px solid #6573a1;box-shadow:0 12px 0 #090f23,0 30px 65px #0006;perspective:1000px}.hud{display:flex;justify-content:space-around;padding:5px 0 16px;font-size:11px;letter-spacing:2px;color:#a6b9df}.hud b{display:block;font-size:26px;color:white;letter-spacing:0}#board{display:block;width:100%;height:auto;aspect-ratio:1;background:#0c1531;border-radius:16px;touch-action:manipulation;cursor:crosshair;box-shadow:inset 0 6px 14px #0008;transform:rotateX(5deg)}#pieces{display:flex;gap:10px;margin-top:14px}.piece{width:33.33%;border-radius:15px;border:1px solid #5d7095;background:linear-gradient(#34426a,#1d2946);box-shadow:0 5px 0 #080f25;cursor:pointer;min-height:76px;color:#65e7c4;font-size:32px;touch-action:manipulation}.piece canvas{display:block;width:100%;height:auto}.piece.chosen{outline:2px solid #79eed9;background:#2d5868;transform:translateY(-3px)}.piece:disabled{opacity:.35;cursor:default}.overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;text-align:center;border-radius:28px;background:#101a35ee;padding:24px}.overlay[hidden]{display:none}.overlay img{width:170px;border-radius:28px;box-shadow:0 10px 0 #090e25}.overlay h2{font-size:28px;margin-bottom:8px}button.primary{background:linear-gradient(#82f4dd,#3fc4b7);color:#092d38;padding:16px 25px;border:0;border-radius:12px;font-weight:800;box-shadow:0 5px 0 #1c726f;cursor:pointer}#restart{background:none;border:1px solid #68769a;border-radius:10px;padding:11px 18px;color:#d3ddf4;cursor:pointer}#status{min-height:52px;font-size:14px}.rule{padding:14px 0;border-bottom:1px solid #ffffff19}.rule b{display:block;color:#e7e8fc}.flash{animation:flash .4s}@keyframes flash{50%{filter:brightness(1.7)}}@media(max-width:750px){main{padding:22px 12px}.layout{display:flex;flex-direction:column;gap:24px}.side{width:100%;max-width:580px}.game{padding:10px}.hud{padding-bottom:8px}h1{letter-spacing:-1px}.overlay img{width:130px}}@media(prefers-reduced-motion:reduce){.flash{animation:none}}