.wt-encounter{--ink:#082e38;--glass:rgba(246,255,250,.86);position:fixed;inset:0;z-index:1000;overflow:hidden;color:var(--ink);font-family:inherit;background:linear-gradient(#8de4da 0 53%,#decb7d 53% 100%)}
.wt-encounter.habitat-water{background:linear-gradient(#70cddf 0 55%,#83b9c5 55% 100%)}.wt-encounter.habitat-storm{background:linear-gradient(#b4a7df 0 52%,#d4bc7b 52%)}
.wt-camera,.wt-habitat{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wt-camera{display:none}.wt-encounter.is-ar .wt-camera{display:block}.wt-encounter.is-ar .wt-habitat{display:none}
.wt-habitat{background:radial-gradient(circle at 75% 18%,#fff8 0 6%,transparent 6.5%),linear-gradient(155deg,transparent 52%,#459e76 52% 56%,#276c56 56%)}.wt-habitat i{position:absolute;bottom:28%;width:30vmin;height:20vmin;border-radius:70% 20%;background:#27785988;transform:rotate(18deg)}.wt-habitat i:nth-child(2){right:0;transform:scaleX(-1) rotate(18deg)}.wt-habitat i:nth-child(3){left:40%;bottom:18%;transform:scale(.6)}
.wt-encounter__header{position:relative;z-index:4;display:grid;grid-template-columns:52px 1fr 52px;align-items:start;gap:12px;padding:max(16px,env(safe-area-inset-top)) 16px 0;text-align:center}.wt-encounter__header p{margin:2px 0;font-size:.68rem;letter-spacing:.16em}.wt-encounter__header h1{margin:0;font-size:1.45rem}.wt-encounter__header span{font-size:.8rem;font-weight:700}.wt-tool{min-width:44px;min-height:44px;border:1px solid #fff9;border-radius:14px;background:var(--glass);color:var(--ink);font:700 .86rem inherit;box-shadow:0 6px 20px #082e3822}
.wt-field{position:absolute;inset:86px 0 104px;touch-action: none;outline:none}.wt-creature{position:absolute;left:50%;top:38%;width:116px;height:128px;translate:-50% -50%;filter:drop-shadow(0 16px 12px #082e3840);transition:transform .3s}.wt-creature__core{position:absolute;inset:15px 19px 0;border-radius:48% 52% 42% 58%;background:linear-gradient(145deg,#f7c959,#e36b42);clip-path:polygon(50% 0,88% 20%,100% 68%,70% 100%,28% 94%,0 62%,10% 21%)}.wt-creature__core:before,.wt-creature__core:after{content:"";position:absolute;top:42%;width:10px;height:14px;border-radius:50%;background:#082e38}.wt-creature__core:before{left:24%}.wt-creature__core:after{right:24%}.wt-creature__wing{position:absolute;top:42px;width:38px;height:56px;border:8px solid #f2a744;border-radius:80% 10%;opacity:.82}.wt-creature__wing--left{left:0;rotate:-25deg}.wt-creature__wing--right{right:0;scale:-1 1;rotate:-25deg}
.wt-creature[data-action=jump]{animation:wt-jump .72s}.wt-creature[data-action=dodge]{animation:wt-dodge .62s}.wt-creature[data-action=attack]{animation:wt-attack .7s}.wt-creature[data-action=deflect]{animation:wt-deflect .48s}.wt-creature[data-action=breakout]{animation:wt-breakout .9s}.wt-creature[data-action=captured]{animation:wt-captured .8s forwards}
.wt-target{--ring-scale:.55;position:absolute;left:50%;top:38%;width:138px;height:138px;translate:-50% -50%;border:4px solid #18c7b0;border-radius:50%;box-shadow:0 0 0 2px #fff8;animation:wt-ring 2.2s linear infinite}.wt-orb{position:absolute;left:50%;bottom:8px;width:54px;height:54px;border-radius:50%;background:linear-gradient(#fff 0 45%,#183f4a 45% 55%,#f2a744 55%);box-shadow:0 7px 14px #092c3c55;transform:translateX(-50%);opacity:1}.wt-orb i{position:absolute;inset:19px;border:3px solid #183f4a;border-radius:50%;background:#fff}.wt-orb.is-held,.wt-orb.is-flying{left:0;top:0;bottom:auto;margin:-27px}.wt-orb.is-held{transform:translate3d(var(--drag-x,50vw),var(--drag-y,calc(100vh - 130px)),0);scale:1.08}.wt-grade{position:absolute;top:17%;left:0;right:0;text-align:center;font-weight:900;color:#fff;text-shadow:0 2px 6px #082e38;font-size:1.3rem}.wt-help{position:absolute;left:50%;bottom:42px;translate:-50%;margin:0;padding:9px 14px;border-radius:20px;background:#082e38cc;color:#fff;font-size:.78rem;white-space:nowrap}.wt-encounter.is-ready .wt-help{animation:wt-help 5s forwards}
.wt-dock{position:absolute;z-index:5;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:70px 1fr 70px;align-items:center}.wt-selected{grid-column:2;text-align:center;background:var(--glass);border-radius:22px;padding:7px 12px}.wt-selected span,.wt-selected small{display:block;font-size:.65rem}.wt-selected b{font-size:.84rem}.wt-items{position:absolute;z-index:8;left:12px;right:12px;bottom:95px;padding:10px;border-radius:24px;background:var(--glass);backdrop-filter:blur(14px);box-shadow:0 12px 30px #082e3840}.wt-items button{display:grid;grid-template-columns:42px 1fr 32px;align-items:center;width:100%;min-height:52px;border:0;border-radius:14px;background:transparent;text-align:left;color:var(--ink)}.wt-items button[aria-pressed=true]{background:#18c7b022}.wt-mini-orb{width:28px;height:28px;border-radius:50%;background:linear-gradient(#fff 0 45%,#173f49 45% 55%,#f2a744 55%)}.wt-bait{font-size:1.6rem;color:#d8753f}
.wt-results{position:absolute;z-index:20;left:12px;right:12px;bottom:12px;padding:24px;border-radius:28px;background:#f8fff9;color:var(--ink);box-shadow:0 -18px 60px #082e3866}.wt-results>p{font-size:.7rem;letter-spacing:.15em}.wt-results h2{margin:.2rem 0 1rem}.wt-results dl{margin:0}.wt-results dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #0d61531f}.wt-results dd{font-weight:800}.wt-results button{width:100%;margin-top:18px;min-height:48px}
@keyframes wt-ring{0%,100%{transform:scale(1)}50%{transform:scale(.2)}}@keyframes wt-jump{50%{transform:translateY(-55px) scale(1.08)}}@keyframes wt-dodge{35%{transform:translateX(-74px) rotate(-8deg)}70%{transform:translateX(55px) rotate(6deg)}}@keyframes wt-attack{50%{transform:translateY(45px) scale(1.35)}}@keyframes wt-deflect{30%{transform:rotate(-18deg) scale(1.2)}70%{transform:rotate(18deg)}}@keyframes wt-breakout{25%,75%{transform:translateX(-20px)}50%{transform:translateX(20px)}}@keyframes wt-captured{to{transform:scale(.05);opacity:0}}@keyframes wt-help{0%,70%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.wt-target{animation:none;transform:scale(.55)}.wt-creature,.wt-help{animation-duration:.01ms!important;animation-iteration-count:1!important}.wt-creature{transition:none}.wt-orb{transition:none}}