*{box-sizing:border-box;margin:0;padding:0}:root{--font-title:"Song Myung", "Malgun Gothic", "Apple SD Gothic Neo", serif;--font-ui:"Do Hyeon", "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--font-body:"Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif}html,body,#root,.app{width:100%;height:100%;font-family:var(--font-body);overflow:hidden}.app{position:relative}.hud{pointer-events:none;z-index:100;position:absolute;inset:0}.hud-card{color:#eef2f8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141822c7;border-radius:10px;padding:10px 14px;box-shadow:0 2px 10px #00000040}.hud-topleft{position:absolute;top:16px;left:16px}.hud-title{font-family:var(--font-title);letter-spacing:1px;font-size:19px;font-weight:700}.hud-btn,.hud-status,.hud-festival,.hud-prompt,.hud-txchip,.hud-sound,.hud-bag-menu button,.quest-title,.quest-objective{font-family:var(--font-ui)}.hud-status{opacity:.9;margin-top:4px;font-size:12.5px}.hud-status-connected{color:#7de08a}.hud-status-offline{color:#ff8f8f}.hud-demo{color:#ffd66b;border-top:1px solid #ffffff1f;flex-direction:column;gap:2px;margin-top:6px;padding-top:6px;font-size:11.5px;display:flex}.hud-demo a{pointer-events:auto;color:#9ecbff;text-decoration:none}.hud-demo a:hover{text-decoration:underline}.hud-topright{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:16px;right:16px}.hud-btn{pointer-events:auto;cursor:pointer;color:#10131a;background:linear-gradient(135deg,#ffd66b,#ffb84d);border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;box-shadow:0 2px 10px #0000004d}.hud-btn:disabled{opacity:.6;cursor:wait}.hud-wallet{pointer-events:auto;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.hud-wallet .dot{background:#7de08a;border-radius:50%;width:8px;height:8px}.hud-wallet .slot{color:#9ecbff;border:1px solid #9ecbff80;border-radius:6px;padding:2px 6px;font-size:11px}.hud-wallet .addr{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;padding:0}.hud-wallet .addr:hover{color:#ffd66b}.hud-wallet .balance{color:#7de08a;font-size:12.5px}.hud-wallet .chain{color:#ffd66b;border:1px solid #ffd66b80;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:500;text-decoration:none}.hud-error{color:#ffdcdc;background:#781e1ed9;border-radius:8px;max-width:280px;padding:8px 10px;font-size:12px}.hud-bottom{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hud-hint{opacity:.92;white-space:nowrap;font-size:13px}.hud-prompt{color:#d8c7ff;white-space:nowrap;border:1px solid #9a6cffb3;font-size:15px}.nametag,.emote-bubble,.portal-label,.stall-tag,.shop-sign,.billboard{pointer-events:none}.nametag{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#141822b3;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:13px;font-weight:600;display:flex}.nametag .badge{color:#7de08a;font-size:11px}.emote-bubble{-webkit-user-select:none;user-select:none;font-size:30px;animation:.25s ease-out emote-pop}.speech-bubble{color:#2e2a24;text-align:center;white-space:normal;word-break:keep-all;pointer-events:none;-webkit-user-select:none;user-select:none;background:#f8f3e6f0;border:1px solid #78644659;border-radius:10px;max-width:190px;padding:5px 9px;font-size:12px;line-height:1.35;animation:.25s ease-out emote-pop}@keyframes emote-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.portal-label{font-family:var(--font-title);color:#e6d8ff;text-shadow:0 0 12px #9a6cffe6;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:700}.stall-tag{font-family:var(--font-title);color:#ffe9c4;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#3a2a18d9;border:1px solid #ffd66b66;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12.5px;font-weight:700;display:flex}.stall-tag .badge{color:#7de08a;font-size:11px}.stall-tag em{color:#cdb894;font-size:11px;font-style:normal;font-weight:500}.shop-sign{white-space:nowrap;-webkit-user-select:none;user-select:none;background:#2e2317;border:2px solid #8a6a3c;border-radius:6px;flex-direction:column;align-items:center;padding:5px 14px;display:flex}.shop-sign b{font-family:var(--font-title);color:#ffe9c4;letter-spacing:2px;font-size:16px}.shop-sign span{color:#ffb84d;margin-top:1px;font-size:10.5px}.billboard{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:150px;display:flex}.billboard b{color:#ffd66b;white-space:nowrap;font-size:13px}.billboard span{color:#9fb0c8;white-space:nowrap;margin-top:2px;font-size:9.5px}.gift-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#06080c8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gift-modal{text-align:center;color:#eef2f8;background:#161b26;border:1px solid #2a3040;border-radius:16px;width:320px;padding:22px 22px 16px;box-shadow:0 12px 40px #00000080}.gift-emoji{font-size:44px;line-height:1}.gift-title{margin-top:8px;font-size:18px;font-weight:700}.gift-sub{color:#8ea0bd;margin-top:3px;font-family:ui-monospace,monospace;font-size:12.5px}.gift-presets{justify-content:center;gap:8px;margin-top:16px;display:flex}.gift-chip{cursor:pointer;color:#cfd6e2;background:#1c2331;border:1px solid #2a3040;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.gift-chip.on{color:#ffd66b;border-color:#ffd66b}.gift-input-row{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.gift-input{color:#fff;text-align:right;background:#0f131c;border:1px solid #2a3040;border-radius:8px;width:130px;padding:9px 12px;font-size:15px}.gift-unit{color:#8ea0bd;font-size:13px;font-weight:600}.gift-warn{color:#fcc;background:#78282880;border-radius:8px;margin-top:12px;padding:8px 10px;font-size:12px}.gift-actions{gap:8px;margin-top:18px;display:flex}.gift-btn{cursor:pointer;color:#eef2f8;background:#1c2331;border:1px solid #2a3040;border-radius:10px;flex:1;padding:11px 0;font-size:14px;font-weight:600}.gift-btn.primary{color:#10131a;background:linear-gradient(135deg,#ffd66b,#ffb84d);border:none}.gift-btn:disabled{opacity:.5;cursor:default}.gift-note{color:#6b7688;margin-top:10px;font-size:11px}.gift-txlink{color:#ffd66b;margin-top:12px;font-size:13px;text-decoration:none;display:inline-block}.gift-txlink:hover{text-decoration:underline}.gift-modal .gift-btn.primary:last-child{margin-top:16px}.gift-input.wide{text-align:left;width:100%;margin-top:14px}.stall-items{flex-direction:column;gap:8px;margin-top:16px;display:flex}.stall-item{background:#0f131c;border:1px solid #2a3040;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.stall-item-emoji{font-size:22px}.stall-item-name{text-align:left;flex:1;font-size:13.5px;font-weight:600}.gift-btn.small{flex:none;padding:8px 12px;font-size:12.5px}.stall-dialog-tag{color:#ffb84d;vertical-align:middle;border:1px solid #ffb84d80;border-radius:6px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:600}.badge-inline{color:#7de08a;font-weight:700}.badge-dojang{color:#ffd66b;font-weight:700}.hud-wallet .dojang{color:#ffd66b;background:#ffd66b14;border:1px solid #ffd66b99;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700}.stall-goods-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.stall-good{align-items:center;gap:6px;display:flex}.stall-good-pick{cursor:pointer;color:#cfd6e2;background:#1c2331;border:1px solid #2a3040;border-radius:8px;flex:1;padding:8px 6px;font-size:12.5px;font-weight:600}.stall-good.on .stall-good-pick{color:#ffd66b;border-color:#ffd66b}.stall-good-price{color:#fff;text-align:right;background:#0f131c;border:1px solid #2a3040;border-radius:8px;width:64px;padding:7px 6px;font-size:12px}.coupon-list{flex-direction:column;gap:6px;max-height:260px;margin-top:14px;display:flex;overflow-y:auto}.coupon-row{color:#eef2f8;background:#0f131c;border:1px solid #2a3040;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.coupon-row:hover{border-color:#ffd66b}.coupon-name{text-align:left;flex-direction:column;flex:1;font-size:13px;font-weight:600;display:flex}.coupon-name em{color:#8ea0bd;font-size:11px;font-style:normal;font-weight:500}.coupon-price{color:#ffd66b;font-size:12px;font-weight:700}.hud-stall-btns{gap:6px;display:flex}.hud-btn.sub{color:#eef2f8;background:#141822d9;border:1px solid #3a4152;padding:8px 12px;font-size:12.5px}.gift-feed{z-index:90;pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:16px;left:16px}.gift-feed-item{color:#dfe6f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141822cc;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;text-decoration:none;animation:.42s cubic-bezier(.2,1.6,.4,1) gift-slide;display:flex}.gift-feed-item b{color:#fff}.gift-feed-item .amt{color:#ffd66b;margin-left:2px;font-weight:700}@keyframes gift-slide{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.guild-modal{width:360px;max-height:82vh;overflow-y:auto}.guild-members{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.guild-member{color:#cfd6e2;background:#1c2331;border:1px solid #2a3040;border-radius:999px;padding:3px 10px;font-size:12px}.guild-emblems{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.guild-emblem{cursor:pointer;background:#1c2331;border:1px solid #2a3040;border-radius:10px;padding:6px 10px;font-size:20px}.guild-emblem.on{background:#2a2416;border-color:#ffd66b}.guild-board{text-align:left;border-top:1px solid #2a3040;margin-top:16px;padding-top:12px}.guild-board-title{color:#ffd66b;margin-bottom:8px;font-size:12px;font-weight:700}.guild-row{align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.guild-rank{text-align:center;color:#8ea0bd;width:18px;font-weight:700}.guild-row .guild-name{flex:1;font-weight:600}.guild-floor{color:#7de08a;font-weight:700}.guild-count{color:#8ea0bd;font-size:12px}.guild-row .gift-btn.small{flex:none;padding:4px 10px;font-size:12px}.dungeon-doors{justify-content:center;gap:12px;margin-top:16px;display:flex}.dungeon-door{cursor:pointer;background:#1c2331;border:1px solid #2a3040;border-radius:12px;padding:12px 18px;font-size:34px;transition:transform .1s,border-color .1s}.dungeon-door:hover:not(:disabled){border-color:#ffd66b;transform:translateY(-3px)}.dungeon-door:disabled{opacity:.5;cursor:default}.dungeon-result{color:#ffd66b;min-height:20px;margin-top:14px;font-size:14px;font-weight:600}.dungeon-tentative{color:#7de08a;font-weight:700}.hud-fund-msg{color:#ffd66b;text-align:right;background:#141822d9;border:1px solid #2a3040;border-radius:8px;max-width:240px;margin-top:4px;padding:5px 9px;font-size:11.5px}.honor-desc{color:#8ea0bd;margin-left:4px;font-size:11.5px;font-style:normal}.coupon-actions{align-items:center;gap:6px;display:inline-flex}.coupon-actions .gift-btn.small{flex:none;padding:5px 9px;font-size:11.5px}.coupon-disputed{color:#ff9d9d;font-size:11.5px;font-style:normal}.coupon-gift-row{align-items:center;gap:8px;margin:4px 0 8px;display:flex}.coupon-gift-row .gift-input{text-align:left;flex:1;font-size:12.5px}.coupon-gift-row .gift-btn.small{flex:none;padding:8px 12px}.hud-festival{color:#ffd66b;margin-top:4px;font-size:11.5px}.hud-ambient{color:#b9c2d4;align-items:center;gap:8px;margin-top:5px;font-size:11px;display:flex}.hud-sound{pointer-events:auto;color:#b9c2d4;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;padding:2px 7px;font-size:11px}.hud-sound:hover{background:#ffffff1f}.hud-sound.on{color:#ffd66b;background:#ffd66b1f;border-color:#ffd66b73}.flag-label{color:#fff;white-space:nowrap;pointer-events:none;background:#141822d9;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.ws-editor{gap:12px;margin-top:12px;display:flex}.ws-grid{background:#2a3040;border:1px solid #2a3040;border-radius:6px;grid-template-columns:repeat(8,1fr);gap:1px;width:176px;height:176px;display:grid;overflow:hidden}.ws-cell{cursor:crosshair;border:none;padding:0}.ws-side{flex-direction:column;flex:1;gap:8px;display:flex}.ws-pens{gap:6px;display:flex}.ws-pen{cursor:pointer;border:2px solid #2a3040;border-radius:6px;width:30px;height:30px}.ws-pen.on{border-color:#ffd66b}.ws-swatches{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.ws-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #2a3040;border-radius:4px;width:100%}.ws-thumb{width:32px;height:32px;image-rendering:pixelated;background:#0f131c;border:1px solid #2a3040;border-radius:6px}.hud-txchip{color:#8fe8e0;margin-top:4px;font-size:11px}.hud-bag{display:inline-block;position:relative}.hud-bag-menu{z-index:40;background:#161b26;border:1px solid #2a3040;border-radius:10px;flex-direction:column;gap:4px;min-width:160px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;right:0}.hud-bag-menu button{color:#eef2f8;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:7px 10px;font-size:13px}.hud-bag-menu button:hover{color:#ffd66b;background:#1c2331}.boss-tag{text-align:center;pointer-events:none;background:#141822e0;border:1px solid #ff5a5a66;border-radius:10px;min-width:150px;padding:6px 10px;position:relative}.boss-tag.low{animation:.9s ease-in-out infinite boss-low}@keyframes boss-low{0%,to{box-shadow:none;border-color:#ff5a5a66}50%{border-color:#ff5a5a;box-shadow:0 0 14px #ff3c3c8c}}.boss-name{font-family:var(--font-title);color:#fff;font-size:12px;font-weight:700}.boss-name span{color:#ff9d9d;margin-left:4px;font-size:10px;font-weight:400}.boss-hp{background:#2a3040;border-radius:999px;height:6px;margin-top:4px;position:relative;overflow:hidden}.boss-hp b{background:#ffd66b;height:100%;transition:width .5s .25s;position:absolute;inset:0 auto 0 0}.boss-hp i{background:linear-gradient(90deg,#ff5a5a,#ff9d4d);height:100%;display:block;position:relative}.boss-sub{color:#9aa7bd;margin-top:3px;font-size:10px}.boss-dmg{color:#cfd6e4;text-shadow:0 0 4px #000;font-size:12px;font-weight:700;animation:1.2s ease-out forwards boss-dmg-float;position:absolute;bottom:100%;left:50%}.boss-dmg.mine{color:#ffd66b;font-size:16px}@keyframes boss-dmg-float{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}20%{opacity:1;transform:translate(-50%,-6px)scale(1.15)}to{opacity:0;transform:translate(-50%,-42px)scale(1)}}@media (prefers-reduced-motion:reduce){.boss-tag.low{border-color:#ff5a5a;animation:none}.boss-dmg{animation-duration:1.2s}}.welcome-card{z-index:120;color:#eef2f8;pointer-events:auto;background:#161b26f5;border:1px solid #3a3325;border-top:3px solid #ffd66b;border-radius:14px;width:min(420px,88vw);padding:18px 20px 15px;animation:.35s ease-out welcome-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 44px #00000080}@keyframes welcome-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.welcome-card{animation:none}}.welcome-head{color:#ffd66b;align-items:center;gap:8px;font-size:15px;display:flex}.welcome-npc{font-size:22px}.welcome-body{color:#cfd6e2;margin-top:10px;font-size:13.5px;line-height:1.65}.welcome-actions{gap:8px;margin-top:15px;display:flex}.welcome-actions button{cursor:pointer;pointer-events:auto;border-radius:9px;flex:1;padding:10px 8px;font-size:13px;font-weight:700}.welcome-yes{color:#1a1508;background:#ffd66b;border:1px solid #ffd66b}.welcome-yes:hover{background:#ffe08c}.welcome-no{color:#cfd6e2;background:0 0;border:1px solid #2a3040}.welcome-no:hover{color:#ffd66b;border-color:#ffd66b}.welcome-note{color:#8ea0bd;margin-top:11px;font-size:11px;line-height:1.55}.quest-card{z-index:30;color:#eef2f8;pointer-events:auto;background:#161b26f0;border:1px solid #3a3325;border-left:3px solid #ffd66b;border-radius:12px;width:250px;padding:10px 12px;transition:border-color .3s,box-shadow .3s;position:absolute;top:190px;left:14px}.quest-card.quest-clear{border-color:#7de08a;box-shadow:0 0 18px #7de08a59}.quest-head{cursor:pointer;color:#ffd66b;align-items:center;gap:6px;font-size:12.5px;display:flex}.quest-npc{font-size:16px}.quest-toggle{color:#8ea0bd;font-size:11px}.quest-skip{color:#8ea0bd;cursor:pointer;background:0 0;border:1px solid #2a3040;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:10.5px}.quest-skip:hover{color:#ffd66b}.quest-title{margin-top:6px;font-size:14px;font-weight:700}.quest-objective{color:#8fe8a0;margin-top:3px;font-size:12.5px}.quest-flavor{color:#cfd6e2;margin-top:7px;font-size:12px;font-style:italic;line-height:1.55}.quest-hint{color:#9ecbff;margin-top:6px;font-size:11.5px}.quest-done{border-left-color:#7de08a}.joystick{z-index:35;touch-action:none;pointer-events:auto;background:#161b268c;border:1.5px solid #ffd66b59;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:absolute;bottom:26px;left:22px}.joystick-knob{pointer-events:none;background:#ffd66bd9;border-radius:50%;width:48px;height:48px;box-shadow:0 2px 10px #0006}.touch-actions{z-index:35;flex-direction:column-reverse;gap:10px;display:flex;position:absolute;bottom:30px;right:20px}.touch-btn{color:#eef2f8;touch-action:manipulation;background:#161b26cc;border:1.5px solid #2a3040;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:62px;height:62px;font-size:20px;display:flex}.touch-btn span{color:#9aa7bd;font-size:9.5px}.touch-btn.boss{border-color:#ff5a5a80}@media (pointer:coarse){.hud-hint{display:none}body{overscroll-behavior:none}}