body[data-mode=game] header{height:32px;padding:4px 12px;background:linear-gradient(#0b1218a0,transparent);pointer-events:none}body[data-mode=game] header .wordmark{display:none}body[data-mode=game] header button{pointer-events:auto;font-size:10px;padding:4px 8px}body[data-mode=game] #world-status{font-size:10px;letter-spacing:0;color:#d0d4c8}
#source-menu,#currencies,#map-panel,.bottom,#skills,#quick{position:absolute;inset:0;pointer-events:none;transform:none;max-width:none;display:block;padding:0;background:none;border:0;box-shadow:none}#source-menu button,#skills button,#quick button,#minimap{pointer-events:auto}
#source-menu button{padding:2px;font-size:clamp(8px,.83vw,12px);line-height:1.1;overflow:visible;border-radius:3px;background:linear-gradient(#34362f,#141a17);border:1px solid #9e967252;box-shadow:inset 0 0 0 2px #0b110d,0 2px 6px #0009;white-space:nowrap}#source-menu button kbd{position:absolute;right:2px;top:-12px;font-size:10px;color:#dac590}#source-menu button:disabled{opacity:.32}#source-menu #auto-button.active{color:#e7edb1;background:linear-gradient(#526146,#253420);border-color:#d5cb94;padding:2px}#source-menu #auto-button[data-mode="2"]{border-color:#91c8d1;color:#b5e9ee}
#skills .slot,#quick .slot{padding:3px;border-radius:3px;background:linear-gradient(#2a3029,#101713);border:1px solid #b7ad855c;box-shadow:inset 0 0 0 2px #0b1410,0 2px 6px #0009}#skills .slot img,#quick .slot img{width:100%;height:100%;object-fit:contain}#skills .slot small{font-size:9px;color:#d0c8a9;background:#07100cd0}#skills .slot kbd,#quick .slot kbd{z-index:1;font-size:10px;text-shadow:0 1px 2px #000}#skills .slot.passive kbd{display:none}#skills .slot.passive{cursor:help}#skills .slot.empty{opacity:.2}#skills .command-icon{font-size:11px;display:block;align-self:center;text-shadow:0 2px #000}#skills .slot.locked{opacity:.58}#quick .slot:first-child:after{content:'자동 물약';position:absolute;top:-19px;left:0;width:100%;white-space:nowrap;text-align:center;color:#c9cbaa;font-size:10px;text-shadow:0 1px 3px #000}#quick .slot small{font-size:10px;background:#09120ccb;color:#fff0bd}#minimap{background:#131a16;border:2px solid #847952;box-shadow:0 0 0 3px #0b110ea6;cursor:crosshair}#place,#coordinates{color:#ded3b1;text-align:center;font-size:11px;white-space:nowrap;pointer-events:none;text-shadow:0 2px 4px #000}#coordinates{font-size:9px;color:#c5cbb7}#currencies span{font-size:11px;line-height:1.2;text-shadow:0 2px 3px #000;white-space:nowrap;color:#ead9a1;padding-top:2px}
body[data-mode=game] .portrait{display:block;border:0;box-shadow:none;background:none;backdrop-filter:none;padding:0;text-align:center;pointer-events:none}body[data-mode=game] .portrait>img{display:none}body[data-mode=game] .hero-summary>div:first-child{display:block;margin:0}.hero-summary #hero-name{font-size:13px;color:#f2e8c8}.hero-summary #hero-level{display:block;font-size:11px;margin:1px 0}.hero-summary #hero-class{font-size:9px}.portrait .meter{height:12px;background:#08100d;border-color:#c4b77c33}.portrait .meter span{font-size:9px}.portrait .meter.hp i{background:linear-gradient(90deg,#477341,#a4bb6a)}.portrait .meter.mp i{background:linear-gradient(90deg,#315e74,#69a4c0)}body[data-mode=game] .target{top:5%;font-size:12px;background:#101811b8;border-color:#c7b4804d;padding:7px 10px}
body[data-mode=game] .chat{left:3.25%;top:30%;bottom:auto;width:35.5%;height:41%;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;pointer-events:none;display:flex;flex-direction:column;justify-content:end}body[data-mode=game] .chat #chat-lines{height:auto;max-height:calc(100% - 32px);font-size:12px;color:#e0e8c5;text-shadow:1px 1px 3px #000;padding:5px 0}body[data-mode=game] .chat form{pointer-events:auto;border:0;background:#0b140c55;max-width:440px}body[data-mode=game] .chat input{font-size:12px}body[data-mode=game] .notices{top:66.6%;left:.75%;width:31%;max-width:none;transform:none;text-align:left;font-size:12px}body[data-mode=game] .notices>div{background:none;border:0;margin:4px 0;padding:0;color:#ead88e}body[data-mode=game] .xp{right:auto;bottom:auto;background:#182113;border:1px solid #998f5544;overflow:hidden;pointer-events:none}body[data-mode=game] .xp span{font-size:9px;line-height:1.1}#order-hint{position:absolute;left:50%;bottom:21%;transform:translateX(-50%);padding:7px 14px;background:#152119d9;border:1px solid #c8c38444;border-radius:4px;color:#e6db9e;font-size:12px;pointer-events:none}body[data-targeting=true] #world{cursor:crosshair!important}
dialog.source-inventory{position:absolute;margin:0;max-width:none;max-height:none;overflow:visible;padding:0;border:1px solid #b9ab7f80;border-radius:5px;background:linear-gradient(125deg,#192720f7,#0e1812fa);box-shadow:0 12px 60px #000a;color:#e0e6d1}dialog.source-inventory::backdrop{background:#0002;backdrop-filter:none}.source-inventory .dialog-header{position:absolute;inset:0 0 auto;margin:0;padding:12px 18px;height:44px;border-bottom:1px solid #a3946330;pointer-events:none}.source-inventory .dialog-header h2{font-size:16px;color:#e3d4a6}.source-inventory .dialog-header button{pointer-events:auto;margin:0;z-index:4;padding:0;font-size:22px}.source-inventory .equipment,.source-inventory .inventory{display:contents}.source-inventory .slot{padding:3px;background:linear-gradient(#2b3b2b,#101a12);border:1px solid #8c986456;box-shadow:inset 0 0 0 2px #0b160e}.source-inventory .slot img{width:100%;height:100%;object-fit:contain}.source-inventory .slot.empty{font-size:9px;line-height:1.2;color:#829578;padding:2px;cursor:pointer}.source-inventory .slot.selected{border-color:#fff1a0;box-shadow:0 0 0 2px #d9cb77}.source-inventory .slot small{font-size:9px;right:2px;bottom:0;background:#051108bb}.source-inventory .slot .lock{position:absolute;left:2px;top:0;font-size:9px;color:#eac986}.source-inventory #stats{position:absolute;left:18%;top:20%;width:23%;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:8px;background:#10201688;font-size:9px}.source-inventory #stats strong{font-size:12px}.source-inventory #stats div{font-size:9px}.source-inventory #inventory-summary{position:absolute;left:55%;bottom:11%;font-size:11px;color:#d9ddba;margin:0}.source-inventory .bag-help{position:absolute;bottom:2%;left:3%;margin:0;color:#8fa180;font-size:10px;line-height:1.5}.source-inventory #sell-button{position:absolute;bottom:3%;right:3%;font-size:10px;padding:5px 8px}#item-tooltip{position:absolute;right:1.5%;bottom:20%;width:250px;max-width:28vw;border:1px solid #ae9c6880;background:#101912f5;padding:15px;pointer-events:none;z-index:30;box-shadow:0 8px 35px #0008;color:#e8ddad}#item-tooltip p{white-space:pre-line;font-size:12px;line-height:1.7;color:#c6d0b8}#item-tooltip strong{font-size:14px}#settings .potion-setting{margin-top:5px}#settings .text-button{margin:14px 7px 0 0}body[data-mode=lobby] #item-tooltip{display:none}
@media(max-height:650px){.source-inventory #stats{gap:4px;padding:4px}.source-inventory #stats strong{font-size:10px}.source-inventory #stats div{font-size:8px}.source-inventory .bag-help{font-size:8px}.source-inventory #inventory-summary{font-size:9px}.source-inventory .dialog-header{height:30px;padding:4px 12px}.source-inventory .dialog-header h2{font-size:12px}}
#bag #item-tooltip{left:calc(100% + 10px);right:auto;bottom:0;max-width:22vw}#bag::backdrop{pointer-events:auto}
#currencies span{padding:5px 8px;background:#07100cb3;border-bottom:1px solid #c0ae6644;border-radius:0 0 3px 3px;color:#f0dfb1;font-size:clamp(11px,calc(var(--source-unit)*.007),15px)}#skills .command-icon{font-size:clamp(10px,calc(var(--source-unit)*.007),15px)}.source-inventory #stats div{font-size:clamp(9px,calc(var(--source-unit)*.006),13px)}.source-inventory #stats strong{font-size:clamp(11px,calc(var(--source-unit)*.008),17px)}.source-inventory #inventory-summary{font-size:clamp(10px,calc(var(--source-unit)*.007),14px)}.source-inventory .bag-help{font-size:clamp(9px,calc(var(--source-unit)*.0055),12px)}.source-inventory .slot.empty{font-size:clamp(8px,calc(var(--source-unit)*.005),11px)}
#merchant-info{position:absolute;right:14px;bottom:20%;width:calc(var(--source-unit)*.15);display:grid;gap:5px;padding:12px;background:#121b15ed;border:1px solid #b6a87966;border-radius:4px;color:#eee0b9;pointer-events:auto}#merchant-info strong{font-size:14px}#merchant-info span{font-size:11px;color:#b6c2a7}#merchant-info button{font-size:11px;padding:6px;margin-top:3px;background:#263322}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#source-menu button{padding:3px;overflow:hidden}#source-menu button img{width:100%;height:100%;object-fit:contain;display:block}#source-menu button kbd{top:1px;right:3px;color:#fff6c2;text-shadow:0 1px 3px #000;z-index:1}#source-menu button:disabled{opacity:.4}.source-inventory .slot .empty-equipment-icon{opacity:.42;filter:saturate(.45)}
#camera-state{position:absolute;right:14px;top:36px;color:#e1d8b4;padding:5px 9px;background:#101b16cc;border:1px solid #bba87044;font-size:11px;pointer-events:none}
#source-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 22px}.menu-icon-row{display:flex;align-items:center;gap:10px;text-align:left;padding:7px;border:1px solid #a89a6259;background:linear-gradient(#29382c,#141f18);color:#eee0b9;border-radius:3px;min-width:0}.menu-icon-row img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.menu-icon-row span{font-size:12px;line-height:1.5;white-space:pre-line}.menu-icon-row[aria-pressed=true]{border-color:#b4bc65;background:#334332}.menu-icon-row.read-only{cursor:default}.menu-icon-row:hover{border-color:#d4bc6c}
.source-panel{width:min(920px,88vw);height:min(660px,79vh);padding:0;background:linear-gradient(130deg,#1d2921f7,#101911fc);border:1px solid #b6a474;overflow:hidden}.source-panel::backdrop{background:#0002}.source-panel>.dialog-header{padding:12px 18px;border-bottom:1px solid #ac975048;margin:0;min-height:45px}.source-panel>.dialog-header h2{font-size:17px}.source-panel>.dialog-header button{padding:3px 10px}.source-panel nav{display:flex;gap:6px;padding:8px 14px;min-height:12px}.source-panel nav:empty{display:none}.source-panel nav button{font-size:12px;padding:6px 18px}.source-panel nav button.active{border-color:#e2cb80;background:#4b5131}.source-panel-body{height:calc(100% - 100px);overflow:auto;padding:14px 20px;color:#d6dcc9;font-size:12px;line-height:1.65;scrollbar-color:#65714d #142017}.source-panel-body p{white-space:pre-line;margin:6px 0 16px;font-size:12px;line-height:1.65}.recipe-list,.point-list,.elixir-list,.quest-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;align-content:start}.recipe-list article,.point-list article,.elixir-list article{border-bottom:1px solid #bbaa5033;padding-bottom:8px}.recipe-list article>p{padding:0 10px}.menu-note{grid-column:1/-1;color:#c7bb8d}.benefit-list{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;align-content:start}.benefit-list .source-text{grid-column:span 2;padding:10px;background:#263421;border:1px solid #b9a85e33}.benefit-list button{display:flex;flex-direction:column;padding:8px 4px;text-align:center}.benefit-list button img{width:52px;height:52px}.external-links a{display:block;color:#ead590;border:1px solid #b8a45c55;padding:12px;margin:10px 0;background:#243422}.storage-view{display:flex;flex-wrap:wrap;gap:20px}.storage-view h3{font-size:13px;color:#d8c58e}.storage-grid{display:grid;grid-template-columns:repeat(6,40px);gap:4px}.storage-grid button{width:40px;height:40px;padding:2px}.storage-grid img{width:100%;height:100%;object-fit:contain}.source-storage-button{position:absolute;bottom:11%;right:3%;padding:5px 8px;font-size:10px}
.source-special-panel{position:absolute;max-width:none;max-height:none;margin:0;padding:0}.source-special-panel .source-panel-body{display:contents}.source-special-panel .dialog-header{position:absolute;top:-35px;width:100%;height:30px;min-height:30px;padding:4px 12px;background:#19271fed}.source-special-panel{overflow:visible}.source-special .menu-icon-row{border:0;padding:0;background:none;gap:6px}.source-special .menu-icon-row img{width:calc(var(--source-unit)*.03);height:calc(var(--source-unit)*.03)}.source-special .menu-icon-row span{font-size:clamp(9px,calc(var(--source-unit)*.007),14px);line-height:1.4}.source-special .special-summary{font-size:clamp(9px,calc(var(--source-unit)*.0065),13px);line-height:1.7;white-space:pre-line;overflow:auto;margin:0}.source-special .special-level{white-space:pre-line;color:#eed780;font-size:clamp(10px,calc(var(--source-unit)*.008),15px);margin:0}
.source-panel::backdrop{backdrop-filter:none}.source-inventory .inventory-upgrade,.source-inventory .inventory-dismantle{position:absolute;bottom:11%;left:3%;padding:3px 6px;font-size:10px}.source-inventory .inventory-dismantle{left:24%}.source-inventory .inventory-upgrade img,.source-inventory .inventory-dismantle img{width:24px;height:24px}.source-inventory .inventory-upgrade span,.source-inventory .inventory-dismantle span{font-size:11px}.enchant-view select{width:100%;padding:10px;background:#192a20;color:#eee4bc;border:1px solid #9b8d5b}.enchant-view>p{padding:14px;background:#18291e}.enchant-view .menu-icon-row{width:100%}
.quest-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px}.quest-columns h3{font-size:14px;color:#e4cf86;margin:0 0 15px}.quest-columns article{border-bottom:1px solid #bba46144;margin-bottom:12px}.quest-columns section>p{border-bottom:1px solid #bba46144;padding-bottom:8px;margin-top:0}.quest-columns p{font-size:12px;line-height:1.5;margin:3px 0 12px}.recipe-list details{padding:8px 5px;color:#cdd2b7}.recipe-list summary{cursor:pointer;color:#b3c498}.recipe-list details p{padding:5px 8px;margin-bottom:5px}
#currencies img{object-fit:contain;filter:drop-shadow(0 1px 2px #000)}.source-inventory .dialog-header button img{width:100%;height:100%;object-fit:contain}#merchant-info #hero-select{position:relative;width:44px;height:44px;padding:3px;justify-self:end}#hero-select img{width:100%;height:100%;object-fit:contain}#hero-select kbd{position:absolute;right:2px;bottom:0;color:#ffeabb;font-size:10px;text-shadow:0 1px 2px #000}