@font-face{font-family:Zafari;src:url(assets/Truculenta72pt-Black.ttf)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#082718;color:#fff7d4;font-family:Zafari,system-ui}#game{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}header{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:12px;pointer-events:none}header>*{pointer-events:auto}h1{font-weight:normal;font-size:clamp(20px,3vw,35px);margin:0;text-shadow:0 2px 4px #000;line-height:1;flex:1}button,a,input{touch-action:manipulation}button,a{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid white;outline-offset:4px}.circle{flex-shrink:0;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:2px solid #ffca43;background:#164735;box-shadow:0 3px 8px #0005;color:#ffca43;font-size:32px;line-height:1;text-decoration:none;padding:0}button[aria-pressed=true]{background:#245840}#speaker{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.circle svg{display:block}#sound[aria-pressed=true] #speaker:after{content:"";position:absolute;top:50%;left:-6px;right:-6px;height:3px;background:#ffca43;transform:translateY(-50%) rotate(-50deg);box-shadow:0 0 1px #164735}output{font-size:32px;min-width:27px;text-shadow:0 2px 4px #000}aside{position:absolute;right:max(12px,env(safe-area-inset-right));top:40%;display:flex;flex-direction:column;gap:14px;align-items:center}aside>div{display:grid;place-items:center;gap:2px;width:50px;grid-template-columns:minmax(0,1fr)}aside span{white-space:nowrap;justify-self:center}aside span{font-size:19px;text-shadow:0 2px 3px #000}#size i{display:block;width:30px;height:17px;border-radius:50%;background:#ffca43}.panel{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #ffca43;background:#123d2bf5;border-radius:24px;padding:25px;min-width:240px;max-width:90%;text-align:center;box-shadow:0 12px 40px #0006}.panel h2{font-weight:normal;font-size:35px;margin:0 0 12px}.panel p{font-size:24px}.panel button{display:block;border:2px solid #ffca43;border-radius:25px;background:#ffca43;color:#123d2b;font-size:26px;padding:8px 25px;margin:12px auto 0;min-height:44px}.panel label{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:27px;min-height:50px}.panel input[type=checkbox]{width:26px;height:26px;accent-color:#ffca43}#sound-options{left:auto;right:14px;top:78px;transform:none}#sound-hint{position:absolute;right:75px;top:80px;border-radius:18px;padding:12px;background:#fff7d4;color:#123d2b;font-size:21px;z-index:11;max-width:220px;pointer-events:none}#coach{position:absolute;inset:0;pointer-events:none;z-index:3}#coach-caption{position:absolute;top:max(80px,calc(env(safe-area-inset-top) + 72px));left:50%;transform:translateX(-50%);margin:0;padding:10px 20px;max-width:min(420px,calc(100% - 90px));width:max-content;border-radius:40px;background:#123d2beb;color:#fff7d4;font-size:clamp(22px,2.6vw,27px);text-align:center;line-height:1.15}#coach-hand{position:absolute;width:76px;height:86px;transform:rotate(180deg);filter:url(#coach-hand-outline) drop-shadow(-1px -2px 2px #000e)}#coach-hand::before{content:"";position:absolute;inset:0;background:#fff7d4;-webkit-mask:url(assets/coach-hand.webp) center/contain no-repeat;mask:url(assets/coach-hand.webp) center/contain no-repeat;}#coach-ring{position:absolute;box-sizing:border-box;border:4px solid #ffca43;border-radius:50%;transform:translate(-50%,-50%)}#coach-stone{position:absolute;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 3px #0007)}@media(max-width:600px){#coach-hand{width:58px;height:66px}#coach-caption{max-width:calc(100% - 80px);font-size:22px}}@media(max-height:450px){#coach-caption{top:70px;max-width:420px;font-size:21px;padding:8px 16px}}#message{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);background:#123d2be8;border-radius:28px;padding:9px 22px;font-size:25px;white-space:nowrap;pointer-events:none}#keyboard{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);opacity:0}#keyboard:focus-within{opacity:1}#place{background:#123d2b;border:2px solid #ffca43;border-radius:20px;min-height:44px;font-size:22px}[hidden]{display:none!important}@media(max-height:450px){aside>div{width:44px}aside{top:28%;gap:6px}.circle{width:44px;height:44px;font-size:28px}aside span{font-size:16px}#fullscreen-control{display:none}header{gap:8px}}
#keyboard{pointer-events:none}#keyboard:focus-within{pointer-events:auto}