@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
:root{--crew-cream:#e2d9b9;--crew-gold:#e5c34d;--crew-dark:#1b2114;--crew-olive:#657342}
.hidden{display:none!important}
.home-page .page-shell{min-height:640px;max-height:none}.home-page{height:auto;min-height:100dvh;background-attachment:fixed}.home-page .page-shell{height:calc(100dvh - 50px)}
.home-modes{width:min(100%,880px);max-height:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:auto;padding:18px 8px}.home-modes .mode-btn{width:100%;max-height:none;aspect-ratio:1.17}
.patch-button{position:relative;flex-direction:column;gap:10px;background:radial-gradient(circle at 2px 2px,#d4d2a311 1px,transparent 1.5px) 0 0/5px 5px,linear-gradient(145deg,#394125,#161b10);border:3px solid #d4c9a6;outline:2px solid #343526;outline-offset:-8px;box-shadow:0 5px 0 #12140e,0 8px 10px #0008,inset 0 0 0 2px #131710;color:var(--crew-cream);font-family:'Black Ops One','Anton',sans-serif;font-size:clamp(1.25rem,2.3vw,2rem);text-shadow:2px 3px #0b0e08}
.patch-star{color:#c5cc48;font-size:1.8rem}.patch-button small{font:0.75rem 'Anton',sans-serif;letter-spacing:1px;color:#c5bfa9;text-shadow:none}.patch-button:disabled{cursor:not-allowed;opacity:.64;filter:saturate(.55)}.patch-button:disabled:active{transform:none}.lock-icon{font:1.4rem sans-serif}.home-page .muneco-row{margin-top:auto;min-height:64px}.home-page .bocadillo-text{font-size:1rem}.home-page .nav-tab{font-size:.9rem;min-height:68px}
.crew-page{height:auto;min-height:100dvh;background-attachment:fixed;color:var(--crew-cream);padding-top:22px}.crew-page .page-shell{max-height:none;height:auto;max-width:1050px}.crew-page .hero-banner{max-width:500px}.crew-panel{padding:clamp(20px,4vw,36px);border:2px solid #d4c9a6;border-radius:20px;background:linear-gradient(145deg,#576239f5,#202718f7);box-shadow:inset 0 0 0 5px #161e1699,0 12px 36px #0007;min-height:280px}.crew-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.crew-heading h1,.crew-panel h2{font-family:'Black Ops One','Anton',sans-serif;color:#f2e7c8;letter-spacing:1px}.crew-heading h1{font-size:clamp(1.8rem,4vw,2.6rem)}.crew-panel h2{font-size:1.3rem;margin-bottom:18px}.crew-caption{color:#dedbc9;font-size:1rem;line-height:1.6}.crew-badge{display:inline-block;border:1px solid #aeb485;background:#252d19;padding:8px 12px;border-radius:8px;white-space:nowrap;font-size:.875rem}
.crew-tabs{display:flex;gap:10px;margin:20px 0}.crew-tab,.crew-action,.crew-secondary{font:1rem 'Anton',sans-serif;letter-spacing:.04em;color:var(--crew-cream);border:2px solid #b4b18a;border-radius:10px;background:#242b1b;padding:12px 20px;cursor:pointer}.crew-tab{flex:1}.crew-tab[aria-selected=true],.crew-action{background:linear-gradient(#8b944b,#58652d);border-color:#e0ce7e;color:#fff5ce;box-shadow:0 3px #11190d}.crew-action:disabled{opacity:.6;cursor:wait}.crew-tab:hover,.crew-action:hover,.crew-secondary:hover{filter:brightness(1.13)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f5d454;outline-offset:4px}.crew-form{display:grid;gap:18px}.crew-form label{display:grid;gap:8px;font-size:1rem}.crew-form input{font:1rem system-ui;padding:13px 14px;border:1px solid #b0b28b;background:#11190ed9;color:#fff;border-radius:8px;min-width:0;width:100%}.crew-form small{font-size:.875rem;line-height:1.5;color:#d1d2b9}.crew-form .crew-action{justify-self:start;min-width:180px}.crew-error{padding:14px;background:#3f201b;border:1px solid #f3ac86;border-radius:8px;color:#ffe7dc;line-height:1.5;margin-bottom:16px}.crew-success{padding:12px;border:1px solid #b5c87c;border-radius:8px;margin:12px 0}.avatar-preview{width:84px;height:84px;border:2px solid #dace9e;border-radius:14px;object-fit:cover}.crew-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.crew-summary img{width:100px;height:100px;object-fit:cover;border:3px solid #d4c9a6;border-radius:16px}.crew-summary h2{margin-bottom:8px;overflow-wrap:anywhere}.crew-total{margin-left:auto;text-align:right}.crew-total strong{display:block;font:2.3rem 'Black Ops One',sans-serif;color:#f1d368}.crew-total span{font-size:.875rem}.crew-table{width:100%;border-collapse:collapse;font-size:1rem}.crew-table th{text-align:left;color:#d0d4b6;font-size:.875rem;font-weight:500;padding:10px;border-bottom:1px solid #a7af7555}.crew-table td{padding:15px 10px;border-bottom:1px solid #a7af7533}.crew-table th:last-child,.crew-table td:last-child{text-align:right}.crew-table tr.is-you{background:#d7c35319;color:#ffe089}.crew-table td:nth-child(2){overflow-wrap:anywhere}.crew-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.crew-empty{text-align:center;padding:36px 15px;line-height:1.6}.crew-rank-tabs{margin:8px 0 16px}.ranking-network-note{line-height:1.5;font-size:.875rem!important}.ranking-row-avatar{width:34px;height:34px;object-fit:cover;border-radius:8px;margin-right:8px}.ranking-row-name{display:flex;align-items:center;min-width:0;overflow-wrap:anywhere}.crew-signin{display:inline-block;margin-top:16px;text-decoration:none}.crew-loading{padding:32px;text-align:center;color:#e4dfc5}.crew-total-note{font-size:.875rem;line-height:1.5;margin-top:18px;color:#dddac4}
@media(max-width:640px){.home-modes{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,370px);gap:18px;padding:8px}.home-page .page-shell{min-height:660px}.home-page .mode-panel{justify-content:center}.home-page .hero-banner{max-width:460px}.home-page .bocadillo-text{margin-left:0;font-size:.875rem}.home-page .muneco-row{gap:10px;height:80px}.patch-button{font-size:1.3rem;gap:5px}.patch-star{font-size:1.4rem}.crew-panel{padding:20px 14px}.crew-total{width:100%;text-align:left;margin-left:0}.crew-heading{gap:8px}.crew-badge{font-size:.75rem;padding:8px}.crew-tab{padding:12px 8px}.crew-table td,.crew-table th{padding:12px 6px}.crew-page .hero-banner{max-width:400px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.home-page .page-shell{height:auto;min-height:max(660px,calc(100dvh - 50px))}.home-page .mode-panel{min-height:min-content}.home-modes{margin-block:auto}.home-page .mode-panel{padding-block:12px}.crew-rank-tabs{flex-shrink:0}.ranking-list{min-height:80px}
.lock-icon{display:block;position:relative;width:19px;height:16px;border:2px solid #cfc7a5;border-radius:3px;font-size:0;margin-top:12px}.lock-icon:before{content:'';position:absolute;width:9px;height:10px;left:3px;top:-11px;border:2px solid #cfc7a5;border-bottom:0;border-radius:7px 7px 0 0}

.emblem-picker{border:1px solid #a5a67b;border-radius:14px;padding:16px;display:flex;gap:20px;align-items:center}.emblem-picker legend{font-family:Anton,sans-serif;letter-spacing:.06em}.emblem-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-width:0}.emblem-picker select{width:100%;min-width:0;background:#20291c;color:#f5e9bd;border:1px solid #b4b18a;border-radius:8px;padding:12px;font:inherit}.emblem-picker select:focus-visible{outline:3px solid #f5d454}@media(max-width:420px){.emblem-picker{gap:12px;padding:12px}.emblem-picker>div{grid-template-columns:1fr}.emblem-picker img{width:72px;height:72px}}
/* Compact, touch-friendly emblem editor. */
.emblem-picker{min-width:0;display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;background:#17201466;padding:18px}
.emblem-picker>.emblem-preview{display:flex;flex-direction:column;align-items:center;gap:8px;font:12px/1.4 system-ui;color:#d2cfb7}
.emblem-preview .avatar-preview{width:96px;height:96px;box-shadow:0 5px 16px #0005}
.emblem-picker>.emblem-options{display:grid;grid-template-columns:1fr;gap:14px}
.emblem-options fieldset{border:0;padding:0;min-width:0;margin:0}.emblem-options legend{font:14px/1.4 system-ui;letter-spacing:0;margin-bottom:8px}
.emblem-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.crew-form .emblem-choice{position:relative;display:block;min-width:0}.emblem-choice input{position:absolute;opacity:0;width:1px;height:1px;padding:0}
.emblem-choice span{display:grid;place-items:center;min-height:44px;border:2px solid #89916c;border-radius:9px;background:#1c2719;color:#f1dfab;font:26px/1 system-ui;cursor:pointer;box-sizing:border-box}
.emblem-choice input:checked+span{border-color:#f2d975;background:#596535;box-shadow:0 0 0 1px #f2d975}.emblem-choice input:focus-visible+span{outline:3px solid #fff2ba;outline-offset:3px}
.emblem-choice i{width:24px;height:24px;border-radius:50%;background:var(--swatch);border:1px solid #f5edd780}.emblem-choice input:checked+span i:after{content:'\2713';display:block;text-align:center;color:white;font:18px/22px system-ui;text-shadow:0 1px 3px #000}
@media(max-width:700px){.emblem-picker{grid-template-columns:1fr;padding:14px;gap:14px}.emblem-picker>.emblem-preview{flex-direction:row;justify-content:center}.emblem-preview .avatar-preview{width:72px;height:72px}}