body.hjl-boss-app{margin:0;background:#f8f9fa;color:#26323a;font-family:Arial,'Malgun Gothic',sans-serif;font-size:14px;line-height:1.5}
.hjl-boss-app *{box-sizing:border-box}.hjl-boss-app a{text-decoration:none}.hjl-app-header{display:flex;align-items:center;gap:34px;min-height:64px;padding:12px 24px;background:#fff;border-bottom:1px solid #e8eaed}
.hjl-app-brand{font-size:17px;letter-spacing:-.6px;font-weight:750;color:#27323a;white-space:nowrap}.hjl-app-header nav{display:flex;gap:6px;flex-wrap:wrap}.hjl-app-header nav a{padding:7px 12px;border-radius:7px;font-size:12px;color:#747b82;white-space:nowrap}.hjl-app-header nav a[aria-current]{background:#eaf4ef;color:#176b55;font-weight:700}.hjl-app-header a:hover{color:#176b55;background:#f3f6f4}
.hjl-app-main{padding:24px;max-width:1920px;margin:0 auto}.hjl-boss-app .boss-board{background:transparent;padding:0;max-width:none;font-size:13px}.hjl-boss-app .board-header{margin-bottom:16px;gap:12px}.hjl-boss-app .board-title{font-size:21px;font-weight:700;letter-spacing:-.6px}.hjl-boss-app .eyebrow{display:none}.hjl-boss-app .lead{margin:5px 0 0;font-size:12px}.hjl-boss-app .board-header .primary{padding:9px 14px;font-size:12px}
.hjl-boss-app .totals{display:flex;gap:30px;align-items:center;padding:15px 20px;border-radius:9px;margin-bottom:16px}.hjl-boss-app .totals>div{min-width:150px}.hjl-boss-app .totals>div:not(:first-child){padding-left:30px}.hjl-boss-app .totals span{font-size:11px;margin-bottom:4px}.hjl-boss-app .totals strong{font-size:24px}.hjl-boss-app .totals small{font-size:11px}.hjl-boss-app .board-controls{margin:14px 0;gap:22px}.hjl-boss-app .search{flex:0 1 330px}.hjl-boss-app .search input{width:240px}.hjl-boss-app .input-hint{font-size:11px;margin:0 0 10px;color:#7e8782}.hjl-boss-app .board-toolbar{margin:10px 0;font-size:11px}
.hjl-boss-app .character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:14px;align-items:start}.hjl-boss-app .character-card{max-width:470px;border-radius:10px;box-shadow:none}.hjl-boss-app .character-header{padding:10px 10px 6px}.hjl-boss-app .character-header input{font-size:14px}.hjl-boss-app .character-total{padding:0 15px 10px}.hjl-boss-app .character-total strong{font-size:21px}.hjl-boss-app .preset-bar{padding:8px;gap:4px}.hjl-boss-app .preset-bar button{font-size:10px;padding:5px}.hjl-boss-app .row-head,.hjl-boss-app .boss-row{grid-template-columns:100px 1fr 36px 48px;gap:4px}.hjl-boss-app .boss-row{min-height:39px;padding:4px}.hjl-boss-app .boss-label img{width:25px;height:25px}.hjl-boss-app .boss-row select{width:36px}.hjl-boss-app .boss-list{height:695px}.hjl-boss-app .board-actions{margin:16px 0}.hjl-boss-app .board-info{margin-top:14px}.hjl-app-footer{display:flex;gap:18px;flex-wrap:wrap;padding:16px 24px 24px;font-size:11px;border-top:1px solid #e8eaed}.hjl-app-footer a{color:#7c8580}
.hjl-app-skip{position:absolute;left:-9999px}.hjl-app-skip:focus{left:12px;top:45px;z-index:99999;background:white;padding:12px}.hjl-boss-app :focus-visible{outline:2px solid #176b55;outline-offset:3px}
@media(max-width:700px){.hjl-app-header{display:block;padding:13px 14px}.hjl-app-brand{font-size:16px;display:inline-block;margin-bottom:10px}.hjl-app-header nav{gap:3px}.hjl-app-header nav a{padding:7px 9px;font-size:11px}.hjl-app-main{padding:17px 12px}.hjl-boss-app .board-title{font-size:18px}.hjl-boss-app .lead{max-width:220px}.hjl-boss-app .board-header .primary{padding:8px;font-size:11px}.hjl-boss-app .totals{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;padding:13px 10px}.hjl-boss-app .totals>div{min-width:0}.hjl-boss-app .totals>div:not(:first-child){padding-left:9px}.hjl-boss-app .totals strong{font-size:22px}.hjl-boss-app .totals span{font-size:10px}.hjl-boss-app .totals small{display:block;margin:3px 0 0;font-size:10px}.hjl-boss-app .board-controls{gap:12px}.hjl-boss-app .search{flex-basis:100%}.hjl-boss-app .search input{width:auto;flex:1}.hjl-boss-app .character-grid{grid-template-columns:1fr}.hjl-boss-app .character-card{max-width:none}.hjl-boss-app .boss-row,.hjl-boss-app .row-head{grid-template-columns:92px 1fr 34px 43px;gap:3px}.hjl-boss-app .boss-row select{width:34px}.hjl-boss-app .diff-buttons .difficulty{width:23px;height:29px}.hjl-boss-app .boss-list{height:710px}.hjl-app-footer{padding:16px 14px}.hjl-boss-app .legend{font-size:10px}}
@media(max-width:360px){.hjl-boss-app .boss-row,.hjl-boss-app .row-head{grid-template-columns:83px 1fr 32px 40px;gap:2px}.hjl-boss-app .boss-label{gap:3px}.hjl-boss-app .boss-label img{width:22px;height:22px}.hjl-boss-app .diff-buttons{gap:2px}.hjl-boss-app .diff-buttons .difficulty{width:21px}.hjl-boss-app .boss-row select{width:32px}.hjl-boss-app .row-income{font-size:10px}}

.hjl-boss-app .totals>.cube-summary{min-width:260px}.hjl-boss-app .cube-values{gap:25px}.hjl-boss-app .cube-values strong{font-size:24px}.hjl-boss-app .cube-values span{font-size:10px}.hjl-boss-app .cube-values small{display:inline;margin-left:4px}.hjl-boss-app .cube-caption{margin-bottom:0}
@media(max-width:1000px) and (min-width:701px){.hjl-boss-app .totals{gap:18px}.hjl-boss-app .totals>div{min-width:100px}.hjl-boss-app .totals>div:not(:first-child){padding-left:18px}}
@media(max-width:700px){.hjl-boss-app .totals>.cube-summary{grid-column:1/-1;min-width:0;padding:10px 0 0;border-left:0;border-top:1px solid #e4ebe7}.hjl-boss-app .cube-values{justify-content:space-between;gap:10px}.hjl-boss-app .cube-values>div{flex:1}.hjl-boss-app .cube-values strong{font-size:20px}}

/* Utility navigation: shared line height and centered targets in both boss layouts. */
.hjl-boss-app .hjl-app-header{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px}
.hjl-boss-app .hjl-app-header .hjl-app-brand,.hjl-boss-app .hjl-app-header nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:56px;margin:0;line-height:1.5;border-radius:7px}
.hjl-boss-app .hjl-app-header .hjl-app-brand{padding:7px 10px}
.hjl-boss-app .hjl-app-header nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:6px;min-width:0}
.hjl-boss-app .hjl-app-header nav a{padding:7px 6px;min-width:0;white-space:nowrap}
@media(max-width:1100px){.hjl-boss-app .hjl-app-header nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.hjl-boss-app .hjl-app-header{grid-template-columns:minmax(0,1fr);gap:8px}.hjl-boss-app .hjl-app-header nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hjl-boss-app .hjl-app-header nav a{font-size:12px}}