body.idle-active{background:#111a26;color:#d8e3ef;font-family:Inter,Arial,sans-serif}
body.idle-active #game{display:block;min-height:100vh}
body.idle-active #game>aside,body.idle-active #game>main>header{display:none}
body.idle-active #game>main{padding:0;max-width:none;min-width:0}
body.idle-active #content{margin:0;padding:0}
.idle-dashboard button{font:600 12px Inter,Arial,sans-serif;cursor:pointer;border:1px solid #3a4b60;background:#263448;color:#dfe8f3;border-radius:5px;padding:10px 14px}
.idle-dashboard button:hover{background:#354b66;border-color:#7293bc}
.idle-dashboard button:disabled{cursor:default;opacity:.6}
.idle-top{margin:0;display:flex;align-items:center;gap:32px;min-height:72px;padding:16px 26px;background:#192434;border-bottom:1px solid #354357}
.idle-brand{color:#83d7be;text-decoration:none;font-weight:bold;letter-spacing:2px;white-space:nowrap}.idle-brand b{color:#ecf1f7;margin-left:10px;font-size:21px;letter-spacing:.2px}
.idle-mode-switch{display:flex;gap:6px}.idle-mode-switch .selected{background:#186d59;border-color:#44b893;color:#fff}
.idle-profile{margin-left:auto;font-size:12px;color:#a8b8ca}.idle-profile b{display:block;color:#efce78;margin-top:5px}
.idle-utility{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 26px;background:#1b293a;border-bottom:1px solid #354357}.idle-utility>span{margin-right:auto;font-size:12px;color:#9dadc1}.idle-utility button{width:auto;padding:7px 10px;background:transparent}
.idle-layout{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1800px;margin:auto}
.idle-skills{background:#182333;border-right:1px solid #344154;padding:18px 12px;height:calc(100vh - 131px);overflow:auto;position:sticky;top:0}
.idle-skills>small{display:block;color:#96a8bf;font-weight:bold;letter-spacing:1.5px;padding:0 10px 12px}.idle-skills button{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;text-align:left;width:100%;border:0;background:transparent;padding:10px 8px;margin-bottom:3px;font-size:12px}.idle-skills button.selected{background:#2b4160;color:#fff}.idle-skills button.training{color:#72dab2}.idle-skills button small{display:block;font-size:8px;letter-spacing:1px;margin-top:3px}.idle-skill-icon{font-size:21px;text-align:center;color:#9ac0e4}
.idle-main{padding:28px;min-width:0}.idle-dashboard h1,.idle-dashboard h2,.idle-dashboard h3{font-family:Inter,Arial,sans-serif;color:#eef3f9;letter-spacing:0}.idle-dashboard p{line-height:1.6}
.idle-training{position:relative;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 24px 25px;background:#1d3040;border:1px solid #3f6572;border-radius:8px;overflow:hidden}.idle-training.running{border-color:#3e9c7f}.idle-training small,.idle-skill-header small{font-size:10px;letter-spacing:1.5px;color:#87bbaa;font-weight:bold}.idle-training h2{font-size:20px;margin:8px 0}.idle-training p{margin:0;font-size:12px;color:#aabed0}.idle-training>button,.idle-offline{margin-left:auto}.idle-offline{text-align:center;font-size:12px;color:#aabed0;line-height:1.8}.idle-offline b{color:#7ce4ba}.idle-cycle{position:absolute;bottom:0;left:0;right:0;height:5px;background:#101d25}.idle-cycle i{display:block;height:100%;background:#4bc799;width:var(--from);animation:idle-cycle var(--remaining) linear forwards}@keyframes idle-cycle{to{width:100%}}
.idle-training p.idle-blocked{width:100%;color:#edbd79}.idle-combat-notice{display:flex;gap:15px;align-items:center;padding:14px;margin-top:14px;border:1px solid #78525a;background:#332532;font-size:12px;border-radius:6px}.idle-combat-notice button{margin-left:auto}
.idle-skill-header{display:flex;align-items:center;gap:20px;margin:28px 0;padding:20px 24px;border:1px solid #374659;background:#1b2839;border-radius:8px}.idle-large-icon{font-size:46px;color:#83abd0}.idle-skill-header>div{flex:1}.idle-skill-header h1{font-size:26px;margin:7px 0}.idle-skill-header p{font-size:12px;color:#a8b9cc;margin:9px 0}.idle-xp{height:7px;max-width:640px;border-radius:6px;overflow:hidden;background:#0c1622}.idle-xp i{display:block;height:100%;background:#6ba6e6}.idle-skill-header aside{font-size:24px;color:#e2c888;text-align:center}.idle-skill-header aside small{display:block;font-size:8px;margin-top:6px;color:#899aae}
.idle-section-heading{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap;margin-bottom:14px}.idle-section-heading h2{font-size:17px;margin:0}.idle-section-heading span{font-size:11px;color:#91a4b9}
.idle-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.idle-activity{display:flex;flex-direction:column;border:1px solid #37485e;background:#1d2b3d;border-radius:7px;overflow:hidden}.idle-activity.selected{border-color:#46b38b;box-shadow:0 0 0 1px #46b38b}.idle-card-title{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#25344a}.idle-card-title>span{font-size:30px;color:#c2d5e9}.idle-card-title small{font-size:9px;letter-spacing:1px;color:#9aaec4}.idle-card-title h3{margin:6px 0 0;font-size:16px}.idle-live-dot{margin-left:auto;color:#6bddab}.idle-yield{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:20px;font-size:12px}.idle-yield>b:first-child{color:#89baf0}.idle-yield small,.idle-activity footer small{display:block;font-size:10px;color:#8ca3bc;margin-top:6px}.idle-inputs{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 18px;font-size:10px}.idle-inputs span{background:#142230;padding:7px;border-radius:3px;color:#a1b6cc}.idle-inputs .missing{color:#e4a298}.idle-inputs b{margin-left:6px}.idle-activity footer{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid #334358;padding:15px 20px;margin-top:auto;font-size:11px;color:#b4bfce}.idle-activity footer button{background:#1a755a;border-color:#399276;color:#eafff5}.idle-activity.locked footer button{background:#293747;border-color:#405065;color:#acb7c6}.idle-note{font-size:11px;color:#8da1b7;margin-top:25px;line-height:1.7}.idle-empty{padding:25px;border:1px solid #34475c;color:#9eb3ca;border-radius:6px}
.realm-mode-nav{display:flex;gap:10px;margin-bottom:20px}.realm-mode-nav button{padding:10px 16px;border:1px solid #55776c;color:#dce9e4;background:#1c3930;cursor:pointer}
@media(min-width:1500px){.idle-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.idle-top{gap:15px;padding:15px}.idle-brand b{font-size:17px}.idle-profile{display:none}.idle-utility{padding:10px 15px}.idle-utility>span{flex-basis:100%;margin-bottom:3px}.idle-layout{grid-template-columns:170px 1fr}.idle-main{padding:18px}.idle-activity-grid{grid-template-columns:1fr}.idle-skills{height:calc(100vh - 160px)}.idle-skill-header{padding:16px}.idle-large-icon{font-size:30px}.idle-skill-header aside{display:none}}
@media(max-width:540px){.idle-top{flex-wrap:wrap;gap:12px}.idle-mode-switch{margin-left:auto}.idle-mode-switch button{font-size:10px;padding:9px}.idle-brand b{font-size:15px;margin-left:5px}.idle-layout{display:block}.idle-skills{display:flex;gap:5px;height:auto;overflow:auto;position:static;border-bottom:1px solid #344154;padding:10px}.idle-skills>small{display:none}.idle-skills button{width:auto;flex:0 0 auto;grid-template-columns:auto auto auto;white-space:nowrap;margin:0;font-size:11px;padding:9px}.idle-skills button small{display:none}.idle-skill-icon{font-size:16px}.idle-main{padding:14px}.idle-training{padding:18px;gap:12px}.idle-training h2{font-size:17px}.idle-training p{font-size:11px}.idle-training>button{margin-left:0}.idle-section-heading span{line-height:1.7}.idle-card-title,.idle-yield{padding:16px}.idle-skill-header h1{font-size:23px}.idle-combat-notice{flex-wrap:wrap}.idle-utility button{font-size:10px}}

.pvp-form{margin:20px 0}.pvp-form label{display:grid;gap:8px;margin:15px 0}.pvp-stake-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pvp-stake-grid fieldset{min-width:0;border:1px solid var(--line);border-radius:8px;padding:14px}.pvp-stake-grid select{width:100%;margin:10px 0}.pvp-stake-grid input{max-width:120px}.pvp-consent{display:flex!important;align-items:center;gap:10px;margin:16px 0}.pvp-consent input{width:20px;height:20px;flex-shrink:0}.pvp-heading{display:flex;justify-content:space-between;gap:12px}.pvp-heading b{color:var(--gold)}.pvp-duel{margin-bottom:16px}.pvp-duel button{margin:8px 8px 0 0}.pvp-log{max-height:260px;overflow:auto;font-size:13px}.pvp-sigil{font-size:80px;color:var(--gold)}.pvp-result{color:var(--green);font-weight:bold}.pvp-panel select,.pvp-panel input{padding:10px;background:#17222d;color:#edf3f5;border:1px solid #54606a;border-radius:5px}.pvp-panel h1{font-size:30px}@media(max-width:700px){.pvp-stake-grid{grid-template-columns:1fr}.pvp-sigil{display:none}.pvp-heading{flex-wrap:wrap}.pvp-form select{max-width:100%}}

.offline-summary{max-width:520px;width:calc(100% - 32px);background:#1b293a;color:#e8eef5;border:1px solid #559783;border-radius:12px;padding:28px}.offline-summary::backdrop{background:#000a}.offline-summary h2{color:#fff}.offline-totals{display:grid;gap:10px;padding:18px 0;color:#84ddb8}.offline-summary li{padding:5px 0}.offline-summary p{line-height:1.6;color:#b9c7d8}

.idle-queued{padding:18px;margin-bottom:18px;background:#1d2b3d;border:1px solid #37485e;border-radius:7px}.idle-queued>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0}.idle-queued h2{font-size:17px}.idle-empty button{margin:8px}

.all-skills-list b small{display:block;font-size:8px;font-weight:normal;white-space:nowrap;color:#baa879}