.easy-mode-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:10px 14px;border:1px solid #31587a;border-radius:10px;background:#102033}
.easy-mode-toolbar>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.easy-mode-toolbar strong{font-size:14px;color:#ffe18a}.easy-mode-toolbar span{font-size:11px;color:#aec5d8}
.easy-step-nav{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:10px 0 14px}
.easy-step-nav>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:1px solid #36536d;border-radius:10px;background:#0d1926;color:#dce9f5;font-weight:800}
.easy-step-nav>button b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#24445f;color:white}
.easy-step-nav>button.active{border-color:#69aee8;background:#173856;box-shadow:0 0 0 2px rgba(105,174,232,.12)}
.easy-step-nav>button.active b{background:#2f7bbb}.easy-step-nav>span{color:#708ba2;font-size:24px}
.easy-guide-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;border:1px solid #3974a3;border-radius:12px;background:linear-gradient(135deg,#102a40,#112034);box-shadow:0 8px 25px rgba(0,0,0,.18)}
.easy-guide-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#2c78b4;color:#fff;font-size:20px;font-weight:900}
.easy-guide-card strong{font-size:15px;color:#fff}.easy-guide-card p{margin:3px 0 0;color:#b8cede;font-size:11px}
.easy-guide-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.easy-guide-actions button{min-height:42px}
body.easy-mode .tabs{display:none!important}
body.easy-mode .workflow-strip{display:none!important}
body.easy-mode .section-heading .hint{display:none!important}
body.easy-mode .section-heading .step{display:none}
body.easy-mode .section-heading h2{font-size:18px}
body.easy-mode #openCharacterSettings{opacity:.72;font-size:10px}
body.easy-mode #page-character details,
body.easy-mode #page-result details:not(.optimizer-details){font-size:11px}
body.easy-mode #page-result .optimizer-controls label:not(:last-of-type){display:none}
body.easy-mode #page-result .optimizer-before-after{margin-top:8px}
body.easy-mode .result-primary strong{font-size:38px}
body.easy-mode .workflow-calc-action{display:none}
body.easy-mode #page-gear-db .easy-return,
body.easy-mode #page-owned-gear .easy-return{display:block}
.easy-return{display:none;position:sticky;top:5px;z-index:100;margin-bottom:8px;padding:8px;border:1px solid #345c7c;border-radius:9px;background:rgba(11,26,40,.96)}
.easy-return button{width:100%;min-height:42px}
.easy-welcome[hidden]{display:none}.easy-welcome{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:15px}
.easy-welcome-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.easy-welcome-dialog{position:relative;width:min(520px,100%);padding:25px;border:1px solid #4a789e;border-radius:16px;background:#101e2d;box-shadow:0 24px 80px rgba(0,0,0,.65);text-align:center}
.easy-welcome-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 10px;border-radius:50%;background:#246b9e;color:#fff;font-size:30px}
.easy-welcome-dialog h2{margin:6px 0 17px;color:#fff}.easy-welcome-dialog>p{color:#b5cad9;font-size:12px}
.easy-welcome-steps{display:grid;gap:8px;text-align:left;margin:12px 0}
.easy-welcome-steps>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #2d4961;border-radius:9px;background:#0c1722}
.easy-welcome-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2d78af;color:#fff}.easy-welcome-steps strong{display:block;color:#ffe18a}.easy-welcome-steps span{font-size:11px;color:#bcd0df}
.easy-welcome-dialog .large{width:100%;margin-top:8px}.easy-welcome-normal{margin-top:10px;border:0;background:transparent;color:#8fa8bc;text-decoration:underline}
body:not(.easy-mode) .easy-mode-toolbar strong{color:#b9cfdf}
body:not(.easy-mode) .easy-step-nav,body:not(.easy-mode) .easy-guide-card{display:none}
@media(max-width:760px){
 .easy-mode-toolbar{align-items:flex-start}.easy-mode-toolbar span{display:none}
 .easy-step-nav>button{flex-direction:column;gap:3px;font-size:10px}
 .easy-guide-card{grid-template-columns:auto 1fr}.easy-guide-actions{grid-column:1/-1}.easy-guide-actions button{flex:1}
}