@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#263d35;--muted:#7a877d;--green:#304f40;--paper:#fbfbf4}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#e9ede3;color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid #bd783a;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}canvas#world{width:100vw;height:100dvh;display:block;touch-action:none}header{position:absolute;inset:30px 38px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-size:17px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:7px}.mark{display:block;font-family:Georgia,serif;font-size:46px;letter-spacing:-10px;margin-right:8px;font-weight:400}.mark span{position:relative;top:7px}.topright{display:flex;align-items:center;gap:15px}.live{font-size:11px;color:#68796b;margin-right:14px}.live i,.version i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#749b69;margin-right:7px}#wallet{background:#fffef9;border-radius:30px;padding:13px 22px;box-shadow:0 4px 20px #31412d08;display:flex;gap:11px;align-items:center}#wallet small{font-size:9px;letter-spacing:1px;color:#92958c}.coin{color:#b78c40}.circle{border-radius:50%;background:#fffef9;width:43px;height:43px}.intro{position:absolute;top:155px;left:42px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#88917e}h1{font-size:39px;line-height:1.45;font-weight:500;letter-spacing:-2px;margin:20px 0 14px}.intro p{font-size:12px;color:#7b857a;line-height:1.9}.weather{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1px;margin-top:25px;color:#8c967f}.weather span{font-size:10px;letter-spacing:0}.divider{height:10px;width:1px;background:#bdc6b6}.legend{position:absolute;right:40px;top:110px;display:flex;gap:18px;font-size:10px;color:#788578}.legend span{display:flex;align-items:center;gap:6px}.dot{width:5px;height:5px;border-radius:100%}.green{background:#739b6a}.amber{background:#c99656}footer{position:absolute;bottom:26px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}footer>*{pointer-events:auto}nav{background:#fffef9ed;border:1px solid #ffffff;border-radius:16px;display:flex;padding:6px;box-shadow:0 8px 30px #394b3210;gap:4px}nav button{padding:15px 22px;background:none;border-radius:10px;font-size:11px;display:flex;gap:10px;align-items:center}nav button>span{font-size:20px}nav button:hover,nav button.active{background:#edf0e6}nav b{font-size:10px;background:#e1e6d7;padding:2px 5px;border-radius:4px}.movement{display:flex;gap:10px;align-items:center;font-size:10px;color:#8b9586}.keys{font-size:9px;padding:6px;border:1px solid #c9d1c2;border-radius:4px;word-spacing:2px}.version{font-size:8px;letter-spacing:1.5px}.version small{display:block;color:#899481;font-size:9px;letter-spacing:0;margin-top:8px}.zoom{position:absolute;right:35px;bottom:135px;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #243b2810}.zoom button{background:#fffef7;width:36px;height:34px;font-size:20px}.zoom button+button{border-top:1px solid #ebeee4}#toast{position:absolute;top:105px;left:50%;transform:translateX(-50%) translateY(-15px);background:#304f40;color:white;padding:13px 22px;border-radius:30px;font-size:12px;opacity:0;transition:.25s;pointer-events:none;max-width:80vw;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#queue{position:absolute;right:38px;top:165px;width:265px;padding:23px;background:#fffef6;border-radius:16px;box-shadow:0 10px 45px #263d3510}#queue h3{font-size:18px}#queue p{font-size:12px;color:#7a877d;line-height:1.8}#queue button{background:#edeede;border-radius:7px;padding:10px 14px;font-size:11px}dialog{border:0;border-radius:22px;padding:34px;width:750px;max-width:calc(100vw - 30px);max-height:85dvh;color:var(--ink);background:var(--paper);box-shadow:0 30px 100px #21352c30}dialog::backdrop{background:#243c3040;backdrop-filter:blur(5px)}.close{position:absolute;right:20px;top:15px;background:none;font-size:28px;color:#7b8678}dialog h2{font-size:27px;font-weight:500;margin:10px 0}dialog p{font-size:12px;color:#7c867a;line-height:1.8}.shopHead{display:flex;align-items:center;justify-content:space-between;padding-right:30px}.timer{border-radius:50%;width:57px;height:57px;background:#e8eddf;display:grid;place-content:center;font-size:18px;font-weight:700}.timer.urgent{background:#f6ded1;color:#a24c35}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.product{padding:12px 5px 15px;border:1px solid #e0e4d8;border-radius:12px;background:#f4f4eb;text-align:center}.product.selected{border:2px solid #446048;background:#e8eddf;padding:11px 4px 14px}.product canvas{width:100%;height:100px;object-fit:contain}.product strong{font-size:11px;display:block}.product small{display:block;margin-top:8px;font-size:10px;color:#8a967b}.primary{background:#304f40;color:#fff;border-radius:10px;padding:15px 24px;font-size:12px}.purchaseBar{display:flex;justify-content:space-between;align-items:center;gap:20px}.purchaseBar p{font-size:11px;margin:0}.storeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.storeCard{padding:19px;text-align:left;background:#eef0e5;border:1px solid #e1e5d6;border-radius:12px;display:flex;align-items:center;gap:15px}.storeCard .num{font-size:25px;font-family:Georgia,serif;color:#9aa58a}.storeCard strong{display:block;font-size:13px}.storeCard small{display:block;font-size:10px;color:#7c8a71;margin-top:6px}.storeCard em{margin-left:auto;font-size:16px;font-style:normal}.photoPreview{display:block;width:100%;border-radius:10px;margin:20px 0}.empty{padding:40px 0;text-align:center}.helpSteps{display:grid;gap:15px;margin:25px 0}.helpSteps div{border-bottom:1px solid #dfe4d7;padding-bottom:13px;font-size:13px}.helpSteps small{display:block;margin-top:7px;color:#7b8777;line-height:1.7}.muted{font-size:10px!important;color:#929b88!important}@media(min-width:1800px){.intro{left:4vw;top:22vh}h1{font-size:52px}}@media(max-width:850px){header{inset:18px 20px auto}.live,.movement,.version{display:none}.intro{left:22px;top:110px}.intro h1{font-size:27px}.intro .eyebrow{font-size:7px}.intro p{font-size:10px}.weather{display:none}.legend{top:90px;right:20px;flex-direction:column;gap:8px}.brand{font-size:12px;letter-spacing:1px}.brand small{font-size:6px}.mark{font-size:37px}.topright{gap:7px}#wallet{padding:10px 13px;gap:7px}#wallet small{display:none}.circle{width:33px;height:33px}footer{justify-content:center;bottom:18px;left:10px;right:10px}nav button{padding:12px 17px}.zoom{right:18px;bottom:110px}.products{grid-template-columns:repeat(3,1fr)}.product canvas{height:75px}dialog{padding:25px}.storeGrid{gap:8px}.storeCard{padding:12px;gap:8px}.storeCard .num{font-size:20px}#queue{right:20px;top:160px}#toast{top:75px;font-size:11px;width:max-content}}