@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#09090f;--night:#10101a;--panel:#151522;--panel2:#1b1a29;--line:#302d42;--paper:#f2eee8;--muted:#aaa5b7;--moon:#d9c8ff;--violet:#9b7cff;--cyan:#75d9e8;--rose:#d56ea9;--gold:#e5b765;--green:#76d6a3;--sans:"Manrope",system-ui,sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;color:var(--paper);background:radial-gradient(circle at 80% 0,#25183a 0,transparent 32%),radial-gradient(circle at 5% 38%,#0c2631 0,transparent 25%),var(--ink);font:16px/1.55 var(--sans)}button,input{font:inherit}.stars{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,#fff 0 1px,transparent 1px),radial-gradient(circle,#9b7cff 0 1px,transparent 1px);background-position:0 0,27px 31px;background-size:73px 73px,97px 97px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.topbar{position:sticky;top:0;z-index:10;height:76px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#09090fe8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{width:70px;height:32px;object-fit:cover;object-position:center}.brand b,.brand small{display:block}.brand b{letter-spacing:.13em}.brand small{color:var(--muted);font:10px var(--mono);letter-spacing:.08em}.guide-link{color:var(--cyan);font:12px var(--mono);text-decoration:none}.guide-link:hover{text-decoration:underline}
main{position:relative;width:min(1280px,calc(100% - 40px));margin:0 auto}.eyebrow{margin:0 0 16px;color:var(--cyan);font:11px var(--mono);letter-spacing:.13em}.login-view{min-height:calc(100vh - 150px);padding:80px 0;display:grid;grid-template-columns:1.15fr .7fr;align-items:center;gap:clamp(48px,9vw,130px)}.login-copy h1,.profile-head h1{margin:0 0 28px;font-size:clamp(52px,8vw,110px);line-height:.92;letter-spacing:-.07em}.login-copy h1 em{color:var(--moon);font-style:normal}.login-copy>p:last-child{max-width:590px;color:var(--muted);font-size:20px}.login-card{position:relative;padding:38px;border:1px solid #4a4261;background:linear-gradient(145deg,#191626,#11111b);box-shadow:14px 14px 0 #0b0b12,0 30px 90px #0008}.login-card:before{content:"";position:absolute;inset:8px;border:1px solid #292438;pointer-events:none}.key-mark{position:absolute;right:30px;top:24px;color:var(--gold);font-size:31px}.login-card h2{margin:0 0 24px;font-size:32px}.login-card ol{padding-left:21px;color:var(--muted)}.login-card li{margin:8px 0}.login-card code,.pet-copy code,.linking-guide code{padding:3px 7px;color:var(--moon);background:#0b0b12;font:14px var(--mono)}.login-card label{display:block;margin:25px 0 8px;color:var(--gold);font:11px var(--mono);letter-spacing:.08em}.login-card input{width:100%;padding:17px;border:1px solid #4c4563;outline:0;color:var(--paper);background:#0b0b12;font:500 24px var(--mono);letter-spacing:.18em;text-transform:uppercase}.login-card input:focus{border-color:var(--moon);box-shadow:0 0 0 3px #9b7cff22}.login-card button{width:100%;margin-top:12px;padding:16px;border:0;color:#111018;background:var(--moon);font-weight:800;cursor:pointer}.login-card button:hover{background:#eadfff}.login-card button:disabled{opacity:.55;cursor:wait}.login-card small{display:block;margin-top:18px;color:#777285}.privacy-note{margin:18px 0 0;padding:13px 14px;border:1px solid #31494c;color:#9dc9ca;background:#0b171a;font-size:12px;line-height:1.55}.privacy-note b{display:block;color:var(--cyan);font:11px var(--mono);letter-spacing:.04em}.form-status{min-height:24px;margin:13px 0 0;color:#ff9eb3;font-size:14px}.linking-guide{grid-column:1/-1;margin-top:4px;padding:clamp(28px,5vw,58px);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,6vw,80px);border:1px solid var(--line);background:linear-gradient(135deg,#11111bd9,#191525d9)}.guide-intro h2{margin:0 0 18px;font-size:clamp(34px,4vw,56px);line-height:1;letter-spacing:-.05em}.guide-intro>p:last-child,.guide-note{color:var(--muted)}.link-steps{margin:0;padding:0;list-style:none;counter-reset:link-step}.link-steps li{counter-increment:link-step;position:relative;min-height:72px;padding:0 0 20px 58px;border-bottom:1px solid var(--line)}.link-steps li+li{padding-top:20px}.link-steps li:before{content:counter(link-step,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--gold);font:14px var(--mono)}.link-steps li+li:before{top:20px}.link-steps b,.link-steps span{display:block}.link-steps b{margin-bottom:5px;color:var(--paper)}.link-steps span{color:var(--muted)}.guide-note{grid-column:2;margin:0;font-size:14px}
.vault-view{padding:70px 0 100px}.profile-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.profile-head h1{margin-bottom:12px;font-size:clamp(48px,7vw,92px)}.profile-copy>p:last-child{margin:0;color:var(--muted)}.profile-actions{display:flex;gap:10px}.ghost-button{padding:11px 15px;border:1px solid var(--line);color:var(--paper);background:#11111a;cursor:pointer}.ghost-button:hover{border-color:var(--moon);color:var(--moon)}
.stat-ribbon{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:#101018}.stat-ribbon article{min-height:125px;padding:22px;border-right:1px solid var(--line)}.stat-ribbon article:last-child{border:0}.stat-ribbon span{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.1em}.stat-ribbon strong{display:block;margin-top:20px;color:var(--moon);font-size:clamp(22px,2.5vw,36px);overflow-wrap:anywhere}
.pet-sanctuary{margin-top:28px;display:grid;grid-template-columns:minmax(300px,.75fr) 1.25fr;min-height:480px;border:1px solid #443854;background:radial-gradient(circle at 20% 50%,#35224a 0,transparent 34%),linear-gradient(120deg,#12101c,#171724)}.pet-portrait{min-height:450px;display:grid;place-items:center;overflow:hidden}.pet-copy{padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.pet-copy h2,.section-title h2{margin:0 0 12px;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.05em}.pet-copy>p{color:var(--muted)}.sprite{background-repeat:no-repeat;background-color:transparent}.pet-sprite{width:min(100%,430px);aspect-ratio:1;background-image:url('assets/pet-sprites.png');background-size:300% 200%;filter:drop-shadow(0 24px 28px #0009)}.pet-sprite.i0{background-position:0 0}.pet-sprite.i1{background-position:50% 0}.pet-sprite.i2{background-position:100% 0}.pet-sprite.i3{background-position:0 100%}.pet-sprite.i4{background-position:50% 100%}.pet-sprite.i5{background-position:100% 100%}.vitals{display:grid;gap:16px;margin-top:20px}.vital-head{display:flex;justify-content:space-between;color:var(--muted);font:12px var(--mono)}.meter{height:8px;margin-top:7px;background:#0a0a10}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--rose))}.equipped{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tag{padding:7px 10px;border:1px solid #514361;color:var(--moon);background:#161321;font:12px var(--mono)}
.collection-section{margin-top:28px;padding:clamp(24px,4vw,46px);border:1px solid var(--line);background:#101018d9}.section-title{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-title h2{font-size:clamp(36px,4vw,58px)}.section-title>p{max-width:480px;margin:0;color:var(--muted);text-align:right}.item-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.rod-grid{grid-template-columns:repeat(4,1fr)}.item-card{min-width:0;padding:14px;border:1px solid var(--line);background:#151520}.item-card.empty{opacity:.42;filter:saturate(.25)}.item-card.equipped{border-color:var(--gold);box-shadow:inset 0 -3px var(--gold)}.item-art{width:100%;aspect-ratio:1;margin-bottom:12px;background-repeat:no-repeat}.fish-art{background-image:url('assets/fishing-sprites.png');background-size:400% 200%}.rod-art{background-image:url('assets/rod-sprites.png');background-size:400% 200%}.s4.i0{background-position:0 0}.s4.i1{background-position:33.333% 0}.s4.i2{background-position:66.666% 0}.s4.i3{background-position:100% 0}.s4.i4{background-position:0 100%}.s4.i5{background-position:33.333% 100%}.s4.i6{background-position:66.666% 100%}.s4.i7{background-position:100% 100%}.item-card span{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.item-card strong{display:block;margin-top:5px;font-size:16px}.item-card b{display:block;margin-top:9px;color:var(--gold);font:13px var(--mono)}
.split-collections{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compact{min-height:100%}.stack-list{display:grid;gap:8px}.stack-item{padding:13px 15px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#151520}.stack-item.dim{opacity:.38}.stack-item .emoji{width:30px;font-size:22px}.stack-item div{flex:1}.stack-item strong,.stack-item small{display:block}.stack-item small{color:var(--muted)}.stack-item b{color:var(--gold);font:12px var(--mono)}.profile-details{margin-top:28px}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.badge{padding:15px;border:1px solid var(--line);background:#151520}.badge.locked{opacity:.34}.badge span{display:block;color:var(--cyan);font:10px var(--mono)}.badge strong{display:block;margin-top:7px}.last-updated{margin:30px 0 0;color:#777285;text-align:center;font:11px var(--mono)}
footer{position:relative;min-height:110px;padding:30px clamp(20px,5vw,72px);display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);color:var(--muted);font:11px var(--mono)}footer span{margin-right:auto}footer a{color:var(--cyan);text-decoration:none}
[hidden]{display:none!important}
@media(max-width:1000px){.login-view{grid-template-columns:1fr}.linking-guide{grid-template-columns:1fr}.guide-note{grid-column:1}.stat-ribbon{grid-template-columns:repeat(3,1fr)}.stat-ribbon article:nth-child(3){border-right:0}.stat-ribbon article:nth-child(-n+3){border-bottom:1px solid var(--line)}.pet-sanctuary{grid-template-columns:1fr}.pet-portrait{min-height:390px}.item-grid{grid-template-columns:repeat(3,1fr)}.rod-grid{grid-template-columns:repeat(3,1fr)}.badge-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){main{width:min(100% - 24px,1280px)}.topbar{height:66px;padding:0 14px}.brand img{width:58px}.brand small{display:none}.guide-link{font-size:11px}.login-view{padding:45px 0}.login-copy h1{font-size:52px}.login-card{padding:28px 22px}.profile-head{align-items:flex-start;flex-direction:column}.profile-head h1{font-size:50px}.stat-ribbon{grid-template-columns:1fr 1fr}.stat-ribbon article,.stat-ribbon article:nth-child(3){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-ribbon article:nth-child(even){border-right:0}.stat-ribbon article:last-child{grid-column:1/-1}.pet-portrait{min-height:310px}.pet-copy{padding:28px}.section-title{align-items:flex-start;flex-direction:column}.section-title>p{text-align:left}.item-grid,.rod-grid{grid-template-columns:repeat(2,1fr)}.split-collections{grid-template-columns:1fr;gap:0}.badge-grid{grid-template-columns:1fr}footer{align-items:flex-start;flex-wrap:wrap}footer span{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}