@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#e8e9e7;background:#101b2c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 35%,#1d3043 0,#121f31 52%,#101a2a)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}.glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(75px);opacity:.23}.glow-one{width:380px;height:380px;top:10%;left:3%;background:#1e5972}.glow-two{width:430px;height:430px;bottom:4%;right:0;background:#9d682e;opacity:.09}.shell{position:relative;max-width:1390px;margin:auto;padding:0 43px}header{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff17}.brand{font-weight:700;letter-spacing:.19em;font-size:12px;white-space:nowrap}.spark{font-size:27px;color:#e8bd80;vertical-align:middle;margin-right:10px;font-weight:400}.header-right{display:flex;align-items:center;gap:25px}.edition{font-size:9px;color:#8994a0;letter-spacing:.2em}.sound{border:1px solid #ffffff25;border-radius:100%;width:36px;height:36px;background:#ffffff0a;color:#e3bc86;font-size:19px}.hero{text-align:center;padding:52px 0 41px}.eyebrow{color:#d9b17d;font-size:10px;letter-spacing:.27em;font-weight:700}.hero h1{font-family:Playfair Display,Georgia,serif;font-weight:500;font-size:clamp(42px,5vw,65px);letter-spacing:-.04em;line-height:1.12;margin:17px 0 14px}.hero em{color:#d8ae79;font-weight:500}.hero p{font-size:13px;color:#a0aab5;margin:0}.layout{display:grid;grid-template-columns:minmax(185px,1fr) minmax(430px,2.25fr) minmax(185px,1fr);gap:20px;align-items:start}.panel,.game{border:1px solid #ffffff18;border-radius:13px;background:#ffffff08;box-shadow:0 18px 50px #00000016}.panel{min-height:532px;padding:25px 20px}.panel-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:.15em;color:#c6cbd0;padding-bottom:22px;border-bottom:1px solid #ffffff17}.panel-head span:last-child{color:#d7b484}.level-list{padding:17px 0}.level{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:0;background:none;color:#aab3ba;padding:13px 10px;border-radius:7px;font-size:12px;white-space:nowrap}.level:hover{background:#ffffff0d}.level.active{background:#d6ae7930;color:#f0d2a9}.level-number{font-size:10px;color:#8796a4}.level.active .level-number{color:#eac48d}.check{margin-left:auto;color:#d8b585}.aside-note{display:flex;gap:12px;margin-top:35px;padding:22px 0;border-top:1px solid #ffffff17;color:#d5ae7a;font-size:21px}.aside-note span{font-size:11px;line-height:1.65;color:#8795a2}.aside-note strong{color:#d0d3d1;font-weight:500}.game{background:linear-gradient(140deg,#25394a,#203345 45%,#1d3041);padding:25px 30px 21px;min-height:532px;box-shadow:0 30px 85px #00000032}.game-head{display:flex;justify-content:space-between;align-items:start}.eyebrow-small{font-size:9px;color:#d1ac7a;font-weight:700;letter-spacing:.18em}.game-head h2{font-family:Playfair Display,Georgia,serif;font-weight:500;font-size:28px;margin:8px 0}.remaining{text-align:right}.remaining span,.best span{display:block;font-size:9px;color:#9dacb8;letter-spacing:.15em;font-weight:700}.remaining strong{display:block;color:#e4c095;font-family:Georgia,serif;font-weight:400;font-size:34px;margin-top:1px}.board-area{display:grid;place-items:center;padding:5px 0 14px}.board{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;width:min(100%,360px);aspect-ratio:1;padding:17px;border-radius:50%;background:radial-gradient(circle at 36% 29%,#d4ad77,#99704b 68%,#754e34);box-shadow:inset 0 2px 3px #ffddaa95,inset 0 -11px 22px #613d2d99,0 15px 32px #07152080,0 0 0 5px #d0a37533}.void{visibility:hidden}.hole{border:0;border-radius:50%;position:relative;padding:0;aspect-ratio:1;background:radial-gradient(circle at 50% 70%,#594029,#664631 60%,#785336);box-shadow:inset 0 3px 5px #38251bbd,0 1px 1px #f4ca9555;touch-action:manipulation}.hole .peg{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff2d4 0,#f0d49f 24%,#c9985e,#8a5933);box-shadow:inset 1px 2px 2px #ffffff94,inset -3px -4px 5px #70442499,0 3px 5px #38291f9e;opacity:0;transform:scale(.5);transition:transform .16s,opacity .16s}.hole.occupied .peg{opacity:1;transform:scale(1)}.hole.occupied:hover .peg{transform:scale(1.09)}.hole.selected .peg,.hole.hint-from .peg{box-shadow:0 0 0 3px #fff4d3,0 0 18px 5px #fff1b2,inset -3px -4px 5px #70442499}.hole.destination:after,.hole.hint-to:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid #fef2c4;border-radius:50%;background:#ffe4a35a;box-shadow:0 0 14px #ffedac;animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(.8);opacity:.55}}.game-foot{border-top:1px solid #ffffff25;padding-top:19px;display:flex;justify-content:space-between;align-items:center}.moves{display:flex;align-items:center;gap:10px}.moves strong{color:#e7c397;font-family:Georgia,serif;font-weight:400;font-size:26px}.moves span{font-size:9px;line-height:1.45;letter-spacing:.13em;color:#9baab6}.actions{display:flex;gap:6px}.actions button{border:1px solid #ffffff25;border-radius:6px;color:#e2e5e4;background:#ffffff0c;padding:10px 13px;font-size:12px}.actions button:hover:not(:disabled){background:#ffffff27}.actions button.hint-button{color:#2c2a26;background:#dbb786;border-color:#dbb786;font-weight:700}.actions button.hint-button:hover:not(:disabled){background:#f4d2a2}.guide .panel-head{margin-bottom:11px}.instruction{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid #ffffff14}.instruction>span{font-family:Georgia,serif;color:#d3ae7e;font-size:19px}.instruction strong{font-weight:600;color:#e5e9e8;font-size:12px}.instruction p{color:#929eaa;font-size:11px;line-height:1.55;margin:6px 0 0}.diagram{display:flex;align-items:center;justify-content:center;gap:9px;margin:25px 0}.diagram i{display:block;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff0d2,#b88350);box-shadow:0 2px 5px #0006}.diagram b{font-size:22px;color:#d6b58a;font-weight:400}.best{border-top:1px solid #ffffff17;padding-top:18px}.best strong{display:block;margin-top:8px;font-size:12px;color:#dcc095;font-weight:500}.result{display:flex;gap:13px;align-items:center;margin-top:17px;padding:15px;background:#d6ae7924;border:1px solid #e7c3975c;border-radius:8px}.result-icon{font-size:27px;color:#e6c493}.result div{flex:1}.result strong{font-size:13px;color:#f4dfc1}.result p{font-size:11px;margin:4px 0 0;color:#c7c8c1}.result button{font-size:11px;border:0;border-radius:5px;padding:9px;background:#deb985;color:#28333c;font-weight:700;white-space:nowrap}footer{text-align:center;color:#788796;font-size:9px;letter-spacing:.18em;padding:32px 0 28px}footer span{color:#d0ac7e;margin:0 11px}@media(max-width:1000px){.shell{padding:0 22px}.layout{grid-template-columns:minmax(180px,1fr) minmax(370px,2.2fr)}.guide{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide .panel-head,.guide .diagram,.guide .best{grid-column:1/-1}.guide .instruction{border:0;padding:8px 0}}@media(max-width:650px){header{height:68px}.edition{display:none}.shell{padding:0 15px}.hero{padding:37px 0 29px}.hero h1{font-size:44px}.hero p{font-size:12px;line-height:1.5}.layout{display:flex;flex-direction:column;gap:14px}.game{order:0;width:100%;min-height:0;padding:20px 17px}.levels{order:1;width:100%;min-height:0;padding:19px}.guide{order:2;width:100%;min-height:0;display:block;padding:19px}.level-list{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.level{padding:10px 8px}.aside-note{margin-top:5px;padding:14px 0 0}.board{width:min(100%,340px);gap:4px;padding:15px}.board-area{padding:6px 0 19px}.game-head h2{font-size:26px}.actions button{padding:9px}.guide .instruction{padding:12px 0;border-bottom:1px solid #ffffff14}.guide .diagram{margin:15px}.result{flex-wrap:wrap}.result button{margin-left:auto}footer{font-size:8px;line-height:2}.brand{font-size:10px}}.shell{max-width:650px}.hero{padding:25px 0 20px}.hero h1{font-size:clamp(37px,7vw,54px);margin:9px 0 7px}.game{min-height:0;padding:20px 25px}.game-head h2{text-transform:capitalize;font-size:25px}.board-area{padding:0 0 14px}.board{width:min(100%,430px)}.secondary{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff22;margin-top:16px;padding-top:13px}.secondary button{border:0;background:none;color:#e2be8d;font-size:12px;padding:7px 0}.secondary button:hover{text-decoration:underline}.secondary span{color:#9babba;font-size:10px}.help{display:flex;justify-content:space-between;gap:9px;padding:17px 7px 0;color:#b9a98f;font-size:9px;letter-spacing:.07em}footer{padding:24px 0}@media(max-width:650px){.shell{padding:0 10px}header{height:53px;padding:0 5px}.hero{padding:15px 0 14px}.hero h1{font-size:35px;margin:7px 0 5px}.hero p{font-size:11px}.eyebrow{font-size:8px}.game{padding:15px 13px 11px}.game-head h2{font-size:22px;margin:5px 0 7px}.remaining strong{font-size:29px}.board-area{padding:0 0 12px}.board{width:min(100%,min(88vw,48vh));padding:12px;gap:4px}.game-foot{padding-top:12px}.actions button{min-height:43px;padding:8px 10px}.help{font-size:8px;line-height:1.35}.secondary{margin-top:11px;padding-top:8px}footer{padding:17px 0}}@media(max-width:370px){.actions button span{display:none}.actions button{min-width:43px;font-size:20px}.help{font-size:7px}.hero h1{font-size:31px}}