/* ===================== 8BKARTUN — VOXEL WORLD (dashboard) ===================== */
:root{
  --bg:#0c0814;--panel:#181029;--panel-2:#1f1636;--ink:#f2ecff;--ink-soft:#b3a4d6;
  --purple:#a855f7;--purple-2:#c084fc;--neon:#39ff14;--neon-2:#00ffa3;--pink:#ff3d9a;
  --line:rgba(168,85,247,.32);--tiny:'Press Start 2P',monospace;--mono:'Space Mono',monospace;--pixel:'Jersey 25',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased}
#world{position:fixed;inset:0;width:100vw;height:100vh;display:block;image-rendering:pixelated;
  background:radial-gradient(1200px 800px at 50% -10%,rgba(168,85,247,.18),transparent 60%),linear-gradient(180deg,#120b22,#0a0714)}
.overlay{position:fixed;z-index:5}
button{font-family:var(--tiny);cursor:pointer}

/* ---- TOP BAR ---- */
.w-top{top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:14px 16px;flex-wrap:wrap}
.w-actions{margin-left:auto;display:flex;gap:10px}
.w-abtn{font-family:var(--tiny);font-size:11px;color:var(--purple-2);border:2px solid var(--line);
  background:rgba(12,8,20,.78);padding:11px 14px;backdrop-filter:blur(4px);transition:all .12s}
.w-abtn:hover{border-color:var(--purple-2);color:#fff;box-shadow:0 0 16px rgba(168,85,247,.5)}
#guideBtn{color:var(--neon);border-color:rgba(57,255,20,.3)}
#guideBtn:hover{border-color:var(--neon);box-shadow:0 0 16px rgba(57,255,20,.45)}
.w-home{font-family:var(--tiny);font-size:13px;color:var(--ink);text-decoration:none;border:2px solid var(--line);
  background:rgba(12,8,20,.7);padding:9px 14px;backdrop-filter:blur(4px);display:inline-flex;align-items:center;gap:9px}
.w-logo{width:22px;height:22px;flex:none}
.w-home:hover{border-color:var(--neon);color:var(--neon)}
.w-petcard{display:flex;align-items:center;gap:12px;border:2px solid var(--line);background:rgba(12,8,20,.72);
  padding:10px 14px;backdrop-filter:blur(4px)}
#petMini{width:58px;height:58px;image-rendering:pixelated;border:2px solid var(--line);background:#0e0a1c}
.w-petname{font-family:var(--pixel);font-size:24px;line-height:1;color:var(--neon);text-shadow:0 0 10px rgba(57,255,20,.4)}
.w-petmeta{font-size:11px;color:var(--ink-soft);font-weight:700;margin:3px 0 6px}
.w-bar{width:190px;height:9px;border:2px solid var(--line);background:#0e0a1c;position:relative;overflow:hidden}
.w-bar span{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--neon),var(--neon-2));box-shadow:0 0 10px var(--neon);transition:width .4s}
.w-stats{display:flex;gap:14px;margin-top:6px;font-size:11px;font-weight:700;color:var(--ink-soft)}
.w-stats b{color:var(--pink)}

/* ---- MISSION TRACKER ---- */
.w-mission{left:16px;top:118px;width:284px;border:2px solid var(--line);background:rgba(12,8,20,.78);
  padding:16px;backdrop-filter:blur(4px)}
.wm-head{font-family:var(--tiny);font-size:10px;color:var(--neon);letter-spacing:1px;margin-bottom:10px}
.wm-title{font-family:var(--pixel);font-size:26px;line-height:1;color:var(--ink)}
.wm-desc{font-size:12px;color:var(--ink-soft);font-weight:700;margin:8px 0;line-height:1.5}
.wm-hint{font-size:12px;font-weight:700;color:var(--pink);min-height:18px}
.wm-hint b{color:var(--neon)}
.wm-progress{margin-top:8px;padding-top:10px;border-top:2px dashed var(--line);font-size:11px;font-weight:700;color:var(--ink-soft)}
.wm-progress b{color:var(--neon);font-family:var(--tiny);font-size:11px}

/* ---- CHAT ---- */
.w-chat{right:16px;top:118px;bottom:16px;width:320px;display:flex;flex-direction:column;
  border:2px solid var(--line);background:rgba(12,8,20,.82);backdrop-filter:blur(5px)}
.w-chat.collapsed{bottom:auto}
.w-chat.collapsed .wc-log,.w-chat.collapsed .wc-input{display:none}
.wc-mode{font-family:var(--tiny);font-size:9px;padding:6px 8px;border:2px solid var(--line);background:transparent;color:var(--ink-soft);transition:all .12s}
.wc-mode.on{border-color:var(--neon);color:var(--neon)}
.wc-mode:hover{color:var(--ink)}
.wc-online{font-size:10px;font-weight:700;color:var(--neon)}
.wc-toggle{margin-left:auto;background:transparent;border:2px solid var(--line);color:var(--ink-soft);
  width:26px;height:26px;line-height:1;font-size:14px;padding:0;display:flex;align-items:center;justify-content:center;flex:none}
.wc-toggle:hover{border-color:var(--pink);color:var(--pink)}
.msg .dm{color:#ff79c6}
.wc-head{font-family:var(--tiny);font-size:11px;padding:14px;border-bottom:2px solid var(--line);display:flex;align-items:center;gap:8px;color:var(--ink)}
.wc-head b{color:var(--neon)}
.wc-dot{width:9px;height:9px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon)}
.wc-badge{margin-left:auto;font-size:9px;color:var(--pink);border:2px solid var(--line);padding:4px 7px}
.wc-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.wc-log::-webkit-scrollbar{width:8px}.wc-log::-webkit-scrollbar-thumb{background:var(--line)}
.msg{max-width:86%;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.45;border:2px solid var(--line)}
.msg.pet{align-self:flex-start;background:rgba(57,255,20,.07);color:var(--ink)}
.msg.pet b{color:var(--neon)}
.msg.me{align-self:flex-end;background:rgba(255,61,154,.10);border-color:rgba(255,61,154,.4);color:var(--ink)}
.msg.sys{align-self:center;font-family:var(--tiny);font-size:9px;color:var(--purple-2);border:0;background:none;text-align:center}
.wc-input{display:flex;border-top:2px solid var(--line)}
.wc-input input{flex:1;background:transparent;border:0;outline:0;color:var(--ink);font-family:var(--mono);font-weight:700;font-size:13px;padding:13px}
.wc-input input::placeholder{color:#6f648c}
.wc-input button{background:var(--neon);color:#08110a;border:0;padding:0 16px;font-size:10px}
.wc-input button:hover{box-shadow:0 0 16px rgba(57,255,20,.6)}

/* ---- HINT + MINIMAP ---- */
.w-hint{left:50%;transform:translateX(-50%);bottom:18px;font-size:11px;font-weight:700;color:var(--ink-soft);
  border:2px solid var(--line);background:rgba(12,8,20,.7);padding:9px 14px;backdrop-filter:blur(4px);white-space:nowrap}
.w-minimap{left:16px;bottom:16px;border:2px solid var(--line);background:rgba(12,8,20,.8);image-rendering:pixelated}

/* ---- speech bubble (world-space) ---- */
.w-bubble{position:fixed;z-index:6;transform:translate(-50%,-100%);pointer-events:none;
  font-size:12px;font-weight:700;color:#08110a;background:var(--neon);border:2px solid #0a3d0a;
  padding:7px 11px;max-width:230px;display:none;box-shadow:0 0 18px rgba(57,255,20,.5)}
.w-bubble::after{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);
  border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--neon)}

/* ---- interact prompt ---- */
.w-prompt{left:50%;transform:translateX(-50%);bottom:64px;display:none;z-index:6;
  font-family:var(--tiny);font-size:12px;color:#08110a;background:var(--neon);padding:11px 16px;
  border:2px solid #0a3d0a;box-shadow:0 0 22px rgba(57,255,20,.5)}

/* ---- PET BATTLE ---- */
.battle{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;
  background:radial-gradient(800px 600px at 50% 30%,rgba(168,85,247,.25),rgba(8,5,14,.92))}
.battle-box{width:min(640px,94vw);border:2px solid var(--neon);background:linear-gradient(180deg,#16102a,#0c0816);
  box-shadow:0 0 50px rgba(57,255,20,.3);padding:22px}
.b-head{font-family:var(--tiny);font-size:15px;color:var(--neon);text-align:center;margin-bottom:18px;text-shadow:0 0 14px rgba(57,255,20,.5)}
.b-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.b-side{text-align:center}
.b-side canvas{width:130px;height:130px;image-rendering:pixelated;border:2px solid var(--line);background:#0e0a1c}
.b-name{font-family:var(--pixel);font-size:22px;margin-top:8px;color:var(--ink)}
.b-hpbar{height:12px;border:2px solid var(--line);background:#0e0a1c;position:relative;overflow:hidden;margin:8px 0 4px}
.b-hpbar span{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,var(--neon),var(--neon-2));box-shadow:0 0 10px var(--neon);transition:width .3s}
.b-hpbar.foe span{background:linear-gradient(90deg,var(--pink),#ff8ac0)}
.b-hptxt{font-size:11px;font-weight:700;color:var(--ink-soft)}.b-hptxt b{color:var(--ink)}
.b-vs{font-family:var(--tiny);font-size:18px;color:var(--pink);text-shadow:0 0 12px rgba(255,61,154,.6)}
.b-log{height:88px;overflow-y:auto;border:2px solid var(--line);background:rgba(0,0,0,.3);margin:18px 0;padding:10px;
  font-size:12px;font-weight:700;color:var(--ink-soft);line-height:1.6}
.b-log::-webkit-scrollbar{width:7px}.b-log::-webkit-scrollbar-thumb{background:var(--line)}
.b-actions{display:flex;gap:12px;justify-content:center}
.b-actions button{flex:1;max-width:170px;font-family:var(--tiny);font-size:11px;padding:14px;border:2px solid var(--neon);
  background:transparent;color:var(--neon);cursor:pointer;transition:all .12s}
.b-actions button:hover:not(:disabled){background:var(--neon);color:#08110a;box-shadow:0 0 16px rgba(57,255,20,.5)}
.b-actions button:disabled{opacity:.35;cursor:not-allowed}
.b-actions button[data-move="special"]{border-color:var(--pink);color:var(--pink)}
.b-actions button[data-move="special"]:hover:not(:disabled){background:var(--pink);color:#08110a}
.b-actions button[data-move="guard"]{border-color:var(--purple-2);color:var(--purple-2)}
.b-close{display:none;width:100%;margin-top:14px;font-family:var(--tiny);font-size:12px;padding:14px;
  background:var(--neon);color:#08110a;border:0;cursor:pointer}

/* ---- toast (level up etc) ---- */
.w-toast{position:fixed;left:50%;top:96px;transform:translateX(-50%);z-index:7;font-family:var(--tiny);font-size:12px;
  color:#08110a;background:var(--neon);padding:12px 18px;border:2px solid #0a3d0a;display:none;box-shadow:0 0 24px rgba(57,255,20,.6)}

.w-owner{margin-top:6px;font-size:10px;font-weight:700;color:var(--ink-soft);letter-spacing:.5px}
.w-owner b{color:var(--purple-2)}

/* ---- PET SHOP ---- */
.shop{position:fixed;inset:0;z-index:22;display:none;align-items:center;justify-content:center;
  background:radial-gradient(800px 600px at 50% 30%,rgba(168,85,247,.28),rgba(8,5,14,.93))}
.shop-box{width:min(720px,94vw);max-height:90vh;display:flex;flex-direction:column;border:2px solid var(--purple);
  background:linear-gradient(180deg,#16102a,#0c0816);box-shadow:0 0 50px rgba(168,85,247,.35);padding:22px}
.shop-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.sh-title{font-family:var(--tiny);font-size:15px;color:var(--purple-2);text-shadow:0 0 14px rgba(168,85,247,.5)}
.sh-bal{margin-left:auto;font-family:var(--tiny);font-size:11px;color:var(--ink-soft)}
.sh-bal b{color:var(--neon)}
.shop-x{background:transparent;border:2px solid var(--line);color:var(--ink-soft);padding:7px 11px;font-size:11px}
.shop-x:hover{border-color:var(--pink);color:var(--pink)}
.shop-sub{font-size:12px;font-weight:700;color:var(--ink-soft);line-height:1.5;margin-bottom:14px}
.shop-sub b{color:var(--neon)}
.shop-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-right:4px}
.shop-grid::-webkit-scrollbar{width:8px}.shop-grid::-webkit-scrollbar-thumb{background:var(--line)}
.shop-card{border:2px solid var(--line);background:rgba(0,0,0,.28);padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.shop-card.on{border-color:var(--neon);box-shadow:0 0 16px rgba(57,255,20,.25)}
.sc-emo{font-size:34px;line-height:1}
.sc-name{font-family:var(--pixel);font-size:20px;line-height:1;color:var(--ink)}
.sc-desc{font-size:10px;font-weight:700;color:var(--ink-soft);line-height:1.4;min-height:42px}
.sc-btn{margin-top:auto;width:100%;font-family:var(--tiny);font-size:10px;padding:10px;border:2px solid var(--purple-2);
  background:transparent;color:var(--purple-2);transition:all .12s}
.sc-btn:hover:not(:disabled){background:var(--purple-2);color:#08110a}
.sc-btn.eq{border-color:var(--neon);color:#08110a;background:var(--neon)}
.sc-btn.no{opacity:.4;cursor:not-allowed}
.shop-foot{display:flex;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:2px dashed var(--line);
  font-size:11px;font-weight:700;color:var(--ink-soft)}
.shop-foot b{color:var(--neon)}
.btn-redeem{margin-left:auto;font-family:var(--tiny);font-size:10px;padding:11px 16px;border:2px solid var(--pink);
  background:transparent;color:var(--pink)}
.btn-redeem:hover{background:var(--pink);color:#08110a;box-shadow:0 0 16px rgba(255,61,154,.5)}

/* ---- ENTER-WORLD GATE ---- */
.w-gate{position:fixed;inset:0;z-index:40;display:none;align-items:center;justify-content:center;
  background:radial-gradient(900px 600px at 50% 20%,rgba(168,85,247,.3),rgba(8,5,14,.97))}
.gate-box{width:min(460px,92vw);text-align:center;border:2px solid var(--purple);background:linear-gradient(180deg,#16102a,#0c0816);
  box-shadow:0 0 50px rgba(168,85,247,.4);padding:32px 26px}
.gate-logo{width:54px;height:54px;margin-bottom:14px}
.gate-title{font-family:var(--tiny);font-size:15px;color:var(--neon);line-height:1.5;text-shadow:0 0 14px rgba(57,255,20,.5)}
.gate-text{font-size:13px;font-weight:700;color:var(--ink-soft);margin:12px 0 16px;line-height:1.5}
.gate-steps{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0 0 20px;text-align:left;max-width:240px;margin-inline:auto}
.gate-steps li{font-size:12px;font-weight:700;color:var(--ink);border:2px solid var(--line);padding:9px 12px;background:rgba(0,0,0,.25)}
.gate-steps li.done{color:var(--neon);border-color:var(--neon)}
.gate-actions{display:flex;flex-direction:column;gap:10px}
.gate-btn{font-family:var(--tiny);font-size:11px;padding:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .12s}
.gate-btn.primary{background:var(--purple);color:#fff;border:2px solid var(--purple)}
.gate-btn.primary:hover{box-shadow:0 0 20px rgba(168,85,247,.6)}
.gate-btn.ghost{background:transparent;color:var(--ink-soft);border:2px solid var(--line)}
.gate-btn.ghost:hover{border-color:var(--neon);color:var(--neon)}
.gate-msg{margin-top:14px;font-size:11px;font-weight:700;color:var(--pink);min-height:16px}

/* ---- HOW TO PLAY / GUIDE ---- */
.guide{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;
  background:radial-gradient(800px 600px at 50% 30%,rgba(57,255,20,.16),rgba(8,5,14,.94))}
.guide-box{width:min(840px,94vw);max-height:90vh;display:flex;flex-direction:column;border:2px solid var(--neon);
  background:linear-gradient(180deg,#16102a,#0c0816);box-shadow:0 0 50px rgba(57,255,20,.28);padding:22px}
.guide-head{display:flex;align-items:center;margin-bottom:6px}
.g-title{font-family:var(--tiny);font-size:15px;color:var(--neon);text-shadow:0 0 14px rgba(57,255,20,.5)}
.guide-x{margin-left:auto;background:transparent;border:2px solid var(--line);color:var(--ink-soft);padding:7px 11px;font-size:11px}
.guide-x:hover{border-color:var(--pink);color:var(--pink)}
.guide-sub{font-size:12px;font-weight:700;color:var(--ink-soft);margin-bottom:14px}
.guide-sub b{color:var(--neon)}
.guide-cols{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-right:4px}
.guide-cols::-webkit-scrollbar{width:8px}.guide-cols::-webkit-scrollbar-thumb{background:var(--line)}
.guide-col h4{font-family:var(--tiny);font-size:11px;color:var(--purple-2);margin-bottom:12px;letter-spacing:.5px}
.guide-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.guide-list li{font-size:12px;font-weight:700;color:var(--ink-soft);line-height:1.5;border-left:2px solid var(--line);padding-left:10px}
.guide-list li b{color:var(--ink)}
.guide-missions{list-style:none;display:flex;flex-direction:column;gap:8px}
.guide-missions li{font-size:12px;font-weight:700;color:var(--ink-soft);line-height:1.45;border:2px solid var(--line);padding:8px 10px;background:rgba(0,0,0,.22)}
.guide-missions li b{color:var(--ink)}
.guide-missions li.done{border-color:var(--neon)}
.gm-top{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.gm-tag{font-family:var(--tiny);font-size:8px;padding:2px 5px;border:1px solid currentColor}
.gm-goto{color:var(--neon)}.gm-battle{color:var(--pink)}.gm-collect{color:#ffd23f}
.gm-rw{margin-left:auto;color:var(--neon);font-family:var(--tiny);font-size:9px}
.guide-start{margin-top:16px;font-family:var(--tiny);font-size:12px;padding:14px;background:var(--neon);color:#08110a;border:0}
.guide-start:hover{box-shadow:0 0 20px rgba(57,255,20,.6)}

/* ---- pet care bars + tier (HUD) ---- */
.hud-tier{color:var(--neon);font-weight:700}
.w-care{display:flex;gap:14px;margin-top:7px;font-size:11px;color:var(--ink-soft);align-items:center}
.cb{display:inline-flex;align-items:center;gap:5px}
.cbar{display:inline-block;width:64px;height:8px;border:2px solid var(--line);background:#0e0a1c;position:relative;overflow:hidden}
.cbar b{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#ff9a3d,#ffd23f);box-shadow:0 0 8px rgba(255,154,61,.4);transition:width .4s}
.cbar.mood b{background:linear-gradient(90deg,#ff3d9a,#ff79c6);box-shadow:0 0 8px rgba(255,61,154,.4)}
.cb em{font-style:normal;color:var(--ink);font-weight:700;min-width:22px}

/* ---- shop tabs + power-up level ---- */
.shop-tabs{display:flex;gap:8px;margin-bottom:14px}
.shop-tab{flex:1;font-family:var(--tiny);font-size:10px;padding:11px;border:2px solid var(--line);background:transparent;color:var(--ink-soft);transition:all .12s}
.shop-tab.on{border-color:var(--purple-2);color:#fff;background:rgba(168,85,247,.18)}
.shop-tab:hover{color:#fff}
.sc-lv{font-family:var(--tiny);font-size:9px;color:var(--neon)}

/* ---- guide mission tags (extra types) ---- */
.gm-care{color:#ff9a3d}.gm-walk{color:#5cc8ff}.gm-up{color:#c084fc}

/* ---- camera controls ---- */
.w-cam{right:16px;bottom:16px;display:flex;flex-direction:column;gap:6px;align-items:center}
.cam-row{display:flex;gap:6px}
.w-cam button{width:40px;height:40px;font-family:var(--tiny);font-size:14px;color:var(--purple-2);border:2px solid var(--line);
  background:rgba(12,8,20,.78);backdrop-filter:blur(4px);transition:all .12s;line-height:1}
.w-cam button:hover{border-color:var(--purple-2);color:#fff;box-shadow:0 0 14px rgba(168,85,247,.5)}

/* ---- battle juice ---- */
.battle-box{transition:transform .06s}
.b-actions{flex-wrap:wrap}
.b-actions button[data-move="ultimate"]{border-color:#ffd23f;color:#ffd23f}
.b-actions button[data-move="ultimate"]:hover:not(:disabled){background:#ffd23f;color:#08110a}
.b-flash{animation:bflash .24s}
@keyframes bflash{0%{filter:brightness(2.6) drop-shadow(0 0 14px #fff)}100%{filter:none}}

/* ---- FASHION CONTEST ---- */
.fashion{position:fixed;inset:0;z-index:24;display:none;align-items:center;justify-content:center;
  background:radial-gradient(800px 600px at 50% 30%,rgba(255,61,154,.26),rgba(8,5,14,.93))}
.fashion-box{width:min(640px,94vw);max-height:90vh;display:flex;flex-direction:column;border:2px solid var(--pink);
  background:linear-gradient(180deg,#1a1030,#0c0816);box-shadow:0 0 50px rgba(255,61,154,.35);padding:22px;overflow-y:auto}
.fashion-head{display:flex;align-items:center;margin-bottom:6px}
.f-title{font-family:var(--tiny);font-size:15px;color:var(--pink);text-shadow:0 0 14px rgba(255,61,154,.5)}
.fashion-x{margin-left:auto;background:transparent;border:2px solid var(--line);color:var(--ink-soft);padding:7px 11px;font-size:11px}
.fashion-x:hover{border-color:var(--pink);color:var(--pink)}
.fashion-sub{font-size:12px;font-weight:700;color:var(--ink-soft);line-height:1.5;margin-bottom:14px}
.fashion-sub b{color:var(--pink)}
.fashion-stage{display:flex;gap:18px;align-items:flex-start}
#fashionCat{width:200px;height:200px;flex:none;image-rendering:pixelated;border:2px solid var(--line);
  background:radial-gradient(circle at 50% 40%,rgba(255,61,154,.18),#0e0a1c)}
.f-meta{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.f-score{font-family:var(--pixel);font-size:34px;line-height:1;color:var(--pink)}
.f-score span{font-size:16px;color:var(--ink-soft)}
.f-judges{font-size:12px;font-weight:700;color:var(--ink-soft);min-height:18px}
.f-podium{list-style:none;display:flex;flex-direction:column;gap:5px}
.f-podium li{font-size:12px;font-weight:700;color:var(--ink-soft);border:2px solid var(--line);padding:6px 9px;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.22)}
.f-podium li.me{border-color:var(--pink);color:var(--ink)}
.fp-m{font-size:14px}.fp-s{margin-left:auto;font-family:var(--tiny);font-size:10px;color:var(--neon)}
.f-result{font-size:13px;font-weight:700;color:var(--pink);min-height:18px}
.f-result b{color:var(--neon)}
.f-go{margin-top:16px;font-family:var(--tiny);font-size:12px;padding:14px;background:var(--pink);color:#08110a;border:0}
.f-go:hover{box-shadow:0 0 20px rgba(255,61,154,.6)}
.gm-fashion{color:#ff79c6}
@media(max-width:560px){ .fashion-stage{flex-direction:column;align-items:center}#fashionCat{width:160px;height:160px} }

/* ---- responsive (keep panels from overlapping) ---- */
@media(max-width:860px){
  .w-chat{width:262px}.w-mission{width:240px}
  .w-petcard .w-bar{width:130px}
}
@media(max-width:620px){
  .w-top{gap:10px;padding:10px 12px}
  .w-home{font-size:11px;padding:7px 10px}
  #petMini{width:44px;height:44px}
  .w-petcard{padding:7px 10px;gap:8px}
  .w-petcard .w-bar,.w-owner,.w-petmeta,.w-care{display:none}
  .w-petname{font-size:18px}
  .w-actions{position:fixed;left:12px;bottom:14px;margin:0;z-index:7}
  .w-abtn{padding:9px 11px;font-size:10px}
  .w-mission{width:190px;top:96px;padding:12px}
  .wm-title{font-size:18px}.wm-desc{font-size:11px}.wm-head{font-size:9px}
  .w-chat{width:186px;top:96px;bottom:12px}
  .w-chat.collapsed{width:172px}
  .w-minimap{display:none}
  .w-hint{display:none}
  .shop-grid,.guide-cols{grid-template-columns:1fr}
}
@media(max-width:470px){
  .w-mission{width:158px}.w-chat{width:166px}.w-chat.collapsed{width:150px}
  .wm-title{font-size:16px}
  .w-petcard .w-stats{font-size:9px;gap:8px}
}