:root{--y:#ffc928;--n:#071a33;--m:#b7c8da}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at 80% 0,#164b80,#081d39 45%,#041225);color:#fff;min-height:100vh}.app{max-width:980px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;padding:12px 0 18px;border-bottom:1px solid #ffffff20}header b{font-size:24px}header span,h1 span,em{color:var(--y)}header small{color:var(--m)}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:30px 0 20px}.hero h1{font-size:58px;margin:5px 0}.hero p{color:#d8e4ee;max-width:700px}.card{background:linear-gradient(145deg,#0e2f54,#081b32);border:1px solid #ffffff20;border-radius:22px;box-shadow:0 20px 60px #0005}.toolbar{display:flex;justify-content:space-between;gap:12px;padding:14px;margin-bottom:14px}.levels,.player,.controls{display:flex;gap:8px;flex-wrap:wrap}.levels button,.player button,.controls button,.finish button{border:1px solid #ffffff25;background:#ffffff0e;color:#fff;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.levels button.active,.primary{background:var(--y)!important;color:#10213a!important;border:0!important}.player input{background:#ffffff10;color:#fff;border:1px solid #ffffff25;border-radius:10px;padding:10px 12px}main{padding:20px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stats div{background:#ffffff0d;border-radius:10px;padding:10px;text-align:center;color:var(--m)}.stats b{display:block;color:#fff;font-size:19px}.rules{margin-top:14px;background:#ffffff0a;padding:14px;border-radius:14px}.rules h2{margin-top:0}.rule{padding:10px;background:#ffffff0c;border-radius:9px;margin:6px 0;color:#dbe6ef}.layout{display:grid;grid-template-columns:1fr 220px;gap:16px;margin-top:16px}#board{display:grid;gap:5px;aspect-ratio:1}.cell{display:grid;place-items:center;border-radius:10px;background:#eef3f8;color:#0b2442;font-size:27px;font-weight:900;cursor:pointer}.cell.fixed{background:#fff2b8}.cell.error{outline:3px solid #df4d4d}.cell.hint{outline:4px solid var(--y)}aside{background:#ffffff0d;border-radius:14px;padding:14px}.piece{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;border:1px solid #ffffff18;border-radius:10px;padding:10px;margin:7px 0;cursor:pointer}.piece.active{outline:3px solid var(--y)}.piece strong{font-size:24px}.controls{justify-content:center;margin-top:16px}.board2,.finish{margin-top:14px;padding:20px}.finish{display:none;text-align:center}.finish.show{display:block}.cup{font-size:48px}.leader-row{display:grid;grid-template-columns:40px 1fr 80px 90px;gap:8px;background:#ffffff0c;border-radius:10px;padding:10px;margin:6px 0}.leader-row .rank{color:var(--y);font-weight:900}#shareCanvas{display:none;max-width:100%;margin-top:18px}.hidden{display:none}.note{margin-top:16px;background:#eaf6fb;color:#0b2442}.note b,.note span{display:block}.note span{font-size:13px;color:#52657a;margin-top:5px}footer{text-align:center;color:#8298b0;font-size:11px;padding:22px 0}@media(max-width:760px){.app{padding:10px}.hero{display:block}.hero h1{font-size:44px}header small{display:none}.toolbar{display:block}.player{margin-top:10px}.stats{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:1fr}#board{width:92vw}.piece{display:inline-flex;width:48%;margin:1%}.leader-row{grid-template-columns:30px 1fr 65px 70px;font-size:13px}}