:root{--primary: #5fbf4a;--secondary: #d98f39;--accent: #8c52ff;--bg: #122018;--surface: #1e2b22;--text: #f4f1e8;--muted: #b7c2b3;--danger: #c94b4b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#243d2d 0%,var(--bg) 45%);color:var(--text);font-family:Trebuchet MS,Segoe UI,sans-serif}button,select{font:inherit}.app-shell{min-height:100vh;max-width:860px;margin:0 auto;padding:12px}.top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.top-bar nav{display:flex;gap:10px;flex-wrap:wrap}.top-bar a{color:var(--muted);text-decoration:none}.top-bar a.active{color:var(--text);text-decoration:underline}.content{margin-top:12px}.feedback-trigger{min-height:36px}.toast-notice{margin:8px 0 0}.feedback-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a08b8;display:grid;place-items:center;z-index:1000;padding:12px}.feedback-modal{width:min(520px,100%);max-height:92vh;overflow:auto}.feedback-form{display:grid;gap:10px}.feedback-form label{display:grid;gap:4px;font-size:13px}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;border-radius:8px;border:1px solid #3d5f4c;background:#162118;color:var(--text);padding:8px}.feedback-form textarea{resize:vertical}.room-code-input{width:100%;padding:10px 14px;border-radius:8px;border:1.5px solid var(--primary);background:#1a261e;color:var(--text);font-size:1rem;margin-bottom:10px}.room-code-input:focus{outline:none;border-color:var(--accent)}.feedback-actions{display:flex;gap:8px}.panel{background:#1e2b22e6;border:1px solid #335541;border-radius:16px;padding:14px}.splash{position:relative;overflow:hidden}.flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background:linear-gradient(130deg,transparent 0%,#f4f1e8 20%,transparent 35%);animation:sweep 2.6s infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.splash h2,.splash p,.splash .primary{animation:splash-rise .56s ease-out}@keyframes splash-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.primary,.secondary,.primary-link{border:none;border-radius:10px;padding:10px 12px;cursor:pointer}.primary{background:var(--primary);color:#111}.secondary{background:#33473a;color:var(--text)}.primary-link{display:inline-block;text-decoration:none;background:var(--primary);color:#111}.intake-actions{display:flex;gap:8px;margin-bottom:12px}.starter-grid,.roster-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.starter-card,.roster-card{background:#243228;border:1px solid #3f664f;color:var(--text);border-radius:12px;padding:8px;text-align:left;cursor:pointer}.roster-entry{display:grid;gap:8px}.roster-entry>button{width:100%}.roster-card.active{border-color:var(--accent)}.starter-card img,.roster-card img,.preview-card img{width:100%;border-radius:10px}.preview-card,.monetization-placeholders{margin-top:12px;padding:10px;background:#223226;border-radius:10px}.capture-morph{animation:capture-morph .42s ease-out}.capture-cropper p{margin-top:0}.capture-crop-frame{position:relative;width:220px;height:220px;margin:8px auto 12px;border-radius:20px;overflow:hidden;border:2px solid #4b7158;background:#101910;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.capture-crop-frame.dragging{cursor:grabbing}.capture-crop-image{position:absolute;transform:translate(-50%,-50%);max-width:none;pointer-events:none}.transform-animation{margin-top:12px}.transform-stage{position:relative;width:min(340px,100%);aspect-ratio:1 / 1;margin:10px auto;border-radius:20px;overflow:hidden;border:1px solid #4f7e61;background:#0e1511}.transform-photo,.transform-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.transform-photo{transition:filter .32s ease,opacity .32s ease}.transform-sprite{object-fit:contain;opacity:0;transform:scale(.95);transition:opacity .32s ease,transform .32s ease}.phase-scanning .transform-photo{opacity:1}.phase-dissolving .transform-photo,.phase-materializing .transform-photo,.phase-final .transform-photo{opacity:.2;filter:blur(8px) saturate(0)}.phase-dissolving .transform-sprite,.phase-materializing .transform-sprite,.phase-final .transform-sprite{opacity:.9;transform:scale(1)}.phase-materializing .transform-sprite,.phase-final .transform-sprite{box-shadow:0 0 28px var(--transform-glow, rgba(159, 233, 131, .3))}.transform-scanline{position:absolute;left:0;right:0;top:-28%;height:28%;background:linear-gradient(180deg,#66ff9400,#66ff9459,#66ff9400);opacity:0}.phase-scanning .transform-scanline{opacity:1;animation:scan-sweep .62s linear forwards}.transform-caption{margin:0;color:var(--muted);text-align:center;font-size:12px}.transform-banner{margin:8px 0 0;text-align:center;font-weight:700;letter-spacing:.08em;color:#dbf7cf}@keyframes capture-morph{0%{opacity:.4;transform:scale(.96) translateY(8px);filter:blur(1px)}60%{opacity:1;transform:scale(1.02) translateY(0);filter:blur(0)}to{transform:scale(1)}}@keyframes scan-sweep{0%{transform:translateY(0)}to{transform:translateY(440%)}}.error-text{color:#ff9c9c}.notice-text{color:#c8ddbb}.pvp-room-help{margin-top:8px}.battle{position:relative;display:grid;gap:10px}.battle-arena{position:relative;min-height:330px;border:1px solid #2f4939;border-radius:12px;background:linear-gradient(180deg,#1c2c22eb,#131f18eb);padding:10px;overflow:hidden}.battle-zoom-in{animation:battle-zoom-in .32s ease-out}@keyframes battle-zoom-in{0%{transform:scale(.98);opacity:.7}to{transform:scale(1);opacity:1}}.arena-shake{animation:arena-shake .32s ease-out}@keyframes arena-shake{0%{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}to{transform:translate(0)}}.enemy-card{position:absolute;top:12px;right:12px;width:min(44vw,250px);text-align:right}.enemy-card img,.player-card img{width:100%;border-radius:12px}.enemy-card.hit img,.player-card.hit img{animation:hit-pulse .28s cubic-bezier(.16,.84,.24,1)}.enemy-card.move-jab img,.player-card.move-jab img{animation:jab-surge .32s ease-out}.enemy-card.move-wing-jab img,.player-card.move-wing-jab img{animation:wing-flare .34s ease-out}.enemy-card.move-sting img,.player-card.move-sting img{animation:sting-thrust .32s ease-out}@keyframes jab-surge{0%{transform:translate(0) scale(1)}50%{transform:translate(4px) scale(1.02)}to{transform:translate(0) scale(1)}}@keyframes wing-flare{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.03) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes sting-thrust{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(157,220,96,0))}50%{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 0 10px rgba(157,220,96,.3))}to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(157,220,96,0))}}@keyframes hit-pulse{0%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.03);filter:saturate(1.35)}to{transform:scale(1);filter:saturate(1)}}.player-card{position:absolute;bottom:12px;left:12px;width:min(44vw,250px)}.health{margin:6px 0}.health-label{font-size:12px;display:flex;justify-content:space-between}.type-badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;text-transform:uppercase}.type-rock{background:#5d6d7e;color:#ecf0f1}.type-paper{background:#27ae60;color:#fff}.type-scissors{background:#c0392b;color:#fff}.health-track{height:8px;border-radius:6px;background:#0e1511;border:1px solid #3e5c49;overflow:hidden}.health-fill{height:100%;background:#5fbf4a;transition:width .2s linear}.health-fill.high{background:#5fbf4a}.health-fill.mid{background:#d6ca46}.health-fill.low{background:#d98f39}.health-fill.critical{background:#c94b4b}.actions{position:relative;padding:10px;border-radius:12px;background:#1a261d;border:1px solid #395542}.turn-indicator{margin:0 0 8px;font-size:12px;color:var(--muted)}.tutorial-note{margin:0 0 8px;font-size:12px;color:#dce8ce}.move-row{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.action{background:#335541;color:var(--text);border:1px solid #497158;border-radius:10px;min-height:44px}.move-type-hint{display:block;font-size:.6rem;opacity:.75;margin-top:2px}.action.is-animating{animation:action-pop .22s ease-out;border-color:#9cdc60}@keyframes action-pop{0%{transform:scale(1)}55%{transform:scale(1.03)}to{transform:scale(1)}}.utility-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.pvp-utility-row{grid-template-columns:1fr}.battle-log{min-height:42px;font-size:12px;color:var(--muted);margin-bottom:8px}.battle-log p{margin:3px 0}.log-super{color:#f39c12;font-weight:700}.result-modal{position:absolute;top:70px;right:14px;bottom:80px;left:14px;background:#122018f5;border:1px solid #4f7e61;border-radius:14px;padding:12px}.result-modal.challenged{border-color:#db4a2f;background:radial-gradient(circle at 18% 10%,#db4a2f29,#db4a2f00 40%),radial-gradient(circle at 84% 24%,#ff963d1f,#ff963d00 42%),#181812f5;box-shadow:0 0 0 1px #db4a2f4d,0 0 22px #db4a2f33}.result-modal.victory{animation:victory-pop .32s ease-out}.result-modal.defeat{animation:defeat-fade .28s ease-out}@keyframes victory-pop{0%{opacity:.4;transform:scale(.96)}65%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}@keyframes defeat-fade{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.xp-summary{margin:10px 0}.result-summary{margin:8px 0 10px;padding:8px;border:1px solid #3b624a;border-radius:8px;background:#152118}.pvp-streak-banner{display:inline-block;margin:0 0 8px;padding:4px 10px;border-radius:999px;border:1px solid #9cdc60;background:#9ddc602e;color:#dff7bf;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.result-summary p{margin:0 0 4px;font-size:13px}.xp-summary p{margin:0 0 6px;font-size:13px}.xp-track{height:8px;border-radius:6px;border:1px solid #4f7e61;background:#0e1511;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#5fbf4a,#9cdc60);transition:width .18s linear}.placeholder-offer{border:1px dashed #7da688;border-radius:8px;padding:10px}.placeholder-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:10px}.reward-summary{display:grid;gap:4px;margin-bottom:8px;font-size:12px;color:var(--muted)}.supporter-card{border:1px solid #8c52ff;border-radius:10px;background:linear-gradient(135deg,#8c52ff33,#5fbf4a24);padding:10px}.supporter-card p{margin:0 0 4px}.premium-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;border:1px solid #8c52ff;color:#e5dfff;font-size:12px}.monetization-placeholders .primary,.monetization-placeholders .secondary{display:block;width:100%;margin-top:8px}.battle .primary,.battle .secondary{min-height:44px}.result-buttons{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.rematch-alert{margin-top:10px;margin-bottom:2px;padding:10px 12px;border-radius:10px;border:1px solid #ff8459;background:linear-gradient(120deg,#821814d1,#b2351bc7,#6e1410d1);box-shadow:inset 0 0 0 1px #ffa67340,0 0 18px #d53d1e3d;animation:rematch-alert-pulse 1.2s ease-in-out infinite}.rematch-alert-title{margin:0 0 4px;color:#ffe7cb;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rematch-alert-copy{margin:0;color:#fff3e5;font-weight:600}@keyframes rematch-alert-pulse{0%{transform:scale(1);box-shadow:inset 0 0 0 1px #ffa67340,0 0 12px #d53d1e33}50%{transform:scale(1.01);box-shadow:inset 0 0 0 1px #ffa67373,0 0 22px #d53d1e57}to{transform:scale(1);box-shadow:inset 0 0 0 1px #ffa67340,0 0 12px #d53d1e33}}.recap-log{margin-top:10px;border:1px solid #395542;border-radius:8px;background:#162118;padding:6px 8px}.recap-log summary{cursor:pointer;font-size:13px;font-weight:600;color:#dbe8cf;list-style:none}.recap-log summary::-webkit-details-marker{display:none}.recap-log summary:before{content:"▸";display:inline-block;margin-right:6px}.recap-log[open] summary:before{content:"▾"}.recap-log-body{margin-top:8px;max-height:132px;overflow:auto}.recap-log p{margin:0 0 4px;font-size:12px;color:var(--muted)}.capture-pop{animation:capture-pop .35s ease-out}@keyframes capture-pop{0%{transform:scale(.98);box-shadow:0 0 #9fe98300}55%{transform:scale(1.01);box-shadow:0 0 18px #9fe9833d}to{transform:scale(1);box-shadow:0 0 #9fe98300}}.farm-screen{display:grid;gap:10px}.farm-arena{position:relative;overflow:hidden;min-height:390px;border-radius:14px;border:1px solid #3d5f4c;background:linear-gradient(180deg,#345e57,#203d30 45%,#1b311f);touch-action:none;-webkit-user-select:none;user-select:none}.farm-arena.aiming{cursor:crosshair}.farm-sky{position:absolute;top:0;right:0;bottom:62%;left:0;background:linear-gradient(180deg,#71c1bc8c,#70b3ab47);pointer-events:none}.farm-ground{position:absolute;top:38%;right:0;bottom:0;left:0;background:linear-gradient(180deg,#4b7742bf,#2a4f27f2);pointer-events:none}.farm-bug{position:absolute;width:78px;border:none;background:transparent;padding:0;transform-origin:center center;transition:filter .12s ease}.farm-bug img{width:100%;border-radius:10px}.farm-bug.selected{filter:drop-shadow(0 0 14px rgba(174,240,138,.5))}.farm-selected-panel{border:1px solid #3b624a;border-radius:10px;background:#162118;padding:8px 10px}.farm-selected-panel p{margin:0 0 4px}.farm-bottom-bar{display:flex;justify-content:space-between;align-items:center;gap:8px}.farm-aim-base{position:absolute;width:12px;height:12px;border-radius:999px;background:#e5f4c7;border:2px solid #7eb55f;box-shadow:0 0 10px #bff09573;transform:translate(-50%,-50%);pointer-events:none}.farm-aim-arrow{position:absolute;height:4px;border-radius:999px;background:linear-gradient(90deg,#d1edad40,#dff6bff2);transform-origin:0 50%;pointer-events:none}.farm-aim-head{position:absolute;right:-2px;top:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #e1f2bf;transform:translateY(-50%)}.farm-snack{position:absolute;width:18px;height:18px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#d6f2a4,#79b05d 62%,#426a35);box-shadow:0 0 10px #a8e18266;pointer-events:none}.snack-arc{animation:snack-arc .7s ease-in forwards}.bug-nom img{animation:bug-nom .36s ease-out}@keyframes snack-arc{0%{transform:translate(-50%,-50%) scale(.9)}55%{transform:translate(calc(-50% + (var(--snack-dx, 0px) * .55)),calc(-50% + (var(--snack-dy, 0px) * .55) - 42px)) scale(1)}to{transform:translate(calc(-50% + var(--snack-dx, 0px)),calc(-50% + var(--snack-dy, 0px))) scale(.95)}}@keyframes bug-nom{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.08) rotate(-4deg)}70%{transform:scale(1.05) rotate(3deg)}to{transform:scale(1) rotate(0)}}button:disabled,select:disabled{opacity:.55;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.flash,.arena-shake,.enemy-card.hit img,.player-card.hit img,.enemy-card.move-jab img,.player-card.move-jab img,.enemy-card.move-wing-jab img,.player-card.move-wing-jab img,.enemy-card.move-sting img,.player-card.move-sting img,.battle-zoom-in,.capture-pop,.capture-morph,.splash h2,.splash p,.splash .primary,.result-modal.victory,.result-modal.defeat,.rematch-alert,.xp-fill,.health-fill,.transform-scanline,.snack-arc,.bug-nom img{animation:none!important;transition:none!important}}@media(max-width:700px){.battle-arena{min-height:290px}.move-row,.utility-row{grid-template-columns:1fr}.player-card,.enemy-card{width:min(46vw,190px)}}.trade-layout{display:grid;gap:12px}.trade-panel{display:grid;gap:10px}.trade-panel label{display:grid;gap:4px;font-size:13px}.trade-panel input,.trade-panel textarea,.trade-panel select{width:100%;border-radius:8px;border:1px solid #3d5f4c;background:#162118;color:var(--text);padding:8px}.trade-panel textarea{resize:vertical}.trade-grid{display:grid;gap:8px}.trade-bug-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.trade-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#243228;border:1px solid #3f664f;color:var(--text);border-radius:10px;padding:8px;text-align:left}.trade-row.active{border-color:var(--accent)}a.secondary{display:inline-block;text-decoration:none}