:root{--sun: #f4b04a;--amber: #e8892f;--ember: #b4491f;--night: #2a160c;--dusk: #3a1d33;--sand: #fff1d0;--gold: #ffd37a;--hudbg: rgba(42, 22, 12, .62);--serif: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--sans: "Avenir Next", "Segoe UI", "Trebuchet MS", system-ui, -apple-system, sans-serif;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--tb: clamp(64px, 16vmin, 96px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#2a160c;color:var(--sand);font-family:var(--sans);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;touch-action:none}#ui>*{pointer-events:none}button{font:inherit;cursor:pointer;pointer-events:auto;touch-action:none}button:focus-visible{outline:3px solid #fff1d0;outline-offset:3px}kbd{font:inherit}#hud{position:absolute;top:0;right:0;bottom:0;left:0;display:none;padding:max(10px,var(--safe-t)) max(12px,var(--safe-r)) 10px max(12px,var(--safe-l));z-index:5}body[data-state=playing] #hud,body[data-state=intro] #hud,body[data-state=won] #hud,body[data-state=lost] #hud,body[data-state=paused] #hud{display:block}body[data-state=intro] .hud-core,body[data-state=won] .hud-core,body[data-state=lost] .hud-core{opacity:0}body[data-state=intro] .btns,body[data-state=won] .btns,body[data-state=lost] .btns{visibility:hidden}.hud-core{transition:opacity .3s}.hud-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.panel{background:var(--hudbg);border:1px solid rgba(255,211,122,.38);border-radius:12px;padding:6px 10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:border-color .2s,box-shadow .2s}.lbl{font-size:clamp(9px,1.7vmin,13px);letter-spacing:.09em;text-transform:uppercase;opacity:.88;white-space:nowrap}.bar{height:clamp(9px,1.8vmin,14px);border-radius:8px;background:#00000073;overflow:hidden;margin-top:4px;min-width:clamp(84px,22vw,200px)}#stFill{height:100%;width:100%;background:linear-gradient(90deg,#7bd45a,#e8d44a);transition:background .2s}#stFill.low{background:linear-gradient(90deg,#e0632a,#e8a33a)}#stFill.spent{background:#8a4a2a}.panel.st.empty{border-color:#ff6a3a;animation:flash .45s steps(2,jump-none) infinite}@keyframes flash{0%{box-shadow:0 0 #ff502800}to{box-shadow:0 0 14px 3px #ff5028d9;background:#781e10b3}}.fl{display:flex;align-items:center;gap:6px;margin-top:3px}.fl .lbl{font-size:clamp(8px,1.4vmin,11px);color:#b6f0ff}.fl .bar{flex:1;margin-top:0;height:clamp(5px,1vmin,8px);min-width:0}#flFill{height:100%;width:0;background:linear-gradient(90deg,#4cc3e8,#b6f0ff);transition:width .15s}.fl.on .bar{box-shadow:0 0 10px 2px #78dcffcc}.fl.on #flFill{background:linear-gradient(90deg,#fff,#7fdcff)}#closePop{position:absolute;left:50%;top:30%;transform:translate(-50%);font-size:clamp(22px,5.5vmin,44px);font-weight:900;color:#e8fbff;letter-spacing:.06em;text-shadow:0 3px 0 #0e5a78,0 0 18px rgba(120,220,255,.8);opacity:0;pointer-events:none}#closePop.on{animation:closepop .9s ease-out forwards}@keyframes closepop{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}15%{opacity:1;transform:translate(-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-16px) scale(1)}}.gp{min-width:clamp(96px,20vw,170px)}#gap{font-size:clamp(20px,4.6vmin,34px);font-weight:800;color:var(--gold);line-height:1.05;text-shadow:0 2px 0 rgba(0,0,0,.4);font-variant-numeric:tabular-nums;transition:color .25s}#gap.far{color:#ffe39a}#gap.mid{color:#ffb04a}#gap.close{color:#ff6a4a;animation:beat .5s ease-in-out infinite alternate}@keyframes beat{to{transform:scale(1.08)}}.center{text-align:center}.btns{display:flex;gap:8px}.ibtn{width:clamp(44px,6vmin,52px);height:clamp(44px,6vmin,52px);border-radius:50%;border:1px solid rgba(255,211,122,.55);background:var(--hudbg);color:var(--sand);display:grid;place-items:center;padding:0}.ibtn.title-mute{position:absolute;top:max(12px,var(--safe-t));right:max(12px,var(--safe-r));z-index:15}.ibtn.on{color:var(--gold);border-color:var(--gold);background:#784614b3}body:not(.touch) #btnCam{display:none}.ibtn.off{color:#ff9a7a;border-color:#ff785a99}.ibtn:active{background:#ff963299}#prog{position:absolute;left:max(14px,var(--safe-l));right:max(26px,var(--safe-r));top:calc(max(10px,var(--safe-t)) + clamp(66px,12vmin,84px));height:8px;border-radius:6px;background:#00000073;border:1px solid rgba(255,211,122,.28)}#prog i{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px}#mkS{background:radial-gradient(circle at 35% 30%,#fff1b0,#f0a52a);border:2px solid #fff;border-radius:50%;z-index:2;box-shadow:0 0 6px #ffc850e6}#mkC{background:#b3261e;border:2px solid #1b0a0a;border-radius:2px;transform:rotate(45deg)}#prog .flag{position:absolute;right:-12px;top:-16px;line-height:0}#pounce{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%) scale(1);display:flex;align-items:center;gap:12px;opacity:0;pointer-events:none;animation:pulse .45s infinite alternate}#pounce .pw{font-size:clamp(30px,8.5vmin,64px);font-weight:900;color:#fff6cf;background:linear-gradient(180deg,#f0642c,#b02a0c);border:4px solid #ffd37a;border-radius:18px;padding:2px 24px 4px;text-shadow:0 3px 0 rgba(0,0,0,.45);letter-spacing:.04em;box-shadow:0 8px 28px #00000080,0 0 30px #ff7828b3}#pounce kbd{font-size:clamp(16px,3.6vmin,26px);font-weight:800;color:#2a160c;background:#fff1d0;border-radius:9px;padding:4px 12px;border-bottom:4px solid #c99a4a;box-shadow:0 4px 12px #0006;white-space:nowrap}#pounce.on{opacity:1}body[data-enc="1"]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#ff963c00 40%,#781e0a80);animation:encfade .18s ease-out}@keyframes encfade{0%{opacity:0}to{opacity:1}}body[data-enc="1"] #pounce{top:20%;gap:8px}#pounce.enc .pw{font-size:clamp(18px,4.6vmin,34px);border-width:3px;border-radius:12px;padding:1px 14px 3px;box-shadow:0 6px 20px #00000080,0 0 30px #ffaa3cf2}#pounce.enc kbd{font-size:clamp(13px,2.8vmin,20px);padding:2px 9px}body.hitflash:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:#fff4d6b3;animation:hitflash .25s ease-out forwards}@keyframes hitflash{to{opacity:0}}@keyframes pulse{to{transform:translate(-50%,-50%) scale(1.07)}}#sub{position:absolute;left:50%;bottom:max(16px,calc(var(--safe-b) + 8px));transform:translate(-50%);max-width:min(780px,90vw);display:flex;align-items:baseline;gap:.6em;background:#180a06db;border:1px solid rgba(255,211,122,.5);border-radius:14px;padding:8px 16px;font-size:clamp(14px,2.8vmin,22px);line-height:1.3;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 6px 22px #00000073;width:max-content}#sub.on{opacity:1;visibility:visible}#sub b{flex:none;font-size:.72em;letter-spacing:.08em;text-transform:uppercase;color:#2a160c;background:linear-gradient(180deg,#ffd37a,#e89a3c);border-radius:999px;padding:2px 10px;text-shadow:none}#sub b[hidden]{display:none}#sub .stx{display:flex;flex-direction:column;gap:2px;min-width:0}#sub.ar{align-items:center}#sub.ar .stx{align-items:center;text-align:center}#sub.ar span{font-size:1.25em;font-weight:700;line-height:1.35;unicode-bidi:plaintext}#sub small{font-size:.68em;color:#f3dca8;opacity:.9;letter-spacing:.02em}#sub small[hidden]{display:none}#sub[data-speaker=tito]{border-color:#be463cd9}#sub[data-speaker=tito] b{background:linear-gradient(180deg,#5a2a6a,#2e1238);color:#f6dcff}#sub[data-speaker=jabar]{border-color:#ffd37ad9}#sub[data-speaker=jawdar]{border-color:#ffbe5acc}#sub[data-speaker=jawdar] b{background:linear-gradient(180deg,#d4452a,#8a1c12);color:#fff1d0}body.touch[data-state=playing] #sub{bottom:auto;top:calc(max(10px,var(--safe-t)) + clamp(86px,15vmin,112px))}#big{position:absolute;left:50%;top:20%;transform:translate(-50%);font-size:clamp(26px,7.5vmin,62px);font-weight:800;color:#fff3c2;text-shadow:0 3px 0 #8a3a14,0 6px 18px rgba(0,0,0,.5);opacity:0;transition:opacity .4s;text-align:center;width:92vw;font-family:var(--serif)}#big.on{opacity:1}#skip{position:absolute;right:max(14px,var(--safe-r));bottom:max(14px,var(--safe-b));display:none;background:var(--hudbg);color:var(--sand);border:1px solid rgba(255,211,122,.6);border-radius:22px;padding:10px 22px;min-height:44px;font-size:clamp(13px,2.6vmin,18px)}body[data-state=intro] #skip{display:block}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:max(12px,var(--safe-t)) max(12px,var(--safe-r)) max(12px,var(--safe-b)) max(12px,var(--safe-l));overflow:auto;pointer-events:auto!important;z-index:10;background:radial-gradient(ellipse at 50% 30%,#ff963c61,#3a1d33e6 72%)}.screen.on{display:grid}.screen.clear{background:linear-gradient(180deg,#2a160c00,#2a160c99)}.card-wrap{width:min(980px,100%);text-align:center;margin:auto}.kick{display:flex;justify-content:center;align-items:center;gap:10px;height:10px;margin-bottom:clamp(4px,1.2vmin,10px)}.kick i{width:clamp(30px,8vmin,70px);height:2px;background:linear-gradient(90deg,transparent,var(--gold))}.kick i:nth-child(2){width:8px;height:8px;transform:rotate(45deg);background:var(--gold)}.kick i:nth-child(3){background:linear-gradient(270deg,transparent,var(--gold))}h1{margin:0 0 4px;font-family:var(--serif);font-weight:700;letter-spacing:.01em;font-size:clamp(26px,7vmin,72px);line-height:1.05;background:linear-gradient(180deg,#fff6d8 10%,#ffd37a,#e8892f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(110,40,16,.9)) drop-shadow(0 8px 20px rgba(0,0,0,.45));text-wrap:balance}.tag{margin:0 0 clamp(8px,2vmin,18px);font-size:clamp(13px,2.6vmin,19px);opacity:.92;letter-spacing:.02em;font-style:italic;font-family:var(--serif)}.chars{display:flex;gap:clamp(8px,2vmin,18px);justify-content:center;margin-bottom:clamp(10px,2.2vmin,18px)}.char{background:linear-gradient(180deg,#462418c7,#22110ed1);border:1px solid rgba(255,211,122,.45);border-radius:16px;padding:7px 7px 9px;width:clamp(92px,24vmin,230px);box-shadow:0 10px 26px #0006,inset 0 1px #fff1d02e}.char .art{display:block}.char svg{width:100%;height:auto;display:block;border-radius:11px}.char div{font-size:clamp(10px,2.1vmin,15px);font-weight:700;margin-top:6px;line-height:1.2;color:#ffe9b8;letter-spacing:.01em}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:linear-gradient(180deg,#ffcb5f,#e07a22);color:#3a1a08;border:3px solid #fff1d0;border-radius:30px;padding:clamp(8px,1.8vmin,14px) clamp(34px,8vmin,70px);font-size:clamp(18px,3.8vmin,28px);font-weight:800;letter-spacing:.05em;box-shadow:0 6px #8a3a14,0 12px 24px #0006,0 0 28px #ffaa4659}.cta:active{transform:translateY(3px);box-shadow:0 3px #8a3a14}.ghost{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:#2a160c80;color:var(--sand);border:2px solid rgba(255,211,122,.6);border-radius:26px;padding:8px 24px;font-size:clamp(14px,2.8vmin,20px)}.ghost:active{background:#ff963280}.guides{display:flex;flex-direction:column;gap:6px;align-items:center;margin-top:clamp(10px,2.2vmin,18px)}.guide{margin:0}.guide h3{margin:0 0 4px;font-size:clamp(10px,1.8vmin,12px);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.85;font-weight:700}.gl{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;font-size:clamp(11px,2.1vmin,14px);max-width:640px}.gi{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;opacity:.92}.gi kbd{background:#ffd37a29;border:1px solid rgba(255,211,122,.5);border-radius:6px;padding:1px 7px;color:var(--gold);font-weight:700}.g-touch{display:none}body.touch .g-touch{display:block;order:-1}body.touch .g-keys{opacity:.65}body.touch .g-keys h3{display:none}.small{font-size:clamp(11px,2vmin,14px);opacity:.75;margin-top:8px}.credit{display:inline-block;font-size:clamp(11px,2.1vmin,14px);color:var(--gold);opacity:.75;text-decoration:none;margin-top:10px;pointer-events:auto;letter-spacing:.02em;transition:opacity .2s,color .2s}.credit:hover,.credit:focus-visible{opacity:1;color:#fff1d0;text-decoration:underline}.menu h2{font-family:var(--serif);font-size:clamp(24px,6vmin,48px);margin:0 0 6px;color:#fff1d0;text-shadow:0 3px 0 #8a3a14}.menu p{margin:0 0 8px;font-size:clamp(13px,2.6vmin,18px)}.menu .stats{font-size:clamp(12px,2.4vmin,17px);color:var(--gold);margin-bottom:14px;font-variant-numeric:tabular-nums}.menu .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center}.panelcard{max-width:640px;background:linear-gradient(180deg,#3a1d16e6,#1c0e0ceb);border:1px solid rgba(255,211,122,.5);border-radius:22px;padding:clamp(14px,3vmin,28px);box-shadow:0 20px 50px #0000008c,inset 0 1px #fff1d033}.panelcard.win{border-color:#ffd37a;box-shadow:0 20px 50px #0000008c,0 0 40px #ffbe5059}.guides.mini{margin-top:14px;opacity:.85}.guides.mini .gl{font-size:clamp(10px,1.9vmin,13px)}.chlist{display:flex;gap:clamp(8px,2vmin,16px);justify-content:center;flex-wrap:wrap;margin-top:10px}.chbtn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:clamp(84px,19vmin,124px);padding:12px 10px;background:linear-gradient(180deg,#ffcb5f2e,#2a160c99);color:var(--sand);border:2px solid rgba(255,211,122,.6);border-radius:18px;font-size:clamp(13px,2.6vmin,18px)}.chbtn b{font-family:var(--serif);font-size:clamp(24px,5.4vmin,40px);color:#ffd37a;line-height:1}.chbtn:focus-visible,.chbtn:hover:not(:disabled){background:#ff963280}.chbtn.locked{opacity:.45;border-style:dashed}.chcard{pointer-events:none}.chtitle{font-family:var(--serif);font-weight:700;font-size:clamp(28px,7.4vmin,66px);color:#fff1d0;text-shadow:0 3px 0 #8a3a14,0 10px 26px rgba(0,0,0,.5)}.chcard p{margin:6px 0 0;font-size:clamp(14px,2.8vmin,20px);font-style:italic;font-family:var(--serif);opacity:.95}#scr-card.on .card-wrap{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}#scr-title.on .card-wrap>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}#scr-title.on .card-wrap>:nth-child(2){animation-delay:.08s}#scr-title.on .card-wrap>:nth-child(3){animation-delay:.16s}#scr-title.on .char:nth-child(1){animation:rise .7s .24s cubic-bezier(.2,.8,.2,1) both}#scr-title.on .char:nth-child(2){animation:rise .7s .34s cubic-bezier(.2,.8,.2,1) both}#scr-title.on .char:nth-child(3){animation:rise .7s .44s cubic-bezier(.2,.8,.2,1) both}#scr-title.on .cta{animation:rise .7s .55s cubic-bezier(.2,.8,.2,1) both,glow 2.4s 1.3s ease-in-out infinite alternate}#scr-title.on .guides,#scr-title.on .small{animation:rise .8s .7s cubic-bezier(.2,.8,.2,1) both}.screen.on.menu .card-wrap{animation:pop .3s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes glow{to{box-shadow:0 6px #8a3a14,0 12px 24px #0006,0 0 44px #ffbe50b3}}#touch{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:4}body.touch[data-state=playing] #touch{display:block}#touch>*{pointer-events:auto}#padzone{position:absolute;left:0;top:20%;bottom:0;width:45%;touch-action:none}#pad{--r: clamp(44px, 14vmin, 84px);position:absolute;left:max(22px,calc(var(--safe-l) + 12px));bottom:max(26px,calc(var(--safe-b) + 14px));width:calc(var(--r) * 2);height:calc(var(--r) * 2);border-radius:50%;pointer-events:none;touch-action:none;display:grid;place-items:center;background:radial-gradient(circle,#2a160c33 55%,#2a160c73);border:2px dashed rgba(255,211,122,.4);opacity:.55;transition:opacity .15s}#pad:before,#pad:after{content:"";position:absolute;top:50%;width:9px;height:9px;border-top:3px solid rgba(255,241,208,.7);border-left:3px solid rgba(255,241,208,.7)}#pad:before{left:10px;transform:translateY(-50%) rotate(-45deg)}#pad:after{right:10px;transform:translateY(-50%) rotate(135deg)}#pad.active{left:0;top:0;bottom:auto;opacity:1;border-style:solid;border-color:#ffd37acc;background:radial-gradient(circle,#2a160c59 40%,#2a160c99);transition:none}#knob{width:calc(var(--r) * .88);height:calc(var(--r) * .88);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b0,#f0a52a);border:3px solid #fff1d0;box-shadow:0 4px 14px #00000073;pointer-events:none}.tbtn{position:absolute;width:var(--tb);height:var(--tb);border-radius:50%;background:#2a160c8c;border:3px solid rgba(255,211,122,.75);color:var(--sand);font-weight:800;font-size:clamp(12px,2.5vmin,17px);padding:0;touch-action:none;box-shadow:0 4px 14px #00000059}.tbtn.down{background:#ffaa3cd9;color:#2a160c;transform:scale(.95)}:root{--bx: max(18px, calc(var(--safe-r) + 12px));--by: max(24px, calc(var(--safe-b) + 14px));--gap: calc(var(--tb) + 10px)}#btnJump{right:var(--bx);bottom:var(--by)}#btnSprint{right:calc(var(--bx) + var(--gap));bottom:calc(var(--by) + 4px);background:#283c5a8c}#btnPounce{right:calc(var(--bx) + 4px);bottom:calc(var(--by) + var(--gap));background:#78281299}#btnRoar{right:calc(var(--bx) + var(--gap) + 8px);bottom:calc(var(--by) + var(--gap) + 10px);background:#603a0e99}#btnRoar.cool{color:#fff1d08c;background:conic-gradient(rgba(14,8,4,.72) var(--cd, 0%),rgba(96,58,14,.6) 0)}#btnPounce.ready{background:#f05a24eb;border-color:#fff1d0;color:#fff;animation:ready .4s infinite alternate}@keyframes ready{to{transform:scale(1.12);box-shadow:0 0 26px 6px #ff8c3ce6}}@media (orientation: portrait){:root{--by: max(40px, calc(var(--safe-b) + 28px))}#pad{bottom:max(44px,calc(var(--safe-b) + 32px))}#padzone{top:30%}#pounce{top:46%}.chars{gap:8px}.char{width:30%;padding:5px}.char div{font-size:clamp(9px,3vw,13px)}.ibtn{width:44px;height:44px}}@media (max-width: 400px){.panel{padding:5px 7px}.btns,.hud-row{gap:5px}}@media (orientation: landscape) and (max-height: 520px){.card-wrap{display:grid;grid-template-columns:auto 1fr;column-gap:clamp(14px,3vw,32px);align-items:center;width:min(980px,100%)}.card-wrap>.kick,.card-wrap>h1,.card-wrap>.tag{grid-column:1 / -1}.kick{margin-bottom:2px}.tag{margin-bottom:8px}.chars{grid-column:1;grid-row:4 / span 3;margin:0}.char{width:clamp(84px,17vw,140px)}.card-wrap>.cta,.card-wrap>.guides,.card-wrap>.small{grid-column:2;justify-self:center}.card-wrap>.cta{margin-bottom:0}.guides{margin-top:10px}.guide h3{display:none}.gl{max-width:440px}.menu .card-wrap{display:block}.guides.mini{margin-top:8px}body.touch .guides.mini .g-keys{display:none}}@media (max-width: 380px){h1{font-size:24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}#pounce{opacity:0}#pounce.on,#closePop.on{opacity:1}.panel.st.empty{box-shadow:0 0 14px 3px #ff5028d9;background:#781e10b3}}#duelhud{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}body[data-duel="1"] #duelhud{display:block}body[data-duel="1"] .gp,body[data-duel="1"] #prog,body[data-duel="1"] #closePop{display:none}body[data-duel="1"] .hud-row{justify-content:flex-end}.dh{position:absolute;top:max(10px,var(--safe-t));display:flex;flex-direction:column;gap:2px;background:var(--hudbg);border:1px solid rgba(255,211,122,.38);border-radius:12px;padding:5px 12px 6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dh.jabar{left:max(12px,var(--safe-l))}.dh.tito{left:50%;transform:translate(-50%);align-items:center}.dn{font-size:clamp(10px,1.9vmin,14px);letter-spacing:.09em;text-transform:uppercase;opacity:.9}.hearts{display:flex;gap:4px}.hearts i{display:inline-flex;transition:transform .25s,opacity .25s,filter .25s}.dh.jabar .hearts i.full{color:#f2a03a}.dh.tito .hearts i.full{color:#c93a4a}.hearts i.lost{color:#2a2020;opacity:.45;filter:grayscale(1);transform:scale(.82)}#dmsg{position:absolute;left:50%;top:calc(max(10px,var(--safe-t)) + clamp(64px,11vmin,84px));transform:translate(-50%);font-size:clamp(14px,3vmin,22px);font-weight:800;color:#fff3c2;background:var(--hudbg);border:1px solid rgba(255,211,122,.5);border-radius:20px;padding:4px 16px;text-shadow:0 2px 0 rgba(0,0,0,.45);white-space:nowrap}#dmsg[data-k=dust],#dmsg[data-k=lunge]{background:#962810d9;border-color:#ffb070}#dmsg[data-k=open],#dmsg[data-k=hit],#dmsg[data-k=defeat]{background:#286e28d9;border-color:#b6ff8a}#droar{position:absolute;right:max(14px,var(--safe-r));top:calc(max(10px,var(--safe-t)) + 56px);font-size:clamp(11px,2.2vmin,15px);font-weight:700;color:#ffe9b0;opacity:0;transition:opacity .2s}#droar.on{opacity:.9}#dhint{position:absolute;left:50%;bottom:max(10px,var(--safe-b));transform:translate(-50%);font-size:clamp(11px,2.2vmin,15px);color:#fff1d0;opacity:.75;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap}body.touch #dhint{display:none}body[data-duel="1"] #pounce{top:76%;opacity:0;animation:none}body[data-duel="1"] #pounce.on{opacity:1;animation:pulse .45s infinite alternate}@media (max-width: 640px){.dh.tito{left:auto;right:max(12px,var(--safe-r));top:calc(max(10px,var(--safe-t)) + 52px);transform:none;align-items:flex-end}#dmsg{top:calc(max(10px,var(--safe-t)) + 100px)}}.stars{display:inline-flex;gap:.18em;justify-content:center;font-size:clamp(22px,5vmin,38px);line-height:1}.stars i{font-style:normal;color:#fff1d038}.stars i:before{content:"★"}.stars.sm{font-size:clamp(14px,3vmin,20px)}.stars.big{font-size:clamp(40px,11vmin,84px);margin:4px 0 10px}.stars i.got{color:#ffd37a;text-shadow:0 0 14px rgba(255,190,80,.7),0 2px 0 #8a3a14}.stars.anim i.got{animation:starpop .55s cubic-bezier(.2,1.6,.4,1) both}.stars.anim i.got:nth-child(1){animation-delay:.35s}.stars.anim i.got:nth-child(2){animation-delay:.85s}.stars.anim i.got:nth-child(3){animation-delay:1.35s}.stars.anim i.got{opacity:0}@keyframes starpop{0%{opacity:0;transform:scale(.2) rotate(-40deg)}to{opacity:1;transform:scale(1) rotate(0)}}.menu .stats.dim{opacity:.8;margin-top:-6px}.chbtn small{font-size:.8em;opacity:.8;min-height:1em;font-variant-numeric:tabular-nums}.chbtn em{font-style:normal}.cardstars{display:none;margin-top:14px;font-family:var(--serif)}.cardstars.on{display:block}.cardstars span{display:block;font-size:clamp(13px,2.6vmin,18px);margin-bottom:4px;opacity:.9}#bossbar,#bosscard,body[data-boss="1"] .dh.tito{display:none}body[data-boss="1"] #bossbar{position:absolute;top:max(10px,var(--safe-t));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:clamp(150px,28vmin,260px);background:var(--hudbg);border:1px solid rgba(255,211,122,.38);border-radius:12px;padding:5px 14px 7px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#bossbar .bn{font-size:clamp(12px,2.6vmin,18px);font-weight:800;color:#ffe9b0;letter-spacing:.06em;text-transform:uppercase}#bossbar .bpips{display:flex;gap:5px;width:100%}#bossbar .bpips i{flex:1;height:clamp(8px,1.8vmin,13px);border-radius:4px;background:linear-gradient(180deg,#e25064,#8f1d2e);border:1px solid #ffd0c8;transition:transform .25s,opacity .25s,filter .25s}#bossbar .bpips i.lost{background:#2a2020;border-color:#54403c;opacity:.55;filter:grayscale(1);transform:scaleY(.7)}body[data-boss="1"] #bosscard{position:absolute;left:50%;top:13%;transform:translate(-50%);flex-direction:column;align-items:center;gap:2px;text-align:center;opacity:0;transition:opacity .35s;text-shadow:0 3px 0 rgba(0,0,0,.5),0 0 24px rgba(0,0,0,.6);white-space:nowrap;background:#120a088c;border:1px solid rgba(255,211,122,.45);border-radius:16px;padding:8px 28px 10px}body[data-boss="1"] #bosscard.on{display:flex;opacity:1}#bosscard b{font-size:clamp(26px,8vmin,58px);font-weight:900;color:#ffe9b0;letter-spacing:.08em;text-transform:uppercase;line-height:1.05}#bosscard i{font-style:normal;font-size:clamp(18px,5vmin,36px);font-weight:800;color:#ff9a86;line-height:1.2}#bosscard small{font-size:clamp(11px,2.4vmin,17px);color:#fff1d0;opacity:.85;letter-spacing:.12em;text-transform:uppercase}@media (max-width: 640px){body[data-boss="1"] #bossbar{left:auto;right:max(12px,var(--safe-r));top:calc(max(10px,var(--safe-t)) + 52px);transform:none}}#dmsg[data-k=defeat]{background:#96640ae6;border-color:#ffe27a;font-size:clamp(16px,3.6vmin,28px)}body:has(#sub.on) #dhint{opacity:0}