/* BitNook desktop readability, welcome, aligned dashboard, and storage views. */
.bn-personal-photo{border:1px solid color-mix(in srgb,var(--bn-primary,#cdb17b) 38%,var(--bn-border,#434c47));margin:15px 0}
.bn-photo-settings{display:flex;align-items:center;gap:18px;margin:14px 0 8px}
.bn-photo-settings h2{font-size:19px;margin:0 0 6px}
.bn-photo-settings .avatar{width:100px;height:100px;min-width:100px;overflow:hidden;border-radius:18px}
.bn-photo-settings .avatar img,.bn-avatar-local img{display:block;width:100%;height:100%;object-fit:cover}
.bn-photo-settings .bp-note{font-size:13px;line-height:1.6}
.bn-photo-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:11px}
.bn-photo-upload,.bn-photo-remove{min-height:39px;padding:11px 15px;border-radius:11px;border:1px solid #ab9062;background:#c4aa72;color:#171818;font-weight:700;font-size:13px;cursor:pointer}
.bn-photo-remove{background:transparent;color:#d5b991}
.bn-photo-note{font-size:11px;color:var(--muted,#a7aba8);line-height:1.5}
.bn-vitals-card,.bn-inventory-summary{min-width:0;min-height:220px;height:100%}
.bn-vitals-card{padding:16px;background:linear-gradient(130deg,#222725,#191d1d);border:1px solid #445348}
.bn-vitals-card .mini-hdr,.bn-inventory-summary .mini-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:760}
.bn-refresh{border:1px solid #655c49;border-radius:9px;background:transparent;color:#dfc48e;padding:7px 10px;font:650 12px var(--font-ui,Inter,system-ui,sans-serif);cursor:pointer}
.bn-vitals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}
.bn-vital{border:1px solid #3b4541;padding:10px;border-radius:10px;background:#181d1e;min-width:0;min-height:65px}
.bn-vital-name{display:flex;align-items:center;gap:5px;color:#c3cecb;font-size:12px;line-height:1.2}
.bn-vital-name svg{color:#d2af72}
.bn-vital b{display:block;color:#f3ece4;font-size:21px;line-height:1.4}
.bn-vital small{font-size:11px;color:#9faeaa}
.bn-data-caption,.bn-data-foot{color:#a9b7b1;font-size:12px;line-height:1.45}
.bn-data-foot{font-size:11px;margin-top:5px}
.bn-inventory-summary .mini-card{min-height:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;gap:13px;text-align:left}
.bn-inventory-count{display:flex;align-items:baseline;gap:8px;margin:13px 0 4px}
.bn-inventory-count strong{font-size:40px;line-height:1;letter-spacing:-.04em;color:#e5c68f}
.bn-inventory-count span{font-size:13px;color:#b7c5be}
.bn-inventory-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.bn-inventory-tags span{font-size:11px;color:#c0b69d;border:1px solid #48453e;border-radius:99px;padding:5px 7px}
.bn-project-extra{border-top:1px solid #404542;margin-top:auto;padding-top:12px;display:grid;gap:7px;color:#b9c4be;font-size:12px}
.bn-project-extra strong{color:#e5cda0;font-size:12px;font-weight:600}
.bn-streak-week{margin:10px 0 0;border-top:1px solid #55483c;padding-top:12px}
.bn-streak-week-head{display:flex;align-items:center;justify-content:space-between;gap:6px}
.bn-streak-week-head b{font-size:14px}
.bn-streak-week-head button{border:0;background:transparent;color:#e2bf84;font-size:12px;cursor:pointer}
.bn-streak-week .week-detail{display:flex;gap:7px;align-items:center;justify-content:space-between;margin:10px 0}
.bn-streak-week .week-day{flex:1;min-width:0;text-align:center;display:grid;justify-items:center;gap:5px;color:#b3b7ac;font-size:12px}
.bn-streak-week .week-day i{display:grid;place-items:center;font-size:13px;font-style:normal;width:29px;height:29px;border-radius:50%;border:1px solid #5a5651;color:#c5b8aa}
.bn-streak-week .week-day.on i{background:#c4aa72;border-color:#c4aa72;color:#171919}
.bn-streak-week .week-day.today i{outline:1px solid #e3c18a;outline-offset:2px}
.bn-rich-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.bn-rich-skill{border:1px solid #464b48;border-radius:14px;padding:14px;background:#1c2020;color:#f3efe7;text-align:left;display:grid;gap:11px;min-width:0;cursor:pointer}
.bn-rich-skill:hover{border-color:var(--tier)}
.bn-rich-skill-name{display:flex;align-items:center;gap:10px;font-size:16px}
.bn-rich-skill-name svg{color:var(--tier)}
.bn-rich-skill-level{font-size:13px;color:#b8c6c0;display:flex;justify-content:space-between}
.bn-rich-skill-level strong{color:var(--tier);font-size:17px}
.bn-rich-skill small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#bfc6c0}
.bn-inventory-page{display:grid;gap:18px;padding-bottom:30px}
.bn-inventory-page-head{display:flex;align-items:start;justify-content:space-between;gap:20px}
.bn-inventory-page .page-title{font-size:clamp(27px,3vw,40px);margin:6px 0 10px}
.bn-inventory-page .page-description{font-size:14px;max-width:780px;line-height:1.6}
.bn-inventory-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bn-inventory-tiles>div{background:#202423;border:1px solid #414b45;border-radius:13px;padding:15px;min-width:0}
.bn-inventory-tiles span{font-size:12px;color:#a8b7ae;display:block}
.bn-inventory-tiles strong{font-size:25px;color:#efcf91;display:block;margin-top:6px}
.bn-inventory-tiles.is-small{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}
.bn-inventory-controls{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.bn-inventory-controls input,.bn-inventory-controls select{min-width:0;min-height:43px;color:#eee;background:#171a19;border-radius:10px;border:1px solid #47524c;font-size:14px;padding:10px 13px}
.bn-inventory-controls input{flex:1}
.bn-inventory-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bn-inventory-row{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid #3a4540;background:#1a2020;padding:10px;border-radius:10px}
.bn-item-glyph{width:34px;height:34px;border:1px solid #56503e;background:#2d2922;color:#e0c185;border-radius:9px;display:grid;place-items:center;flex-shrink:0}
.bn-item-info{display:grid;gap:4px;min-width:0;flex:1}
.bn-item-info b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-item-info small{font-size:11px;color:#a7b4ac;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-inventory-row>strong{color:#e6c58c;font-size:14px}
.bn-inventory-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bn-house-line{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:13px 0;border:0;border-bottom:1px solid #3d4743;background:transparent;color:#e9e8df;cursor:pointer}
.bn-house-line span{flex:1;font-size:13px}
.bn-house-line small{color:#9cb2a9;font-size:11px}
.bn-house-line b{color:#e2c68c;font-size:12px}
.bn-house-result{background:#192020;padding:12px;border-radius:10px;margin-top:12px}
.bn-house-result .bn-inventory-row{margin-top:6px}
@media(min-width:1000px){
 .bn-desktop-link{font-size:14px;min-height:44px}
 .bn-desktop-nav-heading{font-size:11px}
 .bn-desktop-brand small,.bn-desktop-sidebar-footer{font-size:12px}
 .phone #view{font-size:15px}
 .phone #view .smallcaps,.phone #view .upper,.phone #view .label{font-size:11px}
 .phone #view .page-description,.phone #view .bp-note,.phone #view .card-hint,.phone #view .desc,.phone #view .muted{font-size:13px;line-height:1.5}
 .phone #view .mini-hdr,.phone #view .section-head{font-size:15px}
 .phone #view .bp-card b,.phone #view .mini-card strong{font-size:14px}
 .phone #view .bp-row small,.phone #view .bn-roster-professions>span,.phone #view .bn-roster-total-xp{font-size:12px}
 .phone #view .bp-row,.phone #view .bn-roster-card{font-size:14px}
 .phone #view:has(.bp-welcome){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-content:start}
 .phone #view:has(.bp-welcome) .bp-welcome{grid-column:span 5;min-width:0;max-width:none;margin:0!important;padding:clamp(24px,3vw,42px);min-height:330px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}
 .phone #view:has(.bp-welcome) .bp-welcome h1{font-size:clamp(29px,3.4vw,44px);line-height:1.13;max-width:480px;white-space:normal}
 .phone #view:has(.bp-welcome) .bp-welcome p{font-size:15px;line-height:1.7;max-width:500px}
 .phone #view:has(.bp-welcome) .bp-welcome .bp-welcome-foot{font-size:12px}
 .phone #view:has(.bp-welcome) .bp-welcome-explore{grid-column:span 7;max-width:none;margin:0!important;min-width:0;min-height:330px;padding:clamp(22px,2.5vw,35px);width:100%}
 .phone #view:has(.bp-welcome) .bp-welcome-explore .tool-row{font-size:15px;min-height:71px}
 .phone #view:has(.bp-welcome) .bp-welcome-bottom{grid-column:1/-1;max-width:none;margin:0!important;width:100%;font-size:13px;text-align:left}
 .phone #view[data-bn-desktop-route="home"]>.home-focus-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
 .phone #view[data-bn-desktop-route="home"]>.home-focus-cards>.card{height:100%;min-height:238px}
 .phone #view[data-bn-desktop-route="home"]>.home-focus-cards>.card>.mini-card{min-height:100%;height:100%}
 .phone #view[data-bn-desktop-route="home"]>.streak-strip{min-height:270px;gap:14px}
 .phone #view[data-bn-desktop-route="home"]>.daily-card{min-height:270px}
 .phone #view[data-bn-desktop-route="home"]>.section-card .skill-grid.bn-rich-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
 .phone #view[data-bn-desktop-route="home"]>.section-card .skill-grid.bn-rich-skills .bn-rich-skill{min-height:140px;display:grid;align-items:stretch;justify-items:stretch}
}
@media(min-width:1000px) and (max-width:1250px){
 .phone #view:has(.bp-welcome) .bp-welcome{grid-column:1/-1;min-height:240px}
 .phone #view:has(.bp-welcome) .bp-welcome-explore{grid-column:1/-1;min-height:200px}
 .phone #view[data-bn-desktop-route="home"]>.home-focus-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .phone #view[data-bn-desktop-route="home"]>.section-card .skill-grid.bn-rich-skills{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .bn-inventory-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bn-inventory-rows,.bn-inventory-lower{grid-template-columns:1fr}
 .bn-inventory-controls{flex-wrap:wrap}
 .bn-inventory-controls input,.bn-inventory-controls select{flex:1 1 100%}
 .bn-photo-settings{align-items:flex-start}
 .bn-photo-settings .avatar{width:68px;height:68px;min-width:68px}
}

.bn-storage-list{display:grid;gap:7px;margin:13px 0 0}
.bn-storage-list h3{font-size:14px;letter-spacing:.03em;color:#e4c98f;margin:12px 0 3px}
.bn-storage-record{display:flex;justify-content:space-between;align-items:center;gap:9px;border-bottom:1px solid #35423c;padding:9px 0;font-size:13px;line-height:1.4}
.bn-storage-record span{min-width:0;overflow-wrap:anywhere}
.bn-storage-record strong{white-space:nowrap;color:#e5c787;font-size:13px}

/* Public current vitals + verified pockets/outfit improvements */
.bn-vitals-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.bn-region-select{background:#1b211f;border:1px solid #525444;border-radius:9px;color:#e0c48a;padding:7px 8px;font-size:12px;min-height:34px}
.bn-vital-track{height:8px;margin-top:7px}
.bn-vital-track .fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#d0ad76,#9ed3bc);transition:width .3s ease}
.bn-outfit-card{min-width:0}
.bn-outfit-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.bn-outfit-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #3e4a43;border-radius:10px;background:#1b2220;min-width:0}
.bn-outfit-row>span{display:grid;place-items:center;border:1px solid #65593c;background:#322b20;border-radius:9px;width:36px;height:36px;color:#e5c790;flex-shrink:0;font-size:20px}
.bn-outfit-row>div{display:grid;gap:5px;min-width:0}
.bn-outfit-row strong{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-outfit-row small{font-size:11px;color:#aab9b2}
.bn-hair-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #444f47;margin-top:14px;padding-top:14px;font-size:13px;color:#b8c6bc}
.bn-hair-row strong{color:#dbc18f;font-size:12px;text-align:right}
@media(max-width:700px){.bn-outfit-rows{grid-template-columns:1fr}.bn-region-select{max-width:98px}.bn-vitals-actions{gap:5px}}


/* Collapsible inventory browser and original BitCraft asset thumbnails. */
.bn-storage-groups{display:grid;gap:11px;margin-top:13px}
.bn-storage-category,.bn-storage-container{border:1px solid #434d45;border-radius:13px;background:#1c211f;min-width:0;overflow:hidden}
.bn-storage-category>summary,.bn-storage-container>summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;min-height:66px;padding:12px 15px}
.bn-storage-category>summary::-webkit-details-marker,.bn-storage-container>summary::-webkit-details-marker,.bn-housing-details>summary::-webkit-details-marker{display:none}
.bn-storage-category>summary>span:first-child,.bn-storage-title{min-width:0;flex:1;display:grid;gap:4px}
.bn-storage-category>summary strong{font-size:16px;color:#f1e9d9}
.bn-storage-category>summary small,.bn-storage-title small{font-size:12px;color:#b4c2b8;line-height:1.4}
.bn-storage-count{white-space:nowrap;font-size:12px;color:#e3c486;font-weight:650}
.bn-storage-arrow{color:#dec187;font-size:22px;transition:transform .15s;line-height:1}
.bn-storage-category[open]>summary>.bn-storage-arrow,.bn-storage-container[open]>summary>.bn-storage-arrow{transform:rotate(180deg)}
.bn-storage-category[open]{border-color:#706044}
.bn-storage-list-inner{display:grid;gap:8px;padding:0 12px 12px}
.bn-storage-container{background:#171e1b;border-color:#3f4a43}
.bn-storage-container>summary{min-height:60px;padding:10px 12px}
.bn-storage-title b{font-size:14px;color:#ebece1}
.bn-storage-summary-icon{display:grid;place-items:center;background:#292d25;border-radius:10px;border:1px solid #554e37;color:#e0c28f;width:38px;height:38px;flex-shrink:0}
.bn-storage-body{padding:2px 13px 13px}
.bn-storage-body .bn-inventory-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.bn-storage-body .bn-inventory-row{min-height:59px}
.bn-real-icon{position:relative;overflow:hidden;display:grid;place-items:center}
.bn-real-icon img,.bn-outfit-image img{width:100%;height:100%;object-fit:contain}
.bn-real-icon [hidden],.bn-outfit-image [hidden]{display:none!important}
.bn-inventory-warning{font-size:12px;color:#e2c183;padding:10px 12px;border-radius:9px;border:1px solid #786343;background:#302719}
.bn-housing-details{margin:0;padding:18px;display:grid;gap:8px}
.bn-housing-details>summary{list-style:none;cursor:pointer}
.bn-housing-details:not([open])>summary{margin:0}
.bn-housing-details>summary h2{font-size:18px}
.bn-outfit-image{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:#292820;border:1px solid #68583c;border-radius:9px;color:#e3c285}
.bn-outfit-row small:first-child{letter-spacing:.09em;text-transform:uppercase;font-size:10px}
@media(max-width:850px){
 .bn-storage-body .bn-inventory-rows{grid-template-columns:1fr}
 .bn-storage-category>summary,.bn-storage-container>summary{gap:8px;padding:10px}
 .bn-storage-count{font-size:11px}
}

/* Tiny read-only inventory lookout: BitNook's palette, spacing and fonts. */
.bn-inv-widget{display:grid;gap:11px;min-height:100%;padding:16px;background:radial-gradient(circle at 90% -12%,color-mix(in srgb,var(--bn-primary,#c5ad7d) 17%,transparent),transparent 62%),#1b2220;border-radius:15px}
.bn-inventory-summary{border:1px solid #49564c;overflow:hidden}
.bn-inv-widget .mini-hdr{font:700 16px var(--font-ui,Inter,system-ui,sans-serif);color:#f0ebe0}
.bn-inv-open{border:1px solid #69614e;background:#2e3028;border-radius:99px;color:#e7d09e;font:650 11px var(--font-ui,Inter,system-ui,sans-serif);padding:7px 11px;cursor:pointer}
.bn-inv-widget-caption{font:500 12px var(--font-ui,Inter,system-ui,sans-serif);color:#b4c3b7}
.bn-inv-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border:1px solid #4a554d;background:#111a18;padding:4px;border-radius:11px}
.bn-inv-tabs button{border:0;background:transparent;color:#aab8ae;padding:8px 3px;border-radius:8px;font:700 11px var(--font-ui,Inter,system-ui,sans-serif);cursor:pointer;min-width:0}
.bn-inv-tabs button.active{background:linear-gradient(140deg,#dbc18c,#9ec9b9);color:#18211c;box-shadow:0 2px 8px #0003}
.bn-inv-tabs button:focus-visible,.bn-dash-vehicle:focus-visible,.bn-inv-open:focus-visible{outline:2px solid #e3c58b;outline-offset:2px}
.bn-dash-inv-number{display:flex;align-items:baseline;gap:10px}
.bn-dash-inv-number strong{font:750 31px/1 var(--font-ui,Inter,system-ui,sans-serif);letter-spacing:-.03em;color:#e9d4a2}
.bn-dash-inv-number span{font-size:12px;color:#bdc9c0}
.bn-dash-item-list,.bn-dash-vehicle-list{display:grid;gap:6px}
.bn-dash-item{display:flex;align-items:center;gap:7px;font-size:12px;min-width:0;background:#19201d;border-radius:9px;padding:5px 8px;border:1px solid #34443c}
.bn-dash-item .bn-item-glyph{width:27px;height:27px;border-radius:7px}
.bn-dash-item>span:nth-child(2){min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-dash-item>b{color:#dfc992;font-size:12px}
/* Deployables use the same compact, image-first rows as Pockets. */
.bn-dash-container{width:100%;min-height:48px;cursor:pointer;appearance:none;text-align:left;font:inherit;color:#f0eee7;box-sizing:border-box;padding:7px 8px}
.bn-dash-container.has-items{border-color:#71634b;background:linear-gradient(90deg,#272720,#19231e)}
.bn-dash-container .bn-item-glyph{width:34px;height:34px;min-width:34px;border-radius:9px;display:grid;place-items:center;padding:3px;box-sizing:border-box}
.bn-dash-container .bn-item-glyph img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;margin:auto}
.bn-dash-container .bn-item-glyph [hidden]{display:none!important}
.bn-dash-container-copy{display:grid;gap:3px;min-width:0;flex:1}
.bn-dash-container-copy b{color:#f0ece4;font-size:12px;font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-dash-container-copy small{color:#aebfb3;font-size:10px;font-weight:500;line-height:1.35;white-space:normal}
.bn-dash-container-trailing{display:flex;align-items:center;gap:7px;flex-shrink:0;color:#d9c78c;font-size:18px}
.bn-dash-container-trailing i{font:800 10px var(--font-ui,Inter,system-ui,sans-serif);display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#594b35;color:#f5d5a0;font-style:normal}
.bn-dash-container:hover{border-color:#8f8262;background:#28312a}
.bn-dash-container:focus-visible{outline:2px solid #e3c58b;outline-offset:2px}
@media(max-width:420px){.bn-inv-tabs{gap:2px;padding:3px}.bn-inv-tabs button{font-size:10px;padding:8px 1px}.bn-inv-widget{padding:13px}}

.bn-inv-widget-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.bn-inv-widget-actions .bn-inv-open:first-child{font-size:16px;line-height:1;min-width:30px;padding:5px 8px}

/* Always-visible gateway to the real Widget Studio page. */
.bn-widget-studio-shortcut{
 display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
 gap:4px;flex-shrink:0;padding:7px 10px;border:1px solid #7a6c4e;
 border-radius:10px;background:#292723;color:#e9cc98!important;
 font:750 11px/1.3 var(--font-ui,Inter,system-ui,sans-serif);
 text-decoration:none!important;cursor:pointer;
}
.bn-widget-studio-shortcut:hover{background:#353026;border-color:#b5a16e}
.bn-widget-studio-shortcut:focus-visible{outline:2px solid #edce94;outline-offset:3px}
@media(max-width:540px){.bn-widget-studio-shortcut{padding:6px 8px;font-size:10px}.screen-head:has(>.bn-widget-studio-shortcut){flex-wrap:wrap}}