/* Cockpit B presentation. Scope to studio; business logic and trace coordinates are unchanged. */
:root{--cockpit-ink:#242820;--cockpit-deep:#191d18;--cockpit-gold:#c8a65b;--cockpit-paper:#f6f3eb;--cockpit-edge:#c6b791;--cockpit-muted:#99896a}
.hangar-home{background:var(--cockpit-paper)}
.hangar-home header{height:80px;padding:8px 25px;border-bottom:2px solid #a88a43;background:linear-gradient(120deg,#30322b,#191c18);gap:22px}
.hangar-home header nav{gap:23px;flex:1;justify-content:center}.hangar-home header .nav{font-size:13px;color:#e3decd;white-space:nowrap}.hangar-home header .nav.active{color:#f0d58b}.hangar-home header .identity{font-size:14px;min-width:145px;padding:12px 18px}.hangar-home .brand-wordmark{width:230px;height:57px}
.hangar-home .hangar-season{display:none}.hangar-home .notice{padding:8px 26px;background:#ede8da;font-size:10px;border-bottom:1px solid #d5c9ad}.hangar-home .notice span{font-size:9px}.hangar-home .backend-status{padding:6px 26px;font-size:9px;background:#f4f0e6;color:#9c8b68}
.hangar-home #studio{max-width:1920px;padding:18px 20px 28px;margin:auto}.hangar-home #studio>.intro{display:none}
.hangar-home .workspace{display:grid;grid-template-columns:235px minmax(0,1fr) 340px;align-items:start;gap:20px}
.hangar-home .parts{padding:0 12px 20px;background:linear-gradient(125deg,#30342c,#1b201a);border:1px solid #817148;box-shadow:inset 0 0 0 4px #ffffff04;clip-path:polygon(0 12px,12px 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);color:#ede8d6;min-width:0}
.cockpit-brand{padding:24px 7px 22px;border-bottom:1px solid #8c774242;margin-bottom:18px}.cockpit-brand b{display:block;font-size:22px;letter-spacing:.08em;color:#e6cc8a}.cockpit-brand span{display:block;font:8px Arial;letter-spacing:.23em;color:#b8a47a;margin-top:9px}
.hangar-home .parts .section-top{padding:0 6px;margin-bottom:14px}.hangar-home .parts .section-top h2{font-size:16px;color:#eee8d7}.hangar-home .parts .section-top>span{font-size:9px;color:#b7a37a}.hangar-home .filter{gap:4px;border:0;padding:0 4px 13px}.hangar-home .filter button{font-size:10px;padding:7px 10px;color:#a99f87;border:1px solid transparent;background:transparent}.hangar-home .filter .selected{background:#e4c6771b;color:#ead095;border-color:#ad8e464d}
.hangar-home .part-list{display:block;max-height:calc(100dvh - 350px);min-height:300px;overflow-y:auto;padding:0 3px;scrollbar-width:thin;scrollbar-color:#7e7049 transparent}.hangar-home .part-group-heading{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 10px;margin:8px 0 5px;border:1px solid #a38b4829;border-radius:4px;background:#12160f42;color:#d9caa6;text-align:left;font-size:12px;font-weight:650;letter-spacing:0}.hangar-home .part-group-heading:after{content:'⌃';color:#b8a16b}.hangar-home .part-group-heading[aria-expanded=false]:after{content:'⌄'}
.hangar-home .part-button{min-height:35px;margin:2px 0;border:1px solid transparent;border-radius:4px;background:transparent;color:#d6d2c5;gap:9px;padding:6px 8px;font-size:11px;width:100%}.hangar-home .part-button[hidden]{display:none!important}.hangar-home .part-button .num{color:#9f967f;font-size:10px}.hangar-home .part-button .part-mini{width:28px;height:25px}.hangar-home .part-button i{margin-left:auto;border-color:#8a856d}.hangar-home .part-button.active{border-color:#c7a454;background:linear-gradient(100deg,#b2914340,#b2914310);color:#ffe8ae;box-shadow:inset 0 0 7px #dfbc5220}.hangar-home .part-button.active .num{color:#ffe8ae}.hangar-home .part-button.completed i{background:#cbb36f;border-color:#e1c987}.hangar-home .part-button.in-progress i{background:#a9be90}.hangar-home .part-button:hover{background-color:#bca35918}.hangar-home .parts .legend{padding:16px 8px 0;border-top:1px solid #a38b4829;color:#b4a688;font-size:9px}
.hangar-home .canvas{grid-column:2;grid-row:1;background:transparent;border:0;box-shadow:none;padding:0;min-width:0;overflow:visible}.hangar-home .hangar-title{padding:0 0 14px;text-align:center}.hangar-home .hangar-title h1{font-size:clamp(21px,2.3vw,36px);line-height:1.4;color:#25271f;letter-spacing:-.04em;margin:4px 0 8px;white-space:normal}.hangar-home .hangar-title h1:before,.hangar-home .hangar-title h1:after{display:none}.hangar-home .hangar-title>span{font-size:7px;letter-spacing:.35em;color:#a8946c}.hangar-home .canvas-top{display:flex;gap:10px;padding:8px 4px;border-top:1px solid #cdbb9270;background:transparent;flex-wrap:wrap;justify-content:flex-end}.hangar-home .canvas-top>span{font-size:8px;color:#a08c5c;margin-right:auto}.hangar-home #view-progress,.hangar-home #view-reset{font-size:10px;min-height:34px;border:1px solid #cbb886;border-radius:5px;padding:7px 10px;background:#fbf6e9;color:#92702b}.hangar-home #view-progress:disabled{color:#b7af9b;border-color:#d9d1bf;background:#ede8dc;opacity:.65}.hangar-home #view-progress[aria-pressed=true]{background:#3b3d31;color:#f1d89b}
.hangar-home .mecha-frame{border:0;min-width:0;background:radial-gradient(ellipse at 50% 45%,#e9d69c16,transparent 65%),repeating-linear-gradient(0deg,transparent 0 39px,#b39b6210 40px),repeating-linear-gradient(90deg,transparent 0 39px,#b39b6210 40px);isolation:isolate}.hangar-home #mecha{height:clamp(380px,calc(100dvh - 300px),750px);min-height:0;width:100%;position:relative;z-index:2}.hangar-home .dimension-diagram{opacity:.7;z-index:0}.hangar-home .stage-guides{opacity:.65}.hangar-home .mecha-ground-shadow{bottom:2%;height:4%;width:65%;opacity:.45}.hangar-home .canvas-caption{font-size:10px;padding:10px 8px;background:transparent;border-bottom:1px solid #c8b48366;display:flex;justify-content:space-between;gap:10px}.hangar-home .canvas-caption small{font-size:8px;color:#a8946c}.hangar-home .weapon-slot{right:1%;top:1%;padding:8px 10px;background:#f8efdaeb;border:1px solid #c4a55b80;z-index:4}.hangar-home .weapon-slot span{font-size:6px}.hangar-home .weapon-slot b{font-size:11px}.hangar-home .weapon-slot small{font-size:7px}
.cockpit-live{position:absolute;left:8px;top:6px;z-index:3;width:145px;padding:12px;border:1px solid #c5af7c;background:#fbf7eceb;box-shadow:0 5px 12px #7b602310;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px)}.cockpit-live>span{font-size:9px;color:#9a7630;display:block;margin-bottom:10px}.cockpit-live>strong{display:flex;gap:7px;align-items:center;margin:6px 0;color:#3b3626}.cockpit-live i{font-style:normal;color:#9d7629;font-size:18px}.cockpit-live b{font:21px Bahnschrift,Arial}.cockpit-live small{font-size:8px;color:#9b8a66}.cockpit-live em{display:block;border-top:1px solid #d8c9a9;margin-top:8px;padding-top:7px;font-style:normal;font-size:8px;color:#aa9d83}
.hangar-home .editor{grid-column:3;grid-row:1;padding:22px 20px;border:1px solid #c6b791;background:linear-gradient(130deg,#fffdf7,#efeadf);box-shadow:inset 0 0 0 4px #fff8;min-width:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);height:auto;min-height:0}.hangar-home .editor>.section-top{padding:0 0 14px;border-bottom:1px solid #dacfb7}.hangar-home .editor>.section-top h2{font-size:11px;color:#9b8250}.hangar-home #slot-number{font-size:9px;letter-spacing:.16em}.hangar-home .part-heading{padding:20px 0 15px;margin:0;display:flex;align-items:center;gap:10px;min-height:0}.hangar-home #part-icon{display:none}.hangar-home .part-heading small{font-size:8px;color:#a39270}.hangar-home .part-heading h3{font-size:34px;line-height:1.3;margin:4px 0;color:#24271f;letter-spacing:-.04em}.hangar-home #part-state{font-size:10px;margin-left:auto;padding:6px 9px;border:1px solid #ba9343;background:#fff7e4;white-space:nowrap;color:#997127}.hangar-home .part-closeup{height:205px;min-height:0;border:1px solid #d9cba9;margin:0 0 20px;background:#efebe3;overflow:hidden}.hangar-home .part-closeup svg{width:100%;height:100%;display:block}.cockpit-steps{padding:18px 0;border-top:1px solid #d7c8a8}.cockpit-steps>span{font-size:10px;color:#9b7b3d}.cockpit-steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:15px 0 0}.cockpit-steps li{text-align:center;position:relative}.cockpit-steps li:not(:last-child):after{content:'›';position:absolute;right:-7px;top:11px;color:#ab8947;font-size:16px}.cockpit-steps li>b{display:grid;place-items:center;width:38px;height:38px;background:#e7d5a840;border-radius:8px;margin:0 auto 8px;color:#97702a;font-size:23px;font-weight:400}.cockpit-steps strong{display:block;font-size:12px;color:#49402d}.cockpit-steps small{display:block;font-size:8px;line-height:1.7;margin-top:5px;color:#a19173}.hangar-home .claim-gate{padding:17px 0 0;margin:0;border:0}.hangar-home .claim-gate>.eyebrow{display:none}.hangar-home .claim-gate p{font-size:11px;line-height:1.9;color:#8d7f63;margin:0 0 15px}.hangar-home .claim-gate>.primary{width:100%;min-height:53px;background:linear-gradient(110deg,#f0dca5,#d4b76b);border:1px solid #b7974d;color:#352c19;font-size:17px;font-weight:750;box-shadow:inset 0 0 0 3px #fff3}.hangar-home .claim-gate>small{font-size:9px;line-height:1.9;display:block;text-align:center;margin-top:10px}.hangar-home .nft-note{margin-top:20px;padding-top:17px;border-top:1px solid #d8c9a9}.hangar-home .nft-note b{font-size:13px}.hangar-home .nft-note p{font-size:9px}.hangar-home #contribution-view{margin:12px 0 0;padding:16px;background:#eee3c6;border:1px solid #c5ac70;overflow-wrap:anywhere}.hangar-home #contribution-view p{font-size:12px;line-height:1.9}.hangar-home #contribution-view small{font-size:9px}.hangar-home .recipe-grid{gap:10px}.hangar-home .editor input,.hangar-home .editor select,.hangar-home .editor textarea{font-size:13px}
.cockpit-activity{padding:16px 14px;margin-top:16px;border:1px solid #d1c1a0;background:linear-gradient(120deg,#fff9,#e9e1cf88);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px)}.cockpit-activity-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cockpit-activity-title h2{font-size:13px;color:#74603b;margin:0}.cockpit-activity-title>span{font:7px Arial;letter-spacing:.13em;color:#ae9b74}#cockpit-feed{display:grid;grid-template-columns:1fr 1fr;gap:14px}#cockpit-feed article{display:flex;gap:12px;min-width:0;padding-right:10px}#cockpit-feed article+article{border-left:1px solid #d4c4a2;padding-left:14px}.cockpit-feed-icon{width:54px;height:64px;flex:none;border:1px solid #d3c6aa;border-radius:4px;background:#f7f2e6}.cockpit-feed-mini{width:100%;height:100%}#cockpit-feed strong{font-size:10px;color:#5b4d32}#cockpit-feed p{font-size:9px;line-height:1.8;color:#9c8c6c;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#cockpit-feed small{font-size:7px;color:#ab9d81;overflow-wrap:anywhere}.cockpit-empty{font-size:11px;color:#998666}.hangar-home #studio>.season-strip{display:none}
@media(min-width:1650px){.hangar-home .workspace{grid-template-columns:270px minmax(0,1fr) 390px;gap:25px}.hangar-home .editor{padding:27px}.hangar-home .part-closeup{height:245px}.hangar-home .part-heading h3{font-size:42px}.hangar-home .part-button{min-height:38px;font-size:12px}}
@media(min-width:901px) and (max-width:1200px){.hangar-home header{gap:12px;padding:8px 16px}.hangar-home header .brand-wordmark{width:190px;height:51px}.hangar-home header nav{gap:13px}.hangar-home header .nav{font-size:11px}.hangar-home header .identity{min-width:110px;font-size:12px}.hangar-home .workspace{grid-template-columns:190px minmax(0,1fr) 290px;gap:13px}.hangar-home #studio{padding:15px 12px}.cockpit-live{width:112px;padding:9px;left:0}.cockpit-live b{font-size:17px}.cockpit-live small{font-size:7px}.hangar-home .weapon-slot{right:0;padding:7px}.hangar-home .part-closeup{height:180px}.hangar-home .editor{padding:19px 15px}.hangar-home .part-heading h3{font-size:29px}}
@media(max-width:900px){.hangar-home header{height:auto;flex-wrap:wrap;padding:10px 14px;gap:10px}.hangar-home header .brand-wordmark{width:190px;height:50px}.hangar-home header nav{order:3;flex:0 0 100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:22px;scrollbar-width:none}.hangar-home header .nav{font-size:12px;min-height:42px}.hangar-home header>.identity{margin-left:auto;min-width:0;font-size:12px;padding:10px 13px}.hangar-home #studio{padding:14px 12px 25px}.hangar-home .workspace{grid-template-columns:minmax(0,1fr);gap:16px}.hangar-home .canvas{grid-column:1;grid-row:1}.hangar-home .parts{grid-column:1;grid-row:2}.hangar-home .editor{grid-column:1;grid-row:3;padding:24px 20px}.hangar-home .cockpit-brand{padding:18px 8px 16px;margin-bottom:14px}.cockpit-brand b{font-size:20px}.hangar-home .part-list{max-height:280px;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:3px 8px}.hangar-home .part-group-heading{grid-column:1/-1;min-height:42px;margin:6px 0 2px}.hangar-home .part-button{min-height:44px;font-size:12px}.hangar-home .hangar-title h1{font-size:26px}.hangar-home #mecha{height:auto;width:100%;aspect-ratio:974/1500;max-height:none}.cockpit-live{left:7px;top:10px;width:130px}.hangar-home .part-closeup{height:260px}.hangar-home .part-heading h3{font-size:35px}.cockpit-steps strong{font-size:13px}.cockpit-steps small{font-size:10px}.hangar-home .claim-gate p{font-size:12px}.hangar-home .claim-gate>small{font-size:10px}.hangar-home .editor input,.hangar-home .editor select,.hangar-home .editor textarea{font-size:16px}.hangar-home .canvas-caption{flex-wrap:wrap}.hangar-home #view-progress,.hangar-home #view-reset{min-height:42px}.cockpit-activity-title h2{font-size:13px}#cockpit-feed strong{font-size:11px}#cockpit-feed p{font-size:10px}#cockpit-feed small{font-size:8px}.hangar-home .editor .primary{min-height:48px}.hangar-home .parts .legend{padding-bottom:0}}
@media(max-width:480px){.hangar-home header .brand-wordmark{width:165px;height:45px}.hangar-home header>.identity{font-size:11px}.hangar-home .hangar-title h1{font-size:21px}.hangar-home .hangar-title>span{font-size:6px;letter-spacing:.22em}.hangar-home .canvas-top>span{font-size:7px;flex:0 0 100%;margin-bottom:2px}.hangar-home .canvas-top{padding:7px 0}.cockpit-live{width:104px;padding:8px;top:5px;left:1px}.cockpit-live>span{font-size:7px;margin-bottom:7px}.cockpit-live b{font-size:17px}.cockpit-live i{font-size:14px}.cockpit-live small{font-size:7px}.cockpit-live em{font-size:7px}.hangar-home .weapon-slot{padding:7px;right:1px;top:6px}.hangar-home .weapon-slot span{font-size:6px}.hangar-home .weapon-slot b{font-size:9px}.hangar-home .weapon-slot small{font-size:6px}.hangar-home .part-closeup{height:215px}#cockpit-feed{grid-template-columns:1fr;gap:13px}#cockpit-feed article+article{border-left:0;padding-left:0;border-top:1px solid #d4c4a2;padding-top:13px}.cockpit-activity{padding:15px 12px}.cockpit-activity-title>span{font-size:6px}.hangar-home .canvas-caption small{font-size:8px}}

@media(min-width:901px){.hangar-home .editor{max-height:calc(100dvh - 170px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#baa36b transparent}.hangar-home .part-list{max-height:calc(100dvh - 380px)}}
@media(min-width:901px) and (max-height:850px){.hangar-home .editor{padding:16px 20px}.hangar-home .part-heading{padding:10px 0}.hangar-home .part-heading h3{font-size:28px}.hangar-home .part-closeup{height:140px;margin-bottom:10px}.cockpit-steps{padding:10px 0}.cockpit-steps ol{margin:8px 0}.hangar-home .claim-gate p{display:none}.hangar-home .claim-gate>small{margin-top:7px}.hangar-home .nft-note{margin-top:12px;padding-top:12px}}

/* Reference B header: transparent light wordmark and beveled wallet control. */
.hangar-home header .brand-wordmark{background:transparent;border:0;border-radius:0;padding:0;object-fit:contain;object-position:left center;width:245px;height:60px;filter:drop-shadow(0 2px 1px #0008)}
.hangar-home header .brand{flex-shrink:0}
.hangar-home header>.identity{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-width:174px;min-height:48px;padding:10px 18px 10px 48px;font-size:16px;font-weight:750;letter-spacing:.02em;color:#292210;border:1px solid #fff0ba;border-radius:9px;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);background:linear-gradient(120deg,#fff2c4 0%,#f4d994 45%,#e4bd6d 100%);box-shadow:inset 0 0 0 3px #f6dfa5,inset 0 0 0 4px #b38b3f88,inset 0 6px 10px #fff5d278,0 3px 7px #0005}
.hangar-home header>.identity:before{content:"";position:absolute;left:20px;top:50%;width:22px;height:19px;transform:translateY(-50%);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 26 22%27 fill=%27none%27 stroke=%27%23896526%27 stroke-width=%272%27%3E%3Cpath d=%27M22 6V3H3a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h21V7H4a2 2 0 0 1 0-4%27/%3E%3Cpath d=%27M24 11h-7v5h7%27/%3E%3Ccircle cx=%2720%27 cy=%2713.5%27 r=%27.5%27/%3E%3C/svg%3E")}
.hangar-home header>.identity span{font-size:21px;margin-left:2px;color:#937135;font-weight:500}
.hangar-home header>.identity:hover{filter:brightness(1.07)}
@media(min-width:901px) and (max-width:1200px){.hangar-home header .brand-wordmark{width:190px}.hangar-home header>.identity{min-width:148px;font-size:13px;padding-right:12px}}
@media(max-width:900px){.hangar-home header .brand-wordmark{width:190px;height:48px}.hangar-home header>.identity{min-width:148px;min-height:44px;font-size:13px;padding:9px 12px 9px 40px}.hangar-home header>.identity:before{left:13px;width:20px}}
@media(max-width:480px){.hangar-home header .brand-wordmark{width:158px;height:44px}.hangar-home header>.identity{min-width:137px;font-size:12px;gap:6px}.hangar-home header>.identity span{font-size:17px}}
@media(max-width:350px){.hangar-home header .brand-wordmark{width:139px}.hangar-home header>.identity{min-width:124px;font-size:11px;padding-left:33px;padding-right:8px}.hangar-home header>.identity:before{left:10px;width:18px}}


/* Generated horizontal B lockup: compensate for the transparent canvas margins. */
.hangar-home header .brand{width:245px;height:60px;position:relative;overflow:hidden}.hangar-home header .brand-wordmark{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:260px;height:auto;max-width:none;filter:none}
@media(min-width:901px) and (max-width:1200px){.hangar-home header .brand{width:190px}.hangar-home header .brand-wordmark{width:202px;left:-6px}}
@media(max-width:900px){.hangar-home header .brand{width:190px;height:48px}.hangar-home header .brand-wordmark{width:202px;left:-6px;height:auto}}
@media(max-width:480px){.hangar-home header .brand{width:158px;height:44px}.hangar-home header .brand-wordmark{width:168px;left:-5px;height:auto}}
@media(max-width:350px){.hangar-home header .brand{width:139px}.hangar-home header .brand-wordmark{width:148px;left:-4px}}