*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;background:#fff7ea;color:#3a2e2a;-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{display:flex;justify-content:center;position:relative}.game-col{width:100%;max-width:560px;padding:8px 16px 12px;display:flex;flex-direction:column;gap:12px;position:relative}.hud{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:5}.stage-box{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;flex:1;height:38px;background:#fffdf6;border:2px solid #EADFCB;border-radius:12px;padding:0 10px}.stage-box b{font-size:12.5px;color:#c77f3b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.rep-bar{height:5px;background:#f0e4cc;border-radius:6px;overflow:hidden;border:1px solid #EADFCB;max-width:220px}.rep-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#f7c948,#e8a857);transition:width .4s}.hud-ico{width:22px;height:22px;display:inline-block;vertical-align:middle}.hud-ico svg,.hud-ico img{width:100%;height:100%;display:block;object-fit:contain}.hud-right{display:flex;gap:8px;align-items:center}.hud-right .chip,.gold-chip{height:38px;display:inline-flex;align-items:center;gap:4px}#dex-count{font-size:10px;font-weight:700;color:#a08d77}.counter-scene{position:relative;z-index:2;height:256px;margin-top:4px}.walkins{position:absolute;top:0;right:0;bottom:44px;left:0;z-index:1}.walkin{position:absolute;bottom:0;width:31%;max-width:150px;display:flex;flex-direction:column;align-items:center}.walkin.slot-0{left:2%}.walkin.slot-1{left:34.5%}.walkin.slot-2{right:2%}.walkin .figure{width:78%;height:106px;overflow:visible;animation:bob 1.6s ease-in-out infinite alternate;transform-origin:50% 100%}.walkin .figure .ico{display:block;width:100%;height:138px}.walkin .figure .ico img,.walkin .figure .ico svg{width:100%;height:100%;object-fit:contain;object-position:top}.walkin.enter{animation:walk-in .55s ease-out}@keyframes bob{0%{transform:translateY(0) rotate(-.6deg)}to{transform:translateY(-4px) rotate(.6deg)}}@keyframes walk-in{0%{transform:translate(60px);opacity:0}to{transform:none;opacity:1}}.walkin.leave{animation:walk-out .95s ease-in forwards}.walkin.leave .figure{animation:bob .3s ease-in-out infinite alternate}@keyframes walk-out{0%{transform:translate(0);opacity:1}to{transform:translate(110px);opacity:0}}.heart-pop{position:absolute;top:4px;left:50%;width:30px;height:30px;z-index:4;animation:heart-float .9s ease-out forwards}.heart-pop svg,.heart-pop img{width:100%;height:100%;display:block}@keyframes heart-float{0%{transform:translate(-50%,10px) scale(.6);opacity:0}30%{opacity:1}to{transform:translate(-50%,-26px) scale(1.1);opacity:0}}.guest-chip{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:4;background:#f7c948;color:#3a2e2a;border:2px solid #fff;border-radius:9px;font-size:9.5px;font-weight:800;padding:2px 7px;white-space:nowrap;box-shadow:0 2px #3a2e2a26}.counter-bar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.table-spot{position:absolute;bottom:-40px;transform:translate(-50%);height:120px;filter:drop-shadow(0 4px 6px rgba(58,46,42,.16))}.table-spot img{height:100%;width:auto;display:block}.table-spot.slot-0{left:17.5%}.table-spot.slot-1{left:50%}.table-spot.slot-2{left:82.5%}.nameplates{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.nameplate{position:absolute;bottom:28px;transform:translate(-50%);background:#fff3dc;border:2px solid #C7A97F;border-radius:8px;padding:1px 9px;font-size:10.5px;font-weight:800;color:#6b4a2e;white-space:nowrap;box-shadow:0 1px 2px #3a2e2a24}.nameplate.slot-0{left:17.5%}.nameplate.slot-1{left:50%}.nameplate.slot-2{left:82.5%}.bubble{position:relative;z-index:3;background:#fff;border:2px solid #EADFCB;border-radius:14px;padding:7px 6px 6px;margin-bottom:2px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;width:88px;box-shadow:0 2px #eadfcb;transition:box-shadow .15s,border-color .15s}.bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff;border-bottom:none}.bubble .want-ico{width:44px;height:44px;flex:none}.bubble .want-ico img,.bubble .want-ico svg{width:100%;height:100%;object-fit:contain}.want-name{max-width:100%;font-size:10px;font-weight:600;color:#a08d77;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble .reward{display:flex;align-items:center;gap:3px;font-weight:800;font-size:12px;flex:none}.bubble .reward .hud-ico{width:14px;height:14px}.bubble .decline{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:2px solid #EADFCB;background:#fff7ea;color:#a08d77;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.bubble .decline svg{width:12px;height:12px;display:block}.bubble .decline:hover{color:#c05a4e;border-color:#e8c4b8}.bubble.story{background:#fff9f0;border-color:#f7a8b8}.bubble-story{margin:0;font-size:11.5px;line-height:1.45;font-weight:600}.bubble.drop-ok{border-color:#66a85c;animation:pulse-ok .9s ease-in-out infinite}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;z-index:5}.deco{pointer-events:none;position:fixed;left:0;right:0;z-index:1}.deco-top{top:0;height:0}.deco-bottom{bottom:0;height:0;z-index:4}.deco .prop{position:absolute;display:block;filter:drop-shadow(0 5px 7px rgba(58,46,42,.22))}.deco .prop img{height:100%;width:auto;display:block}.deco .prop.hang{transform-origin:50% 0;animation:sway 5.2s ease-in-out infinite alternate}.deco .prop.stand{transform-origin:50% 100%;animation:breathe 6.4s ease-in-out infinite alternate}.deco .prop.pov{animation:none;filter:saturate(1.04) drop-shadow(0 6px 10px rgba(58,46,42,.28))}@keyframes sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.8deg)}}@keyframes breathe{0%{transform:translateY(0) rotate(-.4deg)}to{transform:translateY(-3px) rotate(.5deg)}}.deco-top .prop.band{left:-1vw;top:0;height:52px;width:102vw}.deco-top .prop.band img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.deco-top .prop.pans{left:-10px;top:6px;height:72px}.deco-top .prop.bulb-cord{left:57%;top:8px;height:68px}.deco-top .prop.ivy{right:-12px;top:2px;height:80px}.deco-top .prop.garland{left:13%;top:12px;height:40px}.deco-top .prop.lantern{right:20%;top:10px;height:46px}.deco-top .prop.sign{right:32%;top:12px;height:54px}.deco-bottom .prop.counterline{left:-1vw;bottom:-4px;height:100px;width:102vw;z-index:0}.deco-bottom .prop.counterline img{width:100%;height:100%;object-fit:cover;object-position:center top}.deco-bottom .prop:not(.counterline){z-index:1}.deco-bottom .prop.herb{left:20%;bottom:14px;height:54px}.deco-bottom .prop.menu{right:24%;bottom:12px;height:72px}.deco-bottom .prop.books{left:42%;bottom:16px;height:46px}.deco-bottom .prop.plaque{right:36%;bottom:18px;height:42px}.deco-side{top:0;bottom:0;width:calc((100vw - 1020px)/2 + 20px);overflow:hidden;display:none}.deco-left{left:0}.deco-right{right:0;left:auto}.deco-side .prop.shelf-l{left:-96px;top:22vh;height:42vh;min-height:280px}.deco-side .prop.shelf-r{right:-96px;top:26vh;height:40vh;min-height:270px}.deco-side .prop.lamp{right:2px;top:12vh;height:84px}@media(min-width:1220px){.deco-side{display:block}}.game-col{padding-top:72px;padding-bottom:100px}@media(min-width:920px){.game-col{max-width:1020px;display:grid;grid-template-columns:400px minmax(0,1fr);grid-template-areas:"hud hud" "counter board" "counter action";grid-template-rows:auto auto auto;gap:14px 28px;grid-template-rows:auto 1fr auto;min-height:100vh;padding-top:104px;padding-bottom:96px}.hud{grid-area:hud}.counter-scene{grid-area:counter;height:320px;margin-top:0;align-self:end}#board{grid-area:board;grid-template-columns:repeat(var(--bw, 6),minmax(0,72px));align-self:start}.action-bar{grid-area:action}.counter-scene{height:340px}.walkins{top:0;right:0;bottom:66px;left:0}.walkin .figure{height:158px}.walkin .figure .ico{height:204px}.table-spot{height:150px;bottom:-58px}.nameplate{bottom:46px;font-size:11.5px}.bubble{width:96px}.bubble .want-ico{width:48px;height:48px}.stage-box{max-width:380px}.deco-top .prop.band,.deco-bottom .prop.counterline{left:max(-1vw,50vw - 768px);width:min(102vw,1536px)}.deco-top .prop.band{height:96px;top:0}.deco-top .prop.pans{top:8px;height:92px}.deco-top .prop.bulb-cord{left:41.5%;top:10px;height:92px}.deco-top .prop.ivy{top:4px;height:100px}.deco-top .prop.garland{left:12%;top:14px;height:48px}.deco-top .prop.lantern{right:15%;top:12px;height:56px}.deco-top .prop.sign{right:26%;top:14px;height:64px}.deco-bottom .prop.counterline{height:176px}.deco-bottom .prop.herb{left:16%;bottom:18px;height:56px}.deco-bottom .prop.books{left:34%;bottom:20px;height:48px}.deco-bottom .prop.plaque{left:50%;right:auto;bottom:22px;height:40px}.deco-bottom .prop.menu{left:66%;right:auto;bottom:16px;height:76px}}@media(max-width:480px){.deco-top .prop.band{height:46px;top:0}.deco-top .prop.pans{top:4px;height:62px}.deco-top .prop.bulb-cord{top:6px;height:58px}.deco-top .prop.ivy{top:0;height:70px}.deco-top .prop.garland{top:8px;height:34px}.deco-top .prop.lantern{top:6px;height:40px}.deco-top .prop.sign{top:8px;height:46px}.deco-bottom .prop.counterline{height:88px}.deco-bottom .prop.herb{bottom:10px;height:46px}.deco-bottom .prop.menu{bottom:8px;height:58px}.deco-bottom .prop.books{bottom:12px;height:38px}.deco-bottom .prop.plaque{right:34%;bottom:14px;height:32px}.game-col{padding-top:58px;padding-bottom:48px}.hud{gap:6px}.chip{padding:5px 7px}.hud-ico{width:20px;height:20px}}.gold-chip{display:flex;align-items:center;gap:5px;background:#fff;border:2px solid #EADFCB;border-radius:12px;padding:4px 10px;font-size:15px}.gold-chip svg,.gold-chip img{width:20px;height:20px;object-fit:contain}.reward svg,.reward img{width:14px;height:14px;object-fit:contain}.mini.hint-btn{display:inline-flex;align-items:center;gap:3px}.mini.hint-btn .hud-ico{width:14px;height:14px}.chip{border:2px solid #EADFCB;background:#fff;border-radius:12px;padding:6px 10px;font-size:13px;cursor:pointer;color:inherit}.chip:hover{background:#fff0d6}.chain-row.locked{gap:6px;color:#a08d77}.chain-row.locked svg,.chain-row.locked img{width:18px;height:18px;object-fit:contain}.dex-card.locked{opacity:.75;background:#f5edde}.dex-card .lockico{width:30px;height:30px}.dex-card .lockico svg{width:100%;height:100%}.board{display:grid;gap:6px;padding:12px;background:#f3e3c3;border:3px solid #E0C9A6;border-radius:18px;grid-template-columns:repeat(var(--bw, 6),minmax(0,1fr));justify-content:center;position:relative;z-index:3}.cell{aspect-ratio:1;background:#fffdf6;border:2px solid #EADFCB;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.cell.dirt{background:#e5dccd;border-style:dashed;cursor:pointer;flex-direction:column}.cell.dirt:hover{filter:brightness(1.05)}.repair-tag{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:700;background:#fff;border-radius:8px;padding:1px 5px;margin-top:-6px}.repair-tag svg,.repair-tag img{width:12px;height:12px;object-fit:contain}.piece{width:86%;height:86%;position:relative;cursor:grab;display:flex;align-items:center;justify-content:center}.piece:active{cursor:grabbing}.piece .ico,.tray-slot .ico{width:100%;height:100%;display:block}.piece .ico svg,.tray-slot .ico svg{width:100%;height:100%;display:block}.ico img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ava img,.want-ico img,.drag-ghost img{width:100%;height:100%;object-fit:contain;pointer-events:none}.piece.dragging{opacity:.35}.piece.gen{cursor:pointer}.pips{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:7px;letter-spacing:1px;color:#c77f3b;white-space:nowrap}.pips.dish-star{width:13px;height:13px;display:inline-block}.pips.dish-star img,.pips.dish-star svg{width:100%;height:100%;display:block}.badge{position:absolute;top:-6px;right:-6px;background:#66a85c;color:#fff;font-size:10px;font-weight:700;border-radius:9px;padding:2px 6px;border:2px solid #fff}.badge.charging{background:#b08968}@keyframes pulse-ok{0%,to{box-shadow:0 0 0 3px #66a85c59}50%{box-shadow:0 0 0 7px #66a85c1f}}.tray-slot.drop-soft{border-color:#8ecae6;background:#f2faff}#sell-zone.drop-soft{border-color:#f7c948;background:#fffbee}.mini{border:1.5px solid #EADFCB;background:#fff7ea;border-radius:9px;font-size:11px;padding:3px 8px;cursor:pointer;color:inherit}.mini:hover{background:#ffe9c9}.tray-row{display:flex;gap:8px;align-items:center}.tray-slot{width:62px;height:62px;background:#fff;border:2px dashed #D9C6A5;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative}.tray-slot .piece{width:88%;height:88%}.tray-empty{color:#d9c6a5;font-size:26px}.combine{display:flex;align-items:center;gap:6px;border:none;background:#f7c948;border-radius:14px;padding:10px 14px;font-weight:800;font-size:15px;cursor:pointer;color:#3a2e2a;box-shadow:0 3px #d9a441;white-space:nowrap;flex:none}.combine:active{transform:translateY(2px);box-shadow:none}.combine svg{width:24px;height:24px}.sell-zone{border:2px dashed #D9C6A5;border-radius:14px;padding:8px 14px;display:flex;align-items:center;gap:8px;color:#a08d77;font-size:12px;background:#fffdf6;text-align:left}.sell-zone .hud-ico{width:30px;height:30px}.sell-zone small{font-size:10.5px;line-height:1.35}#toasts{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#3a2e2a;color:#fff7ea;border-radius:12px;padding:8px 14px;font-size:13px;opacity:0;transform:translateY(-8px);transition:all .25s;max-width:86vw}.toast.show{opacity:1;transform:none}.toast.good{background:#66a85c}.toast.bad{background:#c05a4e}.toast.story{background:#fff;color:#3a2e2a;border:2px solid #F7A8B8;font-weight:600}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2e2a73;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.modal.hidden,.hidden{display:none!important}.modal-card{background:#fff7ea;border-radius:20px;max-width:720px;width:100%;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;border:3px solid #E0C9A6}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:2px solid #EADFCB}.modal-body{overflow-y:auto;padding:12px 16px}.dex-section{font-weight:800;margin:10px 0 6px}.chain-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:6px}.chain-item{display:flex;flex-direction:column;align-items:center;width:52px}.chain-item small{font-size:10px;text-align:center}.ico.sm{width:34px;height:34px;display:block}.ico.sm svg{width:100%;height:100%}.arrow{color:#c7b08c}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.dex-card{background:#fff;border:2px solid #EADFCB;border-radius:14px;padding:8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;font-size:12px}.dex-card .ico{width:44px;height:44px}.dex-card .ico svg{width:100%;height:100%}.dex-card small{color:#a08d77;font-size:10px}.silhouette svg,.silhouette img{filter:brightness(0);opacity:.3}.dim{opacity:.6}.discovery-card{align-items:center;text-align:center;padding:26px 20px;gap:4px;max-width:380px}.discovery-card .spark{width:40px;height:40px;animation:spin 3s linear infinite}.discovery-card .spark svg,.discovery-card .spark img{width:100%;height:100%;object-fit:contain}.discovery-card .ico.xl{width:96px;height:96px}.discovery-card .ico.xl svg,.discovery-card .ico.xl img{width:100%;height:100%;object-fit:contain}.discovery-card h2{margin:6px 0 0;font-size:18px;color:#c77f3b}.discovery-card h3{margin:2px 0 6px;font-size:24px}.discovery-card p{margin:2px 0;font-size:14px}.discovery-card .lover{display:flex;align-items:center;gap:6px;justify-content:center}.discovery-card .lover svg,.discovery-card .lover img{width:26px;height:26px;object-fit:contain}.naming-btns{display:flex;gap:10px;align-items:center;margin-top:8px}.dialog-card h3{margin:6px 0 2px;font-size:20px}.dialog-body p{margin:3px 0;font-size:13.5px}.dialog-body .lv-line{color:#a08d77}.dialog-body .cost{display:flex;align-items:center;gap:5px;justify-content:center;font-weight:800;font-size:15px;margin-top:6px}.dialog-body .cost.lack{color:#c05a4e}.dialog-body .cost .hud-ico{width:18px;height:18px}.popover{position:fixed;z-index:65;background:#fff7ea;border:2px solid #E0C9A6;border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;box-shadow:0 4px 10px #3a2e2a40}.recap-row{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1.5px dashed #EADFCB}.recap-row.locked{opacity:.7}.recap-face{width:52px;height:66px;flex:none}.recap-face img,.recap-face svg{width:100%;height:100%;object-fit:contain;object-position:top}.recap-mid{display:flex;flex-direction:column;gap:2px;min-width:0}.recap-mid small{font-size:11px}.recap-dishes{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.recap-dishes .ico.sm{width:28px;height:28px}.recap-dishes .ico.sm img{width:100%;height:100%;object-fit:contain}.walkin-row{display:flex;gap:8px;flex-wrap:wrap}.walkin-chip{display:flex;flex-direction:column;align-items:center;width:58px;gap:2px;background:#fff;border:2px solid #EADFCB;border-radius:10px;padding:6px 2px}.walkin-chip img,.walkin-chip svg{width:34px;height:44px;object-fit:contain}.walkin-chip small{font-size:9.5px}.walkin-chip.today{border-color:#f7c948;background:#fffbee}.walkin-chip.locked{opacity:.55}.neighbor-card{background:#fff;border:2px solid #EADFCB;border-radius:12px;padding:10px 12px;margin:4px 0}.neighbor-card.mine{border-color:#f7c948}.neighbor-sig{display:flex;align-items:center;gap:6px;margin-top:5px}.neighbor-sig .ico.sm{width:30px;height:30px}.neighbor-sig .ico.sm img{width:100%;height:100%;object-fit:contain}.code-row{display:flex;gap:6px;margin:8px 0 2px}.code-row input{flex:1;min-width:0;border:2px solid #EADFCB;border-radius:9px;padding:7px 8px;font-size:11px;font-family:ui-monospace,monospace;color:#3a2e2a;background:#fff}.alley-hint{font-size:11.5px;margin:2px 0 8px}.redeem-msg{font-size:13px;font-weight:600;margin:6px 0 0}.cta{margin-top:10px;border:none;background:#f7a8b8;color:#fff;font-weight:800;font-size:16px;border-radius:14px;padding:10px 26px;cursor:pointer;box-shadow:0 3px #de8aa0}.cta:active{transform:translateY(2px);box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}.debug{position:fixed;bottom:0;left:0;right:0;background:#3a2e2a;color:#fff7ea;font-size:12px;padding:8px 12px;z-index:70;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.drag-ghost{position:fixed;width:52px;height:52px;z-index:100;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.drag-ghost svg{width:100%;height:100%}@media(max-width:480px){.bubble{width:114px;padding:6px 7px;gap:5px}.bubble .want-ico{width:32px;height:32px}.walkin.slot-0{left:.5%}.walkin.slot-2{right:.5%}}@media(max-width:420px){.counter-scene{height:228px}.walkin .figure{height:92px}.walkin .figure .ico{height:120px}.walkins{top:0;right:0;bottom:34px;left:0}.table-spot{height:102px;bottom:-36px}.nameplate{bottom:20px}.game-col{row-gap:8px}}