:root{color-scheme:dark;--gold:#c4974d;--ivory:#fff0c9;--muted:#d2bf97;--wood:#25170e}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:#101c18;color:var(--ivory);font-family:Inter,Arial,sans-serif;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:wait;opacity:.5}button:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid #ffe2a0;outline-offset:-3px}.game{width:min(100vw,177.7778dvh);height:min(100dvh,56.25vw);display:grid;grid-template-rows:clamp(58px,12%,106px) minmax(0,1fr) clamp(44px,6%,56px);border:2px solid #9d763d;background:#21180f;box-shadow:0 0 65px #0008;position:relative;isolation:isolate}.wood,.hud,footer{background:repeating-linear-gradient(1deg,#382211 0,#28180e 4px,#2c1c11 7px,#21150d 10px);border-color:var(--gold)}.hud{display:flex;align-items:center;gap:clamp(4px,1vw,16px);border-bottom:3px double #bc8d44;padding:3px clamp(4px,.7vw,12px);min-width:0;z-index:2}.logo{width:22%;height:auto;max-height:100%;object-fit:contain;flex-shrink:0}.heading{flex:1;min-width:0;text-align:center}.heading h1{font-family:Cinzel,Georgia,serif;font-size:clamp(16px,2.05vw,35px);font-weight:700;white-space:nowrap;margin:0;text-shadow:1px 2px #000}.level-label{border:0;background:transparent;color:#e9ce93;font-size:clamp(10px,.95vw,15px);padding:4px;min-height:24px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counters{display:flex;gap:clamp(5px,1vw,18px);white-space:nowrap;align-items:center}.counters>div{min-width:62px;text-align:center;border:1px solid #9a7134;border-radius:5px;padding:6px 9px;background:#130d08a8;box-shadow:inset 0 0 0 2px #0005}.counters span{display:block;letter-spacing:.08em;font-size:clamp(10px,.8vw,13px);color:#d9bb7a}.counters strong{display:block;font-family:Cinzel,Georgia,serif;font-size:clamp(17px,1.6vw,27px);line-height:1.1;margin-top:3px}.tools{display:flex;gap:4px;flex-shrink:0}.round{border:2px solid #bc8d44;box-shadow:inset 0 0 0 2px #352111;background:radial-gradient(ellipse at 30% 20%,#775322,#38220f);border-radius:50%;width:clamp(44px,3.9vw,60px);height:clamp(44px,3.9vw,60px);font-size:clamp(23px,2.1vw,32px);line-height:1}.round:hover{filter:brightness(1.2)}.round[aria-pressed=false]{color:#a9977c}.stage{position:relative;min-height:0;overflow:hidden;background:#b8c9d0}.stage canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.aim-readout{position:absolute;left:23%;top:35%;padding:7px 12px;background:#271b13ed;border:1px solid #d2a45b;border-radius:7px;pointer-events:none;min-width:114px}.aim-readout strong{font-size:21px;margin-right:12px}.aim-readout span{font-size:12px}.aim-readout>i{display:block;height:4px;background:#110c08;margin-top:6px;border-radius:3px;overflow:hidden}.aim-readout>i>i{display:block;height:100%;background:linear-gradient(90deg,#e7bd68,#df7c32);width:58%}.toast{position:absolute;top:6%;left:50%;transform:translate(-50%,-5px);background:#281d12e8;color:#ffdf9f;border:1px solid #b99456;border-radius:6px;padding:9px 16px;font-size:clamp(12px,1.1vw,17px);opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}.toast.visible{opacity:1}.assist{position:absolute;bottom:10px;left:15px;width:260px;max-height:95%;overflow:auto;padding:15px;border:1px solid #c39a59;border-radius:9px;z-index:3;box-shadow:0 8px 25px #0007}.assist label{display:flex;justify-content:space-between;font-size:13px}.assist input{width:100%;accent-color:#d6ad69;min-height:35px;margin:0 0 8px}.assist .primary{min-height:44px;font-size:14px}.assist p{font-size:10px;line-height:1.5;margin-bottom:0;color:#d5bf99}footer{border-top:3px double #bd8e47;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:clamp(11px,1.05vw,16px);line-height:1.35;z-index:2}footer>span{overflow:hidden;text-overflow:ellipsis}footer button{border:0;background:transparent;color:#e9cb91;text-decoration:underline;text-underline-offset:3px;min-height:40px;flex-shrink:0;font-size:12px;padding:0 8px}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:10px;background:#15211c65;backdrop-filter:blur(3px);z-index:5}.dialog{width:min(480px,90%);max-height:100%;display:flex;flex-direction:column;border:3px double #e0b46d;border-radius:12px;box-shadow:0 15px 70px #000b;text-align:center;overflow:hidden}.dialog-body{padding:20px 27px 8px;min-height:0;overflow:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:#dbb15f}.dialog h2{font-family:Cinzel,Georgia,serif;font-size:clamp(23px,2.6vw,37px);line-height:1.15;margin:11px 0}.dialog p{font-size:14px;line-height:1.6;color:#ecd8b3;margin:8px 0}.dialog ol{padding-left:18px;text-align:left;font-size:12px;color:#e6d4b2;line-height:1.65}.dialog li{margin:6px 0}.dialog .small{font-size:11px;color:#d1b88b}.dialog-actions{flex-shrink:0;padding:10px 25px 20px;display:flex;gap:8px;flex-wrap:wrap}.primary,.secondary{display:block;min-height:48px;width:100%;border:2px solid #d2a357;border-radius:7px;background:linear-gradient(#a84420,#802a16);box-shadow:inset 0 0 0 2px #40180f;font-weight:700;font-size:16px;padding:8px 18px}.primary:hover{filter:brightness(1.13)}.secondary{background:#322211;font-size:13px;min-height:44px}.result{font-family:Cinzel,Georgia,serif;font-size:48px;display:block;color:#ffe2a0}.levels{display:grid;gap:7px;margin:12px 0}.levels button{min-height:44px;border:1px solid #ac864c;border-radius:5px;background:#130e09b3;color:#f8e4bd;font-size:13px}.levels button:hover{background:#654122}progress{width:100%;accent-color:#d3a65c;height:8px}.rotate{position:fixed;inset:0;background:#18251e;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.rotate img{width:min(70%,320px);height:auto}.rotate h2{font:700 30px Cinzel,Georgia,serif;margin:10px}.rotate p{line-height:1.7;color:#d9c9a8}.phone{font-size:75px;color:#d9b471;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{position:fixed;inset:40% 10%;background:#24180f;padding:20px;z-index:40}[hidden]{display:none!important}@media(max-width:950px){.hud{gap:5px}.heading h1{font-size:17px}.counters>div{min-width:60px;padding:4px 6px}.counters span{font-size:10px}.tools{gap:3px}.level-label{font-size:10px}.dialog{width:min(510px,90%)}.dialog-body{padding:12px 22px 3px}.dialog h2{font-size:24px;margin:6px 0}.dialog p{font-size:12px;line-height:1.45}.dialog ol{font-size:11px;line-height:1.4;margin:6px 0}.dialog li{margin:3px 0}.dialog-actions{padding:7px 20px 12px}.eyebrow{font-size:9px}.assist{padding:10px;width:240px}.assist input{min-height:29px}footer{padding:0 8px;font-size:11px}}@media(max-width:720px){.tools .round{width:44px;height:44px}.heading h1{font-size:14px}.logo{width:22%}.counters{gap:4px}.counters>div{min-width:53px;padding:4px}.counters strong{font-size:16px}.counters span{font-size:9px}.hud{gap:4px}.level-label{font-size:9px}.dialog #lesson{display:none}.dialog-body{padding:10px 20px 4px}.result{font-size:35px}.aim-readout{top:30%;left:25%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.heading{position:relative;min-height:46px;padding-bottom:17px;display:grid;align-content:start}.heading h1{pointer-events:none;line-height:1.25}.level-label{position:absolute;inset:0;min-height:44px;width:100%;height:100%;padding:26px 2px 0;font-size:12px;display:block}.counters span{font-size:12px;letter-spacing:.02em}.counters>div{min-width:64px;padding:5px 7px}.counters strong{font-size:clamp(18px,1.6vw,27px)}footer{font-size:clamp(12px,1.05vw,16px)}footer>span{flex:1;min-width:0;white-space:nowrap}footer button{min-height:44px}.dialog-actions{display:block}.dialog-tools{display:flex;gap:6px;margin-top:7px}.dialog-tools .secondary{flex:1;min-width:0;font-size:12px;padding:6px 5px;margin:0;line-height:1.25}.assist{padding-top:44px}.close-assist{position:absolute;right:4px;top:0;width:44px;min-height:44px;border:0;background:transparent;font-size:25px}.assist input{min-height:44px}.assist p{font-size:12px}.toast{white-space:normal;text-align:center;max-width:90%;width:max-content;font-size:clamp(12px,1.1vw,17px)}[inert]{pointer-events:none}.levels{grid-template-columns:repeat(2,minmax(0,1fr));text-align:left}.levels button{padding:8px;text-align:left;min-height:60px}.level-title{display:block;font-weight:700;line-height:1.35}.level-meta{display:block;font-size:12px;color:#d4bc8e;margin-top:4px;line-height:1.35}.levels button[aria-current=true]{border-color:#ffe2a0;box-shadow:inset 0 0 0 1px #e8bc70;background:#51351c}.dialog .level-tip{color:#efd19a;font-size:12px;border-top:1px solid #b88a434d;padding-top:8px}@media(max-width:950px){.heading h1{font-size:18px}.level-label{font-size:12px}.counters>div{min-width:62px;padding:4px 5px}.counters span{font-size:12px}.counters strong{font-size:18px}.assist{padding-top:44px}.assist input{min-height:36px}footer{font-size:12px}}@media(max-width:720px){.heading h1{font-size:16px}.level-label{font-size:12px}.counters>div{min-width:59px;padding:4px}.counters span{font-size:12px}.counters strong{font-size:18px}.dialog-tools .secondary{font-size:12px}}.game{container-type:inline-size;border:0;grid-template-rows:clamp(76px,12%,112px) minmax(0,1fr) clamp(44px,6%,60px)}.hud{display:grid;grid-template-columns:24% minmax(0,1fr) auto auto;grid-template-rows:minmax(0,1fr);gap:clamp(4px,.45cqw,8px);padding:0 6px 0 0;border-bottom:2px solid #9d722e;background:#1b1109 url('../assets/img/jentilak-piedras/ui-wood-v4.webp') center/auto 100%;box-shadow:0 3px 5px #0009;isolation:isolate}.brand{height:calc(100% - 4px);align-self:center;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:url('../assets/img/jentilak-piedras/ui-brand-v6.webp') center/100% 100% no-repeat;position:relative;z-index:2;padding:4px 1.5%}.logo{width:71.28%;max-height:100%;height:auto;object-fit:contain;object-position:center;display:block;transform:translate(-.1666667%,1.0638298%)}.heading{position:relative;height:100%;min-height:0;padding:0 4px 6px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:url('../assets/img/jentilak-piedras/ui-title-v4.webp') center/100% 100% no-repeat}.heading h1{font-family:Cinzel,Georgia,serif;font-size:clamp(20px,2.3cqw,40px);line-height:1.1;letter-spacing:.025em;color:#ffe8b6;text-shadow:0 2px 1px #000,1px 0 #866326;white-space:nowrap}.heading p{margin:0;font:600 clamp(12px,1.25cqw,22px)/1.1 Georgia,serif;white-space:nowrap;color:#f6e3b4;text-shadow:1px 2px #000}.heading h1{position:absolute;left:0;right:0;top:15%;line-height:1.2}.heading p{position:absolute;left:0;right:0;top:80%;bottom:auto;transform:translateY(-50%);line-height:1.15}.readouts,.counters{display:flex;align-items:center;gap:clamp(3px,.35cqw,6px);white-space:nowrap;min-width:0}.level-label,.counters>div{position:static;inset:auto;display:flex;align-items:center;justify-content:center;gap:7px;height:auto;min-height:clamp(46px,4cqw,67px);padding:9px 13px;border:0;border-radius:0;background:transparent url('../assets/img/jentilak-piedras/ui-stat-v4.webp') center/100% 100% no-repeat;box-shadow:none;font-family:Cinzel,Georgia,serif;color:#f8e8bd;text-shadow:1px 2px #000}.level-label{width:auto;max-width:none;min-width:clamp(80px,7.2cqw,122px);font-size:clamp(12px,1.2cqw,20px);font-weight:700;text-overflow:clip;overflow:visible}.level-label{cursor:default;user-select:none}canvas[data-inspection=true]{cursor:pointer}.dialog #lesson{display:block}.lesson-divider{border:0;border-top:1px solid #b88a434d;margin:14px 0 10px}.dialog .quick-steps{width:max-content;max-width:100%;margin:8px auto 0;padding-left:20px;list-style:disc;text-align:left;color:#ecd8b3}.dialog .quick-steps li{margin:5px 0;font-size:16px;line-height:1.4}.dialog[data-kind=ready] .dialog-tools{display:none}@media(max-height:500px){.dialog[data-kind=ready] .dialog-body{padding:8px 16px 3px}.dialog[data-kind=ready] h2{font-size:23px;margin:3px 0}.dialog[data-kind=ready] #dialog-copy{font-size:12px;line-height:1.4;margin:4px 0}.lesson-divider{margin:7px 0}.dialog .quick-steps{display:flex;gap:18px;justify-content:center;list-style:none;padding:0;margin:5px auto 0}.dialog .quick-steps li{font-size:13px;margin:0;line-height:1.4}.dialog .quick-steps li::before{content:'•';color:#d1ab68;margin-right:5px}.dialog[data-kind=ready] .dialog-actions{padding:6px 16px 8px}}.counters>div{min-width:0}.counters span{font-size:clamp(12px,1.1cqw,19px);display:inline;letter-spacing:0;color:inherit}.counters strong{font-size:clamp(16px,1.25cqw,22px);display:inline;line-height:1;margin:0;font-variant-numeric:tabular-nums}.tools{gap:clamp(3px,.35cqw,6px);display:flex;align-items:center}.round,.tools .round{position:relative;width:clamp(44px,4.5cqw,78px);height:clamp(44px,4.5cqw,78px);border:0;border-radius:50%;box-shadow:none;background:transparent url('../assets/img/jentilak-piedras/ui-button-v4.webp') center/100% 100% no-repeat;font-family:Georgia,serif;font-weight:700;font-size:clamp(26px,3cqw,52px);color:#ffe6b0;text-shadow:1px 3px 1px #392006;line-height:1;display:grid;place-items:center;padding:0 0 4px}.round[aria-pressed=false]{color:#bfaa7a}#sound[aria-pressed=false]::after{content:'';position:absolute;width:43%;height:2px;background:#f5d899;transform:rotate(-35deg);box-shadow:0 1px #42290c}.round:disabled{opacity:.6}footer{position:relative;display:flex;justify-content:center;padding:0 10px;border-top:1px solid #c1964b;background:#110d09 url('../assets/img/jentilak-piedras/ui-footer-v4.webp') center/100% 100% no-repeat;color:#ffe9bc;box-shadow:0 -2px 5px #0009;gap:0}footer>span{flex:0 1 auto;max-width:78%;white-space:nowrap;text-align:center;font-family:Georgia,serif;font-size:clamp(12px,1.45cqw,25px);line-height:1.3;font-weight:400;text-shadow:1px 2px #000;background:#110d09e8;padding:0 8px}footer button{position:absolute;right:8px;bottom:0;top:0;padding:0 8px;font-size:12px;min-height:44px;color:#dfc38a;background:#110d09d9;text-decoration-color:#8c692e}@media(max-width:1150px){.game{grid-template-rows:76px minmax(0,1fr) 44px}.hud{grid-template-columns:23% minmax(0,1fr) auto;grid-template-rows:30px minmax(0,1fr);gap:0 4px;padding-right:4px}.brand{grid-column:1;grid-row:1/3;height:calc(100% - 4px);padding-bottom:4px}.heading{grid-column:2;grid-row:1;padding:2px 3px 0;gap:0;background:none}.heading h1{position:static;font-size:clamp(17px,2.2cqw,25px);line-height:1.1}.heading p{display:none}.readouts{grid-column:2;grid-row:2;justify-content:center;gap:3px}.level-label,.counters>div{min-height:44px;padding:6px 8px;gap:4px}.level-label{min-width:64px;font-size:12px}.counters{gap:3px}.counters span{font-size:12px}.counters strong{font-size:16px}.tools{grid-column:3;grid-row:1/3;gap:3px}.round,.tools .round{width:44px;height:44px;font-size:29px;padding-bottom:3px}footer>span{max-width:calc(100% - 134px);margin-right:126px;font-size:14px}footer button{right:2px;background:#110d09e8}}@media(max-width:700px){.hud{grid-template-columns:22% minmax(0,1fr) auto}.heading h1{font-size:17px}.level-label,.counters>div{padding:6px 6px;gap:3px}footer{padding:0 6px}footer>span{font-size:12px;text-align:left;max-width:calc(100% - 116px);margin-right:110px}footer button{padding:0 3px;font-size:12px}}@container(max-width:1150px){.hud{grid-template-columns:23% minmax(0,1fr) auto;grid-template-rows:30px minmax(0,1fr);gap:0 4px;padding-right:4px}.brand{grid-column:1;grid-row:1/3;height:calc(100% - 4px);padding-bottom:4px}.heading{grid-column:2;grid-row:1;padding:2px 3px 0;gap:0;background:none}.heading h1{position:static;font-size:clamp(17px,2.2cqw,25px);line-height:1.1}.heading p{display:none}.readouts{grid-column:2;grid-row:2;justify-content:center;gap:3px}.level-label,.counters>div{min-height:44px;padding:6px 8px;gap:4px}.level-label{min-width:64px;font-size:12px}.counters{gap:3px}.counters span{font-size:12px}.counters strong{font-size:16px}.tools{grid-column:3;grid-row:1/3;gap:3px}.round,.tools .round{width:44px;height:44px;font-size:29px;padding-bottom:3px}footer>span{max-width:calc(100% - 134px);margin-right:126px;font-size:14px}footer button{right:2px;background:#110d09e8}}@container(max-width:700px){.hud{grid-template-columns:22% minmax(0,1fr) auto}.heading h1{font-size:17px}.level-label,.counters>div{padding:6px 6px;gap:3px}footer{padding:0 6px}footer>span{font-size:12px;text-align:left;max-width:calc(100% - 116px);margin-right:110px}footer button{padding:0 3px;font-size:12px}}.aim-readout{left:2.5%;top:5%;min-width:150px;padding:8px 12px;border:2px solid #d2a45b;box-shadow:0 3px 12px #0005}.aim-readout small{display:block;margin-top:4px;font-size:11px;color:#efdbb5}.aim-readout>i{height:6px}footer>span{width:100%;max-width:100%;margin:0;text-align:center}