:root{--swamp-deep:#0d2818;--swamp-mid:#1a4028;--moss:#47a025;--kelly:#2e8b3d;--gold:#ffc857;--peach:#ff9e64;--rust:#c1440e;--cream:#f4f0e0;--panel:#122b1c}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overscroll-behavior:none}body{background:var(--swamp-deep);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--cream);display:flex;flex-direction:column;align-items:center;touch-action:manipulation;user-select:none;-webkit-user-select:none}#wrap{width:100%;max-width:980px;padding:6px 8px 10px;display:flex;flex-direction:column;gap:6px}h1{font-size:clamp(15px,3.5vw,24px);letter-spacing:2px;text-align:center;color:var(--gold);text-shadow:0 2px 0 #7a4a00,0 0 18px rgba(255,200,87,.35);padding-top:4px}h1 .frog{color:var(--moss);text-shadow:0 2px 0 #123d0a}#hud{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);border:2px solid #2c5a38;border-radius:10px;padding:6px 10px;font-size:clamp(10px,2.4vw,13px)}.hpblock{flex:1;max-width:280px}.hpname{font-weight:700;letter-spacing:1px;margin-bottom:3px;display:flex;justify-content:space-between;gap:6px}.loname{font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.loname em{font-style:italic;opacity:.7;font-size:.85em;letter-spacing:0}#legendpop{display:none;flex-direction:column;align-items:center;gap:2px;margin-bottom:2px}#banner.roundover #legendpop{display:flex}#legendfrog{width:clamp(90px,22vw,150px);height:auto;transform:translateY(140px) scale(.6)}#banner.roundover #legendfrog{animation:frogpop .7s cubic-bezier(.2,1.5,.35,1) .1s forwards}@keyframes frogpop{0%{transform:translateY(140px) scale(.6)}to{transform:translateY(0) scale(1)}}#legendfrog .shades{transform:translateY(-70px);opacity:0}#banner.roundover #legendfrog .shades{animation:shadesdrop .45s cubic-bezier(.3,1.4,.5,1) .85s forwards}@keyframes shadesdrop{0%{transform:translateY(-70px);opacity:0}60%{opacity:1}to{transform:translateY(0);opacity:1}}#legendword{font-size:clamp(20px,6vw,40px);font-weight:700;letter-spacing:6px;background:linear-gradient(180deg,#fff6d8,#ffc857 55%,#b8781a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(90,50,0,.8));opacity:0;transform:scale(3) rotate(-6deg)}#banner.roundover #legendword{animation:legendstamp .4s cubic-bezier(.5,0,.7,.4) 1.35s forwards}@keyframes legendstamp{0%{opacity:0;transform:scale(3) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(-3deg)}}#locket{position:absolute;top:0;right:5%;z-index:7;display:none;flex-direction:column;align-items:center;transform-origin:50% 0;width:clamp(76px,17vw,118px)}#banner.roundover #locket{display:flex;animation:locketdrop .8s cubic-bezier(.25,1.3,.4,1) 1.9s both,locketswing 3.2s ease-in-out 2.7s infinite}@keyframes locketdrop{0%{transform:translateY(-115%) rotate(0)}to{transform:translateY(0) rotate(0)}}@keyframes locketswing{0%,to{transform:rotate(2.5deg)}50%{transform:rotate(-2.5deg)}}#locket .chain{width:3px;height:clamp(20px,4vw,34px);background:repeating-linear-gradient(180deg,#ffc857 0 3px,#8a6a1a 3px 6px);border-radius:2px}#locket .locketframe{width:100%;aspect-ratio:3/4.4;border-radius:50%;border:4px solid #c9992e;box-shadow:0 0 0 2px #7a5a10,inset 0 0 14px #3c23008c,0 6px 16px #00000080;overflow:hidden;background:#1a1208}#locket .locketframe img{width:100%;height:100%;object-fit:cover;display:block}#locket .locketcap{margin-top:6px;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(9px,2.2vw,12px);line-height:1.25;color:#ffe1a8;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);max-width:130%;opacity:0}#banner.roundover #locket .locketcap{animation:capfade .6s ease 2.8s forwards}@keyframes capfade{to{opacity:1}}@media(max-width:560px){#locket{right:2%}}@media(prefers-reduced-motion:reduce){#banner.roundover #legendfrog,#banner.roundover #legendfrog .shades,#banner.roundover #legendword{animation:none;transform:none;opacity:1}#banner.roundover #locket{animation:none;transform:none}#banner.roundover #locket .locketcap{animation:none;opacity:1}}.hpbar{height:12px;background:#0a1a10;border-radius:6px;overflow:hidden;border:1px solid #34663f}.hpfill{height:100%;border-radius:6px;transition:width .35s ease}.hpfill{width:100%}#hp1 .hpfill{background:linear-gradient(90deg,#63d43f,#2e8b3d)}#hp2 .hpfill{float:right}#hp2 .hpfill{background:linear-gradient(90deg,#ff7845,#c1440e)}#windbox{text-align:center;min-width:74px}#windarrow{font-size:clamp(14px,3.4vw,20px);font-weight:700;color:var(--gold)}#windlbl{opacity:.7;font-size:.85em;letter-spacing:1px}#canvasbox{position:relative;width:100%;border-radius:12px;overflow:hidden;border:2px solid #2c5a38;box-shadow:0 8px 30px #00000080}canvas{display:block;width:100%;height:auto;background:#000}#banner{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#06140cb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;padding:16px}#banner.show{display:flex}#bannertitle{font-size:clamp(22px,6vw,44px);letter-spacing:3px;color:var(--gold);text-shadow:0 3px 0 #6b3e00}#bannersub{font-size:clamp(12px,3vw,16px);opacity:.9;max-width:420px;line-height:1.4}.bigbtn{font-family:inherit;font-size:clamp(14px,3.4vw,18px);font-weight:700;letter-spacing:2px;background:linear-gradient(180deg,#63d43f,#2e8b3d);color:#08220e;border:none;border-radius:10px;padding:12px 28px;cursor:pointer;box-shadow:0 4px #1a5423,0 8px 18px #0006}.bigbtn:active{transform:translateY(3px);box-shadow:0 1px #1a5423}#controls{display:flex;gap:8px;align-items:stretch;justify-content:center;flex-wrap:nowrap}.ctlgroup{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--panel);border:2px solid #2c5a38;border-radius:10px;padding:6px;min-width:0}.ctllbl{font-size:clamp(9px,2.2vw,11px);letter-spacing:2px;opacity:.75}.ctlval{font-size:clamp(14px,3.6vw,20px);font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.btnrow{display:flex;gap:6px;width:100%}.adj{flex:1;font-family:inherit;font-size:clamp(16px,4.4vw,22px);font-weight:700;background:#1e4a2c;color:var(--cream);border:1px solid #3a7a4a;border-radius:8px;padding:10px 0;cursor:pointer}.adj:active{background:#2e6a3c}#firebtn{flex:0 0 clamp(96px,24vw,150px);font-family:inherit;font-size:clamp(16px,4.4vw,24px);font-weight:700;letter-spacing:2px;background:linear-gradient(180deg,#ff9e64,#c1440e);color:#2a0d00;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px #7a2a08,0 6px 16px #0006}#firebtn:active{transform:translateY(3px);box-shadow:0 1px #7a2a08}#firebtn:disabled{filter:grayscale(.7) brightness(.6);transform:none;box-shadow:0 4px #333;cursor:default}#status{text-align:center;font-size:clamp(10px,2.6vw,13px);letter-spacing:1px;opacity:.85;min-height:1.2em}#mutebtn{position:absolute;top:8px;right:8px;z-index:5;background:#0a1a1099;border:1px solid #3a7a4a;color:var(--cream);border-radius:8px;font-size:14px;padding:5px 9px;cursor:pointer}#nukebtn{position:absolute;bottom:12px;left:50%;transform:translate(-50%) scale(0);z-index:6;display:none;font-family:inherit;font-weight:700;letter-spacing:1px;font-size:clamp(13px,3.4vw,18px);padding:12px 22px;border:none;border-radius:14px;cursor:pointer;color:#3a0a1e;background:linear-gradient(135deg,#ffb7d5,#fff3dd 40%,#b9f0e8 70%,#ffc857);box-shadow:0 0 0 3px #fff,0 0 24px #ffb7d5e6,0 6px #c9598a}#nukebtn.ready{display:block;animation:nukepop .5s cubic-bezier(.2,1.6,.4,1) forwards,nukepulse 1.1s .5s ease-in-out infinite}#nukebtn:active{transform:translate(-50%) scale(.94)!important}@keyframes nukepop{0%{transform:translate(-50%) scale(0)}to{transform:translate(-50%) scale(1)}}@keyframes nukepulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 0 3px #fff,0 0 24px #ffb7d5e6,0 6px #c9598a}50%{transform:translate(-50%) scale(1.07);box-shadow:0 0 0 3px #fff,0 0 42px #ffb7d5,0 6px #c9598a}}#nukepips{position:absolute;top:8px;left:8px;z-index:5;display:flex;gap:4px;background:#0a1a1099;border:1px solid #3a7a4a;border-radius:8px;padding:6px 8px;align-items:center}.pip{width:10px;height:10px;border-radius:50%;background:#1e3a28;border:1px solid #3a7a4a}.pip.full{background:linear-gradient(135deg,#ffb7d5,#fff3dd);border-color:#ffb7d5;box-shadow:0 0 6px #ffb7d5cc}#nukepips .piplbl{font-size:10px;letter-spacing:1px;opacity:.8;margin-right:2px}#score{font-weight:700;color:var(--gold);letter-spacing:1px;white-space:nowrap}@media(max-width:480px){#hud{flex-wrap:wrap}#score{width:100%;text-align:center;order:3}}.valuecard{background:var(--panel);border:2px solid #2c5a38;border-radius:12px;padding:clamp(16px,4vw,28px);margin-top:6px;text-align:center}.valuekicker{font-size:clamp(9px,2.2vw,11px);letter-spacing:3px;color:var(--moss);font-weight:700;margin-bottom:8px}.valuecard h2{font-size:clamp(18px,4.6vw,28px);letter-spacing:1px;color:var(--gold);text-shadow:0 2px 0 #6b3e00;margin-bottom:10px}.valuecard p{font-size:clamp(12px,3vw,15px);line-height:1.6;color:var(--cream);max-width:560px;margin:0 auto;opacity:.92}.plug{border-color:#7a5a10;background:linear-gradient(180deg,#1d2b16,#122b1c)}.plugbtn{display:inline-block;margin-top:16px;text-decoration:none;background:linear-gradient(180deg,#ffc857,#e08b2d);color:#2a1600;box-shadow:0 4px #8a5a10,0 8px 18px #0006}.plugbtn:active{transform:translateY(3px);box-shadow:0 1px #8a5a10}#sitefooter{margin-top:6px;padding:14px 10px 6px;text-align:center;font-size:clamp(9px,2.2vw,11px);line-height:1.6;opacity:.62}#sitefooter .loline{font-weight:700;letter-spacing:1px;opacity:1;margin-bottom:6px}.fwlogocard{display:inline-block;background:var(--cream);border-radius:10px;padding:10px 18px;margin-bottom:12px}.fwlogocard img{display:block;width:clamp(180px,42vw,270px);height:auto}.eholm{display:block;margin:14px auto 0;width:clamp(42px,9vw,58px);height:auto;opacity:.9}