html{font-size:20px}:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#eaeaea;background:#111}body{margin:0;min-height:100vh;font-size:1.1rem;line-height:1.6}button,select,input,textarea{font-size:1rem;line-height:1.3}.app{min-height:100vh;display:flex}.main{padding:22px;width:100%;max-width:860px}.card{border:1px solid #2a2a2a;border-radius:16px;background:#141414;padding:16px;margin:14px 0}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pill{border:1px solid #2a2a2a;background:#101010;padding:8px 12px;border-radius:999px;font-size:.95rem;opacity:.95}h1,h2,h3{margin:0 0 12px}h1{font-size:2rem;letter-spacing:.06em}h2{font-size:1.5rem}h3{font-size:1.2rem}p{margin:8px 0;opacity:.95}.btn{padding:12px 14px;border-radius:12px;border:1px solid #2a2a2a;background:#1a1a1a;color:#eaeaea;cursor:pointer}.btn:hover{background:#202020}.btn:disabled{opacity:.5;cursor:not-allowed}button{padding:10px 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 860px){.grid2{grid-template-columns:1fr}}.small{font-size:.95rem;opacity:.85}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;opacity:.9}hr{border:0;border-top:1px solid #2a2a2a;margin:14px 0}.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 12px}.kv div{padding:3px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #2a2a2a;padding:10px 8px;text-align:left;font-size:1rem}.table th{opacity:.9;font-weight:600}.notice{padding:12px 14px;border:1px dashed #3a3a3a;border-radius:14px;background:#101010}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:2rem 1rem;overflow-y:auto}.modal-content{background:#1a1a1a;border:1px solid #444;border-radius:8px;width:100%;max-width:820px;max-height:90vh;overflow-y:auto;position:relative}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0% 0 0)}}@keyframes flyToInventory{0%{opacity:1;transform:translate(0) scale(1)}60%{opacity:.9;transform:translate(-120px,-80px) scale(.7)}to{opacity:0;transform:translate(-180px,-140px) scale(.3)}}@keyframes claimFlyToInv{0%{opacity:0;transform:translate(-50%) scale(.4)}15%{opacity:1;transform:translate(-50%) scale(1.3)}50%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% - 160px),-220px) scale(.3)}}@keyframes craftPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(.8)}}@keyframes xpBarFill{0%{width:var(--xp-before)}to{width:var(--xp-after)}}@keyframes markToastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes markBtnPulse{0%,to{box-shadow:0 0 0 2px #ce93d8,0 0 12px 2px #ce93d840}50%{box-shadow:0 0 0 3px #ce93d8,0 0 18px 4px #ce93d860}}@keyframes markBtnPulseSubtle{0%,to{box-shadow:0 0 0 1px #7ecba140,0 0 6px 1px #7ecba115}50%{box-shadow:0 0 0 2px #7ecba170,0 0 12px 2px #7ecba130}}@keyframes markRevealFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes markToastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(16px)}}@keyframes unclaimedPulse-Exploration{0%,to{box-shadow:0 0 10px #7ecba150,0 0 20px #7ecba130}50%{box-shadow:0 0 28px #7ecba1cc,0 0 50px #7ecba180}}@keyframes unclaimedPulse-Harvesting{0%,to{box-shadow:0 0 10px #c8a96e50,0 0 20px #c8a96e30}50%{box-shadow:0 0 28px #c8a96ecc,0 0 50px #c8a96e80}}@keyframes unclaimedPulse-Crafting{0%,to{box-shadow:0 0 10px #7eb8cb50,0 0 20px #7eb8cb30}50%{box-shadow:0 0 28px #7eb8cbcc,0 0 50px #7eb8cb80}}@keyframes unclaimedPulse-Survival{0%,to{box-shadow:0 0 10px #f5c84250,0 0 20px #f5c84230}50%{box-shadow:0 0 28px #f5c842cc,0 0 50px #f5c84280}}@keyframes unclaimedPulse-Combat{0%,to{box-shadow:0 0 10px #ce93d850,0 0 20px #ce93d830}50%{box-shadow:0 0 28px #ce93d8cc,0 0 50px #ce93d880}}@keyframes unclaimedPulse-Loot{0%,to{box-shadow:0 0 10px #80cbc450,0 0 20px #80cbc430}50%{box-shadow:0 0 28px #80cbc4cc,0 0 50px #80cbc480}}@keyframes unclaimedBtnGlow{0%,to{box-shadow:0 0 0 1px #c8a96e30,0 0 8px 1px #c8a96e15}50%{box-shadow:0 0 0 2px #c8a96e60,0 0 14px 2px #c8a96e30}}@property --move-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes moveGlowSpin{to{--move-angle: 360deg}}.move-btn-wrap{position:relative;border-radius:11px;padding:1px;background:#1e1e1e}.move-btn-wrap.active:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:12px;background:conic-gradient(from var(--move-angle),transparent 0%,transparent 30%,var(--move-glow-color) 50%,transparent 70%,transparent 100%);animation:moveGlowSpin 1.6s linear infinite;z-index:0}.move-btn-wrap:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:10px;background:var(--move-bg-color, #0f0f0f);z-index:1}.move-btn-wrap button{position:relative;z-index:2;width:100%;border:none!important;background:transparent!important}.move-group-ground_the_moth{--move-glow-color: #ffd54f;--move-bg-color: #0f0e07}.move-group-remove_poisonous_wax{--move-glow-color: #80cbc4;--move-bg-color: #071010}.move-group-apply_poison{--move-glow-color: #aed581;--move-bg-color: #080f05}.move-group-deadly_strike{--move-glow-color: #ef9a9a;--move-bg-color: #0f0707}.move-group-annoy_it{--move-glow-color: #ffcc80;--move-bg-color: #100c04}.move-group-brute_force{--move-glow-color: #bcaaa4;--move-bg-color: #0c0a09}.move-group-harvest{--move-glow-color: #81c784;--move-bg-color: #071009}.move-group-disengage{--move-glow-color: #888888;--move-bg-color: #0a0a0a}.move-group-combo{--move-glow-color: #ce93d8;--move-bg-color: #0f071a}.move-btn-wrap.inactive{background:#111}.move-btn-wrap.inactive:before{display:none}.move-btn-wrap.inactive:after{background:#0a0a0a}.combat-effect-host{position:relative;display:inline-block}.combat-effect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:8px;overflow:hidden}@keyframes impactLightFlash{0%{opacity:0}10%{opacity:.45}40%{opacity:.2}to{opacity:0}}@keyframes impactLightBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(0)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(15deg)}60%{opacity:.6;transform:translate(-50%,-50%) scale(1.3) rotate(20deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5) rotate(25deg)}}.effect-impact_light .effect-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff2e;animation:impactLightFlash .5s ease-out forwards}.effect-impact_light .effect-burst{position:absolute;top:50%;left:50%;width:70%;height:70%;background:radial-gradient(circle,rgba(255,240,180,.9) 0%,rgba(255,200,80,.5) 40%,transparent 70%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:impactLightBurst .5s ease-out forwards}@keyframes impactHeavyFlash{0%{opacity:0}8%{opacity:.65}35%{opacity:.35}to{opacity:0}}@keyframes impactHeavyBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.05) rotate(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(10deg)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.6) rotate(18deg)}to{opacity:0;transform:translate(-50%,-50%) scale(2) rotate(25deg)}}@keyframes combatShake{0%{transform:translate(0)}15%{transform:translate(-6px,3px)}30%{transform:translate(5px,-4px)}45%{transform:translate(-4px,2px)}60%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}to{transform:translate(0)}}.effect-impact_heavy .effect-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ff643c47;animation:impactHeavyFlash .55s ease-out forwards}.effect-impact_heavy .effect-burst{position:absolute;top:50%;left:50%;width:90%;height:90%;background:radial-gradient(circle,rgba(255,180,60,.95) 0%,rgba(220,80,30,.6) 40%,transparent 70%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:impactHeavyBurst .55s ease-out forwards}.combat-shake{animation:combatShake .45s ease-out}@keyframes pierceRing{0%{opacity:.9;transform:translate(-50%,-50%) scale(1.4) rotate(0)}60%{opacity:.7;transform:translate(-50%,-50%) scale(.3) rotate(180deg)}80%{opacity:1;transform:translate(-50%,-50%) scale(.08) rotate(220deg)}to{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(240deg)}}@keyframes pierceDesaturate{0%{filter:saturate(1)}30%{filter:saturate(.1) brightness(1.3)}to{filter:saturate(1)}}@keyframes pierceDot{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}65%{opacity:0;transform:translate(-50%,-50%) scale(0)}75%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}.effect-pierce .effect-ring{position:absolute;top:50%;left:50%;width:80%;height:80%;border:4px solid rgba(180,230,255,.9);border-radius:50%;box-shadow:0 0 12px #78c8ffb3,inset 0 0 8px #78c8ff66;animation:pierceRing .6s ease-in forwards}.effect-pierce .effect-desaturate{position:absolute;top:0;right:0;bottom:0;left:0;animation:pierceDesaturate .6s ease-out forwards;background:transparent}.effect-pierce .effect-dot{position:absolute;top:50%;left:50%;width:18px;height:18px;background:radial-gradient(circle,#ffffff 0%,rgba(120,200,255,.8) 50%,transparent 80%);border-radius:50%;animation:pierceDot .6s ease-out forwards}@keyframes stompRing{0%{opacity:.9;transform:translate(-50%,-50%) scale(.1)}60%{opacity:.5;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes stompRing2{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}20%{opacity:0;transform:translate(-50%,-50%) scale(.1)}70%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@keyframes stompFlash{0%{opacity:0}10%{opacity:.35}to{opacity:0}}.effect-stomp .effect-ring{position:absolute;top:50%;left:50%;width:85%;height:85%;border:3px solid rgba(255,213,79,.9);border-radius:50%;box-shadow:0 0 14px #ffd54f99;animation:stompRing .55s ease-out forwards}.effect-stomp .effect-ring2{position:absolute;top:50%;left:50%;width:85%;height:85%;border:2px solid rgba(255,213,79,.5);border-radius:50%;animation:stompRing2 .55s ease-out forwards}.effect-stomp .effect-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffd54f26;animation:stompFlash .55s ease-out forwards}@keyframes scrapeLine1{0%{opacity:0;transform:scaleX(0);transform-origin:left}10%{opacity:.8}40%{opacity:.8;transform:scaleX(1);transform-origin:left}to{opacity:0;transform:scaleX(1)}}@keyframes scrapeLine2{0%{opacity:0;transform:scaleX(0);transform-origin:left}15%{opacity:0}25%{opacity:.7;transform:scaleX(0);transform-origin:left}55%{opacity:.7;transform:scaleX(1);transform-origin:left}to{opacity:0}}@keyframes scrapeLine3{0%{opacity:0;transform:scaleX(0);transform-origin:left}25%{opacity:0}38%{opacity:.5;transform:scaleX(0);transform-origin:left}65%{opacity:.5;transform:scaleX(1);transform-origin:left}to{opacity:0}}.effect-scrape .effect-line1{position:absolute;top:35%;left:0;right:0;height:3px;background:linear-gradient(to right,transparent,rgba(255,204,128,.9),rgba(255,204,128,.7),transparent);animation:scrapeLine1 .55s ease-out forwards}.effect-scrape .effect-line2{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(255,204,128,.8),transparent);animation:scrapeLine2 .55s ease-out forwards}.effect-scrape .effect-line3{position:absolute;top:63%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(255,204,128,.6),transparent);animation:scrapeLine3 .55s ease-out forwards}@keyframes laceShimmer{0%{opacity:0;transform:translate(-100%)}30%{opacity:.7}70%{opacity:.7;transform:translate(100%)}to{opacity:0;transform:translate(100%)}}@keyframes laceBorder{0%{opacity:0;box-shadow:inset 0 0 0 2px transparent}30%{opacity:1;box-shadow:inset 0 0 0 2px #aed58199}70%{opacity:1}to{opacity:0}}.effect-lace .effect-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 20%,rgba(174,213,129,.35) 40%,rgba(129,199,132,.2) 50%,rgba(174,213,129,.35) 60%,transparent 80%);animation:laceShimmer .65s ease-in-out forwards}.effect-lace .effect-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;animation:laceBorder .65s ease-in-out forwards}@keyframes poisonBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}60%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes poisonFlash{0%{opacity:0}12%{opacity:.5}to{opacity:0}}@keyframes poisonParticle{0%{opacity:1;transform:translate(var(--px),var(--py)) scale(1)}to{opacity:0;transform:translate(calc(var(--px) * 2.5),calc(var(--py) * 2.5)) scale(.2)}}.effect-poison .effect-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#64dc504d;animation:poisonFlash .55s ease-out forwards}.effect-poison .effect-burst{position:absolute;top:50%;left:50%;width:80%;height:80%;background:radial-gradient(circle,rgba(150,255,100,.9) 0%,rgba(80,200,50,.6) 35%,transparent 65%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:poisonBurst .55s ease-out forwards}@keyframes crystalParticle{0%{opacity:1;transform:translate(-50%,-50%) translate(var(--cx),var(--cy)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--cx) * 2.2),calc(var(--cy) * 2.2)) scale(.1) rotate(180deg)}}@keyframes crystalGlow{0%{opacity:0}15%{opacity:.6}to{opacity:0}}.effect-crystal .effect-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,213,79,.4) 0%,transparent 70%);animation:crystalGlow .7s ease-out forwards}.effect-crystal .effect-spark{position:absolute;top:50%;left:50%;width:8px;height:8px;background:#ffeb96f2;border-radius:2px;box-shadow:0 0 6px #ffd54fcc;animation:crystalParticle .7s ease-out forwards}@keyframes scoopDrip{0%{opacity:0;transform:translate(-50%) translateY(-20%) scaleY(.3)}15%{opacity:.9;transform:translate(-50%) translateY(-10%) scaleY(1)}70%{opacity:.7;transform:translate(-50%) translateY(60%) scaleY(1.3)}to{opacity:0;transform:translate(-50%) translateY(90%) scaleY(.8)}}@keyframes scoopGlow{0%{opacity:0}20%{opacity:.35}to{opacity:0}}.effect-scoop .effect-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(200,169,110,.4) 0%,transparent 65%);animation:scoopGlow .7s ease-out forwards}.effect-scoop .effect-drip{position:absolute;top:10%;left:50%;width:28%;height:55%;background:radial-gradient(ellipse at 50% 30%,rgba(200,160,60,.85) 0%,rgba(160,110,20,.7) 50%,transparent 80%);border-radius:50% 50% 60% 60%;animation:scoopDrip .7s ease-in forwards}@keyframes chompTop{0%{opacity:0;transform:translate(-50%) translateY(-120%)}15%{opacity:1;transform:translate(-50%) translateY(-30%)}35%{transform:translate(-50%) translateY(-30%)}55%{transform:translate(-50%) translateY(-100%)}to{opacity:0;transform:translate(-50%) translateY(-150%)}}@keyframes chompBottom{0%{opacity:0;transform:translate(-50%) translateY(120%)}15%{opacity:1;transform:translate(-50%) translateY(30%)}35%{transform:translate(-50%) translateY(30%)}55%{transform:translate(-50%) translateY(100%)}to{opacity:0;transform:translate(-50%) translateY(150%)}}@keyframes chompFlash{0%{opacity:0}35%{opacity:0}40%{opacity:.5}to{opacity:0}}.effect-chomp .effect-teeth-top{position:absolute;top:15%;left:50%;width:55%;height:30%;background:#dcdcdceb;clip-path:polygon(0% 0%,12% 100%,25% 30%,37% 100%,50% 30%,62% 100%,75% 30%,87% 100%,100% 0%);animation:chompTop .6s ease-in-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.effect-chomp .effect-teeth-bottom{position:absolute;bottom:15%;left:50%;width:55%;height:30%;background:#dcdcdceb;clip-path:polygon(0% 100%,12% 0%,25% 70%,37% 0%,50% 70%,62% 0%,75% 70%,87% 0%,100% 100%);animation:chompBottom .6s ease-in-out forwards;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.6))}.effect-chomp .effect-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffdcdc40;animation:chompFlash .6s ease-out forwards}@keyframes counterFlash{0%{opacity:0}8%{opacity:.55}40%{opacity:.3}to{opacity:0}}.effect-counterattack-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:#dc1e1e73;border-radius:16px;pointer-events:none;z-index:10;animation:counterFlash .6s ease-out forwards}
