:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#081322;color:#f6eddb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#253a4c,transparent 55%),#081322;min-height:100vh}header{display:flex;justify-content:space-between;gap:20px;padding:25px 5%;border-bottom:1px solid #364353}a{color:#e5bd78;text-decoration:none}main{max-width:960px;margin:auto;padding:48px 22px}.eyebrow{color:#d5af73;font-size:12px;letter-spacing:2px;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(40px,7vw,76px);line-height:1.06;margin:18px 0}h1 em{color:#ddb575;font-weight:normal}.intro{color:#bac6d0;max-width:590px;line-height:1.7}.panel{border:1px solid #5a5042;background:#101f30e8;padding:26px;border-radius:14px;margin-top:28px}h2{font-size:23px;line-height:1.4}.settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;color:#e5d5b8}select,input{display:block;width:100%;margin-top:9px;background:#081322;border:1px solid #65707b;color:#fff;padding:13px;border-radius:7px;font:inherit;font-size:16px}button{background:#d9ac66;color:#091321;border:1px solid #d9ac66;border-radius:7px;padding:12px 18px;cursor:pointer;font-size:15px;font-weight:750;min-height:44px}button.outline{color:#e7c58d;background:transparent}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #78daca;outline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}p{line-height:1.65}.topline{display:flex;justify-content:space-between;gap:10px;align-items:center}#badge{color:#d9ac66;font-size:12px;letter-spacing:1px}#word{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}#word span{font:bold clamp(18px,4vw,30px) monospace;letter-spacing:5px;overflow-wrap:anywhere}#keyboard{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin:24px 0}#keyboard button{padding:12px 0}#keyboard .hit{background:#376e61;border-color:#66b09b;color:white}#progress{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}#progress span{width:18px;height:18px;transform:rotate(45deg);background:#d9ac66;border:1px solid #edce98;margin:4px}#progress span.lost{background:#253549;border-color:#425164}#lesson{border-left:3px solid #d9ac66;padding:0 18px;margin:28px 0}#source,.rules{color:#b8c5d1}.rules{font-size:14px}summary{cursor:pointer;padding:8px 0}#status{color:#e8c58b;min-height:26px}#online button{margin:5px 5px 5px 0}footer{text-align:center;padding:30px;color:#c4a678;font-size:11px;letter-spacing:2px}[hidden]{display:none!important}@media(max-width:600px){main{padding:30px 14px}.panel{padding:18px}.settings{grid-template-columns:1fr}header{font-size:12px}#keyboard{grid-template-columns:repeat(7,1fr);gap:6px}h2{font-size:20px}.actions button{flex:1 1 100%}}

.splash-stage{--slip:0;margin:24px 0;border:1px solid #677b86;border-radius:16px;overflow:hidden;background:#0c2230}.splash-stage svg{display:block;width:100%;max-height:260px}.splash-stage figcaption{padding:12px 16px;margin:0;font-size:14px;color:#d9e7ed;line-height:1.6}.stick-person{transform-origin:0 0;transform:translate(calc(90px + var(--slip)*360px),calc(70px + var(--slip)*75px)) rotate(calc(var(--slip)*12deg));transition:transform .65s ease}.splashed .stick-person{transform:translate(480px,151px) rotate(0deg)}.splash-drops{opacity:0}.splashed .splash-drops{opacity:1;animation:reign-splash .7s ease-out both}.splashed .wave-arm,.solved .wave-arm{transform-origin:0 7px;animation:reign-wave .5s ease-in-out 4 alternate}@keyframes reign-splash{from{opacity:0;transform:translateY(12px)}40%{opacity:1}to{opacity:0;transform:translateY(-9px)}}@keyframes reign-wave{from{transform:rotate(-12deg)}to{transform:rotate(18deg)}}html[data-game-motion=reduced] .stick-person{transition:none}html[data-game-motion=reduced] .splash-stage *{animation:none!important}@media(prefers-reduced-motion:reduce){.stick-person{transition:none}.splash-stage *{animation:none!important}}