@import "https://cdn.jsdelivr.net/npm/galmuri@2.40.3/dist/galmuri.css";
@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=Noto+Sans+KR:wght@400;500&display=swap";
.pxRoot{color:#f6ecd6;word-break:keep-all;background:#141a2b;min-height:100vh;font-family:Galmuri11,Silkscreen,monospace;overflow-x:clip}@media (min-width:1700px){.pxRoot{zoom:1.2;min-height:83.3333vh}}@media (min-width:2100px){.pxRoot{zoom:1.45;min-height:68.9655vh}}@media (min-width:2600px){.pxRoot{zoom:1.75;min-height:57.1429vh}}@media (min-width:3200px){.pxRoot{zoom:2.1;min-height:47.6191vh}}html:has(.pxRoot){scroll-behavior:smooth;scrollbar-color:#2b3457 #141a2b;background:#141a2b}.pxRoot h1,.pxRoot h2,.pxRoot h3,.pxRoot p,.pxRoot figure{margin:0}.pxRoot a{color:#ffd23f}.pxRoot a:hover{color:#ff4f9a}.pxRoot button:focus-visible,.pxRoot a:focus-visible,.pxRoot summary:focus-visible,.pxRoot input:focus-visible{outline-offset:3px;outline:3px solid #a6ff8a}.pxRoot ::selection{color:#141a2b;background:#ff4f9a}.pxRoot summary{cursor:pointer;list-style:none}.pxRoot summary::-webkit-details-marker{display:none}:where(.pxRoot) button{width:auto;font-weight:inherit;letter-spacing:normal;filter:none}:where(.pxRoot) button:hover:not(:disabled),:where(.pxRoot) button:active:not(:disabled){filter:none}.pxSrOnly{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pxNav{z-index:20;background:#0d1120;border-bottom:4px solid #000;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:12px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.pxRoot .pxNavBrand{color:#f6ecd6;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.pxNavBrand>i{background:#a6ff8a;width:14px;height:14px;box-shadow:4px 4px #ff4f9a}.pxNavBrand>b{letter-spacing:.06em;font-family:Silkscreen,monospace;font-size:22px;font-weight:700}.pxRoot .pxNavLink,.pxRoot .pxNavLink:hover{color:#f6ecd6;white-space:nowrap;font-size:14px;text-decoration:none}.pxRoot .pxNavLink:hover{text-underline-offset:4px;text-decoration:underline}.pxRoot .pxNavLang,.pxRoot .pxNavLang:hover{color:#9aa3c7;font-family:Silkscreen,Galmuri11,monospace;font-size:13px;text-decoration:none}.pxRoot .pxNavLang:hover{color:#f6ecd6}.pxRoot .pxModeBtn,.pxRoot .pxModeBtn:hover{color:#c3dc8b;white-space:nowrap;background:#1c1d1a;border:1px solid #6d7a3a;border-radius:8px;padding:7px 12px;font-family:Noto Sans KR,sans-serif;font-size:13px;text-decoration:none}.pxRoot .pxModeBtn:hover{background:#2f331f}.pxRoot .pxAcctBtn,.pxRoot .pxAcctBtn:hover{color:#141a2b;white-space:nowrap;background:#ffd23f;border:3px solid #000;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:4px 4px #000}.pxRoot .pxAcctBtn:hover{background:#ff4f9a}.pxRoot .pxAcctBtn:active{transform:translate(4px,4px);box-shadow:0 0 #000}.pxRoot .pxBtn{background:var(--bg,transparent);color:var(--fg,#141a2b);box-shadow:var(--sh,none);white-space:nowrap;cursor:pointer;border:3px solid #000;font-family:Galmuri11,monospace;font-weight:700;text-decoration:none;display:inline-block}.pxRoot .pxBtn:hover{background:var(--hbg,var(--bg,transparent));color:var(--hfg,var(--fg,#141a2b))}.pxRoot .pxBtn:active{transform:translate(var(--ash,0px), var(--ash,0px));box-shadow:0 0 #000}.pxRoot .pxBtn:disabled{cursor:not-allowed}.pxRoot .pxBtn:disabled:hover{background:var(--bg)}.pxRoot .pxBtn:disabled:active{box-shadow:var(--sh,none);transform:none}.pxLift{box-shadow:var(--sh);transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}.pxLift:hover{box-shadow:var(--shh,var(--sh));transform:translate(-4px,-4px)}.pxLift3:hover{box-shadow:var(--shh,var(--sh));transform:translate(-3px,-3px)}.pxRoot .pxTitleLink,.pxRoot .pxTitleLink:hover{color:#f6ecd6;text-decoration:none}.pxRoot .pxTitleLink:hover{color:var(--hc,#ff4f9a)}.pxBright:hover{filter:brightness(1.15)}.pxTaskCard:hover{transform:translate(-.15cqw,-.15cqw)}.pxHoverLight:hover{border-color:#f6ecd6!important}.pxSign{cursor:pointer;color:#a6ff8a;text-shadow:0 0 6px #8cff6ed9;white-space:nowrap;background:0 0;border:0;align-items:center;width:8.6%;height:4.6%;margin-top:-2.3%;padding:0;font-family:Galmuri11,monospace;font-size:1.05cqw;font-weight:700;display:flex;position:absolute}.pxSign:hover,.pxSign.isOn{color:#fff}.pxMascot{cursor:pointer;background:0 0;border:0;height:10.5%;padding:0;animation:4s steps(20,end) both pxWalk;position:absolute;bottom:23%;left:50.4%;transform:translate(-50%)}.pxPack:hover{transform:translate(-3px,-3px)!important}.pxTable{background:#1e2740;border:4px solid #000;overflow-x:auto;box-shadow:8px 8px #000}.pxTableRow{grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;display:grid}@keyframes pxWalk{0%{bottom:-13%}to{bottom:23%}}@keyframes pxBob{0%{transform:translateY(0)}to{transform:translateY(-5%)}}@keyframes pxJump{0%{transform:translateY(0)}50%{transform:translateY(-45%)}to{transform:translateY(0)}}@keyframes pxHop{0%{transform:translateY(0)}50%{transform:translateY(-10%)}to{transform:translateY(0)}}@keyframes pxPop{0%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pxMarqL{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pxMarqR{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes pxBlink{50%{opacity:0}}@keyframes pxGlitch{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes pxFloat{0%{opacity:0;transform:translate(-50%)}15%{opacity:1;transform:translate(-50%,-30%)}75%{opacity:1;transform:translate(-50%,-120%)}to{opacity:0;transform:translate(-50%,-150%)}}@keyframes pxToast{0%{transform:translate(-120%)}8%{transform:translate(0)}88%{transform:translate(0)}to{transform:translate(-120%)}}@keyframes pxIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pxProg{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pxPopIn{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes pxDexPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pxCoin{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-160px)rotate(360deg)}}@keyframes pxSpin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.2)}}@media (prefers-reduced-motion:reduce){html:has(.pxRoot){scroll-behavior:auto}.pxRoot *,.pxRoot :before,.pxRoot :after{transition:none!important;animation:none!important}}
