@font-face{font-family:CuteUI;src:url('../../assets/packs/cute-fantasy/Cute_Fantasy_UI/Fonts/CuteFantasy-5x9.ttf') format('truetype');font-display:swap}
.pack-ui{image-rendering:pixelated}.pack-ui button:focus-visible{outline:3px solid var(--ui-panel-ui-skin-pack-ui-button-focus-visible-focus);outline-offset:2px}.pack-ui button:focus-visible:where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *){outline:3px solid var(--ui-hud-ui-skin-pack-ui-button-focus-visible-focus)}
.pack-ui button{border:4px solid transparent;border-image:var(--pack-button) 4 fill / 4px / 0 stretch;border-radius:0;background:none;color:var(--ui-panel-ui-skin-pack-ui-button-text);box-shadow:none;text-shadow:0 1px var(--ui-panel-ui-skin-pack-ui-button-text-shadow);font-weight:600}.pack-ui button:where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *){color:var(--ui-hud-ui-skin-pack-ui-button-text);text-shadow:0 1px var(--ui-hud-ui-skin-pack-ui-button-text-shadow)}
.pack-ui button:active,.pack-ui button.pressed,.pack-ui .track-quest.active{border-image-source:var(--pack-pressed);background:none}
.pack-ui button:disabled{border-image-source:var(--pack-disabled);color:var(--ui-panel-ui-skin-pack-ui-button-disabled-text);opacity:.6}.pack-ui button:disabled:where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *){color:var(--ui-hud-ui-skin-pack-ui-button-disabled-text)}
.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#down){border:9px solid transparent;border-image:var(--pack-panel) 7 fill / 9px / 0 stretch;border-radius:0;background:none;color:var(--ui-panel-ui-skin-lobby-bag-quest-panel-text);box-shadow:0 8px 24px var(--ui-panel-ui-skin-lobby-bag-quest-panel-shadow)}.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#down):where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *){color:var(--ui-hud-ui-skin-lobby-bag-quest-panel-text);box-shadow:0 8px 24px var(--ui-hud-ui-skin-lobby-bag-quest-panel-shadow)}
.pack-ui #connection-status{color:var(--ui-panel-ui-skin-connection-status-text)}
.pack-ui :is(header>div,header nav,#message,#notice,#quest-tracker,#fish-status,#health,#battle-status,#boss-hud){border:5px solid transparent;border-image:var(--pack-frame) 5 fill / 5px / 0 stretch;border-radius:0;background:none;color:var(--ui-hud-ui-skin-message-notice-quest-tracker-text);box-shadow:none;text-shadow:none}
.pack-ui header nav>a{color:var(--ui-hud-ui-skin-pack-ui-header-nav-a-text)}.pack-ui :is(#level,#stats,#name,#party-list,#map-summary){color:var(--ui-panel-ui-skin-level-stats-name-text)}.pack-ui :is(#level,#stats,#name,#party-list,#map-summary):where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *){color:var(--ui-hud-ui-skin-level-stats-name-text)}
.pack-ui :is(#bag,#quest-panel)>.panel-heading{background:var(--ui-panel-ui-skin-bag-quest-panel-panel-heading-background);border-bottom:1px solid var(--ui-panel-ui-skin-bag-quest-panel-panel-heading-border-bottom)}
.pack-ui :is(#lobby,#bag,#social-panel) :is(input,select),.pack-ui #exit-choice{background:var(--ui-panel-ui-skin-lobby-bag-social-panel-background);color:var(--ui-panel-ui-skin-lobby-bag-social-panel-text);border:2px solid var(--ui-panel-ui-skin-lobby-bag-social-panel-border);border-radius:3px}.pack-ui :is(#lobby,#bag,#social-panel) :is(input,select):where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *),.pack-ui #exit-choice:where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *){background:var(--ui-hud-ui-skin-lobby-bag-social-panel-background);color:var(--ui-hud-ui-skin-lobby-bag-social-panel-text);border:2px solid var(--ui-hud-ui-skin-lobby-bag-social-panel-border)}
.pack-ui #job-picker{background:var(--ui-panel-ui-skin-job-picker-background);border-color:var(--ui-panel-ui-skin-job-picker-border-color);border-radius:3px}.pack-ui #job-picker>label{color:var(--ui-panel-ui-skin-job-picker-text)}.pack-ui #job-description{color:var(--ui-panel-ui-skin-job-description-text)}
.pack-ui .appearance-preview{background:var(--ui-panel-ui-skin-appearance-preview-background);border-radius:3px}
.pack-ui .quest-card,.pack-ui .guide-grid article{background:var(--ui-panel-ui-skin-quest-card-guide-grid-background);border:1px solid var(--ui-panel-ui-skin-quest-card-guide-grid-border);border-radius:3px}
.pack-ui :is(.quest-location,.quest-card small,.quest-reward,.guide-note,.guide-grid h3,#give-box small){color:var(--ui-panel-ui-skin-quest-location-quest-card-quest-reward-text)!important}
.pack-ui .quest-step.ready{color:var(--c-success-ui-skin-quest-step-ready-text)}.pack-ui .quest-state{background:var(--ui-panel-ui-skin-quest-state-background);color:var(--ui-panel-ui-skin-quest-state-text)}.pack-ui .quest-state.active{background:var(--ui-panel-ui-skin-quest-state-active-background);color:var(--ui-panel-ui-skin-quest-state-active-text)}.pack-ui .quest-state.done{background:var(--ui-panel-ui-skin-quest-state-done-background);color:var(--c-success-ui-skin-quest-state-done-text)}
.pack-ui #bag-items .item-slot,.pack-ui #bag-items .empty-slot{border:5px solid transparent;border-image:var(--pack-slot) 5 fill / 5px / 0 stretch;border-radius:0;background:none;color:var(--ui-panel-ui-skin-bag-items-item-slot-bag-items-text)}
.pack-ui #bag-items .item-slot small{color:var(--ui-panel-ui-skin-bag-items-item-slot-text)}.pack-ui #bag-items .item-count{color:var(--ui-panel-ui-skin-bag-items-item-count-text);font-family:CuteUI,system-ui,sans-serif;font-size:16px}.pack-ui #bag-items .empty-slot{opacity:.4}
.pack-ui #give-box{border-color:var(--ui-panel-ui-skin-give-box-border-color);border-radius:3px}.pack-ui #chat-log{background:var(--ui-panel-ui-skin-chat-log-background);color:var(--ui-panel-ui-skin-chat-log-text);border-radius:3px}
.pack-ui .loot-card,.pack-ui #rewards p{border:5px solid transparent;border-image:var(--pack-frame) 5 fill / 5px / 0 stretch;background:none;border-radius:0;color:var(--ui-hud-ui-skin-loot-card-rewards-text)}
.pack-ui .loot-card b{color:var(--ui-hud-ui-skin-loot-card-text)}.pack-ui .badge{background:var(--ui-panel-ui-skin-badge-background);color:var(--ui-panel-ui-skin-badge-text);border-radius:3px;font-family:CuteUI,system-ui,sans-serif;font-size:14px}.pack-ui .badge:where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *){background:var(--ui-hud-ui-skin-badge-background);color:var(--ui-hud-ui-skin-badge-text)}
.pack-ui #bag-button.has-loot{background:none;outline:2px solid var(--ui-panel-ui-skin-bag-button-has-loot-focus);outline-offset:1px}
.pack-ui #world-map{background:var(--ui-panel-ui-skin-world-map-background);border-color:var(--ui-panel-ui-skin-world-map-border-color);border-radius:3px}.pack-ui #world-map line{stroke:var(--ui-panel-ui-skin-world-map-stroke)}.pack-ui #world-map line.visited{stroke:var(--ui-panel-ui-skin-world-map-visited-stroke)}.pack-ui #world-map line.warp{stroke:var(--ui-panel-ui-skin-world-map-warp-stroke)}
.pack-ui .map-place{background:var(--ui-panel-ui-skin-map-place-background);color:var(--ui-panel-ui-skin-map-place-text);border-color:var(--ui-panel-ui-skin-map-place-border-color);border-radius:3px;opacity:.8}.pack-ui .map-place small{color:var(--ui-panel-ui-skin-map-place-text-2)}.pack-ui .map-place.visited{background:var(--ui-panel-ui-skin-map-place-visited-background);opacity:1}.pack-ui .map-place.current{background:var(--ui-panel-ui-skin-map-place-current-background);outline-color:var(--ui-panel-ui-skin-map-place-current-outline-color)}.pack-ui .map-tag{color:var(--ui-panel-ui-skin-map-tag-text)}.pack-ui .party-dot{color:var(--ui-panel-ui-skin-party-dot-text)}.pack-ui .party-dot.self{color:var(--ui-panel-ui-skin-party-dot-self-text)}.pack-ui .map-place.quest-target{border-color:var(--ui-panel-ui-skin-map-place-quest-target-border-color)}
.pack-ui #dialogue-quest{border-color:var(--ui-panel-ui-skin-dialogue-quest-border-color)}.pack-ui #dialogue-portrait{background:var(--ui-panel-ui-skin-dialogue-portrait-background);border-radius:3px}
.pack-ui #stick{border:6px solid transparent;border-image:var(--pack-frame) 5 fill / 6px / 0 stretch;border-radius:0;background:none;color:var(--ui-hud-ui-skin-stick-text);opacity:.85}.pack-ui #knob{background:var(--ui-hud-ui-skin-knob-background);border-color:var(--ui-hud-ui-skin-knob-border-color);border-radius:50%}
.pack-ui :is(#sword-attack,#evade,#skill-button,#fish-button){border-image-width:6px;background:none;color:var(--ui-hud-ui-skin-sword-attack-evade-skill-button-text);border-radius:0}.pack-ui #skill-timer{color:var(--ui-hud-ui-skin-skill-timer-text);font-family:CuteUI,system-ui,sans-serif;font-size:12px}
.pack-ui #evade.evading{outline:3px solid var(--ui-hud-ui-skin-evade-evading-focus)}.pack-ui #fish-button.bite{outline:3px solid var(--ui-hud-ui-skin-fish-button-bite-focus);outline-offset:1px}
.pack-ui progress{appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:var(--ui-panel-ui-skin-pack-ui-progress-background);overflow:hidden}.pack-ui progress:where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *){background:var(--ui-hud-ui-skin-pack-ui-progress-background)}
.pack-ui progress::-webkit-progress-bar{background:var(--ui-panel-ui-skin-pack-ui-progress-webkit-progress-bar-background)}.pack-ui progress:where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *)::-webkit-progress-bar{background:var(--ui-hud-ui-skin-pack-ui-progress-webkit-progress-bar-background)}.pack-ui progress::-webkit-progress-value{background:var(--ui-panel-ui-skin-pack-ui-progress-webkit-progress-value-background)}.pack-ui progress:where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *)::-webkit-progress-value{background:var(--ui-hud-ui-skin-pack-ui-progress-webkit-progress-value-background)}
.pack-ui :is(#hp-bar,#boss-bar)::-webkit-progress-value{background:var(--pack-hp) 0 0/100% 100% no-repeat}
.pack-ui #xp::-webkit-progress-value{background:var(--pack-xp) 0 0/100% 100% no-repeat}
.pack-ui progress::-moz-progress-bar{background:var(--ui-panel-ui-skin-pack-ui-progress-moz-progress-bar-background)}.pack-ui progress:where(:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer),:is(#settings-button,#region-hud,#message,#stick,#knob,#home,#combat-controls,#sword-attack,#evade,#skill-button,#skill2-button,#skill3-button,#skill-controls,#skill-name,#skill-timer,#skill2-name,#skill2-timer,#skill3-name,#skill3-timer,#mana-hud,#mana-fill,#mana-text,#quick-items,#desktop-chat,#desktop-chat-log,#desktop-chat-open,#desktop-toolbar,#chat-toast,#down,#interact,#notice,#quest-tracker,#missions,#missions-list,#path-checklist,#alerts,#buff-hud,#health,#boss-hud,#boss-bar,#battle-status,#fish-button,#fish-status,#cook-button,#exit-choice,#screen-recover,#region-event-hud,#minimap,#region-transition,#rewards,#tower-mini,#tower-rule,#tower-party,#tower-haste,#tower-blessings,#tower-spore-notice,#raid-hud,#raid-info,#raid-party,#raid-boss,#raid-boss-status,#raid-message,#raid-leave,#name,#hp-bar,#xp,#people-notice,.buff-chip,.buff-icon,.buff-name,.buff-seconds,.quick-use,.quick-count,.quick-edit,.quick-register,.loot-card,header,footer) *)::-moz-progress-bar{background:var(--ui-hud-ui-skin-pack-ui-progress-moz-progress-bar-background)}.pack-ui :is(#hp-bar,#boss-bar)::-moz-progress-bar{background:var(--pack-hp) 0 0/100% 100% no-repeat}
.pack-ui #xp::-moz-progress-bar{background:var(--pack-xp) 0 0/100% 100% no-repeat}
.pack-ui #hp-bar,.pack-ui #boss-bar{height:8px}.pack-ui #xp{height:7px}
@media(orientation:landscape) and (max-height:500px){.pack-ui header nav{gap:4px;padding:5px 6px}.pack-ui header nav button{padding:5px 7px}.pack-ui :is(#bag,#quest-panel)>.panel-heading{padding:6px 0}.pack-ui #lobby{padding:10px 14px}}
@media(orientation:landscape){.pack-ui #message{font-size:12px;padding:5px 9px}}
/* Keep the boss portrait area in the center clear during close combat. */
@media(orientation:landscape) and (max-height:500px){.pack-ui #boss-hud{top:104px;left:max(18px,env(safe-area-inset-left));transform:none;width:190px;padding:6px 8px}.pack-ui #boss-name,.pack-ui #boss-health{font-size:12px}}
/* F56 소비 아이템 확인 창 */
#bag-use{margin:8px 0;padding:10px 12px;border-radius:12px;background:var(--ui-panel-ui-skin-bag-use-background);color:var(--ui-panel-ui-skin-bag-use-text);border:2px solid var(--ui-panel-ui-skin-bag-use-border)}
#bag-use strong{display:block;font-size:17px;margin-bottom:4px}
#bag-use ul{margin:0 0 8px;padding-left:18px}
#bag-use li{font-size:15px;line-height:1.5}
.bag-use-actions{display:flex;gap:8px}
.bag-use-actions button{flex:1;padding:8px 10px;font-size:16px}
#bag-use-confirm{background:var(--ui-panel-ui-skin-bag-use-confirm-background);color:var(--ui-panel-ui-skin-bag-use-confirm-text)}
#bag-use[data-materials="true"]{height:220px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;min-width:0;position:absolute;left:12px;right:12px;bottom:12px;margin:0;z-index:2}
#bag-use[data-materials="true"][hidden]{display:none!important}
#bag-use[data-materials="true"] strong{font-size:15px;overflow-wrap:anywhere;flex-shrink:0}
#bag-use[data-materials="true"] ul{flex:1;min-height:0;overflow:auto;overflow-wrap:anywhere;margin-bottom:0}
#bag-use[data-materials="true"] li{font-size:12px;line-height:1.5}
#bag-use-label{font-size:12px;font-weight:700}
#bag-use[data-materials="true"] .bag-use-actions{flex-shrink:0}
@media(orientation:landscape) and (max-height:500px){
 #bag:has(#bag-use[data-materials="true"])>:is(.bag-tools,.bag-tabs){grid-column:1}
 #bag-use[data-materials="true"]{grid-column:2;grid-row:2/span 6;height:220px;align-self:start;left:0;right:0;top:6px;bottom:auto;position:absolute;z-index:2}
 #bag-use[data-materials="true"]:not([hidden])~#give-box{visibility:hidden}
}
/* F227: ja 배지·숫자 칸도 CuteUI 다음에 일본어 글꼴 */
:root:lang(ja) .pack-ui :is(.badge,#bag-items .item-count,#skill-timer){font-family:CuteUI,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic",Meiryo,"Noto Sans JP",system-ui,sans-serif}
/* A285: light surfaces are restricted to panels; global pack/HUD rules stay intact. */
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]){border-image:none;border:1px solid var(--ui-panel-line);border-radius:16px;background:var(--ui-panel-bg);color:var(--ui-panel-fg);box-shadow:0 6px 24px var(--ui-panel-shadow);text-shadow:none}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) button{border-image:none;border:1px solid var(--ui-panel-line);border-radius:12px;background:var(--ui-panel-soft);color:var(--ui-panel-fg);box-shadow:none;text-shadow:none;padding:13px 17px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(input,select,textarea){border-color:var(--ui-panel-line);border-radius:12px;background-color:var(--ui-panel-soft);color:var(--ui-panel-fg);text-shadow:none}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(input,textarea)::placeholder{color:var(--ui-panel-muted);opacity:1}
html body :is(#smith-panel#smith-panel,#start-screen,#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(button:disabled,[aria-disabled="true"]){border-image:none;border:2px dashed var(--ui-panel-disabled-line);background:var(--ui-panel-disabled-surface);color:var(--ui-panel-disabled-label);opacity:1;text-shadow:none;box-shadow:none;cursor:default}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(button:active,button.pressed,button[aria-selected="true"],button[aria-pressed="true"]){border-image:none;background:var(--ui-panel-acc);color:var(--ui-panel-acc-fg);text-shadow:none}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(.panel-heading,.forge-heading){background-color:var(--ui-panel-bg);color:var(--ui-panel-fg)}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(.item-slot,.empty-slot){border-image:none;border:1px solid var(--ui-panel-line);border-radius:12px;background-color:var(--ui-panel-soft);color:var(--ui-panel-fg);padding:8px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) .empty-slot{opacity:1}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(.quest-state.active,.quest-state.done,.shop-badge,.title-new){background:var(--ui-panel-acc-soft);color:var(--ui-panel-fg)}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(.quest-location,.quest-card small,.quest-reward,.guide-note,.guide-grid h3,#give-box small){color:var(--ui-panel-muted)!important}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(.quest-step.ready,.shop-comparison .gain,.growth-gain){color:var(--ui-panel-on-success)}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(.shop-comparison .loss,.growth-loss){color:var(--ui-panel-on-danger)}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(.shop-card.locked,.title-row.locked,.quest-card.locked){opacity:1}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(.shop-card,.quest-card,.friend-row){border-bottom:1px solid var(--ui-panel-line)}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#game-start,#login-submit,#bag-use-confirm,#give-send,#dialogue-next,#job-confirm,#character-create,#forge-submit,#shop-sell-all,#friend-by-code-send,#feedback-send,#invite-send,#build-confirm,#delete-confirm,#ending-confirm,.shop-card button[data-action="buy"],.shop-card button[data-action="sell"]):not(:disabled){background:var(--ui-panel-acc);color:var(--ui-panel-acc-fg);border-color:var(--ui-panel-acc)}
html body.pack-ui #lobby{padding:26px 32px}
html body.pack-ui #bag{padding:20px}
html body.pack-ui #quest-panel{padding:26px}
html body.pack-ui #guide-panel{padding:24px 28px}
html body.pack-ui #social-panel{padding:20px 24px}
html body.pack-ui #dialogue{padding:24px 28px}
html body.pack-ui #shop-panel{padding:22px}
html body.pack-ui #menu-panel{padding:20px 24px 24px}
html body.pack-ui #status-panel{padding:8px 24px 22px}
html body.pack-ui #friends-panel{padding:19px}
html body.pack-ui :is(#update-notes,#story-journal,#ending-choice){border-radius:16px!important}
html body.pack-ui #status-panel :is(#health,#level){color:var(--ui-panel-fg)}
html body.pack-ui #status-panel #hp-bar{background-color:var(--ui-panel-soft)}
@media (orientation:portrait){
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#lobby-friends,#login-close,#login-submit){padding:11px 15px 11px 15px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#bag-close,#character-delete,#game-start,#lobby-news,#login-gift-open,#login-import,#menu-close,#options-close,#quest-close,#recovery-import,#shop-buy,#shop-close,#shop-sell,#status-close,button.story-journal-open){padding:13px 17px 13px 17px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#bag-button,#install-open,#menu-dex,#menu-friends,#menu-news,#options-button,#quest-button,#ranking-button,#status-button){padding:13px 7px 13px 7px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#guide-button,#language,#recovery-open,#screen-recover-option,#tutorial-replay,#updates-open){padding:13px 19px 13px 19px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#bag-expand,#bag-showcase,#bag-sort,#give-send){padding:10px 10px 10px 10px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(button.item-slot){padding:5px 8px 5px 8px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#titles-button){padding:9px 13px 9px 13px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(button.equip-slot){padding:8px 6px 8px 6px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(button.stat-plus){padding:1px 1px 1px 1px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#map-center,#map-close){padding:9px 14px 9px 14px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#map-mode-region,#map-mode-world){padding:8px 13px 8px 13px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#map-fit,#map-quests-open,#map-zoom-in,#map-zoom-out){padding:4px 8px 4px 8px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#friend-by-code-send,#friend-code-copy,#friend-code-reset,#friends-close,#friends-incoming-tab,#friends-list-tab,#friends-refresh){padding:8px 12px 8px 12px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#dialogue-close,#dialogue-next){padding:10px 15px 10px 15px}
}
@media (orientation:landscape) and (max-height:500px){
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#lobby-friends,#login-close,#login-submit){padding:11px 15px 11px 15px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#bag-close,#character-delete,#game-start,#lobby-news,#menu-close,#options-close,#quest-close,#shop-buy,#shop-close,#shop-sell,#status-close,button.story-journal-open){padding:13px 17px 13px 17px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#bag-button,#install-open,#menu-dex,#menu-friends,#menu-news,#options-button,#quest-button,#ranking-button,#status-button){padding:13px 7px 13px 7px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#screen-recover-option){padding:13px 19px 13px 19px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#bag-expand,#bag-showcase,#bag-sort,#give-send){padding:10px 10px 10px 10px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(button.item-slot){padding:8px 8px 8px 8px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#titles-button){padding:9px 13px 9px 13px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(button.equip-slot){padding:8px 6px 8px 6px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#map-close){padding:6px 12px 6px 12px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#map-mode-region,#map-mode-world){padding:5px 11px 5px 11px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#map-fit,#map-quests-open,#map-zoom-in,#map-zoom-out){padding:4px 8px 4px 8px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#friend-by-code-send,#friend-code-copy,#friend-code-reset,#friends-close){padding:8px 12px 8px 12px}
html body.pack-ui :is(#lobby,#bag,#quest-panel,#map-panel,#guide-panel,#social-panel,#dialogue,#shop-panel,#menu-panel,#status-panel,#options-panel,#friends-panel,#login-panel,#update-notes,#story-journal,#ending-choice,#pets-panel,#job-dialog,#growth-dialog,#titles-dialog,#goals-dialog,#dex-dialog,#forge-panel,#build-panel,#board-panel,#feedback-panel,#delete-panel,#ranking-panel,#inspect-panel,#item-info,#player-info,#invite-panel,#invite-list-panel,#terms-panel,#appearance-shop,#prologue,#raid-door-panel,#raid-leave-confirm,#people-panel,#cook-panel,#fish-panel,#stat-dice-panel,#install-panel,#key-settings-panel,dialog[open],[role="dialog"]) :is(#dialogue-close,#dialogue-next){padding:10px 15px 10px 15px}
}
html body.pack-ui #bag .bag-tabs button{padding:10px}
html body.pack-ui #map-panel .map-place{border-width:0;border-image:none;padding:6px 8px;background:var(--ui-panel-soft);color:var(--ui-panel-fg);text-shadow:none}
html body.pack-ui #map-panel .map-place :is(.map-name,.map-level,.map-visit-state,.party-dot){color:var(--ui-panel-fg)}
html body.pack-ui #map-panel :is(.continent-band,.world-map-title){color:var(--ui-panel-fg)}
html body.pack-ui #shop-panel :is(.shop-card.missing,.shop-badge.locked){color:var(--ui-panel-on-danger)}
html body.pack-ui :is(#lobby,#delete-panel) :is(#character-delete,#delete-yes):not(:disabled){color:var(--ui-panel-on-danger)}
@media(orientation:landscape) and (max-height:500px){html body.pack-ui #lobby{padding:18px 22px}html body.pack-ui #bag{padding:18px}html body.pack-ui #status-panel{padding:8px 22px 20px}html body.pack-ui #friends-panel{padding:11px 17px}}
/* A305: restore HUD visibility automatically when the last reading panel closes. */
html body:has(:is(dialog[open],[role="dialog"]:not(dialog),#bag):not([hidden]):not([hidden] *):not(dialog:not([open]) *)) :is(#social-button,#settings-button,#stick,#combat-controls,#skill-button,#skill2-button,#skill3-button,#quick-items,#activity-actions,#home,#desktop-toolbar){visibility:hidden!important;pointer-events:none!important}
/* A303: one frame rule for headings and scroll gutters, including nested bodies. */
html body :is(dialog,[role="dialog"],#lobby,#bag):has(>.panel-heading){scrollbar-gutter:stable;overscroll-behavior:contain}
html body :is(dialog,[role="dialog"],#lobby,#bag)>.panel-heading{position:sticky;top:0;z-index:3;flex-shrink:0;background:var(--ui-panel-bg);color:var(--ui-panel-fg);isolation:isolate}
html body :is(dialog,[role="dialog"],#lobby,#bag)>.panel-heading::before{content:"";position:absolute;inset:-32px 0 0;z-index:-1;background:inherit;pointer-events:none}
html body :is(dialog,[role="dialog"],#lobby,#bag)>.panel-heading :is(h1,h2){min-width:0}
html body :is(dialog,[role="dialog"],#lobby,#bag)>.panel-heading>button{flex-shrink:0}
html body :is(dialog,[role="dialog"],#lobby,#bag) :is(article,ul,[role="tabpanel"],.options-list,#status-content){scrollbar-gutter:stable}
html body #lobby>.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:0}
html body #lobby>.lobby-heading::before{inset:0}
html body #lobby .lobby-heading h1{margin:0;flex:1}
html body #lobby .lobby-heading #lobby-news{width:auto;flex:none;margin:0;min-width:44px;min-height:44px;padding:8px 12px}
/* The primary action also needs the accent when the body has no pack skin. */
html body #lobby #game-start:not(:disabled){background:var(--ui-panel-acc);color:var(--ui-panel-acc-fg);border-color:var(--ui-panel-acc);text-shadow:none}
html body #lobby-start-help,html body #lobby-start-help .start-dice-help{display:none}
html body #lobby:has(#game-start:disabled) #lobby-start-help{display:block;color:var(--ui-panel-muted)}
html body #lobby:has(#dice-page:not([hidden])) #lobby-start-help .start-ready-help{display:none}
html body #lobby:has(#dice-page:not([hidden])) #lobby-start-help .start-dice-help{display:inline}
@media(orientation:landscape) and (max-height:500px){
 html body.pack-ui #lobby{padding:10px 18px;scroll-padding-bottom:60px}
 html body #lobby #creator-box>.appearance-preview{align-self:start}
 html body.pack-ui #lobby>.lobby-actions{position:sticky;bottom:-10px;z-index:4;margin:12px -18px -10px;padding:5px 18px;gap:8px;flex-wrap:nowrap;min-height:55px;background:var(--ui-panel-bg);border-top:1px solid var(--ui-panel-line)}
 html body.pack-ui #lobby>.lobby-actions>:is(#game-start,#character-delete,#character-retry){min-height:44px;padding:4px 12px;margin:0;font-size:var(--readable-font-size,15px);line-height:1.3}
}
@media(orientation:landscape) and (max-height:450px){html body.pack-ui #dialogue{padding:18px 22px}html body.pack-ui #guide-panel{padding:20px 26px}html body.pack-ui #social-panel{padding:18px 22px}}
/* A285: the map pins already have their own scale; remove no additional pixels. */
html body.pack-ui #bag-tabs button:is([aria-selected="true"],[aria-pressed="true"]) .bag-tab-count{color:var(--ui-panel-acc-fg);opacity:1}
html body.pack-ui #status-panel .equip-empty{color:var(--ui-panel-muted);opacity:1}
/* A306: keep secondary actions readable; disabled state is owned above. */
html body.pack-ui :is(#friends-panel,.people-panel) button:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]){color:var(--ui-panel-fg);opacity:1}
html body #growth-dialog .growth-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:3;background:var(--ui-panel-bg);color:var(--ui-panel-fg);isolation:isolate}
html body #growth-dialog .growth-heading::before{content:"";position:absolute;inset:-20px 0 0;z-index:-1;background:inherit}
html body #growth-dialog .growth-heading h2{margin:0;min-width:0}
html body #growth-dialog .growth-close{float:none;flex-shrink:0;margin:0;min-height:44px}
html body #titles-dialog .titles-head{position:sticky;top:0;z-index:3;background:var(--ui-panel-bg);isolation:isolate}
html body #titles-dialog .titles-head::before{content:"";position:absolute;inset:-14px 0 0;z-index:-1;background:inherit}
html body #guide-panel :is(p,.guide-grid p){font-size:12px;line-height:1.5;color:var(--ui-panel-fg)}
html body #update-notes small{font-size:12px!important;color:var(--ui-panel-muted)!important;opacity:1}
@media(orientation:landscape) and (max-height:500px){
 html body :is(#bag,#growth-dialog,#status-panel,#titles-dialog,#goals-dialog,#dex-dialog,#update-notes,#guide-panel,#login-panel){box-sizing:border-box;max-height:calc(100dvh - 24px)}
 html body #growth-dialog{padding:12px 16px}
 html body #status-panel{padding:8px 16px 12px}
 html body #update-notes{max-height:calc(100dvh - 24px)!important}
 html body .people-overlay .people-panel{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
}
html body.pack-ui #quest-panel :is(#story-progress,.story-token,.story-token.empty,.story-tokens){opacity:1!important}
html body.pack-ui #quest-panel :is(.story-token,.story-token.empty,.story-tokens){color:var(--ui-panel-muted)}
html body.pack-ui #status-panel .stat-row.inactive{opacity:1}
html body.pack-ui #status-panel .stat-row.inactive :is(.stat-name,.stat-role,.stat-value){color:var(--ui-panel-muted)}
html body.pack-ui #shop-panel .shop-actions button:not(:disabled){background:var(--ui-panel-acc);color:var(--ui-panel-acc-fg);border-color:var(--ui-panel-acc)}
/* F349: 높이 374~398px 가로 폰 캐릭터 만들기 — 칸을 네 열(줄 사이 8px)로 놓아 첫 화면에서 하의·신발 줄이 고정 단추 줄 위에 다 보이게. 이 높이에서만 단추 줄이 바닥에 붙은 자리 그대로(밖은 하의가 가리거나 단추 줄이 떠서 그대로 둠). */
@media(orientation:landscape) and (min-height:374px) and (max-height:398px){html body #lobby #creator-box .appearance-fields{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 48px;row-gap:8px}html body #lobby #creator-box .appearance-fields label:last-child{grid-column:4}}
/* A317: deliberate ID specificity also wins over shared disabled-state rules;
   only the menu/options roots and their descendants use these local roles. */
html body.pack-ui :is(#menu-panel#menu-panel,#options-panel#options-panel){border-color:var(--ui-panel-menu-line);background:var(--ui-panel-menu-bg);color:var(--ui-panel-menu-fg);box-shadow:0 6px 24px var(--ui-panel-menu-shadow)}
html body.pack-ui :is(#menu-panel#menu-panel,#options-panel#options-panel) .panel-heading{background-color:var(--ui-panel-menu-bg);color:var(--ui-panel-menu-fg)}
html body.pack-ui :is(#menu-panel#menu-panel,#options-panel#options-panel) button{border-color:var(--ui-panel-menu-line);background:var(--ui-panel-menu-soft);color:var(--ui-panel-menu-fg)}
html body.pack-ui :is(#menu-panel#menu-panel,#options-panel#options-panel) :is(button:active,button.pressed,button[aria-selected=true],button[aria-pressed=true]){border-color:var(--ui-panel-menu-accent);background:var(--ui-panel-menu-accent);color:var(--ui-panel-menu-accent-fg)}
html body.pack-ui :is(#menu-panel#menu-panel,#options-panel#options-panel) :is(button:disabled,[aria-disabled=true]){border-color:var(--ui-panel-menu-muted);background:var(--ui-panel-menu-accent-soft);color:var(--ui-panel-menu-muted)}
html body.pack-ui :is(#menu-panel#menu-panel,#options-panel#options-panel) :is(button,input,select,a):focus-visible{outline:3px solid var(--ui-panel-menu-accent);outline-offset:2px}
html body.pack-ui #options-panel#options-panel :is(input,select){border-color:var(--ui-panel-menu-muted);background-color:var(--ui-panel-menu-input);color:var(--ui-panel-menu-fg);accent-color:var(--ui-panel-menu-accent)}
html body.pack-ui #options-panel#options-panel #credits-link{color:var(--ui-panel-menu-accent)}
