:root{--ink:#2b2129;--ink2:#3d2f35;--muted:#6a574c;--wood:#8a5a36;--honey:#d9a066;--cream:#f2e3c2;--cream-d:#e6d3a8;--cream-l:#fff4dc;--teal:#2a6f6b;--teal-d:#1f5552;--red:#963a32;--gold:#e8b33a;--sea:#3f8fa8;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--px12:400 12px/18px "Galmuri11", "Apple SD Gothic Neo", sans-serif;--px12b:400 12px/18px "Galmuri11-Bold", "Galmuri11", sans-serif;--px15:400 15px/22px "Galmuri14", "Galmuri11", "Apple SD Gothic Neo", sans-serif;--px24:400 24px/30px "Galmuri11-Bold", "Galmuri11", sans-serif;--px48:400 48px/54px "Galmuri11-Bold", "Galmuri11", sans-serif;--sys:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", system-ui, sans-serif}html.standalone{--sab:26px}*{box-sizing:border-box;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-synthesis:none}html,body{background:var(--sea);height:100%;color:var(--ink);font:var(--px15);overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;overflow:hidden}b,strong,h1,h2,h3,small{font-weight:400}canvas{touch-action:none;display:block;position:fixed;top:0;left:0}img{-webkit-user-drag:none;pointer-events:none}img.px{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle;object-fit:contain;display:inline-block}img.px.silhouette{filter:brightness(0)opacity(.28)}button{font:var(--px15);color:var(--ink);cursor:pointer;touch-action:pan-x pan-y}input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.screen{padding:calc(var(--sat) + 24px) 16px calc(var(--sab) + 24px);-webkit-overflow-scrolling:touch;background-color:#5fb3c0;background-image:linear-gradient(#5fb3c0 var(--sat), #3f8fa8 55%, #2f6f8f);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.screen .logo{text-align:center;color:var(--cream-l);text-shadow:0 3px 0 var(--ink);margin-bottom:18px}.screen .logo h1{font:var(--px48);margin:0}.screen .logo p{font:var(--px15);text-shadow:0 2px 0 var(--ink);margin:6px 0 0}.card{background:var(--cream);border:3px solid var(--ink);width:100%;max-width:380px;box-shadow:0 4px 0 var(--ink), inset 0 0 0 3px var(--cream-l);border-radius:6px;padding:18px 16px}.card h2{font:var(--px24);margin:0 0 12px}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{border:2px solid var(--ink);background:var(--cream-l);min-height:46px;color:var(--muted);border-radius:4px;flex:1;padding:10px}.tabs button.on{background:var(--honey);color:var(--ink);box-shadow:inset 0 -3px 0 var(--wood)}.field{color:var(--ink2);margin-bottom:14px;display:block}.field input{border:2px solid var(--ink);background:var(--cream-l);width:100%;min-height:50px;color:var(--ink);font:500 17px/24px var(--sys);letter-spacing:0;border-radius:4px;outline:none;margin-top:6px;padding:12px 14px;display:block}.field input::placeholder{color:#8f7b6e;font-weight:400}.field input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #2a6f6b40}.btn{border:3px solid var(--ink);background:var(--teal);width:100%;min-height:52px;color:var(--cream-l);box-shadow:inset 0 -4px 0 var(--teal-d), 0 3px 0 var(--ink);border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;display:flex}.btn.big{font:var(--px24);min-height:58px}.btn:active{box-shadow:inset 0 -2px 0 var(--teal-d), 0 1px 0 var(--ink);transform:translateY(2px)}.btn.honey{background:var(--honey);color:var(--ink);box-shadow:inset 0 -4px 0 var(--wood), 0 3px 0 var(--ink)}.btn.ghost{background:var(--cream-l);color:var(--ink2);box-shadow:inset 0 -3px 0 #d4b673, 0 3px 0 var(--ink)}.btn.small{border-width:2px;flex:none;width:auto;min-width:48px;min-height:44px;padding:8px 12px}.btn:disabled,.btn:disabled:active{background:var(--cream-d);color:var(--muted);box-shadow:inset 0 -3px 0 #cdb88a, 0 2px 0 var(--ink2);border-color:var(--ink2);transform:none}.err{color:var(--red);font:var(--px15);min-height:22px;margin:2px 0 10px}.muted{color:var(--muted);font:var(--px12)}p.muted{margin:12px 0 0}.row{align-items:center;gap:8px;display:flex}.stack>*+*{margin-top:10px}.link-btn{min-height:44px;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin:18px auto 0;padding:8px 16px;text-decoration:underline;display:block}.world-item{text-align:left;border:2px solid var(--ink);background:var(--cream-l);width:100%;min-height:64px;box-shadow:0 3px 0 var(--ink);color:var(--ink);border-radius:5px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.world-item:disabled{background:var(--cream-d);box-shadow:0 2px 0 var(--ink2)}.world-item b{font:var(--px15);color:var(--ink);display:block}.world-item small{color:var(--muted);font:var(--px12);display:block}.world-item .go{font:var(--px24);color:var(--muted);margin-left:auto}.online-dot{vertical-align:1px;background:#4f7a3a;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud>*{pointer-events:auto}.pill{min-height:40px;color:var(--cream-l);border:2px solid var(--ink);background:#2b2129db;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 7px;display:inline-flex;box-shadow:0 2px #0000004d}.coin-pill{font:var(--px24);min-height:44px}.hud .tl{left:10px;top:calc(var(--sat) + 10px);flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100vw - 130px);display:flex;position:absolute}.hud .zone-label{min-height:28px;font:var(--px12);padding:4px 12px;position:relative}.hud .zone-label:after{content:"";position:absolute;inset:-6px 0}.hud .tr{right:10px;top:calc(var(--sat) + 10px);gap:8px;display:flex;position:absolute}.icon-btn{border:2px solid var(--ink);width:46px;height:46px;box-shadow:0 3px 0 var(--ink);font:var(--px24);color:var(--ink);background:#f2e3c2f5;border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.badge{background:var(--red);min-width:22px;height:22px;color:var(--cream-l);font:var(--px12b);border:2px solid var(--ink);border-radius:11px;place-items:center;padding:0 5px;line-height:18px;display:grid;position:absolute;top:-7px;right:-7px}.hp{left:50%;top:calc(var(--sat) + 16px);border:2px solid var(--ink);background:#3d2f35;border-radius:4px;width:110px;height:16px;display:none;position:absolute;overflow:hidden;transform:translate(-50%)}.hp i{background:linear-gradient(#e86a5a,#a8433a);height:100%;transition:width .2s;display:block}.hp.show{display:block}.action{right:18px;bottom:calc(var(--sab) + 30px);border:3px solid var(--ink);width:84px;height:84px;box-shadow:0 5px 0 var(--ink);touch-action:none;background:radial-gradient(circle at 50% 40%,#fff4dc,#d9a066);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.action.active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.action.idle{background:radial-gradient(circle at 50% 40%,#efe3c6,#bfa784)}.action.idle img{opacity:.45}.action img{width:48px;height:48px}.action .lbl{white-space:nowrap;font:var(--px12b);color:var(--cream-l);background:#2b2129c7;border-radius:4px;padding:1px 6px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.action .lbl:empty{display:none}.bag-btn{right:114px;bottom:calc(var(--sab) + 36px);border-radius:12px;width:56px;height:56px;position:absolute}.bag-btn img{width:32px;height:32px}.build-btn{right:114px;bottom:calc(var(--sab) + 104px);border-radius:12px;width:56px;height:56px;display:none;position:absolute}.build-btn img{width:32px;height:32px}.hud.on-island .build-btn{display:grid}.joy-hint{left:34px;bottom:calc(var(--sab) + 38px);pointer-events:none;border:2px dashed #fff4dc80;border-radius:50%;width:96px;height:96px;position:absolute}.joy{pointer-events:none;z-index:11;background:#2b212940;border:2px solid #fff4dc99;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;display:none;position:fixed}.joy i{border:2px solid var(--ink);background:#fff4dcd9;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.mode-bar{left:10px;right:10px;top:calc(var(--sat) + 142px);background:var(--cream);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);color:var(--ink);border-radius:6px;align-items:center;gap:12px;padding:10px 12px;display:none;position:absolute}.mode-bar.show{display:flex}.mode-bar .info{flex:1;min-width:0}.mode-bar .info b{font:var(--px15);display:block}.mode-bar .info .muted{display:block}.toasts{left:50%;top:calc(var(--sat) + 146px);z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.toast{color:var(--cream-l);border:2px solid var(--ink);font:var(--px15);text-align:center;background:#2b2129f0;border-radius:6px;padding:8px 14px;transition:opacity .35s,transform .35s}.toast.out{opacity:0;transform:translateY(-8px)}.sheet-back{z-index:30;background:#140e1466;display:none;position:fixed;inset:0}.sheet-back.show{display:block}.sheet{z-index:31;background:var(--cream);border-top:3px solid var(--ink);max-height:80vh;box-shadow:0 -3px 0 var(--ink);padding-bottom:var(--sab);color:var(--ink);border-radius:12px 12px 0 0;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0}.sheet.show{display:flex}.sheet header{border-bottom:2px dashed #c9ad74;align-items:center;gap:10px;padding:10px 12px 10px 14px;display:flex}.sheet header h3{font:var(--px24);flex:1;align-items:center;gap:10px;min-width:0;margin:0;display:flex}.sheet header .x{border:2px solid var(--ink);background:var(--cream-l);width:46px;height:46px;color:var(--ink);font:var(--px24);border-radius:6px;padding:0}.sheet .body{-webkit-overflow-scrolling:touch;padding:14px 14px 18px;overflow-y:auto}.sheet .body>p{margin:0 0 12px}.list-row{background:var(--cream-l);border:2px solid var(--ink2);border-radius:6px;align-items:center;gap:12px;min-height:64px;margin-bottom:8px;padding:10px;display:flex}.list-row .grow{flex:1;min-width:0}.list-row .grow b{font:var(--px15);color:var(--ink);display:block}.list-row .grow small{color:var(--muted);font:var(--px12);display:block}.list-row .side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.reward{font:var(--px15);color:var(--ink);align-items:center;gap:3px;display:inline-flex}.reward img{width:18px;height:18px}.slot{border:2px solid var(--ink);background:#3d2f35;border-radius:6px;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative}.slot img{width:32px;height:32px}.slot .n{font:var(--px12b);color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;position:absolute;bottom:0;right:2px}.grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;display:grid}.grid .slot{aspect-ratio:1;width:100%;height:auto}.cost{font:var(--px15);color:var(--ink2);flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.cost span{align-items:center;gap:2px;display:inline-flex}.cost img{width:18px;height:18px}.cost .lack{color:var(--red)}.section-title{font:var(--px12b);color:var(--muted);margin:16px 0 8px}.section-title:first-child{margin-top:0}.bar{border:2px solid var(--ink);background:#3d2f35;border-radius:4px;height:12px;margin-top:4px;overflow:hidden}.bar i{background:var(--gold);height:100%;display:block}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:var(--cream-l);border:2px solid var(--ink2);border-radius:6px;padding:10px 12px}.stat small{color:var(--muted);font:var(--px12);display:block}.stat b{font:var(--px24)}.code-box{font:var(--px48);text-align:center;background:var(--cream-l);border:2px dashed var(--ink2);border-radius:6px;margin-bottom:12px;padding:14px 8px}.menu-list button{text-align:left;border:2px solid var(--ink2);background:var(--cream-l);width:100%;min-height:56px;color:var(--ink);border-radius:6px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.menu-list button img{width:32px;height:32px}.speech{background:var(--cream-l);border:2px solid var(--ink2);border-radius:8px;margin:0 0 12px;padding:10px 12px}.loading{background:var(--sea);color:var(--cream-l);font:var(--px15);z-index:50;text-shadow:0 2px 0 var(--ink);place-items:center;display:grid;position:fixed;inset:0}.reconnect{left:50%;top:calc(var(--sat) + 64px);z-index:45;background:var(--red);color:var(--cream-l);border:2px solid var(--ink);font:var(--px15);white-space:nowrap;border-radius:6px;padding:6px 12px;display:none;position:fixed;transform:translate(-50%)}.reconnect.show{display:block}.goal{border:2px solid var(--ink);max-width:100%;min-height:40px;box-shadow:0 2px 0 var(--ink);font:var(--px12);color:var(--ink);text-align:left;background:#fff4dcf5;border-radius:6px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex}.goal:empty{display:none}.goal-tag{background:var(--teal);color:var(--cream-l);font:var(--px12b);border-radius:4px;flex:none;padding:2px 6px}.travel-btn{right:12px;bottom:calc(var(--sab) + 140px);border:3px solid var(--ink);background:var(--honey);min-height:48px;color:var(--ink);box-shadow:inset 0 -3px 0 var(--wood), 0 3px 0 var(--ink);font:var(--px15);border-radius:8px;align-items:center;gap:8px;padding:6px 14px 6px 8px;display:none;position:absolute}.travel-btn.show{display:inline-flex}.travel-btn:active{box-shadow:inset 0 -2px 0 var(--wood), 0 1px 0 var(--ink);transform:translateY(2px)}.travel-btn img{width:32px;height:32px}.icon-btn .dot{background:var(--red);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.sheet-tabs{z-index:2;background:var(--cream);border-bottom:2px dashed #c9ad74;margin:-14px -14px 14px;padding:10px 14px;position:sticky;top:-14px}.sheet-tabs button{min-height:44px;font:var(--px12b);padding:8px 6px;position:relative}.tab-dot{background:var(--red);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:6px}.build-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.build-mode{border:2px solid var(--ink);background:var(--cream-l);min-height:64px;color:var(--ink);text-align:left;box-shadow:inset 0 -3px 0 var(--cream-d);border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.build-mode:active{box-shadow:none;transform:translateY(2px)}.build-mode img{flex:none;width:32px;height:32px}.build-mode b{font:var(--px15);display:block}.build-mode small{font:var(--px12);color:var(--muted);display:block}.ver{text-align:center;margin-top:20px}.new-tag{background:var(--red);color:var(--cream-l);font:var(--px12b);border-radius:4px;margin-left:auto;padding:2px 6px}.news-link{border:2px dashed var(--ink2);background:var(--cream-l);width:100%;min-height:48px;color:var(--ink2);font:var(--px15);text-align:left;border-radius:6px;align-items:center;gap:10px;margin-top:16px;padding:8px 12px;display:flex}.exhibits{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.exhibit{background:var(--cream-l);border:2px solid var(--ink2);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.exhibit.done{border-color:var(--teal);box-shadow:inset 0 0 0 2px #2a6f6b40}.exhibit b{font:var(--px15)}.exhibit small{font:var(--px12);color:var(--muted)}.exhibit .btn.small{min-height:36px}.release{padding:4px 0 14px}.release+.release{border-top:2px dashed #c9ad74;padding-top:14px}.release-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.release-head .ver{font:var(--px12b);background:var(--ink2);color:var(--cream-l);border-radius:4px;padding:2px 6px}.release.latest .release-head .ver{background:var(--teal)}.release-head b{font:var(--px15)}.release-head small{font:var(--px12);color:var(--muted);margin-left:auto}.release ul{margin:0;padding:0;list-style:none}.release li{font:var(--px15);color:var(--ink);align-items:flex-start;gap:8px;padding:5px 0;display:flex}.release li .tag{text-align:center;min-width:64px;font:var(--px12);color:var(--cream-l);border-radius:4px;flex:none;margin-top:1px;padding:2px 4px}.tag.new{background:var(--teal)}.tag.up{background:#6a4a9c}.tag.fix{background:var(--red)}.updates-screen{justify-content:flex-start}.updates-screen .card{margin-bottom:24px}.updates-screen .btn{margin-top:8px}.back-btn{left:12px;top:calc(var(--sat) + 12px);z-index:5;border:2px solid var(--ink);min-height:44px;box-shadow:0 3px 0 var(--ink);font:var(--px15);color:var(--ink);background:#f2e3c2f7;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 14px;display:inline-flex;position:fixed}.back-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.back-btn .chev{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' shape-rendering='crispEdges'%3E%3Cpath fill='%232b2129' d='M4 0h2v2H4zM2 2h3v2H2zM0 4h3v2H0zM2 6h3v2H2zM4 8h2v2H4z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;flex:none;width:12px;height:20px}.screen.lobby{padding:var(--sat) 0 0;justify-content:flex-start;align-items:stretch;overflow:hidden}.lobby-top{color:var(--cream-l);flex:none;align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.lobby-top .brand{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.lobby-top .brand img{border:2px solid var(--ink);width:36px;height:36px;image-rendering:pixelated;border-radius:8px}.lobby-top .brand b{font:var(--px24);text-shadow:0 2px 0 var(--ink);display:block}.lobby-top .brand small{font:var(--px12);text-shadow:0 1px 0 var(--ink);display:block}.lobby-scroll{-webkit-overflow-scrolling:touch;padding:0 0 calc(var(--sab) + 16px);flex:1;overflow-y:auto}.lobby .thumb{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.hero{background:var(--cream-l);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:10px;margin:2px 12px 0;overflow:hidden}.hero-map{aspect-ratio:1.75;border:0;border-bottom:3px solid var(--ink);background:var(--sea);width:100%;padding:0;display:block;position:relative}.hero-map .tag{color:var(--cream-l);font:var(--px12b);background:#2b2129db;border-radius:6px;padding:3px 8px;position:absolute;top:10px;left:10px}.hero-map .live{background:var(--cream-l);border:2px solid var(--ink);font:var(--px12);color:#2f5a22;border-radius:6px;align-items:center;gap:6px;padding:3px 8px 3px 6px;display:inline-flex;position:absolute;top:10px;right:10px}.hero-map .live:before,.mini-map .on{content:"";border:2px solid var(--ink);background:#5d9a3f;border-radius:50%;width:8px;height:8px}.hero-body{flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex}.hero-body .nm{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-body .nm b{font:var(--px24);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hero-body .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.lobby .chips{font:var(--px12);color:var(--muted);flex-wrap:wrap;gap:4px 12px;display:flex}.lobby .chips span{align-items:center;gap:4px;display:inline-flex}.avatars{flex:none;align-items:center;display:inline-flex}.av{width:28px;height:28px;box-shadow:0 0 0 1px var(--ink);background:var(--cream-l) no-repeat center -5px / 32px 48px;image-rendering:pixelated;border:3px solid;border-radius:50%;margin-left:-7px;display:inline-block}.av:first-child{margin-left:0}.av-more{font:var(--px12b);color:var(--muted);margin-left:4px}.lobby-title{font:var(--px12b);color:var(--cream-l);text-shadow:0 1px 0 var(--ink);justify-content:space-between;padding:16px 16px 8px;display:flex}.others{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;gap:10px;padding:0 12px 6px;scroll-padding:0 12px;display:flex;overflow-x:auto}.mini{scroll-snap-align:start;text-align:left;background:var(--cream-l);border:3px solid var(--ink);width:128px;box-shadow:0 3px 0 var(--ink);border-radius:8px;flex:none;padding:0;overflow:hidden}.mini-map{aspect-ratio:1.5;border-bottom:2px solid var(--ink);background:var(--sea);position:relative}.mini-map .on{position:absolute;top:6px;right:6px}.mini b{font:var(--px12b);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px 0;display:block;overflow:hidden}.mini small{font:var(--px12);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:0 8px 8px;display:block;overflow:hidden}.mini:active,.hero-map:active{transform:translateY(2px)}.hero-top{position:relative}.mini-card{scroll-snap-align:start;flex:none;position:relative}.card-more{border:2px solid var(--ink);width:44px;height:44px;box-shadow:0 2px 0 var(--ink);font:var(--px24);color:var(--ink);background:#fff4dcf5;border-radius:8px;place-items:center;padding:0;line-height:1;display:grid;position:absolute;bottom:11px;right:8px}.card-more:active{box-shadow:0 0 0 var(--ink);transform:translateY(2px)}.card-more.sm{width:34px;height:34px;font:var(--px15);top:43.3333px;bottom:auto;right:6px}.card-more.sm:after{content:"";position:absolute;inset:-5px}.btn.danger{background:var(--red);color:var(--cream-l);box-shadow:inset 0 -3px 0 #8f3a32, 0 3px 0 var(--ink)}.btn.line{color:#a3443a;box-shadow:none;background:0 0;border-color:#a3443a}.mg-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.mg-head .thumb{object-fit:cover;border:2px solid var(--ink);width:84px;height:56px;image-rendering:pixelated;background:var(--sea);border-radius:6px;flex:none}.mg-head>div{min-width:0}.mg-head b{font:var(--px15);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mg-head small{font:var(--px12);color:var(--muted);display:block}.mg-row{align-items:flex-end;gap:8px;display:flex}.mg-row .field{flex:1;min-width:0;margin:0}.mg-row .btn{flex:none;min-height:50px}.mg-sep{border-top:2px dashed #c9ad74;margin:18px 0 12px}.sheet .body .mg-note{font:var(--px12);color:var(--muted);margin:8px 0 0}.mg-pair{gap:10px;display:flex}.trash-link{min-height:44px;color:var(--cream-l);font:var(--px12b);text-shadow:0 1px 0 var(--ink);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin:16px auto 0;padding:0 14px;display:flex}.trash-row{border:2px solid var(--ink);background:var(--cream-l);border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.trash-row .thumb{object-fit:cover;border:2px solid var(--ink);width:72px;height:48px;image-rendering:pixelated;filter:grayscale(.7)brightness(.95);background:var(--sea);border-radius:6px;flex:none}.trash-row .grow{flex:1;min-width:0}.trash-row b{font:var(--px15);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.trash-row small{font:var(--px12);color:var(--muted);display:block}.lobby-acts{gap:10px;padding:14px 12px 0;display:flex}.lobby-acts .btn{min-height:50px}.lobby-acts .btn img{width:24px;height:24px}.lobby .err{color:var(--cream-l);text-shadow:0 1px 0 var(--ink);min-height:0;margin:8px 16px 0}.lobby-empty{text-align:center;background:var(--cream);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:10px;margin:4px 12px 0;padding:22px 16px}.lobby-empty b{font:var(--px24);margin:8px 0 4px;display:block}.lobby-empty p{margin:0}.lobby-empty.loading-state{visibility:hidden}.lobby-sheet .body{flex-direction:column;gap:4px;display:flex}.lobby-sheet .body .btn{margin-top:6px}.lobby-sheet .body>p{margin:0 0 4px}.lobby-sheet .err{min-height:0;margin:0}.codes{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px;display:grid;position:relative}.codes span{border:2px solid var(--ink);background:var(--cream-l);height:54px;font:var(--px24);color:var(--ink);border-radius:6px;place-items:center;display:grid}.codes span.cur{border-color:var(--teal);box-shadow:0 0 0 2px #2a6f6b4d}.codes .code-input{opacity:.01;color:#0000;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;min-height:0;margin:0;padding:0;font-size:17px;position:absolute;inset:0}.list-row.qty{padding:0;display:block;overflow:hidden}.list-row.qty.open{border-color:var(--teal);box-shadow:0 0 0 2px #2a6f6b40}.qty-head{align-items:center;gap:10px;min-height:64px;padding:8px 10px;display:flex;position:relative}.qty-head .qty-hit{z-index:0;background:0 0;border:0;padding:0;position:absolute;inset:0}.qty-head .slot,.qty-head .grow{z-index:1;pointer-events:none;position:relative}.qty-head .btn,.qty-head .side{z-index:1;position:relative}.qty-head .grow b{font:var(--px15);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.qty-head .grow small,.qty-head .grow .cost{color:var(--muted);font:var(--px12);display:block}.qty-head .btn.small{min-width:56px;padding:8px 10px}.qty-toggle.on{background:var(--cream-d)}.qty-pick{background:#fbefd4;border-top:2px dashed #c9ad74;flex-direction:column;gap:12px;padding:12px 10px;display:flex}.qty-line{align-items:center;gap:6px;display:flex}.qty-line .step{width:48px;min-width:48px;height:48px;font:var(--px24);touch-action:none;padding:0}.qty-n{text-align:center;border:2px solid var(--ink);width:72px;height:48px;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:6px;flex:none;padding:0 4px;font:600 17px/24px -apple-system,Apple SD Gothic Neo,sans-serif}.chip{border:2px solid var(--ink2);background:var(--cream-l);min-width:0;height:44px;font:var(--px12b);color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;padding:0 6px;overflow:hidden}.chip:active{transform:translateY(1px)}.qty-range{appearance:none;touch-action:none;--p:0%;background:0 0;width:100%;height:44px;margin:0;font-size:16px}.qty-range::-webkit-slider-runnable-track{border:2px solid var(--ink);background:linear-gradient(90deg, var(--teal) 0 var(--p), var(--cream-l) var(--p) 100%);border-radius:6px;height:12px}.qty-range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--ink);background:var(--honey);width:28px;height:28px;box-shadow:inset 0 -3px 0 var(--wood);border-radius:6px;margin-top:-10px}.qty-go{min-height:52px}.zoom-row{background:var(--cream-l);border:2px solid var(--ink2);border-radius:6px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.zoom-row .step{width:52px;min-width:52px;height:52px;font:var(--px24);padding:0}.zoom-mid{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.zoom-mid b{font:var(--px24);color:var(--ink)}.zoom-mid small{font:var(--px12);color:var(--muted)}.zoom-dots{gap:6px;margin-top:2px;display:flex}.zoom-dots i{border:2px solid var(--ink2);background:var(--cream-l);border-radius:2px;width:10px;height:10px}.zoom-dots i.on{background:var(--teal);border-color:var(--ink)}.coin-pill.pop{animation:.5s steps(5,end) coinPop}@keyframes coinPop{0%{transform:scale(1)}30%{background:#fff0b8;transform:scale(1.12)}to{transform:scale(1)}}.coin-gain{z-index:36;pointer-events:none;border:2px solid var(--ink);font:var(--px24);white-space:nowrap;border-radius:6px;padding:2px 10px;animation:1.6s steps(16,end) forwards coinGain;position:fixed}.coin-gain.up{color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#ffe58a}.coin-gain.down{background:var(--cream-l);color:var(--red);font:var(--px15);padding:2px 8px}@keyframes coinGain{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.skill-strip{text-align:left;background:var(--cream-l);border:2px solid var(--ink2);border-radius:6px;grid-template-columns:1fr 1fr;gap:6px 14px;width:100%;margin-bottom:8px;padding:10px 34px 10px 12px;display:grid;position:relative}.skill-strip .sk{grid-template-columns:16px 1fr;align-items:center;gap:2px 6px;min-width:0;display:grid}.skill-strip .sk img{width:16px;height:16px}.skill-strip .sk-n{font:var(--px12b);color:var(--ink);white-space:nowrap}.skill-strip .sk .bar{grid-column:1/-1;height:6px;margin:0}.skill-strip .go{font:var(--px24);color:var(--muted);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.skill-card{background:var(--cream-l);border:2px solid var(--ink2);border-radius:6px;margin-bottom:10px;padding:10px 12px 12px}.skill-head{align-items:center;gap:10px;display:flex}.skill-head .grow{flex:1;min-width:0}.skill-head .grow b{font:var(--px24);color:var(--ink);display:block}.skill-head .grow small{font:var(--px12);color:var(--muted);display:block}.skill-xp{font:var(--px12b);color:var(--ink2);white-space:nowrap}.skill-card>.bar{height:10px;margin:8px 0 10px}.perks{flex-direction:column;gap:4px;display:flex}.perk{font:var(--px12);color:var(--muted);border-radius:4px;grid-template-columns:44px auto 1fr;align-items:baseline;gap:8px;padding:4px 8px;display:grid}.perk .plv{font:var(--px12b)}.perk .pname{font:var(--px12b);white-space:nowrap}.perk .pdesc{min-width:0}.perk.on{color:var(--ink);background:#e7f1d9}.perk.on .plv{color:var(--teal-d)}.perk.next{outline:2px dashed var(--honey);outline-offset:-2px;color:var(--ink2)}.skill-card .how{margin-top:8px;display:block}.gem-dots{flex:none;gap:3px;display:flex}.gem-dots img{width:16px;height:16px}.gem-dots .empty{border:2px dashed var(--muted);border-radius:3px;width:12px;height:12px;margin:2px}.gem-tool{margin-bottom:12px}.gem-tool .list-row{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.sockets{border:2px solid var(--ink2);background:#f6e6c4;border-top:0;border-radius:0 0 6px 6px;gap:8px;padding:10px;display:flex}.socket{background:var(--cream-l);min-width:0;height:66px;color:var(--muted);border:2px dashed #a58a68;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.socket span{font:var(--px24);line-height:32px}.socket small{font:var(--px12)}.socket.full{border-style:solid;border-color:var(--ink2);color:var(--cream-l);background:#3d2f35}.socket.full small{color:var(--cream-l)}.socket.on{box-shadow:0 0 0 3px var(--honey)}.gem-choose{border:2px solid var(--teal);background:#fbefd4;border-radius:6px;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;padding:10px;display:grid}.gem-opt{text-align:left;border:2px solid var(--ink2);background:var(--cream-l);border-radius:6px;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;column-gap:8px;min-height:56px;padding:8px;display:grid}.gem-opt img{grid-row:1/3}.gem-opt b{font:var(--px12b);color:var(--ink)}.gem-opt small{font:var(--px12);color:var(--muted)}.gem-opt:disabled{opacity:.45}.gem-opt.cur{border-color:var(--teal);opacity:1;background:#e7f1d9}.gem-choose .btn{grid-column:1/-1}.action.bite{background:radial-gradient(circle at 50% 40%,#fff4dc,#e8a05a);animation:.24s steps(2,end) infinite bitePulse}@keyframes bitePulse{50%{box-shadow:0 8px 0 var(--ink);transform:translateY(-3px)}}.reel{right:26px;bottom:calc(var(--sab) + 150px);pointer-events:none;gap:6px;height:220px;display:none;position:absolute}.reel.show{display:flex}.reel-track{border:3px solid var(--ink);width:42px;height:100%;box-shadow:0 3px 0 var(--ink);background:linear-gradient(#3f8fa8,#1f4a63);border-radius:6px;position:relative;overflow:hidden}.reel-zone{background:#b8dc8a59;border:2px solid #d8eeb0;border-radius:3px;position:absolute;left:2px;right:2px}.reel-zone.on{background:#b8dc8ab3}.reel-fish{filter:brightness(0)opacity(.78);width:24px;height:24px;image-rendering:pixelated;margin-left:-12px;position:absolute;left:50%}.reel-prog{border:3px solid var(--ink);width:14px;height:100%;box-shadow:0 3px 0 var(--ink);background:#3d2f35;border-radius:6px;position:relative;overflow:hidden}.reel-prog i{background:linear-gradient(#f6dc86,#e2b655);position:absolute;bottom:0;left:0;right:0}.catch-card{z-index:40;background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);opacity:0;pointer-events:none;border-radius:10px;align-items:center;gap:12px;padding:10px 18px 10px 10px;transition:opacity .18s,transform .18s;display:flex;position:fixed;top:24%;left:50%;transform:translate(-50%,-8px)}.catch-card.show{opacity:1;transform:translate(-50%)}.catch-card img{flex:none;width:48px;height:48px}.catch-card b{font:var(--px15);white-space:nowrap;display:block}.catch-card small{font:var(--px12);color:var(--teal-d);white-space:nowrap;display:block}.catch-card small.price{color:var(--muted)}body{word-break:keep-all;overflow-wrap:break-word}.dex-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dex-cell{border:2px solid var(--cream-d);background:var(--cream-l);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-height:96px;padding:8px 4px;display:flex}.dex-cell.got{border-color:var(--ink2)}.dex-cell img{width:32px;height:32px;margin-bottom:2px}.dex-cell b{font:var(--px12b)}.dex-cell small{font:var(--px12);color:var(--muted)}.dex-cell small.when{color:var(--teal-d)}.updating{z-index:200;background:#140e1473;place-items:center;display:grid;position:fixed;inset:0}.updating div{border:3px solid var(--ink);background:var(--cream);font:var(--px15);box-shadow:0 4px 0 var(--ink);border-radius:10px;padding:12px 18px}.hud.in-shop .tl,.hud.in-shop .tr,.hud.in-shop .bag-btn,.hud.in-shop .build-btn,.hud.in-shop .travel-btn,.hud.in-shop .hp{display:none!important}.shop-bar{left:50%;top:calc(var(--sat) + 10px);pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%)}.shop-bar .shop-time,.shop-bar .earn{border:2px solid var(--ink);min-height:40px;color:var(--cream-l);font:var(--px15);white-space:nowrap;background:#2b2129db;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.shop-bar .shop-time b{font:var(--px15);color:var(--gold)}.shop-bar .earn{color:var(--gold)}.shop-bar .btn.small{min-height:40px}.shop-result{border:3px solid var(--ink);background:var(--cream);width:min(340px,100vw - 32px);box-shadow:0 4px 0 var(--ink);pointer-events:auto;text-align:center;border-radius:12px;padding:16px;position:absolute;top:28%;left:50%;transform:translate(-50%)}.shop-result h3{font:var(--px24);margin:0 0 12px}.shop-result .paid{justify-content:center;align-items:center;gap:4px;margin:12px 0;display:flex}.shop-result .btn{width:100%}.stock-n{font:var(--px12b);color:var(--teal-d);white-space:nowrap}.demo-screen .card{flex-direction:column;gap:12px;display:flex}.demo-pick{text-align:left;border:3px solid var(--ink);background:var(--cream-l);width:100%;min-height:72px;color:var(--ink);box-shadow:inset 0 -3px 0 #d4b673, 0 3px 0 var(--ink);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.demo-pick:active{box-shadow:inset 0 -3px 0 #d4b673, 0 1px 0 var(--ink);transform:translateY(2px)}.demo-pick:disabled{opacity:.6}.demo-pick.busy{opacity:1;background:var(--gold)}.demo-pick .ic{border:2px solid var(--ink);background:#8fc9a0;border-radius:8px;flex:none;place-items:center;width:52px;height:52px;display:grid}.demo-pick .tx{flex-direction:column;gap:4px;min-width:0;display:flex}.demo-pick b{font:var(--px15)}.demo-pick small{font:var(--px12);color:var(--ink2)}.demo-screen .muted{text-align:center;margin:0}.link-btn{min-height:44px;color:var(--teal-d);font:var(--px15);text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:0 12px;text-decoration:underline}