.market{position:fixed;inset:0;margin:auto;width:calc(100vw - 28px);height:calc(100dvh - 28px);max-width:1600px;max-height:none;padding:0;border:1px solid #c7cbbd;border-radius:22px;background:#f5f2e9;color:#253c39;box-shadow:0 20px 90px #152c3c44;overflow:hidden;font-family:inherit}.market::backdrop{background:#263c42a3;backdrop-filter:blur(8px)}.market[open]{display:flex;flex-direction:column}.market *{box-sizing:border-box}.market [hidden]{display:none!important}.market button,.market select{font:inherit;cursor:pointer}.mk-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;background:#fbf9f0;border-bottom:1px solid #d9ddce;flex:none;z-index:3}.mk-brand{display:flex;align-items:center;gap:18px}.mk-brand>span{font:700 32px 'Gowun Batang',serif;color:#2343a5;border-right:1px solid #d1d6c7;padding-right:18px}.mk-brand h2{margin:0;font-size:17px;letter-spacing:-.4px}.mk-brand small{display:block;font-size:10px;letter-spacing:1px;color:#8b9583;margin-top:4px}.mk-head-actions{display:flex;align-items:center;gap:12px}.mk-preview{font-size:11px;padding:5px 10px;border:1px solid #dbd9c7;border-radius:20px;color:#85917c}.mk-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d6dacb;border-radius:50%;background:#fffdf8;font-size:22px;color:#3c5247}.mk-world{position:relative;flex:1;min-height:0;overflow:hidden;background:#e6e9d6}#marketCanvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:crosshair}#marketCanvas:focus-visible{outline:3px solid #294ab3;outline-offset:-3px}.mk-location{position:absolute;top:20px;left:24px;background:#fbfcf0e8;border:1px solid #d5d9c6;border-radius:30px;padding:9px 13px;display:flex;align-items:center;gap:8px;font-size:12px;pointer-events:none;box-shadow:0 3px 12px #4352400c}.mk-dot{width:7px;height:7px;background:#758c64;border-radius:50%}.mk-location small{font-size:10px;color:#87927d}.mk-route{position:absolute;right:24px;top:20px;display:flex;gap:7px}.mk-route button{border:1px solid #cad2bd;background:#fbfcf3f0;border-radius:24px;color:#526744;min-height:36px;padding:7px 13px;font-size:12px;box-shadow:0 3px 12px #4352400c}.mk-route button:first-child{color:#876b35;border-color:#cabd93}.mk-route span{margin-right:4px;color:#a58a48}.mk-hall-menu{position:absolute;top:72px;right:24px;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #c8b994;background:#fffcf0f5;border-radius:14px;box-shadow:0 6px 18px #655b3f10;max-width:calc(100% - 48px)}.mk-hall-menu small{display:block;font-size:10px;color:#9c8c63;margin-bottom:4px}.mk-hall-menu label{font-size:12px;font-weight:600;white-space:nowrap}.mk-hall-menu select{max-width:200px;border:1px solid #ddd3b5;border-radius:7px;padding:7px;background:#fffdf8;font-size:12px;color:#685b3e;min-height:36px}.mk-hall-menu button{border:0;background:none;color:#92773b;white-space:nowrap;font-size:12px;min-height:36px}.mk-help{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#fbfcf1ed;border:1px solid #d4dbc8;box-shadow:0 4px 18px #4352400a;color:#73816a;font-size:12px;border-radius:30px;padding:11px 13px 11px 18px;display:flex;align-items:center;gap:12px;white-space:nowrap}.mk-help button{border:0;background:none;color:#8a967f;font-size:17px}.mk-minimap{position:absolute;bottom:22px;right:24px;background:#fbfcf1e8;border:1px solid #d2d8c3;box-shadow:0 4px 18px #4352400c;border-radius:15px;padding:9px 10px 8px;text-align:center;pointer-events:none}.mk-minimap canvas{display:block;width:108px;height:115px}.mk-minimap span{font-size:9px;color:#8a947b;letter-spacing:1px}.mk-near{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:320px;max-width:calc(100% - 32px);padding:11px 15px 11px 11px;border:1px solid #c9d0ba;border-radius:16px;background:#fffdf3f5;color:#344c40;text-align:left;box-shadow:0 8px 24px #2e473b20}.mk-near img{width:64px;height:64px;background:#e9e7dd;border-radius:10px;object-fit:contain}.mk-near span{flex:1;min-width:0}.mk-near small{display:block;color:#959e87;font-size:10px}.mk-near b{display:block;font-size:15px;margin:4px 0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-near em{font-size:11px;color:#637d5a;font-style:normal}.mk-near i{float:right;font-size:20px;line-height:12px;font-style:normal}.mk-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;padding:12px 22px;background:#fbf9f0;border-top:1px solid #d4dac9;min-height:62px}.mk-controls{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:10px;color:#8b957f}.mk-key{display:inline-block;padding:5px 7px;background:#fff;border:1px solid #d6ddcb;border-bottom-width:2px;border-radius:6px;font-size:11px;color:#66795b}.mk-footer p{font-size:10px;color:#939b86;line-height:1.6;margin:0;max-width:340px}.mk-footer-actions{display:flex;gap:7px}.mk-footer-actions button{border:1px solid #cdd6c1;background:#fdfcf6;border-radius:9px;min-height:36px;padding:7px 11px;color:#66795b;font-size:11px;white-space:nowrap}.mk-footer-actions button:last-child{background:#2747a8;color:#fff;border-color:#2747a8}.mk-ranks{width:min(700px,calc(100vw - 24px))}.mk-rank-description{font-size:13px;color:#7b836b;line-height:1.8;margin-top:0}.mk-rank-original{background:#eeeee4;border:1px solid #dddecd;border-radius:12px;padding:12px;display:flex;align-items:center;gap:14px;margin:20px 0}.mk-rank-original img{width:70px;height:70px;border-radius:9px;object-fit:contain;background:#e1dfd2}.mk-rank-original small{font-size:11px;color:#879178;display:block}.mk-rank-original b{font-size:15px;display:block;margin:5px 0}.mk-rank-original button{margin-left:auto}.mk-rank-row{display:flex;align-items:center;gap:15px;padding:14px 3px;border-bottom:1px solid #e3e3d7}.mk-rank-place{width:40px;text-align:center;font-size:25px;font-family:serif;color:#9b8a62}.mk-rank-row:first-child .mk-rank-place{color:#b99842}.mk-rank-row img{height:75px;width:75px;border-radius:10px;background:#e8e5d9;object-fit:contain}.mk-rank-person{flex:1;min-width:0}.mk-rank-person b{display:block;font-size:14px;margin-bottom:5px}.mk-rank-person small{color:#8c947e;font-size:11px}.mk-rank-score{text-align:right;font-size:25px;font-family:serif;color:#344f42}.mk-rank-score small{display:block;font:10px sans-serif;color:#8c947e;margin-top:3px}.mk-rank-row button{border:0;background:none;color:#607951;font-size:12px;min-height:40px;white-space:nowrap}.mk-rank-empty{padding:40px 12px;text-align:center;font-size:13px;color:#858f77;line-height:1.8}.mk-week-note{color:#8e957e;font-size:10px;margin:12px 0}.mk-new-tag{background:#eef0e4;color:#6c805b;border-radius:6px;padding:3px 5px;margin-left:5px;font-size:10px}
@media(max-width:700px){.market{width:100%;height:100dvh;border-radius:0;border:0}.mk-header{padding:12px 14px}.mk-brand{gap:12px}.mk-brand>span{font-size:25px;padding-right:12px}.mk-brand h2{font-size:15px}.mk-brand small{font-size:9px}.mk-head-actions{gap:7px}.mk-icon{height:33px;width:33px}.mk-preview{font-size:10px}.mk-location{top:13px;left:12px;padding:8px 10px;font-size:11px}.mk-route{top:55px;right:12px;left:12px;justify-content:center;gap:7px}.mk-route button{font-size:11px;padding:7px 12px}.mk-hall-menu{top:100px;left:12px;right:12px;max-width:none;display:grid;grid-template-columns:1fr auto;padding:10px 12px;gap:8px}.mk-hall-menu>div{grid-column:1/-1}.mk-hall-menu label{font-size:11px}.mk-hall-menu small{display:inline;margin-right:10px}.mk-hall-menu select{max-width:100%;width:100%;min-width:0}.mk-minimap{right:12px;bottom:12px;padding:5px 6px 4px;border-radius:10px}.mk-minimap canvas{width:61px;height:65px}.mk-minimap span{font-size:7px}.mk-help{font-size:10px;bottom:15px;width:calc(100% - 110px);white-space:normal;left:12px;transform:none;line-height:1.6;padding:10px 12px;border-radius:13px;gap:7px}.mk-near{bottom:14px;left:12px;transform:none;width:calc(100% - 110px);max-width:none;gap:8px;padding:8px}.mk-near img{width:45px;height:50px}.mk-near b{font-size:12px;margin:3px 0}.mk-near small{font-size:9px}.mk-near em{font-size:10px}.mk-footer{padding:9px 12px;display:block;min-height:72px}.mk-controls{display:none}.mk-footer-actions{justify-content:space-between;gap:5px}.mk-footer-actions button{font-size:10px;padding:7px 9px}.mk-footer p{font-size:8px;max-width:none;text-align:center;margin-bottom:6px}.mk-rank-row{gap:8px}.mk-rank-place{width:27px;font-size:23px}.mk-rank-row img{width:57px;height:62px}.mk-rank-person b{font-size:12px}.mk-rank-score{font-size:23px}.mk-rank-row button{font-size:10px}.mk-rank-original{gap:10px}.mk-rank-original b{font-size:12px}.mk-rank-original img{width:52px;height:56px}.mk-rank-original button{font-size:11px;padding:8px 10px}}

.mk-brand>span,.mk-brand h2{white-space:nowrap;flex-shrink:0}.market .points-pill{font-size:11px;line-height:1.3;white-space:nowrap}.market .points-pill span{white-space:nowrap}
@media(max-width:700px){.mk-brand{gap:10px}.mk-brand>span{font-size:24px;padding-right:10px}.mk-brand h2{font-size:14px}.mk-brand small,.mk-preview,.mk-shop-label{display:none}.market .points-pill{padding:8px 10px;font-size:11px}.mk-head-actions{gap:8px}.mk-header{min-height:62px;gap:10px}}

.mk-zoom{position:absolute;left:24px;top:68px;display:flex;align-items:center;gap:3px;border:1px solid #c7c9bf;border-radius:10px;background:#faf8f2ed;padding:4px;z-index:2}.mk-zoom button{border:0;border-radius:7px;background:#fff;min-height:32px;min-width:32px;color:#141e36;padding:5px 9px;font-size:13px}.mk-zoom output{font-size:11px;color:#5b6577;min-width:42px;text-align:center}.mk-zoom #mkViewReset{font-size:10px;border-left:1px solid #e1dfd6;border-radius:0}.mk-district{position:absolute;left:24px;top:118px;display:flex;gap:8px;align-items:center;background:#faf8f2ed;border:1px solid #c7c9bf;border-radius:9px;padding:7px 10px;max-width:340px}.mk-district label{font-size:10px;white-space:nowrap;color:#5b6577}.mk-district select{border:0;background:#fff;font-size:11px;padding:5px;color:#141e36;border-radius:5px;min-height:28px}.mk-district small{display:none}.mk-render-mode{position:absolute;left:24px;bottom:20px;font-size:9px;color:#5b6577;background:#faf8f2dd;padding:5px 8px;border-radius:6px;pointer-events:none}.mk-help{bottom:26px}.mk-minimap{bottom:20px}
@media(max-width:700px){.mk-zoom{left:12px;top:100px;padding:3px}.mk-zoom button{min-height:29px;min-width:29px;padding:4px 7px}.mk-zoom #mkViewReset{font-size:9px}.mk-district{left:auto;right:12px;top:100px;max-width:calc(100% - 218px);padding:3px 5px;display:block}.mk-district label{display:none}.mk-district select{max-width:100%;font-size:10px;padding:4px 0}.mk-hall-menu{top:146px}.mk-render-mode{left:12px;bottom:82px;font-size:8px}.mk-help{bottom:14px;font-size:9px}.mk-minimap{bottom:14px}}
