:root{--cream: #fbf3e6;--cream-2: #f5e7d1;--cream-3: #efdcc0;--paper: #fffaf1;--ink: #1e2a45;--ink-soft: #46536f;--ink-mute: #7f8aa3;--edge: #e3d0ae;--edge-strong: #d8c19a;--line: rgba(60, 45, 25, .12);--mint: #a5ddc6;--mint-deep: #1c8a68;--sky: #a8c8f6;--lavender: #c4b5f2;--coral: #f7b7a0;--teal: #92d8d6;--gold: #ffd489;--gold-deep: #d9a52a;--warn: #c1534a;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 11px;--shadow-soft: 0 8px 18px rgba(70, 50, 25, .14);--shadow-lift: 0 14px 30px rgba(45, 32, 14, .22);--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--board-min: 324px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%}body{min-height:100%;overscroll-behavior-y:contain;background-image:radial-gradient(circle at 12% 8%,rgba(165,221,198,.28),transparent 42%),radial-gradient(circle at 88% 4%,rgba(168,200,246,.26),transparent 38%),radial-gradient(circle at 50% 100%,rgba(196,181,242,.22),transparent 46%)}#app{display:block;height:100dvh}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.shop{display:flex;flex-direction:column;gap:10px;height:100%;min-height:100dvh;max-width:560px;margin-inline:auto;padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(12px + var(--safe-left))}.shop>:not(.board-area){flex-shrink:0}.card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:inset 0 2px #ffffffe6,0 4px 0 var(--edge),var(--shadow-soft);padding:12px}.bar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px}.bar__code{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--gold-deep)}.bar__title{font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.01em}.bar__tag{margin-top:2px;font-size:11.5px;font-weight:700;line-height:1.35;color:var(--ink-mute)}.bar__tools{display:flex;gap:6px;flex:0 0 auto}.pill{appearance:none;border:0;border-radius:999px;background:var(--paper);color:var(--ink-soft);font:700 12px/1 var(--font);padding:9px 11px;min-height:36px;cursor:pointer;box-shadow:0 2px 0 var(--edge),0 4px 10px #4632191a}.pill:active{transform:translateY(2px);box-shadow:0 0 0 var(--edge)}.order{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 11px;background:linear-gradient(180deg,var(--paper),#fff4e2)}.order__text{min-width:0}.order__no{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--gold-deep)}.order__target{font-size:15px;font-weight:800;line-height:1.25}.order__reward{font-size:12px;font-weight:700;color:var(--ink-soft)}.order__note{grid-column:1 / -1;font-size:11px;line-height:1.35;color:var(--ink-mute);border-top:1px dashed var(--edge);padding-top:7px;margin-top:2px}.stats{display:flex;gap:6px}.stats li{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:var(--radius-sm);background:#fffaf1db;box-shadow:inset 0 0 0 1px var(--line)}.stats__k{font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--ink-mute);white-space:nowrap}.stats__v{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.howto{font-size:11.5px;font-weight:700;color:var(--ink-mute);text-align:center}.board-area{flex:1 1 0;min-height:var(--board-min);display:flex;align-items:center;justify-content:center}.board{position:relative;border-radius:var(--radius-lg);padding:var(--board-pad, 9px);background:linear-gradient(180deg,#f8ebd6,var(--cream-3));box-shadow:inset 0 2px #ffffffd9,inset 0 -2px 6px #785a2d1f,0 5px 0 var(--edge-strong),var(--shadow-soft);touch-action:none}.board__canvas{display:block;border-radius:calc(var(--radius-lg) - 8px)}.board__grid{position:absolute;inset:var(--board-pad, 9px);display:grid;grid-template-columns:repeat(var(--cols, 7),1fr);grid-template-rows:repeat(var(--rows, 9),1fr);touch-action:none}.cell{appearance:none;margin:0;padding:0;border:0;background:transparent;border-radius:26%;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cell:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.shop[data-busy=true] .board{filter:saturate(.96)}.shop[data-busy=true] .cell{cursor:progress}.note{border-radius:var(--radius-md);background:#fffaf1eb;box-shadow:inset 0 0 0 1px var(--line);padding:9px 12px;display:flex;flex-direction:column;gap:2px;min-height:58px}.note__main{font-size:13.5px;font-weight:800;line-height:1.3}.note__next{font-size:11.5px;line-height:1.35;color:var(--ink-soft)}.note__aside{font-size:11px;line-height:1.35;font-weight:700;color:var(--warn)}.acts{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px}.btn{appearance:none;border:0;border-radius:var(--radius-md);background:var(--paper);color:var(--ink);font:800 14px/1.1 var(--font);padding:11px 12px;min-height:50px;cursor:pointer;box-shadow:0 3px 0 var(--edge),0 6px 14px #4632191f;transition:transform .12s ease,box-shadow .12s ease}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--edge),0 2px 6px #46321929}.btn:disabled{color:var(--ink-mute);box-shadow:0 2px 0 var(--edge);opacity:.55;cursor:default}.btn--supply{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#fff,#e9f6f0)}.btn--go{background:linear-gradient(180deg,var(--gold),#f6b95f);box-shadow:0 3px #c98e2c,0 8px 18px #b4781e47;padding-inline:16px}.btn--go:disabled{background:var(--cream-2);box-shadow:0 2px 0 var(--edge)}.btn--warn{background:linear-gradient(180deg,#ffd9d4,#f7b3aa);box-shadow:0 3px #cf8981,0 6px 14px #963c3233}[data-attract=true]{box-shadow:0 3px 0 var(--gold-deep),0 0 0 3px #ffd489bf,0 8px 18px #b4781e38}@media(prefers-reduced-motion:no-preference){.btn--go[data-ready=true],[data-attract=true]{animation:nudge 1.7s ease-in-out infinite}}@keyframes nudge{0%,72%,to{transform:translateY(0)}80%{transform:translateY(-3px)}88%{transform:translateY(0)}}.legend{padding:10px 12px 12px}.legend__title{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--ink-soft)}.legend__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:6px}.legend__list li{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.legend__name{font-size:9px;font-weight:700;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.legend__note{margin-top:6px;font-size:10px;color:var(--ink-mute)}.chip{display:block;width:46px;height:46px;flex:0 0 auto}.chip--sm{width:34px;height:34px}.chip--goal{width:58px;height:58px}.chip--next{width:30px;height:30px}.chip--reward{width:92px;height:92px;margin:0 auto 6px}.dlg{position:fixed;inset:0;margin:auto;border:0;width:min(520px,calc(100vw - 26px));max-height:min(86dvh,760px);overflow-y:auto;border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);padding:16px 16px 18px;box-shadow:var(--shadow-lift)}.dlg::backdrop{background:#2a1f1075}.dlg__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dlg__title{font-size:18px;font-weight:800}.opts{display:flex;flex-direction:column;gap:10px}.opt{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:10px;border-radius:var(--radius-md);background:var(--cream);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.opt__in{position:absolute;width:1px;height:1px;opacity:0;margin:0}.opt__sw{width:48px;height:28px;border-radius:999px;background:var(--edge);position:relative;box-shadow:inset 0 2px 4px #4632192e;transition:background .16s ease}.opt__sw:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #281e0f4d;transition:transform .16s ease}.opt__in:checked+.opt__sw{background:var(--mint-deep)}.opt__in:checked+.opt__sw:after{transform:translate(20px)}.opt__in:focus-visible+.opt__sw{outline:3px solid var(--ink);outline-offset:2px}.opt__in:disabled+.opt__sw{opacity:.5}.opt__text{display:flex;flex-direction:column;gap:2px}.opt__k{font-size:14px;font-weight:800}.opt__d{font-size:11.5px;line-height:1.4;color:var(--ink-soft)}.seg{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px;border-radius:var(--radius-md);background:var(--cream);box-shadow:inset 0 0 0 1px var(--line)}.seg__k{font-size:14px;font-weight:800}.seg__row{display:flex;gap:6px}.seg__btn{appearance:none;border:0;border-radius:999px;background:var(--paper);color:var(--ink-soft);font:700 13px/1 var(--font);padding:10px 13px;min-height:40px;cursor:pointer;box-shadow:0 2px 0 var(--edge)}.seg__btn[aria-pressed=true]{background:var(--ink);color:#fff8ea;box-shadow:0 2px #101a2e}.danger{margin-top:14px;padding-top:12px;border-top:1px dashed var(--edge);display:flex;flex-direction:column;gap:10px}.danger__ask{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius-md);background:#fff1ee;box-shadow:inset 0 0 0 1px #c1534a47}.danger__text{font-size:12px;line-height:1.4;color:var(--ink-soft)}.danger__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide h3{font-size:14px;font-weight:800;margin-top:12px}.guide h3:first-child{margin-top:0}.guide p{font-size:12.5px;line-height:1.5;color:var(--ink-soft);margin-top:3px}.guide__toys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.guide__toys li{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--radius-md);background:var(--cream);box-shadow:inset 0 0 0 1px var(--line);font-size:12px;font-weight:700}.dlg--reward{text-align:center}.reward__title{font-size:22px;font-weight:800}.reward__coins{margin-top:4px;font-size:30px;font-weight:800;color:var(--gold-deep);font-variant-numeric:tabular-nums}.reward__body{margin-top:8px;font-size:12.5px;line-height:1.5;color:var(--ink-soft)}.reward__next{margin-top:10px;padding:9px;border-radius:var(--radius-md);background:var(--cream);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;font-weight:800}.dlg--reward .btn{margin-top:14px;width:100%}body[data-box-height=xs] .legend,body[data-box-height=sm] .legend,body[data-box-height=xs] .howto{display:none}body[data-box-height=xs] .bar__title{font-size:18px}body[data-box-height=xs] .bar__tag,body[data-box-height=sm] .bar__tag{display:none}body[data-box-height=xs] .note{min-height:0}@media(min-width:900px){.shop{max-width:1140px;display:grid;gap:14px 16px;grid-template-columns:300px minmax(340px,1fr) 290px;grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"bar bar bar" "order board note" "stats board acts" "howto board legend" ". board .";align-content:start}.bar{grid-area:bar}.order{grid-area:order}.stats{grid-area:stats;align-self:start}.howto{grid-area:howto}.board-area{grid-area:board}.note{grid-area:note}.acts{grid-area:acts}.legend{grid-area:legend}.legend__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.legend__name{font-size:10px}.bar__title{font-size:26px}body[data-box-height] .legend,body[data-box-height] .bar__tag,body[data-box-height] .howto{display:block}.acts{grid-template-columns:1fr}}