#ui{user-select:none;-webkit-user-select:none}.dud-text{font-weight:900;color:#fff;text-shadow:3px 0 #1a1a1a,-3px 0 #1a1a1a,0 3px #1a1a1a,0 -3px #1a1a1a,3px 3px #1a1a1a,-3px -3px #1a1a1a,3px -3px #1a1a1a,-3px 3px #1a1a1a,0 6px 12px rgba(0,0,0,.25)}.dud-btn{pointer-events:auto;cursor:pointer;border:none;border-radius:22px;padding:14px 34px;font-family:inherit;font-weight:900;font-size:26px;color:#fff;text-shadow:2px 0 #1a1a1a,-2px 0 #1a1a1a,0 2px #1a1a1a,0 -2px #1a1a1a,2px 2px #1a1a1a,-2px -2px #1a1a1a,2px -2px #1a1a1a,-2px 2px #1a1a1a;background:linear-gradient(#ffd94d,#ffb31a);box-shadow:0 6px #cc8a00,0 10px 18px #00000040;transition:transform .08s,box-shadow .08s}.dud-btn:active{transform:translateY(4px);box-shadow:0 2px #cc8a00}.dud-btn:disabled{filter:grayscale(.7) brightness(.85);cursor:default}.dud-btn.secondary{background:linear-gradient(#b8c4cc,#8d9aa5);box-shadow:0 6px #6b7883,0 10px 18px #00000040}.dud-btn.secondary:active{box-shadow:0 2px #6b7883}.dud-pill{display:flex;align-items:center;gap:8px;background:#ffffffeb;border-radius:999px;padding:6px 16px 6px 8px;font-weight:900;font-size:22px;color:#1a2a33;box-shadow:0 3px 8px #0000002e}.dud-pill img{width:30px;height:30px;object-fit:contain}.dud-card{background:#fffffff0;border-radius:18px;padding:12px;box-shadow:0 6px 14px #00000038;color:#1a2a33;font-weight:900}.dud-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#ff7a5c;color:#fff;font-size:14px;padding:3px 10px;border-radius:8px 8px 8px 0;white-space:nowrap;text-shadow:1px 0 #1a1a1a,-1px 0 #1a1a1a,0 1px #1a1a1a,0 -1px #1a1a1a}.dud-panel-bg{position:absolute;inset:0;background:#0a283773;display:flex;align-items:center;justify-content:center;pointer-events:auto}.dud-panel{background:linear-gradient(#fff,#e8f4f8);border-radius:26px;padding:30px 40px;min-width:340px;max-width:90vw;text-align:center;box-shadow:0 18px 40px #00000059;color:#1a2a33;font-weight:900;animation:dud-pop .25s ease-out}@keyframes dud-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dud-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.dud-pulse{animation:dud-pulse 1.1s ease-in-out infinite}.dud-hex{width:44px;height:44px;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:#2e6b8a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#fff;flex:0 0 auto}.dud-hex.done{background:#ff9f1a}.dud-hex.current{background:#ffd21f;color:#1a2a33;transform:scale(1.18)}.dud-hex img{width:26px;height:26px}.dud-iconbtn{pointer-events:auto;cursor:pointer;width:74px;height:74px;border-radius:18px;border:none;background:linear-gradient(#c3ced6,#93a1ac);box-shadow:0 5px #6b7883,0 8px 14px #00000040;font-size:34px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;text-shadow:2px 0 #1a1a1a,-2px 0 #1a1a1a,0 2px #1a1a1a,0 -2px #1a1a1a}.dud-iconbtn:active{transform:translateY(3px);box-shadow:0 2px #6b7883}.dud-iconbtn small{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:14px;white-space:nowrap}.dud-progress{width:min(420px,50vw);height:22px;border-radius:999px;background:#ffffff59;border:3px solid rgba(255,255,255,.8);overflow:hidden}.dud-progress>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd21f,#ff7a1a);transition:width .15s linear}.dud-hpbar{width:min(460px,60vw);height:26px;border-radius:999px;background:#00000059;border:3px solid #fff;overflow:hidden}.dud-hpbar>div{height:100%;background:linear-gradient(90deg,#f14b4b,#ff7a1a);transition:width .12s linear}