.social-topbar{background:#20211e;border-bottom:1px solid #383a32;padding:10px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.social-topbar>span{font-size:9px;letter-spacing:1.5px;color:#bcbeb4}.social-topbar>div{display:flex;gap:25px;align-items:center}.social-topbar a,.social-pending{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:600}.social-topbar a:hover{color:var(--red)}.social-topbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.social-topbar small{font-size:9px;font-weight:400;color:#a6aa9c}.social-pending{color:#929789}.header{gap:20px}.header nav{gap:22px}.mascot-section{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;border-top:1px solid var(--line);padding-top:45px;padding-bottom:45px}.mascot-section img{display:block;width:100%;max-width:440px;height:auto}.mascot-section em{color:var(--red);font-style:italic}.mascot-section p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:15px;line-height:1.7}.page-intro{padding-top:70px;padding-bottom:50px;border-bottom:1px solid var(--line);background:linear-gradient(125deg,#21191a,transparent 70%)}.page-intro h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(60px,7vw,100px);line-height:.92;margin:0 0 25px}.page-intro h1 em{color:var(--red)}.page-intro p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.7;max-width:650px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.market-section,.journal-section{padding-top:40px}.market-toolbar{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:25px;margin-bottom:35px}.market-toolbar label{font-size:11px;color:var(--muted)}.market-toolbar input,.market-toolbar select,.editor-form input,.editor-form select,.editor-form textarea{color:var(--ink);border-bottom-color:#53564b;font-size:14px}.market-toolbar input::placeholder,.editor-form input::placeholder,.editor-form textarea::placeholder{color:#a1a597}.market-toolbar option,.editor-form option{background:#191b16;color:#fff}.market-toolbar input:focus,.market-toolbar select:focus,.editor-form input:focus,.editor-form select:focus,.editor-form textarea:focus{outline:1px solid var(--red);outline-offset:5px;border-bottom-color:var(--red)}#listing-count{font-size:11px;color:var(--muted);padding-bottom:15px}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.market-card{border:1px solid var(--line);background:#191b17;overflow:hidden}.market-card>img{width:100%;height:230px;object-fit:cover}.no-photo{height:180px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#20231d,#20231d 10px,#1b1e17 10px,#1b1e17 11px);color:#c6c9bc;font-family:'Barlow Condensed';font-size:30px}.market-card-body{padding:25px}.market-card h3{font-size:30px;margin-bottom:15px;overflow-wrap:anywhere}.market-card .price{font-size:24px;font-weight:700;margin-bottom:18px}.spec-row{display:flex;flex-wrap:wrap;gap:12px;color:#c1c6b6;font-size:11px;margin-bottom:20px}.market-card button{background:none;border:0;border-top:1px solid var(--line);color:var(--ink);padding:16px 0 0;display:flex;justify-content:space-between;width:100%;font-size:11px;font-weight:700}.market-card button span{color:var(--red)}.market-disclaimer{font-size:11px;color:var(--muted);line-height:1.7;margin-top:30px}.empty-state{grid-column:1/-1;border:1px dashed #474b3e;padding:55px 30px;text-align:center;color:var(--muted);line-height:1.8}.empty-state strong{display:block;font-family:'Barlow Condensed';font-size:32px;color:#f2f4e9;margin-bottom:12px}.submit-section{background:#1a1c17;display:grid;grid-template-columns:1fr 1.4fr;gap:8%;scroll-margin-top:25px}.submit-section>div p,.submit-section li{font-size:14px;line-height:1.8;color:var(--muted)}.submit-section ol{padding-left:20px;margin:25px 0}.submit-section>div a{text-decoration:underline;color:var(--ink)}.editor-form label{font-size:12px;font-weight:500;display:block;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.form-grid .wide{grid-column:1/-1}.editor-form .checkbox-label{display:flex;align-items:start;gap:12px;font-size:12px;line-height:1.6}.checkbox-label input{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--red)}.editor-form input[type=file]{font-size:11px;white-space:normal}.editor-form input[type=file]::file-selector-button{background:#30342a;color:#fff;border:1px solid #555c48;padding:10px;margin-right:12px}.editor-form small{font-size:10px;color:var(--muted)}.editor-form .trap{display:none}.photo-previews{display:flex;flex-wrap:wrap;gap:10px}.photo-previews img{width:90px;height:70px;object-fit:cover;margin-bottom:20px}.editor-form>p{font-size:12px;color:var(--muted);line-height:1.6}.editor-form [role=status]{color:var(--ink);overflow-wrap:anywhere}.button:disabled{opacity:.5;cursor:wait;transform:none}.journal-filters{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:35px}.journal-filters button{background:none;border:0;color:var(--muted);padding:15px 0;font-weight:600}.journal-filters button[aria-pressed=true]{color:#fff;border-bottom:2px solid var(--red)}.journal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.post-card{padding:35px;border:1px solid var(--line);background:linear-gradient(150deg,#24191a,#171914)}.post-card h3{font-size:36px;line-height:1.05;margin:18px 0;overflow-wrap:anywhere}.post-card p{color:var(--muted);font-size:14px;line-height:1.8}.post-card button{background:none;border:0;color:#fff;font-weight:700;padding:10px 0}.social-feature{background:#1a1d16;display:flex;align-items:center;flex-wrap:wrap;gap:40px}.social-feature>div{margin-right:auto}.social-feature h2{margin-bottom:0}dialog{background:#191b17;color:#f3f4ed;border:1px solid #454a3a;width:min(850px,94vw);max-height:90vh;padding:40px;overflow:auto}dialog::backdrop{background:#000c}.dialog-close{position:sticky;top:0;float:right;background:#30372a;border:0;color:#fff;width:38px;height:38px;font-size:25px;z-index:1}dialog h2{font-size:44px;margin-top:20px;overflow-wrap:anywhere}.detail-gallery{display:flex;gap:15px;overflow-x:auto;margin:25px 0}.detail-gallery img{width:85%;max-height:400px;object-fit:contain;background:#111}.detail-copy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9}.detail-contact{border-top:1px solid var(--line);margin-top:25px;padding-top:25px;display:flex;flex-wrap:wrap;gap:20px}.detail-contact a{color:var(--red)}.post-language-note{font-size:12px;color:var(--muted)}#admin-login{display:flex;gap:30px;flex-wrap:wrap;align-items:center}#admin-login form{max-width:450px}#admin-content[hidden],#admin-login[hidden]{display:none}.admin-item{border:1px solid var(--line);padding:25px;margin:20px 0}.admin-item h3{margin-bottom:15px}.admin-item p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:13px}.admin-item button,#admin-logout{background:#30372a;color:#fff;border:1px solid #555d47;padding:12px;margin:5px 10px 5px 0}.admin-item .admin-gallery{display:flex;gap:15px;overflow:auto}.admin-gallery img{width:150px;height:110px;object-fit:cover}.admin-status-badge{color:var(--red);font-size:12px;font-weight:700}hr{border:0;border-top:1px solid var(--line);margin:60px 0}#admin-content .editor-form{max-width:850px}#admin-content .text-link{margin:20px 0}#admin-status{white-space:pre-wrap}@media(max-width:1100px){.header nav{gap:15px;font-size:11px}.header-cta{display:none}.market-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.social-topbar{padding:10px 6%}.social-topbar>span{display:none}.social-topbar>div{width:100%;justify-content:space-between;gap:8px}.social-topbar a,.social-pending{font-size:10px;gap:5px}.social-topbar small{display:none}.social-topbar svg{width:16px;height:16px}.header nav{font-size:16px;gap:20px}.page-intro{padding-top:45px}.page-intro h1{font-size:60px}.page-title-row{display:block}.page-title-row>.button{margin-top:10px}.market-toolbar{grid-template-columns:1fr 1fr;gap:20px}.market-toolbar>label:first-child{grid-column:1/-1}.market-grid,.journal-grid,.submit-section,.mascot-section{grid-template-columns:1fr}.submit-section{gap:30px}.market-card>img{height:240px}.mascot-section{gap:20px}.mascot-section img{max-width:320px;margin:auto}.mascot-section h2{font-size:55px}.form-grid{gap:0 18px}.form-grid input{min-width:0}.journal-filters{gap:23px}.social-feature{gap:25px}.post-card{padding:25px}dialog{padding:22px}.detail-gallery img{width:100%}.editor-form .button{width:100%}}
[hidden]{display:none!important}

/* Decorative drifting mascot. Fixed overlay never intercepts page clicks. */
.drift-crab{position:fixed;left:0;top:0;width:132px;height:132px;z-index:35;pointer-events:none;mix-blend-mode:screen;animation:crab-route 34s linear infinite;will-change:transform;contain:layout style}
.drift-crab img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:contrast(1.28);animation:crab-lean 1s ease-in-out infinite alternate}
.crab-smoke{position:absolute;left:-20px;top:70px;width:70px;height:35px}
.crab-smoke i{position:absolute;width:30px;height:23px;border-radius:50%;background:radial-gradient(ellipse,#ddd7,transparent 70%);animation:crab-smoke 1.5s ease-out infinite}
.crab-smoke i:nth-child(2){animation-delay:.5s;top:12px}.crab-smoke i:nth-child(3){animation-delay:1s;top:-8px}
.crab-toggle{position:fixed;left:16px;bottom:16px;z-index:45;border:1px solid #f02c2d80;border-radius:30px;padding:10px 14px;background:#111e;color:#fff;font:700 10px/1.2 'Barlow Condensed',sans-serif;letter-spacing:1.3px;cursor:pointer;min-height:36px;backdrop-filter:blur(8px)}
.crab-toggle:hover,.crab-toggle:focus-visible{border-color:#f02c2d;outline:2px solid #f02c2d;outline-offset:3px}
.crab-paused{opacity:0;animation-play-state:paused}.crab-paused *{animation-play-state:paused!important}
@keyframes crab-route{
  0%{transform:translate3d(-150px,72vh,0) rotate(-12deg)}
  16%{transform:translate3d(70vw,68vh,0) rotate(-12deg)}
  20%{transform:translate3d(78vw,61vh,0) rotate(14deg)}
  37%{transform:translate3d(44vw,24vh,0) rotate(14deg)}
  42%{transform:translate3d(34vw,23vh,0) rotate(-14deg)}
  58%{transform:translate3d(2vw,57vh,0) rotate(-14deg)}
  63%{transform:translate3d(7vw,65vh,0) rotate(10deg)}
  83%{transform:translate3d(72vw,75vh,0) rotate(10deg)}
  90%,100%{transform:translate3d(calc(100vw + 150px),68vh,0) rotate(-10deg)}
}
@keyframes crab-lean{from{transform:rotate(-3deg) translateY(0)}to{transform:rotate(3deg) translateY(-3px)}}
@keyframes crab-smoke{0%{transform:translateX(0) scale(.5);opacity:0}20%{opacity:.65}100%{transform:translateX(-60px) scale(2.5);opacity:0}}
@media(max-width:600px){.drift-crab{width:88px;height:88px}.crab-smoke{top:42px;left:-6px;transform:scale(.7)}.crab-toggle{left:10px;bottom:10px;font-size:9px;padding:8px 11px}.social-pending small{display:inline!important}}
@media(prefers-reduced-motion:reduce){.drift-crab img,.crab-smoke i{animation:none}}

/* A reserved header bay keeps the parked mascot clear of logo and controls. */
.crab-pit{display:block;position:relative;flex:0 0 54px;height:54px;margin-left:-20px;border-bottom:1px dashed #f02c2d80;pointer-events:none}
.crab-pit>span{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font:700 7px/1 Barlow,sans-serif;letter-spacing:2px;color:#a7a99f;background:#111210;padding:2px 3px}
.drift-crab{animation:crab-pit-route 40s linear infinite}
.drift-crab img{animation:none}
.crab-smoke{animation:crab-pit-smoke 40s step-end infinite}
@keyframes crab-pit-route{
  0%,8%{transform:translate3d(var(--pit-x),var(--pit-y),0) rotate(0deg) scale(var(--pit-scale))}
  14%{transform:translate3d(30vw,26vh,0) rotate(14deg) scale(1)}
  28%{transform:translate3d(72vw,65vh,0) rotate(-12deg) scale(1)}
  33%{transform:translate3d(68vw,73vh,0) rotate(12deg) scale(1)}
  47%{transform:translate3d(5vw,57vh,0) rotate(12deg) scale(1)}
  53%{transform:translate3d(3vw,43vh,0) rotate(-14deg) scale(1)}
  66%{transform:translate3d(55vw,28vh,0) rotate(-14deg) scale(1)}
  72%{transform:translate3d(45vw,22vh,0) rotate(10deg) scale(1)}
  80%,100%{transform:translate3d(var(--pit-x),var(--pit-y),0) rotate(0deg) scale(var(--pit-scale))}
}
@keyframes crab-pit-smoke{0%{opacity:0}8%{opacity:1}80%,100%{opacity:0}}
@media(max-width:1050px){.crab-pit{margin-left:-8px;flex-basis:46px;height:46px}}
@media(max-width:760px){.header.has-crab-pit{gap:8px}.has-crab-pit .logo img{width:clamp(125px,39vw,190px)}.crab-pit{margin-left:0;flex-basis:38px;height:42px}.has-crab-pit .language-switch{gap:5px}.has-crab-pit .menu-toggle{padding:4px}}