/* ===== เมนูโหมด (ปกติ / ตัวละครดูดี / แฟนตาซี ...): ปุ่มเปิดเมนู + รายการเป็นคีย์ PRESET ===== */
#p-ai-board#p-ai-board#p-ai-board#p-ai-board,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars,#p-ai-script#p-ai-script#p-ai-script#p-ai-script{--led:#ff3b2f;--ledg:rgba(255,59,47,.85)}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimbtn,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimbtn,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimbtn{position:relative;padding:5px 14px 0 16px;border:1px solid #000;border-radius:7px;color:#e8e0cd;text-shadow:0 -1px 0 rgba(0,0,0,.85);background:linear-gradient(180deg,#4a4843,#2e2c29);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5);transform:none;filter:none;transition:transform .06s,box-shadow .06s,filter .15s}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimbtn::after,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimbtn::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimbtn::after{content:"";position:absolute;top:4px;left:50%;width:14px;height:3px;margin-left:-7px;border-radius:2px;background:#3b100d;box-shadow:inset 0 1px 1px rgba(0,0,0,.8);pointer-events:none}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimbtn:hover,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimbtn:hover,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimbtn:hover{transform:none;filter:brightness(1.13);border-color:#000;background:linear-gradient(180deg,#4a4843,#2e2c29);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5)}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimbtn:active,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimbtn:active,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimbtn:active{transform:translateY(2px);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #090908}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimbtn:focus-visible,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimbtn:focus-visible,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimbtn:focus-visible{outline:2px solid #ffb347;outline-offset:3px;border-color:#000;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5)}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimenu.open .aimbtn,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimenu.open .aimbtn,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimenu.open .aimbtn{transform:translateY(3px);filter:none;color:#fff;border-color:#000;text-shadow:0 0 6px rgba(255,255,255,.35);background:linear-gradient(180deg,#2b2926,#3a3834);box-shadow:inset 0 3px 6px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 #090908}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimenu.open .aimbtn::after,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimenu.open .aimbtn::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimenu.open .aimbtn::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimc,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimc,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimc{border-color:#c9b98f}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimenu.open .aimc,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimenu.open .aimc,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimenu.open .aimc{border-color:#ff6e5f}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimbtn .aiml,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimbtn .aiml,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimbtn .aiml{color:#a39b8a}
/* กล่องรายการ = ร่องฝังสีเข้ม */
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimlist,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimlist,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimlist{gap:10px;padding:12px;border-radius:12px;border:1px solid #000;background:linear-gradient(180deg,#0b0907,#1a1612);box-shadow:inset 0 3px 8px rgba(0,0,0,.9),0 0 0 1px rgba(255,225,170,.12),0 14px 30px rgba(0,0,0,.7);backdrop-filter:none;-webkit-backdrop-filter:none}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimlist::before,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimlist::before,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimlist::before{display:none}
/* รายการ = คีย์กราไฟต์ · ที่เลือกอยู่ = จมลง + ไฟแดง */
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimi,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimi,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimi{padding:15px 16px 10px 18px;border:1px solid #000;border-radius:7px;color:#e8e0cd;background:linear-gradient(180deg,#4a4843,#2e2c29);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5)}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimi::before,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimi::before,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimi::before{display:none}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimi::after,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimi::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimi::after{content:"";position:absolute;top:4px;left:50%;width:14px;height:3px;margin-left:-7px;border-radius:2px;background:#3b100d;box-shadow:inset 0 1px 1px rgba(0,0,0,.8);pointer-events:none}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimi b,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimi b,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimi b{color:inherit;text-shadow:0 -1px 0 rgba(0,0,0,.85)}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimi small,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimi small,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimi small{color:#a39b8a}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimenu.open .aimi:hover,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimenu.open .aimi:hover,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimenu.open .aimi:hover{transform:none;filter:brightness(1.13);border-color:#000;background:linear-gradient(180deg,#4a4843,#2e2c29);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5)}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimenu.open .aimi:active,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimenu.open .aimi:active,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimenu.open .aimi:active{transform:translateY(2px);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #090908}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimi:focus-visible,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimi:focus-visible,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimi:focus-visible{outline:2px solid #ffb347;outline-offset:2px}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimenu.open .aimi.on,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimenu.open .aimi.on,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimenu.open .aimi.on,#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimenu.open .aimi.on:hover,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimenu.open .aimi.on:hover,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimenu.open .aimi.on:hover{transform:translateY(3px);filter:none;color:#fff;border-color:#000;background:linear-gradient(180deg,#2b2926,#3a3834);box-shadow:inset 0 3px 6px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 #090908}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimi.on::after,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimi.on::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimi.on::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}
#p-ai-board#p-ai-board#p-ai-board#p-ai-board .aimi.on small,#p-ai-chars#p-ai-chars#p-ai-chars#p-ai-chars .aimi.on small,#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aimi.on small{color:#d8cfba}