*{box-sizing:border-box}body{margin:0;background:#071b20;color:#f6f2e9;font:16px system-ui,sans-serif}header{max-width:1200px;margin:auto;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:15px}h1{font:clamp(38px,5vw,62px) Georgia,serif;margin:7px 0}h1 em{color:#ffb4d1;font-style:normal}small{color:#9be5d5;letter-spacing:.15em;font-size:10px}p{line-height:1.6;color:#cee0db}header p{margin:0}button,a{border:0;border-radius:9px;padding:12px 17px;background:#9ae8d6;color:#102621;font-weight:750;text-decoration:none;cursor:pointer;font-size:14px}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ffb5d3;outline-offset:3px}[hidden]{display:none!important}main{max-width:1200px;margin:auto;padding:0 15px}.scene{background:url(background.png) center/cover;border:1px solid #739b8655;border-radius:22px;display:grid;grid-template-columns:minmax(320px,560px) minmax(260px,340px);justify-content:center;gap:clamp(20px,5vw,85px);padding:25px;box-shadow:0 20px 90px #0006}.play-area{width:min(100%,390px);justify-self:center}.hud{display:flex;justify-content:space-between;padding:12px;background:#092824dd;border:1px solid #76c1a9;border-radius:12px 12px 0 0;font-size:9px;letter-spacing:.1em}.hud b{display:block;font-size:18px;letter-spacing:0;margin-top:5px}.canvas-wrap{position:relative;background:#071d19e8;border:2px solid #88be9a;box-shadow:0 0 28px #77dccb33;border-radius:0 0 12px 12px;overflow:hidden}#board{display:block;width:100%;height:auto;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center;background:#071e1beb;backdrop-filter:blur(4px)}.overlay h2{font:30px Georgia,serif;margin:5px}.overlay p{font-size:14px;margin:0}.overlay #stars{color:#ffda80;font-size:30px}.touch{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding-top:10px}.touch button{padding:13px 5px;font-size:18px;touch-action:manipulation}.touch button:last-child{font-size:14px;background:#ffb5ce}.panel{background:#092522ed;border:1px solid #759e8555;border-radius:15px;padding:22px;margin-bottom:15px}.panel h2{font:25px Georgia,serif;line-height:1.3}.panel p{font-size:13px}.tools{display:flex;flex-wrap:wrap;gap:8px}.tools button{padding:9px 12px}#next{display:block;margin:10px 0}#mode{color:#97e5d3;font-size:12px}#level-track{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}#level-track span{padding:7px;border:1px solid #537b65;border-radius:6px;text-align:center;background:#102d28}#level-track .done{background:#99e5b5;color:#123b25}#level-track .current{border-color:#ffb4d1;color:#ffc5d9}summary{cursor:pointer;font-weight:700}.leaderboard{background:#0e2b28;border:1px solid #4e7863;border-radius:18px;padding:25px;margin:25px 0}.leaderboard h2{font:30px Georgia,serif}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{text-align:left;padding:12px;border-bottom:1px solid #496c5a;font-size:13px}th{color:#a1edd9}.me{background:#285445}footer{text-align:center;padding:25px;color:#9abaae;font-size:12px}.scene:fullscreen{overflow:auto;width:100vw;background-color:#071b20;padding:20px;align-items:center}.scene:fullscreen .play-area{max-width:min(390px,40vh)}@media(max-width:700px){header{padding:17px;align-items:flex-start}header .account{font-size:12px}header a{display:block;padding:10px;font-size:12px}.scene{grid-template-columns:1fr;padding:14px;gap:16px;background-position:left center}.play-area{width:min(100%,350px)}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel{padding:14px;margin:0}aside>details{grid-column:1/-1}.panel h2{font-size:19px}.scene:fullscreen{display:block}.scene:fullscreen .play-area{max-width:350px;margin:auto}.scene:fullscreen aside{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

body{background:linear-gradient(#080b19cf,#080b19eb),var(--skin-art) center/cover fixed;background-color:var(--skin-base,#071b20)}.scene{background-image:var(--skin-art,url(background.png));border-color:var(--skin-accent,#a7fa9d)}.hud,.panel,.leaderboard{background:color-mix(in srgb,var(--skin-base,#092522) 94%,transparent)}.canvas-wrap{border-color:var(--skin-accent,#88be9a)}.overlay{background:color-mix(in srgb,var(--skin-base,#071e1b) 94%,transparent)}button,a{background:var(--skin-accent,#9ae8d6);color:#102621}.skin-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;background:var(--skin-base,#082920);border:1px solid var(--skin-accent,#88be9a);border-radius:10px;margin-top:10px}.skin-tools label{font-size:13px;font-weight:700}.skin-tools select{min-height:42px;max-width:100%;background:#101624;color:#fff;border:1px solid var(--skin-accent,#88be9a);border-radius:7px;padding:8px;font:inherit}.skin-tools span{font-size:11px;color:#e5e9ed}.skin-tools select:focus-visible{outline:3px solid var(--skin-accent);outline-offset:2px}