@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cinzel:wght@400;500;600&family=Noto+Serif+JP:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap");.brothers-shell{--gold:#c6930a;--gold-lt:#e8b84b;--gold-dim:rgba(198,147,10,.15);--bone:#f0e8d0;--bone-dim:rgba(240,232,208,.55);--bone-faint:rgba(240,232,208,.28);--deep:#04060f;--navy:#07101f;--surface:rgba(8,14,28,.7);--border:rgba(198,147,10,.18);--frame:rgba(198,147,10,.32);background:var(--deep);color:var(--bone);font-family:Rajdhani,sans-serif;cursor:crosshair;min-height:100vh;position:relative;overflow-x:hidden;background-image:radial-gradient(ellipse at 20% 10%,rgba(198,147,10,.04),transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(198,147,10,.03),transparent 50%),repeating-linear-gradient(45deg,transparent 0 60px,rgba(198,147,10,.012) 60px 61px);background-attachment:fixed}.brothers-shell *,.brothers-shell :after,.brothers-shell :before{box-sizing:border-box}.brothers-shell #dust-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.brothers-shell #navbar{position:fixed;top:0;left:0;right:0;z-index:200;padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(4,6,15,.95),rgba(4,6,15,.7));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brothers-shell .nav-brand{font-family:Bebas Neue,cursive;font-size:1.4rem;letter-spacing:6px;color:var(--gold);text-decoration:none}.brothers-shell .nav-brand span{color:var(--bone)}.brothers-shell .nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.brothers-shell .nav-links a{font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--bone-dim);text-decoration:none;transition:color .3s}.brothers-shell .nav-links a.current,.brothers-shell .nav-links a:hover{color:var(--gold)}.brothers-shell .mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:crosshair}.brothers-shell .mobile-toggle span{display:block;width:24px;height:1px;background:var(--bone)}@media(max-width:768px){.brothers-shell .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(4,6,15,.98);padding:1.5rem;gap:1.2rem}.brothers-shell .mobile-toggle,.brothers-shell .nav-links.open{display:flex}.brothers-shell #navbar{padding:.9rem 1.5rem}}.brothers-shell .audio-player{position:fixed;bottom:1.5rem;left:1.5rem;z-index:150;display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem .7rem .75rem;background:rgba(4,6,15,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(198,147,10,.35);border-radius:2px;cursor:crosshair;color:var(--bone);font-family:inherit;transition:border-color .3s,background .3s}.brothers-shell .audio-player:hover{border-color:var(--gold);background:rgba(8,14,28,.95)}.brothers-shell .audio-player.playing{border-color:rgba(198,147,10,.55);box-shadow:0 0 24px rgba(198,147,10,.12)}.brothers-shell .audio-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(198,147,10,.12);border:1px solid rgba(198,147,10,.4);color:var(--gold);font-size:.7rem;font-weight:700;font-family:Cinzel,serif;letter-spacing:1px}.brothers-shell .audio-info{display:flex;flex-direction:column;gap:5px;min-width:140px}.brothers-shell .audio-title{font-family:Cinzel,serif;font-size:.55rem;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.brothers-shell .audio-bar{height:2px;background:rgba(198,147,10,.18);border-radius:1px;overflow:hidden}.brothers-shell .audio-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-lt));transition:width .15s linear}@media(max-width:768px){.brothers-shell .audio-player{bottom:1rem;left:1rem;padding:.55rem .75rem}.brothers-shell .audio-info{min-width:100px}}.brothers-shell #hero-band{padding:7rem 3rem 2.5rem;border-bottom:1px solid var(--border);position:relative;overflow:hidden;z-index:1}.brothers-shell .hero-glyph{position:absolute;top:50%;right:5%;transform:translateY(-50%);font-family:"Noto Serif JP",serif;font-weight:900;font-size:clamp(10rem,18vw,14rem);color:rgba(198,147,10,.05);line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brothers-shell .hero-content{max-width:1300px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:2rem;position:relative;z-index:1}.brothers-shell .hero-left{flex:1 1;min-width:300px}.brothers-shell .hero-eyeline{font-size:.55rem;letter-spacing:6px;color:var(--gold);text-transform:uppercase;margin-bottom:.7rem;display:flex;align-items:center;gap:12px;opacity:0;animation:bro-fade .9s ease .2s forwards;margin-top:0}.brothers-shell .hero-eyeline:before{content:"";width:30px;height:1px;background:var(--gold)}.brothers-shell .hero-title{font-family:Bebas Neue,cursive;font-size:clamp(2.4rem,5vw,3.6rem);letter-spacing:8px;line-height:1;color:var(--bone);margin:0 0 .4rem;opacity:0;animation:bro-fade 1s ease .4s forwards}.brothers-shell .hero-title em{font-style:normal;color:var(--gold)}.brothers-shell .hero-tag{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:3px;color:var(--bone-faint);text-transform:uppercase;opacity:0;animation:bro-fade 1s ease .65s forwards;margin:0}.brothers-shell .hero-stats{display:flex;gap:2.4rem;text-align:right;opacity:0;animation:bro-fade 1s ease .85s forwards}.brothers-shell .stat-num{font-family:Bebas Neue,cursive;font-size:1.8rem;color:var(--gold);letter-spacing:3px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.brothers-shell .stat-lbl{font-size:.5rem;letter-spacing:3px;color:var(--bone-faint);text-transform:uppercase;margin-top:4px}@keyframes bro-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.brothers-shell #hero-band{padding:6rem 1.5rem 2rem}.brothers-shell .hero-stats{gap:1.2rem;text-align:left}}.brothers-shell #filter-bar{position:-webkit-sticky;position:sticky;top:60px;z-index:100;padding:1.2rem 3rem;background:linear-gradient(180deg,rgba(4,6,15,.96),rgba(4,6,15,.85));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;overflow-x:auto;opacity:0;animation:bro-fade .9s ease 1s forwards}.brothers-shell .filter-pill{font-family:Cinzel,serif;font-size:.55rem;letter-spacing:3px;color:var(--bone-dim);text-transform:uppercase;padding:.55rem 1.1rem;background:transparent;border:1px solid rgba(198,147,10,.18);border-radius:2px;cursor:crosshair;transition:color .3s,border-color .3s,background .3s,letter-spacing .3s;white-space:nowrap;display:inline-flex;align-items:center;gap:.55rem;font-weight:400}.brothers-shell .filter-pill:hover{color:var(--gold);border-color:rgba(198,147,10,.45);letter-spacing:3.5px}.brothers-shell .filter-pill.active{color:var(--deep);background:var(--gold);border-color:var(--gold);font-weight:600}.brothers-shell .filter-pill .glyph{font-family:"Noto Serif JP",serif;font-weight:700;font-size:.85rem}.brothers-shell .filter-pill .count{font-size:.5rem;letter-spacing:1px;opacity:.7}@media(max-width:768px){.brothers-shell #filter-bar{padding:.9rem 1rem;gap:.4rem;justify-content:flex-start}.brothers-shell .filter-pill{padding:.45rem .8rem;font-size:.5rem}}.brothers-shell #wall{padding:2.5rem 3rem 5rem;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.1rem;gap:1.1rem;position:relative;z-index:1}@media(max-width:1100px){.brothers-shell #wall{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.brothers-shell #wall{grid-template-columns:repeat(2,1fr);padding:1.5rem 1rem 4rem}}.brothers-shell .card{position:relative;background:linear-gradient(180deg,rgba(8,14,28,.55),rgba(4,6,15,.85));border:1px solid var(--border);border-radius:0;overflow:hidden;cursor:crosshair;display:flex;flex-direction:column;will-change:transform,opacity;animation:cardEnter .9s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--idx,0) * 55ms + .9s)}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px) scale(.94);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.brothers-shell .card:hover{border-color:var(--frame);transform:translateY(-3px);box-shadow:0 24px 48px -22px rgba(0,0,0,.7),0 0 30px rgba(198,147,10,.05);transition:border-color .35s,transform .35s,box-shadow .35s,opacity .35s}.brothers-shell .card.founder{border-color:rgba(198,147,10,.4)}.brothers-shell .card.founder:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(198,147,10,.08),transparent 50%);pointer-events:none;z-index:0}.brothers-shell .card.founder .card-frame{border-color:rgba(198,147,10,.45)}.brothers-shell .card-frame{position:absolute;inset:6px;border:1px solid rgba(198,147,10,.1);pointer-events:none;z-index:1;transition:border-color .35s}.brothers-shell .card:hover .card-frame{border-color:rgba(198,147,10,.3)}.brothers-shell .card-stamp{left:14px;font-family:Cinzel,serif;font-size:.5rem;letter-spacing:3px;text-transform:uppercase}.brothers-shell .card-glyph,.brothers-shell .card-stamp{position:absolute;top:14px;color:var(--gold);padding:.3rem .55rem;background:rgba(4,6,15,.78);border:1px solid rgba(198,147,10,.4);z-index:5}.brothers-shell .card-glyph{right:14px;font-family:"Noto Serif JP",serif;font-weight:700;font-size:1rem;line-height:1;min-width:30px;text-align:center}.brothers-shell .portrait{aspect-ratio:4/5;width:100%;background:linear-gradient(135deg,rgba(8,14,28,.85),rgba(4,6,15,.95));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.brothers-shell .portrait:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 35% 25%,rgba(198,147,10,.12),transparent 60%);opacity:.7;z-index:0}.brothers-shell .portrait:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(4,6,15,.55) 100%);z-index:1;pointer-events:none}.brothers-shell .portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 8%;z-index:2;transition:transform .45s ease}.brothers-shell .card:hover .portrait-img{transform:scale(1.04)}.brothers-shell .portrait-initial{font-family:Cinzel,serif;font-size:3rem;color:var(--gold);letter-spacing:3px;position:relative;z-index:1;opacity:.78;text-shadow:0 0 30px rgba(198,147,10,.4);pointer-events:none}.brothers-shell .card-footer{padding:1rem 1.1rem 1.1rem;border-top:1px solid rgba(198,147,10,.12);background:rgba(4,6,15,.78);position:relative;z-index:3}.brothers-shell .card-name{font-family:Bebas Neue,cursive;letter-spacing:3px;font-size:1rem;color:var(--bone);line-height:1.05;margin:0 0 .4rem}.brothers-shell .card-role{font-family:Cinzel,serif;font-size:.55rem;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:.45rem}.brothers-shell .card-faction{font-size:.55rem;letter-spacing:2.5px;color:var(--bone-faint);text-transform:uppercase}.brothers-shell .card-faction strong{color:var(--bone-dim);font-weight:500}.brothers-shell .card-cue{position:absolute;bottom:1rem;right:1rem;font-size:.7rem;color:var(--gold);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s;z-index:4}.brothers-shell .card:hover .card-cue{opacity:1;transform:translateX(0)}.brothers-shell .card.is-hidden{display:none}.brothers-shell #brothers-closing{padding:5rem 2rem 3rem;text-align:center;position:relative;z-index:1;border-top:1px solid var(--border)}.brothers-shell .closing-quote{font-family:Bebas Neue,cursive;font-size:clamp(1.6rem,3.5vw,2.6rem);letter-spacing:4px;line-height:1.2;color:var(--bone);max-width:780px;margin:0 auto 1.6rem}.brothers-shell .closing-quote em{font-style:normal;color:var(--gold)}.brothers-shell .closing-motto{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:5px;color:var(--gold);text-transform:uppercase;margin:0;text-shadow:0 0 24px rgba(198,147,10,.35)}.brothers-shell .brothers-footer{padding:2rem 2rem 3rem;text-align:center;color:var(--bone-faint);border-top:1px solid var(--border);position:relative;z-index:1}.brothers-shell .footer-brand{font-family:Bebas Neue,cursive;letter-spacing:5px;font-size:1rem;color:var(--gold);margin-bottom:.5rem}.brothers-shell .brothers-footer p{font-size:.55rem;letter-spacing:2px;text-transform:uppercase;margin:0}.brothers-shell .spotlight{position:fixed;inset:0;z-index:500;background:rgba(2,3,8,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:3rem;opacity:0;transition:opacity .5s ease;cursor:crosshair}.brothers-shell .spotlight.open{opacity:1}.brothers-shell .spotlight-close{position:absolute;top:1.5rem;right:1.5rem;font-family:Cinzel,serif;font-size:.6rem;letter-spacing:4px;color:var(--bone-faint);text-transform:uppercase;cursor:crosshair;background:none;border:none;display:flex;align-items:center;gap:10px;transition:color .3s,letter-spacing .3s;padding:.5rem}.brothers-shell .spotlight-close:hover{color:var(--gold);letter-spacing:5px}.brothers-shell .spotlight-close:after{content:"×";font-size:1.4rem;line-height:1}.brothers-shell .spotlight-content{max-width:1100px;width:100%;display:grid;grid-template-columns:380px 1fr;grid-gap:4rem;gap:4rem;align-items:center;position:relative;opacity:0;transform:translateY(20px);transition:opacity .8s ease .15s,transform .8s ease .15s}.brothers-shell .spotlight.open .spotlight-content{opacity:1;transform:translateY(0)}.brothers-shell .spotlight-bg-glyph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Noto Serif JP",serif;font-weight:900;font-size:clamp(20rem,40vw,32rem);color:rgba(198,147,10,.05);line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.brothers-shell .spotlight-portrait{position:relative;z-index:1;aspect-ratio:3/4;background:linear-gradient(135deg,rgba(8,14,28,.85),rgba(4,6,15,.95));border:1px solid rgba(198,147,10,.4);display:flex;align-items:center;justify-content:center;overflow:hidden}.brothers-shell .spotlight-portrait:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(198,147,10,.15),transparent 60%);z-index:0}.brothers-shell .spotlight-portrait:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(4,6,15,.55) 100%);z-index:1;pointer-events:none}.brothers-shell .spotlight-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 8%;z-index:2}.brothers-shell .spotlight-initial{font-family:Cinzel,serif;font-size:7rem;color:var(--gold);letter-spacing:4px;position:relative;z-index:1;text-shadow:0 0 50px rgba(198,147,10,.5)}.brothers-shell .spotlight-text{position:relative;z-index:1}.brothers-shell .spotlight-eyeline{font-size:.6rem;letter-spacing:6px;color:var(--gold);text-transform:uppercase;margin:0 0 1rem;display:flex;align-items:center;gap:12px}.brothers-shell .spotlight-eyeline:before{content:"";width:30px;height:1px;background:var(--gold)}.brothers-shell .spotlight-name{font-family:Bebas Neue,cursive;font-size:clamp(3rem,6vw,5rem);letter-spacing:6px;line-height:.95;color:var(--bone);margin:0 0 .5rem}.brothers-shell .spotlight-name .letter{display:inline-block;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.brothers-shell .spotlight.open .spotlight-name .letter{opacity:1;transform:translateY(0)}.brothers-shell .spotlight-rule{width:0;height:1px;background:var(--gold);margin:1.6rem 0;opacity:0;transition:opacity .6s ease 1s,width .8s ease 1s}.brothers-shell .spotlight.open .spotlight-rule{opacity:.7;width:80px}.brothers-shell .spotlight-role{font-family:Cinzel,serif;font-size:.95rem;letter-spacing:5px;color:var(--gold-lt);text-transform:uppercase;margin:0 0 1.2rem;opacity:0;transition:opacity .6s ease 1.2s}.brothers-shell .spotlight.open .spotlight-role{opacity:1}.brothers-shell .spotlight-meta{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem;opacity:0;transition:opacity .6s ease 1.4s}.brothers-shell .spotlight.open .spotlight-meta{opacity:1}.brothers-shell .spotlight-faction-glyph{font-family:"Noto Serif JP",serif;font-weight:700;font-size:2.2rem;color:var(--gold);opacity:.8}.brothers-shell .spotlight-faction{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:3px;color:var(--bone-dim);text-transform:uppercase}.brothers-shell .spotlight-faction strong{color:var(--bone)}.brothers-shell .spotlight-title{font-size:.65rem;letter-spacing:4px;color:var(--gold);text-transform:uppercase;padding:.5rem 1rem;border:1px solid rgba(198,147,10,.4)}.brothers-shell .spotlight-iron{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:3px;color:var(--gold);text-transform:uppercase}@media(max-width:900px){.brothers-shell .spotlight{padding:2rem}.brothers-shell .spotlight-content{grid-template-columns:1fr;gap:2rem}.brothers-shell .spotlight-portrait{max-width:280px;margin:0 auto}}