@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";.gate-page{background:var(--gold);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.gate-card{background:var(--cream);border:3px solid var(--purple);width:100%;max-width:440px;box-shadow:6px 8px 0 var(--gold-dark);text-align:center;padding:40px 32px}.gate-title{color:var(--purple);text-shadow:3px 3px 0 var(--gold-dark);margin-bottom:18px;font-family:"Press Start 2P",monospace;font-size:clamp(.9rem,3vw,1.3rem);line-height:1.5}.gate-subtitle{color:var(--purple-light);margin-bottom:28px;font-family:VT323,monospace;font-size:1.3rem}.gate-form{flex-direction:column;gap:14px;display:flex}.gate-input{color:var(--purple);border:2px solid var(--purple);text-align:center;background:#fff;outline:none;padding:12px 14px;font-family:VT323,monospace;font-size:1.3rem}.gate-input:focus{border-color:var(--purple-light)}.gate-btn{letter-spacing:1px;color:var(--gold);background:var(--purple);border:2px solid var(--purple);cursor:pointer;padding:14px;font-family:"Press Start 2P",monospace;font-size:.7rem;transition:background .15s,color .15s}.gate-btn:hover{background:var(--purple-light);border-color:var(--purple-light)}.gate-btn:disabled{opacity:.6;cursor:default}.gate-error{color:#c0392b;margin-top:4px;font-family:VT323,monospace;font-size:1.2rem}.navbar{background:var(--gold);border-bottom:2px solid var(--purple);z-index:100;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.nav-link{color:var(--purple);text-underline-offset:3px;cursor:pointer;font-family:VT323,monospace;font-size:1.25rem;text-decoration:underline;transition:color .2s}.nav-link:hover{color:var(--purple-light)}.nav-link-active{color:var(--dark);text-decoration-thickness:2px}.nav-links-left,.nav-links-right{align-items:center;gap:20px;display:flex}.nav-center{color:var(--purple);letter-spacing:1px;font-family:VT323,monospace;font-size:1.25rem}.ticker-wrap{background:var(--purple);white-space:nowrap;border-bottom:2px solid var(--gold-dark);padding:8px 0;overflow:hidden}.ticker-track{animation:30s linear infinite ticker-scroll;display:inline-block}.ticker-item{color:var(--gold);letter-spacing:1px;padding:0 4px;font-family:VT323,monospace;font-size:1.15rem}.ticker-separator{color:var(--gold-light);margin:0 12px;font-size:.9rem}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-image-placeholder{background:linear-gradient(135deg, var(--gold-dark) 0%, var(--gold) 40%, var(--gold-dark) 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.placeholder-text{color:var(--purple);opacity:.3;font-family:VT323,monospace;font-size:1.5rem;position:absolute;bottom:40px;right:40px}.hero-overlay{z-index:2;text-align:center;padding:40px;position:relative}.hero-title{color:var(--purple);text-shadow:3px 3px 0px var(--gold-light), -1px -1px 0px var(--gold-dark);margin-bottom:32px;font-family:"Press Start 2P",cursive;font-size:clamp(2rem,6vw,5rem);line-height:1.4;animation:1s ease-out fadeInUp}.hero-subtitle{color:var(--purple);opacity:.85;max-width:600px;margin:0 auto;font-family:VT323,monospace;font-size:clamp(1.1rem,2.5vw,1.6rem);line-height:1.5;animation:1s ease-out .3s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-page{background:var(--gold);min-height:100vh;padding-bottom:120px}.timeline-header{text-align:center;border-bottom:2px solid var(--purple);padding:80px 24px 60px}.timeline-title{color:var(--purple);text-shadow:3px 3px 0 var(--gold-dark);letter-spacing:2px;margin-bottom:20px;font-family:"Press Start 2P",monospace;font-size:clamp(1.4rem,4vw,2.4rem)}.timeline-subtitle{color:var(--purple-light);letter-spacing:2px;font-family:VT323,monospace;font-size:1.5rem}.timeline-container{max-width:900px;margin:0 auto;padding:80px 24px;position:relative}.timeline-line{background:var(--purple);opacity:.35;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-entry{align-items:flex-start;margin-bottom:80px;display:flex;position:relative}.entry-left{flex-direction:row;justify-content:flex-end;padding-right:calc(50% + 40px)}.entry-right{flex-direction:row-reverse;justify-content:flex-end;padding-left:calc(50% + 40px)}.timeline-node{background:var(--purple);border:3px solid var(--gold);width:16px;height:16px;box-shadow:0 0 0 3px var(--purple);z-index:1;border-radius:50%;flex-shrink:0;position:absolute;top:20px;left:50%;transform:translate(-50%)}.timeline-card{background:var(--cream);border:2px solid var(--purple);width:100%;max-width:360px;box-shadow:4px 4px 0 var(--purple);padding:28px 32px;transition:transform .15s,box-shadow .15s}.timeline-card:hover{box-shadow:6px 6px 0 var(--purple);transform:translate(-2px,-2px)}.timeline-date{color:var(--gold-dark);background:var(--purple);letter-spacing:1px;margin-bottom:14px;padding:2px 10px;font-family:VT323,monospace;font-size:1.1rem;display:inline-block}.timeline-event-title{color:var(--purple);margin-bottom:16px;font-family:"Press Start 2P",monospace;font-size:clamp(.65rem,1.8vw,.85rem);line-height:1.6}.timeline-description{color:var(--dark);opacity:.85;font-family:VT323,monospace;font-size:1.2rem;line-height:1.6}@media (width<=640px){.timeline-line{left:20px}.timeline-entry{flex-direction:column;margin-bottom:60px;padding-left:56px;padding-right:0}.entry-left,.entry-right{flex-direction:column;justify-content:flex-start;padding-left:56px;padding-right:0}.timeline-node{top:16px;left:20px}.timeline-card{max-width:100%}}.brother-link{color:var(--purple);text-underline-offset:3px;font-family:VT323,monospace;text-decoration:underline;transition:color .15s}.brother-link:hover{color:var(--purple-light)}.profile-page{background:var(--gold);min-height:100vh;padding-bottom:100px;position:relative}.pf-r{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;display:flex}.pf-r .profile-photo{margin-bottom:0}.pf-a1{color:var(--purple);text-shadow:2px 2px 0 var(--gold-dark);font-family:"Press Start 2P",monospace;font-size:clamp(1.5rem,2vw,1.1rem);line-height:3}.pf-n{z-index:5;background:var(--cream);width:180px;color:var(--purple);text-align:center;border:1px solid var(--gold-dark);padding:18px 16px;font-family:VT323,monospace;font-size:1.3rem;line-height:1.15;position:absolute;box-shadow:4px 6px 14px #1a1a1a4d}.pf-n1{top:100px;right:40px;transform:rotate(3deg)}.pf-n2{top:380px;left:40px;transform:rotate(-5deg)}.pf-n3{top:860px;right:52px;transform:rotate(4deg)}@media (width<=1300px){.pf-g{text-align:center;padding-top:12px}.pf-n{vertical-align:top;width:auto;max-width:240px;margin:12px 14px 0;display:inline-block;position:static;top:auto;left:auto;right:auto}.pf-n2{transform:rotate(-3deg)}.pf-n3{transform:rotate(2deg)}}.profile-not-found{text-align:center;max-width:600px;margin:100px auto}.profile-nav{padding:24px 48px}.profile-back-link{color:var(--purple);text-underline-offset:3px;font-family:VT323,monospace;font-size:1.15rem;text-decoration:underline;transition:color .15s}.profile-back-link:hover{color:var(--purple-light)}.profile-header{border-bottom:2px solid var(--purple);max-width:860px;margin:0 auto;padding:20px 48px 48px}.profile-badges{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.profile-badge{letter-spacing:1px;border:2px solid var(--purple);padding:3px 12px;font-family:VT323,monospace;font-size:1rem}.badge-class{background:var(--cream);color:var(--purple)}.badge-founder{background:var(--purple);color:var(--gold)}.badge-role{background:var(--purple-light);color:var(--cream)}.profile-name{color:var(--purple);text-shadow:3px 3px 0 var(--gold-dark);margin-bottom:12px;font-family:"Press Start 2P",monospace;font-size:clamp(1.1rem,3vw,1.8rem);line-height:1.5}.profile-initiation{color:var(--purple-light);letter-spacing:1px;font-family:VT323,monospace;font-size:1.2rem}.profile-body{max-width:860px;margin:0 auto;padding:48px 48px 0}.profile-section{margin-bottom:48px}.profile-section-title{color:var(--purple);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-family:"Press Start 2P",monospace;font-size:.65rem;display:flex}.profile-count{background:var(--purple);color:var(--gold);border-radius:2px;padding:0 8px;font-family:VT323,monospace;font-size:1rem}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 48px;display:grid}.lineage-chain{background:var(--cream);border:2px solid var(--purple);flex-wrap:wrap;align-items:center;gap:6px;padding:20px 24px;font-family:VT323,monospace;font-size:1.25rem;display:flex}.lineage-step{align-items:center;gap:6px;display:flex}.lineage-arrow{color:var(--purple-light);font-size:1rem}.lineage-self{color:var(--gold);background:var(--purple);padding:2px 10px;font-weight:700}.profile-brother-card{border-bottom:1px solid #3f2b7e26;align-items:baseline;gap:10px;padding:10px 0;font-size:1.25rem;display:flex}.profile-brother-card:last-child{border-bottom:none}.profile-brother-class{color:var(--purple-light);font-family:VT323,monospace;font-size:1rem}.profile-little-list{margin:0;padding:0;list-style:none}.profile-empty{color:var(--purple-light);opacity:.7;font-family:VT323,monospace;font-size:1.15rem}.profile-info-list{flex-direction:column;gap:0;display:flex}.profile-info-row{border-bottom:1px solid #3f2b7e26;gap:16px;padding:10px 0;font-family:VT323,monospace;font-size:1.2rem;display:flex}.profile-info-row:last-child{border-bottom:none}.profile-info-row dt{color:var(--purple-light);min-width:110px}.profile-info-row dd{color:var(--purple);margin:0;font-weight:700}.profile-bio-section{border-top:2px solid #3f2b7e33;padding-top:40px}.profile-bio{color:var(--dark);max-width:640px;font-family:VT323,monospace;font-size:1.25rem;line-height:1.7}.profile-loading,.profile-error{color:var(--purple);text-align:center;font-family:VT323,monospace;font-size:1.5rem}.profile-error{color:#c0392b}.profile-photo{object-fit:cover;border:3px solid var(--purple);border-radius:2px;width:120px;height:120px;margin-bottom:20px;display:block}.profile-photo-placeholder{background:var(--purple);color:var(--gold);letter-spacing:2px;text-transform:uppercase;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;font-size:1.6rem;display:flex}.profile-link{color:var(--purple);text-underline-offset:3px;font-family:VT323,monospace;text-decoration:underline}.profile-link:hover{color:var(--purple-light)}@media (width<=640px){.profile-header,.profile-body,.profile-nav{padding-left:24px;padding-right:24px}.profile-grid{grid-template-columns:1fr}}.family-tree-page{background:var(--gold);flex-direction:column;height:calc(100vh - 56px);display:flex;overflow:hidden}.tree-header{border-bottom:2px solid var(--purple);flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:32px;padding:14px 40px 12px;display:flex}.tree-title{color:var(--purple);text-shadow:2px 2px 0 var(--gold-dark);font-family:"Press Start 2P",monospace;font-size:clamp(1rem,2.5vw,1.5rem)}.tree-subtitle{color:var(--purple-light);letter-spacing:1px;font-family:VT323,monospace;font-size:1.15rem}.tree-canvas-wrap{cursor:grab;flex:1;position:relative;overflow:hidden}.tree-canvas-wrap:active{cursor:grabbing}.tree-controls{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:20px;right:20px}.tree-ctrl-btn{background:var(--cream);color:var(--purple);border:2px solid var(--purple);cursor:pointer;box-shadow:2px 2px 0 var(--purple);padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:.7rem;transition:background .15s,color .15s}.tree-ctrl-btn:hover{background:var(--purple);color:var(--gold)}.tree-ctrl-reset{letter-spacing:1px;font-size:.55rem}.tree-node{cursor:pointer;outline:none}.tree-node rect:nth-child(2){transition:filter .15s}.tree-node:hover rect:nth-child(2),.tree-node:focus rect:nth-child(2){filter:brightness(.92)}.tree-state-msg{height:100%;color:var(--purple);justify-content:center;align-items:center;font-family:VT323,monospace;font-size:1.5rem;display:flex}.tree-state-error{color:#c0392b}:root{--gold:#cfa151;--gold-light:#e8c47a;--gold-dark:#a67d3d;--purple:#3f2b7e;--purple-light:#5a3fa0;--cream:#f5e6c8;--dark:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--gold);color:var(--purple);font-family:VT323,monospace;overflow-x:hidden}::selection{background:var(--purple);color:var(--gold)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gold-dark)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px}