.qgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px;margin-top:22px}.qcard{display:flex;flex-direction:column;gap:6px;border:1px solid var(--hair);border-radius:var(--radius);background:var(--panel);padding:16px;text-decoration:none}.qcard--yellow{box-shadow:4px 4px 0 var(--yellow)}.qcard--cyan{box-shadow:4px 4px 0 var(--cyan)}.qcard--pink{box-shadow:4px 4px 0 var(--pink)}a.qcard:hover{background:var(--panel-2)}.qcard strong{font:700 16px/1.35 var(--font-chakra),sans-serif;color:var(--text)}.qcard span{font:400 13px/1.6 var(--font-sarabun),sans-serif;color:var(--faint)}.qcard__go{font:600 13px/1 var(--font-sarabun),sans-serif;font-style:normal;color:var(--yellow);margin-top:auto;padding-top:8px}.arcade__sun{position:absolute;left:58%;bottom:40%;width:120px;height:120px;translate:-50% 50%;border-radius:50%;background:linear-gradient(var(--yellow),var(--pink));box-shadow:0 0 40px color-mix(in srgb,var(--pink) 70%,transparent);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 9px,transparent 9px 12px);mask-image:repeating-linear-gradient(180deg,#000 0 9px,transparent 9px 12px);opacity:.85}.arcade__bar{display:block;width:90px;height:6px;border:1px solid var(--cyan)}.arcade__bar i{display:block;height:100%;width:78%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.qcard--art{position:relative}.qcard--art>span,.qcard--art>strong{padding-right:58px}.qcard__art{position:absolute;top:12px;right:14px;width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.qcard__art--sleep{width:60px;height:57px;top:8px;right:10px;animation:qcard-breathe 3.2s ease-in-out infinite}.qcard__zz{position:absolute;top:4px;right:12px;font:700 12px/1 var(--font-mono),monospace;font-style:normal;color:var(--pink);animation:qcard-zz 3.2s ease-in-out infinite}.qcard__zz b{font-size:9px;margin-left:2px}.homehero__faq{display:inline-flex;align-items:center;min-height:44px;color:var(--cyan);font-weight:600}.siteupd{margin-top:20px;padding:14px 16px;border:1px solid var(--hair);border-radius:var(--radius);background:var(--panel)}.siteupd__title{margin:0 0 6px;font:700 16px/1.5 var(--font-sarabun),sans-serif;color:var(--yellow)}.siteupd__list{margin:0;-webkit-padding-start:18px;padding-inline-start:18px;display:flex;flex-direction:column;gap:2px;line-height:1.6;font-size:14px}.siteupd__list a{display:inline-block;padding-block:8px;margin-block:-8px}.qgrid{counter-reset:qmode}.qcard>strong:before{counter-increment:qmode;content:"MODE 0" counter(qmode);display:block;width:max-content;margin-bottom:6px;padding:1px 7px;font:700 10px/1.5 var(--font-chakra),sans-serif;letter-spacing:.22em;color:#0b0820;background:var(--qc,var(--cyan))}html .qcard{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);transition:transform .15s}html a.qcard:hover{transform:translate(-3px,-3px)}html .qcard__art:not(.qcard__art--sleep){animation:qcard-bob 1.6s ease-in-out infinite alternate}@keyframes qcard-bob{to{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){html .qcard__art{animation:none}html .qcard{transition:none}}.qcard--yellow{--qc:var(--yellow)}.qcard--cyan{--qc:var(--cyan)}.qcard--pink{--qc:var(--pink)}html .qcard>strong{font-size:17px}html .qcard__go{text-shadow:0 0 8px var(--glow-yellow)}a.qcard:hover>strong:before{content:"▶ MODE 0" counter(qmode)}.homebuild{position:relative;overflow:hidden;margin-top:18px;padding:16px 20px;border:2px solid var(--cyan);border-radius:12px;background:radial-gradient(ellipse at 90% 120%,rgba(255,61,154,.3),transparent 55%),radial-gradient(ellipse at 0 0,rgba(61,232,255,.16),transparent 50%),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),#0b0724;box-shadow:0 0 22px rgba(61,232,255,.22),5px 5px 0 var(--pink)}.homebuild__kicker{margin:0;font-size:11px;letter-spacing:.24em;color:var(--pink);text-shadow:0 0 8px rgba(255,61,154,.7)}.homebuild__title{margin:2px 0 4px;font:700 clamp(19px,3.4vw,26px)/1.35 var(--font-chakra),var(--font-sarabun),sans-serif;color:var(--yellow);text-shadow:0 0 12px rgba(255,229,61,.5),2px 2px 0 #c22a74}.homebuild__lead{margin:0;font:400 14px/1.55 var(--font-sarabun),sans-serif;color:var(--dim)}.homebuild__go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:6px;white-space:nowrap;font:700 16px/1 var(--font-chakra),var(--font-sarabun),sans-serif;color:#12081f;text-decoration:none;background:var(--yellow);box-shadow:0 4px 0 #b08f00,0 0 18px rgba(255,229,61,.55);transition:transform .12s}.homebuild__go:hover{transform:translateY(-2px)}.homebuild__go>span:last-child{animation:homebuild-blink 1s steps(2,start) infinite}@keyframes homebuild-blink{to{visibility:hidden}}.homebuild{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:center;grid-gap:22px;gap:22px}.homebuild .homebuild__lead{margin-bottom:12px}.homebuild__window{padding:10px 12px 8px;border:2px solid var(--pink);border-radius:8px;background:#08051a;box-shadow:inset 0 0 18px rgba(255,61,154,.2),0 0 14px rgba(255,61,154,.35)}.homebuild__wintitle{margin:0 0 6px;font-size:11px;letter-spacing:.12em;color:var(--pink)}.homebuild__window dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin:0}.homebuild__window dl div{padding:4px 8px;border:1px solid rgba(61,232,255,.3);border-radius:4px;background:rgba(61,232,255,.05)}.homebuild__window dt{font-size:10px;letter-spacing:.14em;color:var(--dim)}.homebuild__window dd{margin:0;font-size:24px;font-weight:700;line-height:1.15;color:var(--yellow);text-shadow:0 0 10px rgba(255,229,61,.6)}.homebuild__winnote{margin:6px 0 0;font:400 11px/1.4 var(--font-sarabun),sans-serif;color:var(--faint)}@media (prefers-reduced-motion:reduce){.homebuild *,.homebuild :before{animation:none!important}.homebuild__go{transition:none}}@media (max-width:640px){.homebuild{padding:12px;margin-top:14px}.homebuild__kicker{display:none}.homebuild__title{font-size:18px}.homebuild__lead{font-size:12.5px;line-height:1.45}.homebuild__go{min-height:44px;padding:0 16px;font-size:15px}.homebuild{grid-template-columns:minmax(0,1fr) 132px;gap:10px}.homebuild .homebuild__lead{display:none}.homebuild__window{padding:6px}.homebuild__winnote,.homebuild__wintitle{display:none}.homebuild__window dl{gap:4px}.homebuild__window dd{font-size:17px}}