@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";
.mnh{--bg:#0a0f16;--surface:#0d1117;--raise:#121a24;--line:#1e2a36;--fg:#f6f6f2;--muted:#8c9ba9;--cyan:#00e6ff;--ice:#5fa8bc;--amethyst:#7a5cff;--on-cyan:#03141a;--ok:#3ddc84;--low:#ffb547;--sale:#ff4d6d;--hot:#f5c84c;--off:#6b7785;--display:"Orbitron","Noto Sans Thai",system-ui,sans-serif;--body:"Noto Sans Thai",system-ui,sans-serif;background:var(--bg);color:var(--fg);font-family:var(--body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;font-size:15px;line-height:1.55}.mnh *{box-sizing:border-box}.mnh a{color:inherit}.mnh button{font:inherit;color:inherit;cursor:pointer}.mnh button:focus-visible,.mnh input:focus-visible,.mnh select:focus-visible,.mnh textarea:focus-visible,.mnh a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mnh .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1280px;margin:0 auto}.mnh .narrow{max-width:760px}.mnh .bar{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.mnh .bar .wrap{align-items:center;gap:20px;padding-block:10px;display:flex}.mnh .brand{flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.mnh .brand .ic{width:40px;height:40px}.mnh .brand .wm{width:auto;height:24px}.mnh nav.main{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.mnh nav.main a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none;position:relative}.mnh nav.main a[aria-current]{color:var(--fg)}.mnh nav.main a.navline{color:#06c755;font-weight:600}.mnh nav.main a[aria-current]:after{content:"";background:var(--cyan);border-radius:2px;height:2px;position:absolute;bottom:2px;left:12px;right:12px}.mnh .cartbtn{border:1px solid var(--cyan);color:var(--cyan);background:0 0;border-radius:10px;flex:none;align-items:center;gap:8px;margin-left:auto;padding:8px 14px;font-weight:600;text-decoration:none;display:flex;position:relative}.mnh .cartbtn svg{width:20px;height:20px}.mnh .cartbtn .n{background:var(--cyan);color:var(--on-cyan);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-8px;right:-8px}.mnh .hero .wrap{padding-block:20px 4px}.mnh .banner{border:1px solid var(--line);background:linear-gradient(115deg,transparent 0 58%,#00e6ff1a 58% 64%,transparent 64% 70%,#00e6ff38 70% 72%,transparent 72%), linear-gradient(115deg,transparent 0 80%,#5fa8bc29 80% 92%,transparent 92%), radial-gradient(90% 120% at 85% 10%,#10304a 0%,transparent 60%),var(--surface);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding:22px 26px;display:grid;position:relative;overflow:hidden}.mnh .banner img{width:170px;height:auto}.mnh .tag{font-family:var(--display);letter-spacing:.28em;color:var(--ice);font-size:11px}.mnh .banner h1{text-wrap:balance;margin:4px 0 6px;font-size:clamp(24px,3.4vw,34px);font-weight:700;line-height:1.2}.mnh .banner h1 em{color:var(--cyan);font-style:normal}.mnh .banner p{color:var(--muted);max-width:60ch;margin:0}.mnh .stats{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:13px;display:flex}.mnh .stats b{font-family:var(--display);color:var(--fg);font-size:15px;font-weight:600}.mnh .sechead{align-items:center;gap:10px;margin:22px 0 2px;display:flex}.mnh .sechead:before{content:"";background:var(--cyan);width:10px;height:14px;transform:skew(-20deg)}.mnh .sechead h2,.mnh .sechead h3{font-family:var(--display);letter-spacing:.14em;margin:0;font-size:13px;font-weight:600}.mnh .sechead span{color:var(--muted);font-size:13px}.mnh .tools .wrap{flex-wrap:wrap;align-items:center;gap:10px;padding-block:12px 16px;display:flex}.mnh .search,.mnh .input,.mnh textarea.input,.mnh select{background:var(--surface);border:1px solid var(--line);color:var(--fg);font:inherit;border-radius:10px;padding:10px 12px}.mnh .search{flex:220px;min-width:0}.mnh .chips{flex-wrap:wrap;gap:6px;display:flex}.mnh .chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px}.mnh .chip[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#00e6ff14}.mnh select{padding:9px 10px;font-size:13px}.mnh .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding-bottom:48px;display:grid}.mnh .empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:40px 0}.mnh .item{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.mnh .art{aspect-ratio:734/1024;border:2px solid var(--cyan);background:var(--raise);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 16px #00e6ff40}.mnh .art img{object-fit:cover;width:100%;height:100%;display:block}.mnh .art .ph{place-items:center;display:grid;position:absolute;inset:0}.mnh .art .ph img{opacity:.85;width:70%;height:auto}.mnh .ttag{color:var(--ice);border:1px solid #5fa8bc80;border-radius:6px;align-self:flex-start;padding:1px 8px;font-size:11px;font-weight:600}.mnh .nm{font-size:15px;font-weight:600;line-height:1.3}.mnh .nm small{color:var(--muted);font-size:12.5px;font-weight:400;display:block}.mnh .prow{justify-content:space-between;align-items:center;gap:8px;display:flex}.mnh .price{font-family:var(--display);font-size:22px;font-weight:700}.mnh .rar{font-size:11.5px;font-weight:600}.mnh .rar.C{color:#9aa6b2}.mnh .rar.U{color:#d2dae2}.mnh .rar.R{color:var(--ice)}.mnh .rar.SR{color:var(--amethyst)}.mnh .badges{flex-wrap:wrap;gap:6px;display:flex}.mnh .badge{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.mnh .badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.mnh .badge.ok{color:var(--ok);border-color:#3ddc8473}.mnh .badge.low{color:var(--low);border-color:#ffb54780}.mnh .badge.off{color:var(--off);border-color:#6b778580}.mnh .badge.info{color:var(--cyan);border-color:#00e6ff66}.mnh .badge.ps:before,.mnh .badge.plain:before{display:none}.mnh .badge.ps{color:var(--cyan);border-color:#00e6ff66}.mnh .actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.mnh .btn{border:1px solid var(--cyan);color:var(--cyan);text-align:center;background:0 0;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.mnh .btn.pri{background:var(--cyan);color:var(--on-cyan)}.mnh .btn.big{width:100%;padding:12px 16px;font-size:15px}.mnh .btn.danger{border-color:var(--sale);color:var(--sale)}.mnh .btn:disabled{opacity:.35;cursor:not-allowed}.mnh .incart{color:var(--cyan);min-height:18px;font-size:12px}.mnh .panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.mnh .stack{gap:14px;display:grid}.mnh .two-col{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;padding-block:20px 48px;display:grid}.mnh .field{gap:6px;display:grid}.mnh .field label{color:var(--muted);font-size:13px}.mnh .field .input{width:100%}.mnh .line{border-bottom:1px solid var(--line);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 0;display:grid}.mnh .line img{border-radius:6px;width:56px}.mnh .line .ln{min-width:0;font-size:14px;font-weight:500}.mnh .line .ln small{color:var(--muted);font-size:11.5px;display:block}.mnh .line .amt{font-family:var(--display);text-align:right;font-size:14px}.mnh .qty{align-items:center;gap:6px;margin-top:6px;display:flex}.mnh .qty button{border:1px solid var(--line);background:var(--raise);border-radius:7px;width:28px;height:28px}.mnh .qty span{text-align:center;min-width:22px;font-weight:600}.mnh .qty .rm{width:auto;color:var(--muted);background:0 0;border:0;margin-left:8px;font-size:12px;text-decoration:underline}.mnh .row{justify-content:space-between;gap:12px;font-size:14px;display:flex}.mnh .row.total{border-top:1px solid var(--line);align-items:baseline;padding-top:10px;font-size:16px;font-weight:600}.mnh .row.total b{font-family:var(--display);color:var(--cyan);font-size:22px}.mnh .note{color:var(--muted);font-size:12.5px}.mnh .note.warn{color:var(--low)}.mnh .err{color:var(--sale);font-size:14px}.mnh .radio{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mnh .radio:has(input:checked){border-color:var(--cyan);background:#00e6ff0f}.mnh .radio .fee{font-family:var(--display);margin-left:auto;font-size:13px}.mnh .qr{background:#fff;border-radius:12px;width:min(280px,100%);margin:0 auto;padding:14px}.mnh .qr img{width:100%;height:auto;display:block}.mnh .steps{flex-wrap:wrap;gap:8px;display:flex}.mnh .step{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px}.mnh .step.on{border-color:var(--cyan);color:var(--cyan)}.mnh .step.done{color:var(--ok);border-color:#3ddc8473}.mnh h1.page{margin:0;font-size:24px}.mnh .code{font-family:var(--display);letter-spacing:.06em}.mnh table.t{border-collapse:collapse;width:100%;font-size:13.5px}.mnh table.t th,.mnh table.t td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:8px 10px}.mnh table.t th{color:var(--muted);font-size:12.5px;font-weight:500}.mnh table.t td.num,.mnh table.t th.num{text-align:right;font-variant-numeric:tabular-nums}.mnh table.t input.input{width:80px;padding:6px 8px}.mnh .tablewrap{overflow-x:auto}.mnh .slip{border:1px solid var(--line);border-radius:10px;max-width:260px}@media (max-width:900px){.mnh .bar .wrap{flex-wrap:wrap;row-gap:6px}.mnh nav.main{flex:1 0 100%;order:3;justify-content:space-between;margin-inline:-12px}.mnh nav.main a{padding:6px 12px;font-size:13px}.mnh .two-col{grid-template-columns:minmax(0,1fr)}.mnh .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mnh .item{gap:8px;padding:9px}.mnh .price{font-size:18px}.mnh .actions{grid-template-columns:1fr}.mnh .banner{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px}.mnh .banner img{width:110px}.mnh .cartbtn .lbl{display:none}}.mnh .btn.line{color:#fff;background:#06c755;border-color:#06c755;justify-content:center;align-items:center;gap:8px;display:inline-flex}.mnh .lookup{max-width:480px;margin:40px auto}.mnh .sets{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;padding-bottom:48px;display:grid}.mnh .settile{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.mnh .settile:hover{border-color:var(--cyan);transform:translateY(-2px)}.mnh .setcover{background:linear-gradient(135deg,#0f2533,#0a0f16);height:170px;position:relative;overflow:hidden}.mnh .setcover img{opacity:.9;width:100%;height:auto;transform:translateY(-18%)}.mnh .setcover img.ph{width:40%;margin:30px auto;display:block;transform:none}.mnh .setcover:after{content:"";background:linear-gradient(transparent 40%,var(--surface));position:absolute;inset:0}.mnh .setno{z-index:1;font-family:var(--display);letter-spacing:.2em;color:var(--cyan);font-size:12px;position:absolute;bottom:10px;left:14px}.mnh .setbody{gap:8px;padding:12px 16px 16px;display:grid}.mnh .setbody h3{margin:0;font-size:20px}.mnh .inks{gap:6px;display:flex}.mnh .inks span{border-radius:50%;width:12px;height:12px}.mnh .setstats{color:var(--muted);gap:14px;font-size:13px;display:flex}.mnh .setstats b{color:var(--fg)}.mnh .crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding-top:16px;font-size:13px;display:flex}.mnh .crumb a{color:var(--muted)}.mnh .crumb b{color:var(--fg);font-weight:600}.mnh .dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.mnh .linkcard{color:inherit;text-decoration:none;transition:border-color .15s}.mnh .linkcard:hover{border-color:var(--cyan)}.mnh .price small.from{font-family:var(--body);color:var(--muted);margin-right:4px;font-size:12px;font-weight:500}.mnh .badge.foil{color:#e9d8ff;background:linear-gradient(90deg,#00e6ff1f,#7a5cff2e);border-color:#7a5cff99}.mnh .badge.foil:before{display:none}.mnh .detail{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;gap:32px;padding-block:20px 56px;display:grid}.mnh .art.big{border-width:3px}.mnh .art.isfoil{box-shadow:0 0 24px #7a5cff73,0 0 12px #00e6ff59}.mnh .realtag{color:var(--cyan);border:1px solid var(--cyan);background:#0a0f16d9;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.mnh .gallery{gap:10px;display:grid}.mnh .thumbs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.mnh .thumb{border:2px solid var(--line);background:0 0;border-radius:8px;flex:none;width:64px;height:64px;padding:0;overflow:hidden}.mnh .thumb[aria-pressed=true]{border-color:var(--cyan)}.mnh .thumb img{object-fit:cover;width:100%;height:100%}.mnh .info .tag{font-family:var(--display);letter-spacing:.2em;color:var(--ice);font-size:11px}.mnh .info h1.page{font-size:30px;line-height:1.2}.mnh .info h1 small{color:var(--muted);margin-top:4px;font-size:17px;font-weight:500;display:block}.mnh .variants{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.mnh .variant{text-align:left;border:1.5px solid var(--line);background:var(--raise);border-radius:12px;gap:2px;padding:12px 14px;display:grid}.mnh .variant[aria-checked=true]{border-color:var(--cyan);background:#00e6ff12}.mnh .variant.foil[aria-checked=true]{border-color:var(--amethyst);background:linear-gradient(135deg,#00e6ff1a,#7a5cff29)}.mnh .variant .price{font-size:20px}.mnh .variant small{color:var(--muted)}.mnh .price.xl{color:var(--cyan);font-size:34px}.mnh .buybox{padding-top:6px}.mnh .info .actions .btn{width:100%}@media (max-width:900px){.mnh .detail{grid-template-columns:minmax(0,1fr);gap:18px}.mnh .gallery{width:100%;max-width:360px;margin:0 auto}.mnh .sets{grid-template-columns:minmax(0,1fr)}}.mnh .was{font-family:var(--body);color:var(--muted);margin-right:6px;font-size:.62em;font-weight:500;text-decoration-thickness:1.5px}.mnh .salebar{background:linear-gradient(90deg,#3a0d1a,#1a1030);border-bottom:1px solid #ff4d6d66}.mnh .salebar .wrap{flex-wrap:wrap;align-items:center;gap:12px;padding-block:8px;font-size:13.5px;display:flex}.mnh .salebar b{color:#ff8fa3}.mnh .salebar .pill{background:var(--sale);color:#fff;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:700}.mnh .row.disc span:last-child{color:var(--sale)}.mnh .lineqr{border:1px dashed var(--line);border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex}.mnh .lineqr img{background:#fff;border-radius:8px;flex:none;padding:6px}@media (max-width:900px){.mnh .lineqr img{display:none}.mnh .lineqr{padding:10px}}.mnh .toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--cyan);color:var(--on-cyan);white-space:nowrap;border-radius:12px;padding:12px 18px;font-weight:600;animation:.18s ease-out mnhToast;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.mnh .toast a{color:inherit}@keyframes mnhToast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.mnh .toast{animation:none}}.mnh .spinner{border:3px solid var(--line);border-top-color:var(--cyan);border-radius:50%;width:36px;height:36px;margin:8px auto;animation:.8s linear infinite mnhSpin}@keyframes mnhSpin{to{transform:rotate(360deg)}}.mnh .btn.ghost{color:var(--muted);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}