.lore-two-col{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-xl);align-items:start;max-width:var(--max-width-xl);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.lore-content-col{display:flex;flex-direction:column;gap:var(--spacing-xl);min-width:0}.lore-portrait-col{position:sticky;top:90px;display:flex;flex-direction:column;align-items:center}.lore-portrait-rig{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.lore-rig-top{position:relative;width:100%;height:80px;display:flex;justify-content:space-between;align-items:flex-start;padding:0 24px}.lore-ceiling-beam{position:absolute;top:0;left:0;right:0;height:14px;background:linear-gradient(to bottom,#3a2818 0,#5c3d1e 35%,#8b6f47 60%,#5c3d1e 80%,#3a2818 100%);border-bottom:2px solid var(--color-brass-aged);box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}.lore-beam-bolt{position:absolute;top:2px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8c870,#b5893a 50%,#6b4c20);box-shadow:0 0 0 2px #4a3520,inset 0 1px 2px rgba(0,0,0,.5)}.lore-beam-bolt:first-child{left:20px}.lore-beam-bolt:nth-child(2){left:50%;transform:translateX(-50%)}.lore-beam-bolt:nth-child(3){right:20px}.lore-rope-side{display:flex;flex-direction:column;align-items:center;margin-top:14px}.lore-pulley{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f0d070 0,#d4a858 35%,#b5893a 60%,#7a5520 100%);box-shadow:0 0 0 3px #4a3520,inset 0 1px 3px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.4);position:relative}.lore-pulley::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8b6b3a,#4a3010);box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}.lore-rope{width:4px;flex:1;min-height:30px;background:repeating-linear-gradient(to bottom,#5c3d1e 0,#5c3d1e 3px,#8b6f47 3px,#8b6f47 6px,#4a2e10 6px,#4a2e10 8px,#7a5830 8px,#7a5830 11px);box-shadow:inset 1px 0 2px rgba(0,0,0,.3),inset -1px 0 1px rgba(255,255,255,.05)}@keyframes lore-sway{0%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-5px) rotate(0)}100%{transform:translateY(-2px) rotate(.3deg)}}.lore-portrait-frame{width:100%;position:relative;animation:lore-sway 4s ease-in-out infinite alternate;transform-origin:top center}.lore-frame-hook{position:absolute;top:-8px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8c870,#b5893a 50%,#6b4c20);box-shadow:0 0 0 2px #4a3520}.lore-frame-hook-l{left:24px}.lore-frame-hook-r{right:24px}.portrait-flip-card{width:100%;perspective:900px;cursor:pointer}.portrait-flip-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.45, .05, .55, .95)}.portrait-flip-inner.flipped{transform:rotateY(180deg)}.portrait-face{width:100%;height:auto;max-height:calc(100vh - 260px);object-fit:contain;object-position:top center;display:block;border:4px solid var(--color-brass-polished);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(42,34,24,.6) 0,transparent 30%);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 8px 24px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);backface-visibility:hidden;-webkit-backface-visibility:hidden}.portrait-back{position:absolute;top:0;left:0;transform:rotateY(180deg)}.lore-portrait-frame.flipping{animation-play-state:paused}.lore-frame-rivet{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8c870,#b5893a 50%,#6b4c20);box-shadow:0 0 0 2px #4a3520,inset 0 1px 2px rgba(0,0,0,.5)}.lore-frame-rivet-tl{top:8px;left:8px}.lore-frame-rivet-tr{top:8px;right:8px}.lore-frame-rivet-bl{bottom:8px;left:8px}.lore-frame-rivet-br{bottom:8px;right:8px}.lore-rig-gear{position:absolute;top:-10px;right:-20px;width:56px;height:56px;opacity:.7;z-index:0}.manifest-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm) var(--spacing-lg)}.manifest-row{display:flex;flex-direction:column;gap:.2rem}.manifest-row dt{font-family:var(--font-technical);font-size:var(--font-size-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--color-iron-dark);opacity:.65}.manifest-row dd{font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--color-iron-dark);margin:0}.captain-log-section{padding:var(--spacing-xl) 0}.captain-log-list{list-style:none;padding:40px 0 40px;margin:var(--spacing-xl) auto 0;max-width:760px;position:relative}.captain-log-list::before{content:'';position:absolute;left:148px;top:32px;bottom:32px;width:8px;background:linear-gradient(to right,var(--color-copper-aged) 0,var(--color-copper-bright) 40%,var(--color-copper-aged) 100%);box-shadow:inset 1px 0 2px rgba(0,0,0,.3),inset -1px 0 2px rgba(0,0,0,.2)}.captain-log-list::after{content:'';position:absolute;left:133px;top:8px;width:38px;height:24px;border-radius:4px 4px 2px 2px;background:linear-gradient(rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 100%),linear-gradient(rgba(0,0,0,.18) 0,rgba(0,0,0,.18) 100%),linear-gradient(to bottom,#f0c860 0,#c8943a 50%,#9a6c20 100%);background-size:70% 2px,70% 2px,100% 100%;background-position:15% 35%,15% 70%,0 0;background-repeat:no-repeat,no-repeat,no-repeat;box-shadow:0 0 0 2px #3a2510,0 4px 10px rgba(0,0,0,.7),inset 0 2px 0 rgba(255,230,120,.5),inset 0 -2px 0 rgba(0,0,0,.5);z-index:2}.captain-log-list .log-entry:last-child::after{content:'';position:absolute;left:133px;bottom:-32px;width:38px;height:24px;border-radius:2px 2px 5px 5px;background:linear-gradient(to bottom,#a07020 0,#7a5018 50%,#4e3008 100%);box-shadow:0 0 0 2px #261408,0 5px 12px rgba(0,0,0,.8),inset 0 1px 0 rgba(200,150,40,.2),inset 0 -2px 0 rgba(0,0,0,.7);z-index:2}.log-entry{display:grid;grid-template-columns:152px 1fr;gap:0 var(--spacing-lg);margin-bottom:var(--spacing-md);position:relative}.log-entry::before{content:'';position:absolute;left:140px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8c870,#b5893a 50%,#6b4c20 80%);box-shadow:0 0 0 3px #4a3520,inset 0 1px 3px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.4);z-index:1}.log-date{text-align:right;padding-right:var(--spacing-sm);padding-top:var(--spacing-sm)}.log-date-label{font-family:var(--font-technical);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:#c8a050;display:block;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.8)}.log-plate{position:relative;background:url('../assets/images/textures/brushed-alum-dark.png'),linear-gradient(160deg,#2e2318 0,#3a2d1e 45%,#2a1e0e 100%);border:2px solid #6b5030;border-top-color:#a07840;border-left-color:#8a6535;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 4px);box-shadow:0 4px 12px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.06),inset 0 1px 0 rgba(255,200,80,.08),inset 0 -1px 0 rgba(0,0,0,.4);border-left:4px solid #8a6535}.log-plate::after,.log-plate::before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e0c060,#a07830 55%,#5a3a10);box-shadow:0 0 0 1px #3a2510,inset 0 1px 2px rgba(0,0,0,.6)}.log-plate::before{top:7px;right:8px}.log-plate::after{bottom:7px;right:8px}.log-plate-title{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg);letter-spacing:.06em;text-transform:uppercase;color:#e8c870;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(212,168,88,.2);margin:0 0 .3rem}.log-plate-desc{font-family:var(--font-body);font-size:var(--font-size-base);color:rgba(235,218,185,.88);margin:0;line-height:1.55;text-shadow:0 1px 2px rgba(0,0,0,.7)}.log-entry-milestone .log-plate{background:url('../assets/images/textures/brushed-alum-dark.png'),linear-gradient(160deg,#3a2a10 0,#4e3818 45%,#3a2a10 100%);border:2px solid #a07030;border-top-color:#d4a840;border-left:5px solid #c49030;box-shadow:0 6px 20px rgba(0,0,0,.65),0 0 16px rgba(180,130,40,.2),0 1px 0 rgba(255,200,80,.12),inset 0 1px 0 rgba(255,200,80,.15),inset 0 -1px 0 rgba(0,0,0,.5)}.log-entry-milestone .log-plate-title{font-size:var(--font-size-lg);color:#f0d070;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 12px rgba(240,200,80,.3)}.log-entry-milestone::before{width:30px;height:30px;left:137px;background:radial-gradient(circle at 35% 35%,#f0d070,#d4a858 40%,#b5893a 65%,#7a5520 100%);box-shadow:0 0 0 3px #3a2810,0 0 8px rgba(212,168,88,.4),inset 0 1px 3px rgba(0,0,0,.4)}.lore-goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.goal-card{position:relative;background:url('../assets/images/textures/light-aluminum.png'),linear-gradient(160deg,#f0e8d0 0,#e8dcc0 50%,#eae0c8 100%);border:2px solid #8a6535;border-top:3px solid #c49030;border-radius:var(--radius-sm);padding:0;box-shadow:0 6px 18px rgba(0,0,0,.65),0 1px 0 rgba(255,220,100,.15),inset 0 1px 0 rgba(255,240,180,.2),inset 0 -2px 0 rgba(0,0,0,.25);overflow:hidden;display:flex;flex-direction:column}.goal-card::before{content:attr(data-title);display:block}.goal-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:radial-gradient(circle at 35% 35%,#d4a040,#8a6020 55%,#4a3010) 8px 8px/9px 9px no-repeat,radial-gradient(circle at 35% 35%,#d4a040,#8a6020 55%,#4a3010) calc(100% - 8px) 8px/9px 9px no-repeat,radial-gradient(circle at 35% 35%,#d4a040,#8a6020 55%,#4a3010) 8px calc(100% - 8px)/9px 9px no-repeat,radial-gradient(circle at 35% 35%,#d4a040,#8a6020 55%,#4a3010) calc(100% - 8px) calc(100% - 8px)/9px 9px no-repeat;border-radius:var(--radius-sm);z-index:2}.goal-card-title{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;color:#3a2a0a;text-shadow:0 1px 0 rgba(255,220,100,.5);margin:0;padding:.55rem var(--spacing-md) .5rem;background:url('../assets/images/textures/brushed-alum.png'),linear-gradient(to bottom,#d4a040 0,#b58030 40%,#9a6c28 100%);border-bottom:2px solid #6a4010;box-shadow:inset 0 1px 0 rgba(255,220,100,.4),0 2px 4px rgba(0,0,0,.4);position:relative;z-index:1}.goal-card-desc{font-family:var(--font-body);font-size:var(--font-size-base);color:#4a3820;margin:0;padding:var(--spacing-sm) var(--spacing-md);line-height:1.55;flex:1}.barkaneer-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.barkaneer-tag{font-family:var(--font-technical);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-iron-dark);background:linear-gradient(135deg,rgba(212,168,88,.2) 0,rgba(184,147,110,.1) 100%);border:1px solid rgba(212,168,88,.4);border-radius:3px;padding:.3rem .7rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.skills-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-lg)}.skills-block h4{font-family:var(--font-technical);font-size:var(--font-size-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--color-brass-aged);margin:0 0 var(--spacing-xs);padding-bottom:.4rem;border-bottom:1px solid rgba(212,168,88,.3)}.skills-block ul{list-style:none;padding:0;margin:0}.skills-block li{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-iron-dark);padding:.25rem 0;border-bottom:1px solid rgba(58,50,38,.08);display:flex;align-items:center;gap:.5rem}.skills-block li::before{content:'';width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8c870,#b5893a 50%,#6b4c20);flex-shrink:0}.prefs-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.prefs-block-title{font-family:var(--font-technical);font-size:var(--font-size-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--color-brass-aged);margin:0 0 var(--spacing-xs);padding-bottom:.4rem;border-bottom:1px solid rgba(212,168,88,.3)}.prefs-chips{display:flex;flex-wrap:wrap;gap:.4rem}.pref-chip{font-family:var(--font-technical);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border-radius:3px}.pref-chip-like{color:var(--color-primary-teal);background:rgba(60,130,122,.1);border:1px solid rgba(60,130,122,.3)}.pref-chip-dislike{color:var(--color-bronze-dark);background:rgba(107,83,68,.1);border:1px solid rgba(107,83,68,.3)}.spec-grid{display:grid;grid-template-columns:120px 1fr;gap:.5rem var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-iron-dark);text-shadow:1px 1px #aaa;padding:15px}.spec-label{font-family:var(--font-technical);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-iron-dark);opacity:.6;padding-top:.15rem}.spec-value{border-bottom:1px solid rgba(58,50,38,.1);padding-bottom:.4rem}.design-credits{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid rgba(212,168,88,.25);display:flex;gap:var(--spacing-lg);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-iron-dark)}.design-credits dt{font-family:var(--font-technical);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-brass-aged)}.design-credits a{color:var(--color-primary-teal)}.lore-two-col-wrapper{background-image:linear-gradient(to bottom,rgba(28,20,12,.72) 0,rgba(28,20,12,.6) 100%),url('../assets/images/textures/tileable-wood-colored.png');background-repeat:repeat;background-size:auto;border-top:3px solid var(--color-brass-polished);border-bottom:3px solid var(--color-brass-polished);position:relative}.lore-two-col-wrapper::after,.lore-two-col-wrapper::before{content:'';display:block;height:3px;background:repeating-linear-gradient(to right,transparent 0,transparent 40px,var(--color-brass-polished) 40px,var(--color-brass-polished) 42px)}.captain-log-section{background-image:linear-gradient(to bottom,rgba(20,13,7,.82) 0,rgba(30,18,8,.78) 100%),url('../assets/images/textures/purty-wood.png');background-repeat:repeat;background-size:auto;border-top:4px solid #2a1a08;border-bottom:4px solid #2a1a08;box-shadow:inset 0 4px 24px rgba(0,0,0,.5),inset 0 -4px 24px rgba(0,0,0,.4);position:relative}.captain-log-section::after,.captain-log-section::before{content:'';position:absolute;left:0;right:0;height:18px;background:linear-gradient(to bottom,#1a1008 0,#3a2810 40%,#1a1008 100%);background-image:radial-gradient(circle at 20px 9px,#d4a858 3px,transparent 3px),radial-gradient(circle at 20px 9px,#8b6030 5px,transparent 5px),linear-gradient(to bottom,#1a1008 0,#3a2810 40%,#1a1008 100%);background-size:56px 18px,56px 18px,100% 100%;background-repeat:repeat-x,repeat-x,no-repeat}.captain-log-section::before{top:0}.captain-log-section::after{bottom:0;transform:scaleY(-1)}.section.bg-teal.lore-goals-section{background-image:linear-gradient(to bottom,rgba(15,32,28,.88) 0,rgba(20,42,36,.84) 100%),url('../assets/images/textures/retina-wood.png');background-repeat:repeat;background-size:auto;background-color:transparent;border-top:4px solid #1a3028;border-bottom:4px solid #1a3028;box-shadow:inset 0 4px 20px rgba(0,0,0,.4),inset 0 -4px 20px rgba(0,0,0,.3);position:relative}.section.bg-teal.lore-goals-section::after,.section.bg-teal.lore-goals-section::before{content:'';position:absolute;left:0;right:0;height:18px;background-image:radial-gradient(circle at 20px 9px,#5ba090 3px,transparent 3px),radial-gradient(circle at 20px 9px,#2c5048 5px,transparent 5px),linear-gradient(to bottom,#0d1f1a 0,#1e3d30 40%,#0d1f1a 100%);background-size:56px 18px,56px 18px,100% 100%;background-repeat:repeat-x,repeat-x,no-repeat}.section.bg-teal.lore-goals-section::before{top:0}.section.bg-teal.lore-goals-section::after{bottom:0;transform:scaleY(-1)}.lore-portrait-col{overflow:visible}.lore-rope-ext-l,.lore-rope-ext-r{position:absolute;width:4px;background:repeating-linear-gradient(to bottom,#5c3d1e 0,#5c3d1e 3px,#8b6f47 3px,#8b6f47 6px,#4a2e10 6px,#4a2e10 8px,#7a5830 8px,#7a5830 11px);box-shadow:inset 1px 0 2px rgba(0,0,0,.3),inset -1px 0 1px rgba(255,255,255,.05);top:0;transform:translateY(-100vh);height:100vh;z-index:1;pointer-events:none}.lore-rope-ext-l{left:calc(24px + 9px)}.lore-rope-ext-r{right:calc(24px + 9px)}@media (max-width:900px){.lore-two-col{grid-template-columns:1fr;gap:var(--spacing-lg)}.lore-portrait-col{position:static;order:-1;max-width:340px;margin:0 auto}.portrait-face{max-height:60vh}.lore-rig-top,.lore-rope-ext-l,.lore-rope-ext-r{display:none}.lore-portrait-frame{animation:none}.lore-goals-grid{grid-template-columns:repeat(2,1fr)}.captain-log-list{padding-left:0}}@media (max-width:600px){.manifest-grid,.prefs-grid,.skills-two-col{grid-template-columns:1fr}.lore-goals-grid{grid-template-columns:1fr}.log-entry{grid-template-columns:110px 1fr}.captain-log-list::before{left:108px}.captain-log-list .log-entry:last-child::after,.captain-log-list::after{left:93px}.log-entry::before{left:100px}.log-entry-milestone::before{left:97px}}