/* Identity from the supplied BArMAlei references. Original artwork is clipped
   with CSS so the portrait and brush wordmark remain unchanged. */
:root{--paper:#f2f0ea;--ink:#111210;--line:#cfcdc7}body{background:var(--paper) url('/src/assets/grain.svg');font-family:'Arial Narrow',Arial,sans-serif}.topline{display:none}main{max-width:1440px;padding:0 44px}.page-content{min-width:0}header{background:#101110 url('/src/assets/grain.svg');color:white;min-height:72px;border:0;padding:0 44px;gap:34px}.wordmark{display:block;width:160px;height:47px;background:url('/src/assets/port-reference-fast.webp') no-repeat;background-size:942.33% auto;background-position:3.64% .82%}.brand{letter-spacing:0}nav{justify-content:flex-start;gap:28px;font-family:'Arial Narrow',Arial;font-size:12px;font-weight:400}nav a{padding:25px 0 17px;border-bottom:3px solid transparent}nav a[aria-current]{color:#fff;border-color:var(--red)}nav a:hover{color:#e10600}.account{display:flex;align-items:center;gap:10px;border:none;background:var(--red);font-family:'Arial Narrow',Arial;font-weight:400;font-size:13px;padding:12px 22px}.account:has(.avatar-mini){background:none;padding:0}.account small{display:block;font-size:10px;font-weight:bold;margin-top:4px}.avatar-mini,.captain-avatar{background-image:url('/src/assets/captain-reference-fast.webp')!important;background-size:5120% auto!important;background-position:18.6% 41.8%!important;background-repeat:no-repeat!important;border-radius:50%;border:0!important}.avatar-mini{height:37px;width:37px;display:block}.port-hero{position:relative;min-height:505px;display:grid;grid-template-columns:57% 43%;margin:0 -44px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{z-index:2;padding:36px 0 20px 65px}.hero-copy .eyebrow{color:#777;font-size:12px;transform:rotate(-4deg);display:inline-block;letter-spacing:1px}.hero-wordmark{margin:15px 0 8px}.hero-wordmark .wordmark{width:500px;height:148px;background-size:308% auto;background-position:3.15% 12.3%}.hero-copy h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:45px;font-weight:400;letter-spacing:-1px;line-height:1.08;margin:10px 0 12px}.hero-copy .lead{font-size:20px;color:#111;margin:12px 0}.handwritten{font-family:'Segoe Print','Comic Sans MS',cursive;font-style:italic;letter-spacing:-1px}.journey{font-size:25px;color:var(--red);transform:rotate(-2deg);white-space:nowrap;margin:24px 0}.journey span{border:2px solid var(--red);border-radius:50%;padding:7px 11px}.hero-copy .actions{margin:25px 0 0;gap:14px}.button{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:16px;letter-spacing:.2px;border-color:#75736d;padding:13px 28px;border-radius:2px}.captain-portrait{position:absolute;width:43%;right:0;top:0;height:100%;background-image:url('/src/assets/port-reference-fast.webp');background-size:320% auto;background-position:69.8% 10.7%;border:0}.hero-note{display:none}.port-decks{position:relative;z-index:3;margin-top:0}.decks{border:0;gap:5px;grid-template-columns:repeat(4,1fr)}.deck{border:1px solid #d9d7d0!important;padding:20px;background:#ffffff38;display:flex;flex-direction:column}.deck:hover{background:#fff9}.deck-number{font:26px Impact;color:var(--red);line-height:1}.deck-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.deck-title h2{font:28px/1.03 Impact,'Arial Narrow',sans-serif;letter-spacing:-.4px;margin:5px 0 0}.ink-icon{width:68px;height:70px;flex-shrink:0;filter:drop-shadow(.8px .5px 0 currentColor)}.ink-icon .accent{stroke:var(--red)}.ink-icon .dashed{stroke-dasharray:3 5}.deck p{font-size:14px;color:#111;margin:14px 0;flex:1;line-height:1.35}.deck-action{font:16px 'Arial Narrow',Arial;color:var(--red)}.watch{background:#101110 url('/src/assets/grain.svg');color:#f3f1ea;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px;margin:6px 0}.watch strong{font:23px Impact;color:var(--red)}.watch strong span{color:white}.watch>div{border-left:1px solid #666;padding-left:20px;font-size:13px}.watch small{display:block;margin-top:5px;color:#65cf61;font-size:12px}.watch>div:nth-last-of-type(2) small{color:#ddd}.status-arrow{background:var(--red);font-size:30px;padding:0 10px}.watch blockquote{display:flex;align-items:center;gap:15px;margin:0;border-left:1px solid #666;padding-left:20px;font-size:13px;line-height:1.5}.watch blockquote b{font:bold 60px Georgia;color:var(--red);line-height:.6}.port-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:6px}.port-bottom a{padding:20px 30px;border:1px solid #d8d6d0;position:relative;min-height:140px;overflow:hidden;background:#fff2}.port-bottom h3{font:23px Impact;letter-spacing:0;margin:0}.port-bottom p{font-size:13px;line-height:1.4;margin:10px 0 0}.port-bottom span{color:var(--red);font-size:32px}.port-bottom .bridge-tile{color:#ddd;background:#151614 url('/src/assets/grain.svg')}.about-tile:after{content:'✳';position:absolute;right:10px;bottom:-30px;font-size:130px;color:#282a251e;transform:rotate(15deg)}.journal-tile:after{content:'〰';position:absolute;right:5px;bottom:8px;font-size:100px;color:#2222;transform:rotate(-30deg)}footer{min-height:90px;background:#111 url('/src/assets/grain.svg');color:#deddd6;padding:20px 44px}footer p,footer span{font-size:12px}footer .wordmark{width:110px;height:33px}.page-head{position:relative;padding:35px 0 25px}.page-head h1{font:64px/1.05 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;margin:20px 0}.page-head .eyebrow{font:13px 'Arial Narrow',Arial;color:#666;letter-spacing:0}.page-head h1:after{content:'';display:block;width:180px;height:5px;background:var(--red);transform:rotate(-4deg);margin-top:8px;clip-path:polygon(0 20%,100% 0,93% 60%,5% 100%)}.page-head .lead{font-size:22px;color:#111}.large-icon .ink-icon{width:130px;height:140px}.tools{gap:10px}.tool{background:#fff5;border-color:#ddd9d1;padding:24px;min-height:215px}.tool h3{font:27px Impact;letter-spacing:0}.tool button{color:var(--red);font-size:14px}.tool p{color:#222;font-size:14px}.tag{font:11px 'Arial Narrow',Arial;border-radius:2px}.public,.authorized{background:none;color:#227735}.locked{color:#888;background:#eee9}.panel{background:#fff5;border:1px solid #d7d3ca;border-radius:2px}.panel h2{font:32px Impact;letter-spacing:0}.login-layout{gap:65px;padding:60px 80px;min-height:690px}.login-layout h1{font:70px Impact;letter-spacing:-1px}.login-layout>div:first-child{position:relative;background:#191b19 url('/src/assets/grain.svg');color:white;padding:45px;overflow:hidden}.login-layout>div:first-child:after{content:'⚓';position:absolute;font-size:200px;right:-20px;bottom:40px;opacity:.12}.login-layout .lead{color:inherit}.login-layout .panel{padding:30px}.tabs{border:0;border-bottom:1px solid #ccc}.tabs button{font:16px 'Arial Narrow',Arial}.tabs .active{background:none;color:#111;border-bottom:3px solid var(--red)}.profile .captain-avatar{width:95px;height:95px}.profile h2{margin-top:15px}.profile-grid{gap:25px}.profile-grid .section-heading h2{font:30px Impact}.notice{margin-bottom:30px}.captain-layout{max-width:none;display:grid;grid-template-columns:210px minmax(0,1fr);padding:0}.captain-sidebar{color:white;background:#111 url('/src/assets/grain.svg');padding:30px 18px;position:relative}.captain-sidebar>span{font-size:37px}.captain-sidebar h2{font:28px/1.1 Impact;letter-spacing:0;margin:15px 0 30px}.captain-sidebar em{font-family:'Segoe Print','Comic Sans MS',cursive;font-size:35px}.captain-sidebar a{display:block;padding:17px 10px;border-block:1px solid #ffffff09;font-size:14px}.captain-sidebar a.selected{border-left:4px solid var(--red);background:#e106001b}.captain-sidebar p{margin-top:140px;font-size:25px;transform:rotate(-10deg);line-height:1.5}.captain-layout .page-content{padding:0 30px 30px}.captain-layout .page-head h1{font-size:73px;margin-bottom:15px}.captain-layout .page-head .lead{margin:0}.crew-note{position:absolute;right:40px;top:45px;transform:rotate(-9deg);font-size:25px;border-bottom:3px solid var(--red)}.stats{background:#fff5;border:1px solid #d9d7cf;padding:0;margin:0 0 22px}.stats div{padding:20px;border-right:1px solid #d9d7cf;font:13px 'Arial Narrow',Arial}.stats strong{font:32px Impact}.admin-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:20px}.user-list{border:1px solid #d8d5ce;background:#fff6}.user-row{padding:18px 15px}.user-row small{font:12px 'Arial Narrow',Arial;margin-top:7px}.user-row.selected{background:#fff9}.small-avatar{border-radius:50%;width:42px;height:42px}.user-row strong{font:18px 'Arial Narrow',Arial}.user-row>span:nth-child(2){min-width:0}.grant{font-family:'Arial Narrow',Arial}.check{font-size:14px}input:not([type=checkbox]),select{background:#fff6;border-color:#ccc8be;border-radius:2px}.audit h2{font-family:Impact}.user-row[data-user="captain"] small{color:var(--red)}.user-row[data-user="officer"] small{color:#0077bd}.user-row[data-user="guest"] small{color:#b87700}
@media(max-width:1200px){header{gap:25px}nav{gap:16px;font-size:11px}.hero-copy{padding-left:44px}.hero-wordmark .wordmark{width:420px;height:125px}.hero-copy h1{font-size:39px}.journey{font-size:20px}.crew-note{font-size:20px;right:10px}.deck-title h2{font-size:24px}.ink-icon{width:58px}.watch{gap:10px;padding:20px 16px}.watch blockquote{display:none}}
@media(max-width:950px){header{padding-inline:25px}nav{gap:10px;font-size:10px}.wordmark{width:130px;height:38px}.account{padding:10px}.port-hero{min-height:455px}.hero-copy{padding-left:35px}.hero-wordmark .wordmark{width:330px;height:98px}.hero-copy h1{font-size:33px}.hero-copy .lead{font-size:16px}.journey{font-size:17px}.hero-copy .actions{gap:9px}.hero-copy .button{font-size:13px;padding:12px 17px}.decks{grid-template-columns:repeat(2,1fr)}.captain-layout{grid-template-columns:170px 1fr}.captain-sidebar h2{font-size:23px}.captain-sidebar a{font-size:12px}.admin-grid{grid-template-columns:1fr}.crew-note{display:none}.login-layout{padding:40px 0;gap:20px}}
@media(max-width:760px){main{padding:0 16px}header{padding:12px 18px;min-height:68px;gap:13px}.menu{color:white;font-size:25px;line-height:1}.account{background:none;padding:0;font-size:12px}.account .avatar-mini{width:31px;height:31px}nav{flex-direction:column;gap:0;font-size:15px}nav a{padding:12px}.port-hero{display:flex;flex-direction:column;min-height:0;margin:0 -16px}.captain-portrait{position:relative;order:-1;height:270px;width:100%;background-size:320% auto;background-position:69.8% 10.7%}.hero-copy{padding:16px 22px 25px}.hero-copy .eyebrow{font-size:10px;margin-top:0}.hero-wordmark{display:none}.hero-copy h1{font-size:34px;margin-top:14px}.hero-copy .lead{font-size:16px;line-height:1.4}.journey{font-size:17px;white-space:normal;line-height:1.9;margin:15px 0}.journey span{padding:2px 7px}.hero-copy .actions{display:grid;gap:9px;margin-top:16px}.hero-copy .button{font-size:16px;padding:12px}.decks{display:block}.deck{padding:20px 8px;background:none;border:0!important;border-top:1px solid var(--line)!important;position:relative;margin:0}.deck-number{font-size:22px;position:absolute;top:24px;left:8px}.deck-title{padding-left:35px;justify-content:flex-start}.deck-title h2{font-size:27px;flex:1}.deck .ink-icon{width:64px;height:68px}.deck p,.deck-action{margin-left:35px}.deck p{font-size:14px}.watch{flex-wrap:wrap;padding:17px 15px;gap:15px}.watch strong{font-size:20px}.watch>div{padding-left:13px;flex:1;min-width:75px}.watch>div:last-of-type{display:none}.status-arrow{font-size:24px}.port-bottom{grid-template-columns:1fr}.port-bottom a{min-height:130px;padding:20px}.page-head h1{font-size:44px;overflow-wrap:normal}.page-head .lead{font-size:18px}.large-icon .ink-icon{width:80px}.login-layout{grid-template-columns:1fr;padding:25px 0;gap:15px}.login-layout>div:first-child{padding:25px}.login-layout h1{font-size:42px;margin:10px 0}.login-layout .mini-manifest{display:none}.login-layout .panel{padding:22px}.profile-grid{grid-template-columns:1fr}.captain-layout{display:block;padding:0 16px}.captain-sidebar{padding:15px;margin:0 -16px}.captain-sidebar>span,.captain-sidebar h2,.captain-sidebar p{display:none}.captain-sidebar a{display:inline-block;font-size:12px;padding:9px 8px;border:0}.captain-layout .page-content{padding:0}.captain-layout .page-head{padding-top:25px}.captain-layout .page-head h1{font-size:55px}.stats{grid-template-columns:repeat(3,1fr)}.stats div{font-size:10px;padding:13px}.stats strong{font-size:28px}.admin-grid{grid-template-columns:1fr;gap:20px}.compact{grid-template-columns:1fr}footer{padding:22px 18px;gap:20px}footer p{font-size:11px}footer span{font-size:10px}.user-row strong{font-size:16px}.grant{grid-template-columns:1fr 130px}.tool{min-height:210px}}

/* Original art registration and crew detail rows. */
.avatar-mini,.captain-avatar{background-size:3490.9% auto!important;background-position:17.97% 43.27%!important}
.initial-avatar{background:#343632!important;color:white;display:grid;place-items:center;font-size:18px}
.hero-wordmark .wordmark{background-position:3.86% 13.7%}
.hero-copy:before{content:'';position:absolute;inset:0 43% 0 0;background:url('/src/assets/port-reference-fast.webp');background-size:768% auto;background-position:39.8% 7%;opacity:.14;z-index:-1}
.captain-portrait{background-size:auto 218%;background-position:71.5% 7.7%}
.crew-table-head{display:grid;grid-template-columns:1.5fr 1fr auto;gap:10px;padding:14px 15px;background:#fff6;border:1px solid #d8d5ce;border-bottom:0;font:12px 'Arial Narrow',Arial}
.row-access{display:flex;gap:7px;align-items:center}.row-access .ink-icon{width:25px;height:29px}.no-grant{opacity:.25}.row-settings{font-size:12px;border:1px solid #ccc;padding:8px;white-space:nowrap}
.role-badge{display:inline-block!important;padding:4px 8px;background:#e6e5e0;border-radius:3px;font-weight:bold!important}
.role-captain{background:#ffd0cf;color:#e10600}.role-officer{background:#cfe9fa;color:#008bcb}.role-guest{background:#ffebc6;color:#bd7800}
.captain-layout .admin-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}
.captain-layout .page-head:before{content:'';position:absolute;right:0;top:0;width:35%;height:100%;background:url('/src/assets/port-reference-fast.webp');background-size:768% auto;background-position:39.8% 7%;opacity:.18;z-index:-1}
@media(max-width:1200px){.row-access{display:none}.crew-table-head{grid-template-columns:1fr auto}.crew-table-head span:nth-child(2){display:none}}
@media(max-width:950px){.captain-layout .admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){.captain-portrait{background-size:320% auto;background-position:69.8% 7.7%}.hero-copy:before{inset:270px 0 0;opacity:.1}.row-access{display:flex}.row-settings{font-size:0;border:0}.row-settings:after{content:'›';font-size:22px}.crew-table-head{display:none}.row-access .ink-icon{width:20px;height:24px}.user-row{flex-wrap:wrap}.user-row>span:nth-child(2){flex-basis:65%}.row-access{margin-left:57px}.page-head h1{overflow-wrap:anywhere}}

.captain-sidebar{overflow:hidden}.captain-sidebar:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:380px;background:url('/src/assets/captain-reference-fast.webp') no-repeat;background-size:1536px 1024px;background-position:0 -530px;pointer-events:none;opacity:.65;mask-image:linear-gradient(transparent,#000 20%)}
.captain-sidebar a,.captain-sidebar p{position:relative;z-index:1}.captain-sidebar p{margin-top:90px}.login-subtitle{font-size:19px;margin-top:-12px}.hero-wordmark .wordmark{height:132px}.hero-copy:before{background-size:768% auto;background-position:39.8% 7%;mask-image:linear-gradient(110deg,transparent 35%,#000);opacity:.2}
@media(max-width:760px){.captain-sidebar:after{display:none}}

.captain-portrait{background-position:68% 11.65%}.hero-wordmark{mix-blend-mode:multiply}
@media(max-width:760px){.captain-portrait{background-position:69.8% 9%}}

.original-icon{display:inline-block;background-image:url('/src/assets/port-reference-fast.webp');background-repeat:no-repeat;filter:none;mix-blend-mode:multiply;aspect-ratio:1}
.original-ai{background-size:1920% auto;background-position:14.29% 59.7%}
.original-vpn{background-size:1396.4% auto;background-position:33.8% 60.2%}
.original-proxy{background-size:1706.7% auto;background-position:53.7% 60.2%}
.original-services{background-size:1536% auto;background-position:74.37% 60.1%}
.row-access .original-icon{height:25px}.no-grant .original-icon{filter:grayscale(1)}
