/* Desktop-only placement. Touch styles and the mobile wheel are unchanged. */
.desktop-client:not(.touch-client) .function-rail{right:8px;top:84px;bottom:auto;width:36px;height:auto;max-height:calc(100dvh - 114px);gap:4px;overflow-y:auto;overflow-x:hidden;background:none!important;border:0;padding:0 0 28px}
.desktop-client:not(.touch-client) .function-rail::before{display:none}
.desktop-client:not(.touch-client) .function-rail::after{content:'';position:absolute;bottom:0;left:2px;width:32px;height:26px;background:url('/assets/ui/classic-desktop/rail-tail.png') center/contain no-repeat;pointer-events:none}
.desktop-client:not(.touch-client) .function-rail>.rail-orb{display:none!important}
.desktop-client:not(.touch-client) .function-rail>button{width:32px;height:32px;flex:0 0 32px;min-height:32px}
.desktop-client:not(.touch-client) #rail-toggle{right:4px}

/* The icon and copy occupy their original columns in every scrollable row. */
.desktop-client:not(.touch-client) #window-skills .native-skill-list{left:63px;top:94px;width:306px;height:294px;background:none;gap:0;padding:0;margin:0;scrollbar-gutter:stable;scrollbar-width:thin}
.desktop-client:not(.touch-client) #window-skills .native-skill-list>button{box-sizing:border-box;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:11px;width:255px;min-width:255px;height:42px;min-height:42px;flex:0 0 42px;margin:0;padding:3px 7px 3px 3px;border:0;border-radius:0;background:url('/assets/ui/classic-desktop/skill-row.png') left top/255px 42px no-repeat;box-shadow:none;text-align:left}
.desktop-client:not(.touch-client) #window-skills .native-skill-list>button.selected{outline:1px solid #d7b676;outline-offset:-1px}
.desktop-client:not(.touch-client) #window-skills .native-skill-row-icon{display:grid;place-items:center;width:31px;height:31px;min-width:31px;padding:0;overflow:hidden}
.desktop-client:not(.touch-client) #window-skills .native-skill-row-icon :is(.native-item-icon,.native-skill-book-fallback){display:flex;align-items:center;justify-content:center;flex:none;width:31px;height:31px;padding:0;margin:0}
.desktop-client:not(.touch-client) #window-skills .native-skill-row-icon .native-item-icon>span{flex:none}
.desktop-client:not(.touch-client) #window-skills .native-skill-copy{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;margin:0;padding:0!important;overflow:hidden;text-align:left;white-space:normal}
.desktop-client:not(.touch-client) #window-skills .native-list-name{display:block;font-size:12px;line-height:14px;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.desktop-client:not(.touch-client) #window-skills .native-skill-copy small{font-size:10px;line-height:11px;margin:0}

/* One horizontal source dock, aligned to the ten 39-pixel native cell pitches. */
.desktop-client:not(.touch-client) .actionbar{left:50%;right:auto;bottom:0;width:734px;height:98px;border:0;padding:0;background:url('/assets/ui/classic-desktop/shortcut-frame.png') left bottom/734px 98px no-repeat;transform:translateX(-50%) scale(var(--desktop-dock-scale,1));transform-origin:center bottom}
.desktop-client:not(.touch-client) .action-group{display:flex;left:136px;right:auto;top:auto;bottom:7px;height:30px;width:380px;gap:9px;align-items:center;justify-content:flex-start}
.desktop-client:not(.touch-client) .actionbar button.action{position:relative;display:grid;place-items:center;box-sizing:border-box;width:30px;height:30px;min-width:30px;min-height:30px;flex:0 0 30px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.desktop-client:not(.touch-client) .actionbar button.action::before,.desktop-client:not(.touch-client) .actionbar button.action::after{display:none}
.desktop-client:not(.touch-client) .actionbar .action-icon{display:grid;place-items:center;width:29px;height:29px;line-height:29px;overflow:hidden}
.desktop-client:not(.touch-client) .actionbar .action-icon :is(.native-item-icon,.native-skill-book-fallback){display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:none;margin:0;padding:0;overflow:hidden}
.desktop-client:not(.touch-client) .actionbar .action-icon .native-item-icon>span{flex:none}
.desktop-client:not(.touch-client) .actionbar .action kbd{display:block;left:2px;top:-9px;line-height:8px;font-size:8px;color:#efe2b7;text-shadow:0 1px #000}
.desktop-client:not(.touch-client) .actionbar .action small{bottom:0;right:1px;font-size:9px;line-height:10px;text-shadow:0 1px #000}
.desktop-client:not(.touch-client) .actionbar .hud-orb{display:none!important}
/* 2026-10-16（使用者：電腦瀏覽頁用一個按鈕上去；位置放 1 號格左邊的直長空框，透明底不遮快捷欄底圖）：技能快捷欄翻頁鈕，按鍵 = 也可以換頁（原版 NextShortcutBar） */
.desktop-client:not(.touch-client) .actionbar .skill-page-toggle{position:absolute;display:grid;place-items:center;left:-23px;top:-3px;width:19px;height:33px;min-height:0;padding:0;border:0;border-radius:3px;background:transparent;font:700 10px/1.05 var(--font);letter-spacing:-.5px;color:#f3dc9a;text-shadow:0 1px 1px #000,0 0 3px #000;white-space:pre-line;text-align:center;cursor:pointer;pointer-events:auto;z-index:3}
.desktop-client:not(.touch-client) .actionbar .skill-page-toggle:hover{background:rgba(243,220,154,.12);color:#fff2c4}
.desktop-client:not(.touch-client) .actionbar .bottom-nav{left:6px;bottom:16px;width:55px;text-align:center}
.desktop-client:not(.touch-client) .actionbar .gold{display:block;font-size:9px}
.desktop-client:not(.touch-client) .actionbar .gold>span,.desktop-client:not(.touch-client) .actionbar #save-state{display:none}
.desktop-client:not(.touch-client) .actionbar .gold b{font-size:10px;line-height:12px}
.desktop-shortcut-settings{display:none}
.desktop-client:not(.touch-client) .actionbar .desktop-shortcut-settings{display:block;position:absolute;left:588px;top:30px;width:35px;height:35px;min-height:0;margin:0;padding:0;border:0;background:url('/assets/ui/rail-6-0.png') center/32px 32px no-repeat;color:transparent;font-size:0;cursor:pointer}

/* Original chain, wing and dark message frame; no second system-message box. */
.desktop-client:not(.touch-client) #chat-box.chat-box{border:0;border-image:none;border-radius:0;background:none;box-shadow:none;overflow:visible;transform:scale(var(--desktop-dock-scale,1));transform-origin:left top}
.desktop-client:not(.touch-client) #chat-box::before{content:'';position:absolute;left:0;top:48px;bottom:0;width:69px;background:url('/assets/ui/chat-1-0.png') left bottom/69px 102px no-repeat;pointer-events:none}
.desktop-client:not(.touch-client) #chat-box .chat-header{height:50px;padding:20px 12px 0 76px;background:url('/assets/ui/chat-0-0.png') left top/100% 67px no-repeat;font-size:12px;color:#f1deb2;box-sizing:border-box;cursor:default}
.desktop-client:not(.touch-client) #chat-box .chat-header::before{display:none}
.desktop-client:not(.touch-client) #chat-box #chat-collapse{width:21px;height:20px;min-height:20px;background:url('/assets/ui/chat-3-0.png') center/contain no-repeat;font-size:13px;line-height:20px;box-shadow:none}
.desktop-client:not(.touch-client) #chat-box :is(.chat-tabs,.chat-messages,form){margin-left:69px;margin-right:14px;box-sizing:border-box}
.desktop-client:not(.touch-client) #chat-box .chat-tabs{position:absolute;left:9px;top:52px;display:flex;flex-direction:column;align-items:center;width:44px;height:80px;margin:0;background:none;border:0;gap:1px}
.desktop-client:not(.touch-client) #chat-box .chat-tabs button{width:36px;min-height:25px;height:25px;padding:0;color:#d6c29b;border:0;border-radius:0;background:none;font-size:10px}
.desktop-client:not(.touch-client) #chat-box .chat-tabs button[data-chat-tab="nearby"]{background:url('/assets/ui/chat-6-0.png') center/26px 27px no-repeat;color:transparent;font-size:0}
.desktop-client:not(.touch-client) #chat-box .chat-tabs button[data-chat-tab="world"]{background:url('/assets/ui/chat-9-0.png') center/23px 27px no-repeat;color:transparent;font-size:0}
.desktop-client:not(.touch-client) #chat-box .chat-tabs button.active{color:#ffe0a2;text-shadow:0 1px #000;filter:brightness(1.3);box-shadow:inset 0 0 0 1px #b89d61;border-radius:3px;background-color:#b89d6118}
.desktop-client:not(.touch-client) #chat-box .chat-tabs button:is([data-chat-tab="nearby"],[data-chat-tab="world"]).active{color:transparent}
.desktop-client:not(.touch-client) #chat-box .chat-messages{height:83px;padding:7px 12px;background:url('/assets/ui/chat-2-0.png') center/100% 100% no-repeat,#0b100be6;font-size:12px;line-height:17px;color:#eee4cf;text-shadow:0 1px #000}
.desktop-client:not(.touch-client) #chat-box form{height:28px;border:1px solid #7b7154;padding:2px;gap:5px;background:#080d08d9}
.desktop-client:not(.touch-client) #chat-box input{min-height:22px;height:22px;border:0;padding:1px 5px;background:none;font-size:12px}
.desktop-client:not(.touch-client) #chat-box form button{height:22px;min-height:22px;padding:1px 7px;border:0;border-left:1px solid #786b4a;background:none;color:#efdaa7;font-size:11px}
.desktop-client:not(.touch-client) #chat-box.collapsed::before{display:none}
.desktop-client:not(.touch-client) #chat-box.collapsed .chat-header{height:50px}
.desktop-client:not(.touch-client) .system-box{display:none}