/* IDLE20261114 v3 阿斯嘉特放置版（直式，body.idle-portrait）：沿用網頁版原本的美術（狀態列、小地圖、任務、圓形技能輪盤、高解析技能圖示），
   聊天固定在下方、右側功能列改成下方圓形主選單；放置功能（本區掉寶、掛機紀錄、AUTO）放在右上、技能輪盤上方。 */
:root{--g:#c9a35a;--ink:#efe2bf;--chat:136px;--nav:62px;--dock:calc(var(--chat) + var(--nav) + env(safe-area-inset-bottom,0px))}
body.ih-chat-big{--chat:260px}
body:not(.idle-portrait) #ih-dock{display:none!important}
body:not(.idle-portrait) #ih-side{top:auto!important;bottom:96px}
html body.idle-portrait.desktop-client.touch-client :is(.game-layout,.play-area,#scene){height:calc(100dvh - var(--dock))!important;bottom:auto!important}
html body.idle-portrait.desktop-client.touch-client #world{width:100%!important;height:100%!important}
/* 原本貼在畫面底部的元件整體往上移到遊戲畫面內（位置、大小、圖示都不變） */
html body.idle-portrait.desktop-client.touch-client :is(.actionbar,#touch-joystick,#chat-emote-toggle,#guardian-quick-toggle){translate:0 calc(-1 * var(--dock))!important}
html body.idle-portrait.desktop-client.touch-client :is(#function-rail,#rail-toggle,#chat-box,#chat-toggle){display:none!important}
/* 「更多」：原本的功能列展開成一格一格 */
html body.idle-portrait.desktop-client.touch-client.idle-rail-open #function-rail{display:grid!important;grid-template-columns:repeat(5,48px);gap:8px;position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(var(--dock) + 10px)!important;translate:-50% 0!important;transform:none!important;width:auto!important;height:auto!important;padding:12px;background:#120e08f2;border:1px solid var(--g);border-radius:14px;z-index:70;box-shadow:0 8px 22px #000d}
html body.idle-portrait.desktop-client.touch-client.idle-rail-open #function-rail>button{position:static!important;width:48px!important;height:48px!important;transform:none!important;margin:0!important}
/* 右上放置功能 */
#ih-side{position:fixed;right:8px;top:104px;z-index:31;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}
#ih-side>*{pointer-events:auto}
#idle-status{min-height:14px;font:700 11px/1.2 "Noto Sans TC",sans-serif;color:#9dff9f;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap}
.ih-chip{display:flex;align-items:center;gap:5px;height:30px;padding:0 11px 0 6px;border:1px solid #8a6d38;border-radius:15px;background:linear-gradient(#3b2b15f0,#1c150bf0);color:#f3e2b2;font:700 12px/1 "Noto Sans TC",sans-serif;box-shadow:0 2px 5px #000b,inset 0 1px 0 #ffffff1a;cursor:pointer;white-space:nowrap}
.ih-chip:active{filter:brightness(1.2)}
.ih-chip .ic{width:20px;height:20px;border-radius:50%;background:#0d0a06 center/16px no-repeat;border:1px solid #8a6d38}
.ih-chip .ic-drops{background-image:url(/assets/ui/rail-v2/rail-v2-codex.png)}
.ih-chip .ic-log{background-image:url(/assets/ui/rail-v2/rail-v2-journal.png)}
.ih-autorow{display:flex;align-items:center;gap:6px}
#idle-auto{width:62px;height:62px;border-radius:50%;border:3px solid var(--g);background:radial-gradient(circle at 50% 38%,#4d3a19,#18120a 72%);color:#d9c79a;display:grid;place-items:center;align-content:center;gap:1px;cursor:pointer;box-shadow:0 0 0 2px #2a1f0f,0 3px 8px #000c,inset 0 1px 0 #ffffff22}
#idle-auto b{font:900 14px/1 "Noto Sans TC",sans-serif;letter-spacing:.05em}#idle-auto small{font-size:9px;opacity:.8}
#idle-auto[aria-pressed="true"]{color:#7dff8a;border-color:#8fe08a;box-shadow:0 0 0 2px #1f3a1c,0 0 14px #7dff8a88,0 3px 8px #000c;animation:idle-pulse 1.6s ease-in-out infinite}
@keyframes idle-pulse{50%{box-shadow:0 0 0 2px #1f3a1c,0 0 22px #7dff8acc,0 3px 8px #000c}}
.idle-gear{width:30px;height:30px;border-radius:50%;border:1px solid #8a6d38;background:linear-gradient(#3b2b15,#1c150b);color:#f3e2b2;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 2px 5px #000b}
/* 下方固定區：聊天＋主選單 */
#ih-dock{position:fixed;left:0;right:0;bottom:0;height:var(--dock);z-index:30;display:grid;grid-template-rows:var(--chat) var(--nav);padding-bottom:env(safe-area-inset-bottom,0px);background:#0c0a07}
.ih-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;background:linear-gradient(#17130c,#100d08);border-top:2px solid #6e5428;box-shadow:inset 0 1px 0 #ffffff12}
.ih-tabs{display:flex;padding:5px 6px 3px;overflow-x:auto;scrollbar-width:none}
.ih-tabs .chat-tabs{display:flex!important;gap:4px;width:100%;position:static!important}
.ih-tabs .chat-tabs button{flex:1;font:12px/1 "Noto Sans TC",sans-serif;padding:5px 0;border:1px solid #4a3a1e;border-radius:12px;background:#1f180e;color:#cdbb8f;min-width:0}
.ih-tabs .chat-tabs button:is(.active,[aria-selected="true"],[aria-pressed="true"]){background:linear-gradient(#5a4220,#3a2a14);color:#ffe9a8;border-color:var(--g)}
.ih-msgs{min-height:0;overflow:hidden}
.ih-msgs #chat-messages{display:block!important;height:100%!important;max-height:none!important;overflow-y:auto!important;padding:2px 10px!important;font-size:12.5px!important;line-height:1.5!important;position:static!important;background:none!important}
.ih-form #chat-form{display:flex!important;gap:6px;padding:3px 8px 5px;position:static!important;background:none!important}
.ih-form #chat-form input{flex:1;min-width:0;height:30px;background:#0a0805;border:1px solid #4a3a1e;border-radius:15px;color:var(--ink);padding:0 12px;font-size:13px}
.ih-form #chat-form button{height:30px;padding:0 14px;border:1px solid var(--g);border-radius:15px;background:linear-gradient(#5a4220,#3a2a14);color:#ffe9a8}
.ih-nav{display:flex;align-items:center;justify-content:space-around;padding:0 2px;background:linear-gradient(#2a1f10,#140f08);border-top:1px solid #8a6d38;box-shadow:inset 0 1px 0 #ffffff14}
.ih-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#e8d6a6;font:700 10.5px/1 "Noto Sans TC",sans-serif;min-width:0;padding:0;cursor:pointer}
.ih-orb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#3a2c16,#120d07 75%);border:1.5px solid #9a7a40;box-shadow:0 2px 4px #000c,inset 0 1px 0 #ffffff1f}
.ih-orb img{width:26px;height:28px;object-fit:contain}
.ih-more{font-size:20px;color:var(--g);line-height:1}
.ih-nav button:active .ih-orb,.idle-rail-open [data-idle-nav="more"] .ih-orb{border-color:#f0d08a;box-shadow:0 0 8px #f0d08a88}
/* 視窗內容（掛機紀錄、本區掉寶、AUTO 設定） */
.idle-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px}.idle-kpi div{padding:8px;border:1px solid #6a5430;border-radius:8px;background:#100c07;text-align:center}.idle-kpi b{display:block;font-size:17px;color:#ffe9a8;font-variant-numeric:tabular-nums}.idle-kpi span{font-size:11px;color:#bba77a}
.idle-items{list-style:none;margin:0;padding:0;display:grid;gap:3px}.idle-items li{display:flex;justify-content:space-between;padding:4px 8px;background:#100c07;border-radius:4px;font-size:12.5px}
.idle-empty,.idle-note{font-size:12px;color:#a99d80}.idle-warn{color:#ff9c86;font-size:12px}
.idle-drops{display:grid;gap:8px}.idle-mon{padding:8px;border:1px solid #5a4523;border-radius:8px;background:#100c07}.idle-mon h5{margin:0 0 4px;font-size:13px;color:#ffe9a8;display:flex;justify-content:space-between}.idle-mon h5 small{color:#a99d80;font-weight:400}
.idle-mon ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.idle-mon li{display:flex;justify-content:space-between;gap:6px;font-size:12px}
.idle-mon li small.t-常見{color:#cfd8c4}.idle-mon li small.t-少見{color:#8fc8ff}.idle-mon li small.t-稀有{color:#ffb35c}
.idle-cfg{display:grid;gap:9px;font-size:13px}.idle-cfg label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.idle-cfg select,.idle-cfg input[type=number]{background:#100c07;color:var(--ink);border:1px solid #6a5430;border-radius:4px;padding:4px 6px;font:inherit;width:auto}.idle-cfg input[type=number]{width:62px}
.idle-skills{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.idle-check{display:flex;align-items:center;gap:6px}
/* 觸控額外兩排快捷（第 13～20 格）沒設定時不顯示，避免畫面一堆空圈；表情按鈕收進聊天 */
html body.idle-portrait.desktop-client.touch-client .action-group>.action.vacant-slot:is([data-slot="12"],[data-slot="13"],[data-slot="14"],[data-slot="15"],[data-slot="16"],[data-slot="17"],[data-slot="18"],[data-slot="19"]){display:none!important}
html body.idle-portrait.desktop-client.touch-client #chat-emote-toggle{display:none!important}
/* v3b（使用者：技能按鈕也變成一排，不用方向鍵跟攻擊鍵）：搖桿、普通攻擊、切換目標拿掉（點地面移動、AUTO 打怪），
   技能與藥水排成一排放在聊天上方：技能（第 2、7～10 格）→ 藥水（生命、魔力、技能值、輔助）→ 回城 → 換頁 */
html body.idle-portrait.desktop-client.touch-client :is(#touch-joystick,#touch-target-switch,#quick-edit,.actionbar .attack-slot){display:none!important}
html body.idle-portrait.desktop-client.touch-client .actionbar{translate:none!important;transform:none!important;position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;height:64px!important;z-index:29;background:linear-gradient(#0c0a0700,#0c0a07d9 45%);display:block!important}
html body.idle-portrait.desktop-client.touch-client .actionbar .action-group{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;display:flex!important;align-items:center;justify-content:flex-start!important;gap:4px;padding:0 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;transform:none!important;translate:none!important;scale:none!important}
html body.idle-portrait.desktop-client.touch-client .actionbar .action-group>:is(button.action,.skill-page-toggle){position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;scale:none!important;margin:0!important;flex:0 0 46px!important;width:46px!important;max-width:46px!important;height:46px!important;min-width:0!important}
html body.idle-portrait.desktop-client.touch-client .actionbar .action-group>.skill-page-toggle{width:40px!important;height:32px!important}
html body.idle-portrait.desktop-client.touch-client .actionbar .action-group>[data-slot="1"]{order:1}
html body.idle-portrait.desktop-client.touch-client .actionbar .action-group>:is([data-slot="6"],[data-slot="7"],[data-slot="8"],[data-slot="9"]){order:2}
html body.idle-portrait.desktop-client.touch-client .actionbar .action-group>:is([data-slot="2"],[data-slot="3"],[data-slot="10"],[data-slot="11"]){order:3}
html body.idle-portrait.desktop-client.touch-client .actionbar .action-group>[data-slot="4"]{order:4}
html body.idle-portrait.desktop-client.touch-client .actionbar .action-group>.skill-page-toggle{order:5}