[hidden]{display:none!important}.account{margin:20px 0;padding:20px;border:1px solid #625171;border-radius:16px;background:#211b2d}.account>button,.account>a,.account>span{margin:5px}.account a{text-decoration:none;display:inline-block}.account input[type=number]{width:80px;padding:10px;background:#17121e;color:#fff;border:1px solid #857091;border-radius:8px}#members label{display:block;padding:8px}#members input{margin-right:10px}#history{max-height:300px;overflow:auto;font-size:.85rem}.stats{flex-wrap:wrap}button:disabled{opacity:.5;cursor:wait}
/* V0.3.1: touch, safe areas and small-screen presentation. */
html{scroll-padding-top:130px}body{min-height:100vh;min-height:100svh}button,a,input,summary{touch-action:manipulation}button,.account a,summary{min-height:44px}input{font:inherit;font-size:16px}button,a{overflow-wrap:anywhere}main,section,.intro,.account,.card-button{min-width:0}header{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top))}main{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}.site-footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}.account{overflow-wrap:anywhere}#dev-logins{display:inline-flex;flex-wrap:wrap;gap:8px}#members label{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer}#members input{flex:none;width:22px;height:22px;margin:0}#history{overscroll-behavior:contain;overflow-wrap:anywhere}#quantity{min-height:44px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.draws{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-sequence{display:none}.detail-open{overflow:hidden}dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain;padding:54px 18px 18px;scrollbar-gutter:stable}#close-detail{position:sticky;display:block;margin:-47px -9px 3px auto;top:0;width:44px;height:44px}#detail-content .art{width:min(100%,330px);margin:auto;max-height:58vh;max-height:58dvh;aspect-ratio:2/3}#detail-content img{max-height:100%}.auth-page{max-width:650px;padding-top:max(24px,env(safe-area-inset-top))}.auth-page h1{font-size:38px}.auth-page .primary{margin-left:0}
@media(max-width:1100px){nav{gap:12px}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.stats{gap:22px}.collection-head{flex-wrap:wrap}}
@media(max-width:900px){.grid,.draws{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(hover:none){.card-button:hover .art{transform:none;box-shadow:none}.primary:hover{filter:none}.holo:after{animation:none;background-position:40% 0;background-size:180% 100%}}
@media(max-width:600px){
 header{position:sticky;top:0;z-index:10;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));padding-top:max(10px,env(safe-area-inset-top));background:#100e17;min-height:0}.brand{font-size:25px;gap:8px}.brand span{font-size:12px;letter-spacing:2px}.brand small{font-size:7px}nav{gap:6px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch}.nav{font-size:12px;padding:8px 4px}#sound-toggle{font-size:12px;padding:8px;min-width:68px}#nav-count{font-size:10px;padding:3px;margin-left:2px}
 main{padding-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right))}.account{padding:14px;margin:16px 0}.account>span{display:block;margin:0 0 12px}.account>button,.account>a{margin:4px 0;max-width:100%}.account>button+button{margin-left:4px}.account a.primary{display:block;text-align:center}#dev-logins{display:flex;gap:6px;margin:12px 0}#dev-logins button{flex:1;padding:10px 8px;font-size:13px}#identity{font-size:14px}#admin-panel h2{font-size:22px;line-height:1.3}#admin-panel h3{font-size:16px}#admin-panel>label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block:16px}#grant{width:100%}
 .hero{grid-template-columns:minmax(0,1fr);padding-top:24px;gap:8px;min-height:0}.intro h1{font-size:clamp(38px,10.5vw,48px)}.intro .primary{width:100%;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.stats>div{padding:14px 10px;background:#211a2b;border:1px solid #ffffff0c;border-radius:10px}.stats small{font-size:8px;letter-spacing:1px}.stats strong{font-size:28px}.pack-scene{min-height:430px}.orbit{width:280px;height:280px;box-shadow:none}.booster{width:220px;height:360px;box-shadow:8px 14px 28px #0007}.booster footer{margin-top:16px}.scene-caption{text-align:center;font-size:7px;letter-spacing:1px;margin-top:32px}.season-note{flex-wrap:wrap;padding-block:16px;gap:4px}.season-note p{margin:4px 0}.section-head{margin:26px 0 18px}.section-head h1{font-size:32px;margin-bottom:16px}.section-head .eyebrow{margin-bottom:10px}.section-head p{font-size:13px}.collection-head .primary{width:100%;margin-top:10px}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.filters button{padding:8px;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.card-meta h3{font-size:15px;overflow-wrap:anywhere}.card-meta small{font-size:9px;letter-spacing:.5px}.back small{font-size:7px;letter-spacing:.6px;text-align:center}.back strong{font-size:14px}.badge{font-size:10px;padding:3px 5px}
 .mobile-sequence{display:block}#card-steps{display:flex;gap:8px;scroll-margin-top:0}#card-steps button{flex:1;min-width:0;background:#211a2b;border:1px solid #635071;border-radius:9px;color:var(--text);font-size:14px}#card-steps button[aria-current=true]{background:#624190;border-color:#d5b985}#card-position{text-align:center;font-size:12px;color:var(--muted);margin:8px 0 12px}.draws{display:block;max-width:340px;margin:auto}.draws>.card-button{display:none}.draws>.mobile-current{display:block}.draws .art{width:min(100%, calc(53svh * 2 / 3));min-width:170px;margin:auto}.draws .card-meta{text-align:center;padding:10px 0}.draws .back strong{font-size:19px}.draws .back small{font-size:9px}.sequence-arrows{display:flex;gap:12px;margin-top:8px}.sequence-arrows button{flex:1;padding:10px}.actions{margin:16px 0 24px}.actions button{width:100%}.rules{margin:30px 0}.rules summary{display:flex;align-items:center}.site-footer{letter-spacing:1px;gap:12px;padding-inline:14px}.holo:after{animation-iteration-count:1;animation-duration:7s}.art{transition:none}dialog{width:calc(100% - 20px);padding-bottom:max(18px,env(safe-area-inset-bottom))}
}
@media(max-width:340px){.grid{grid-template-columns:minmax(0,1fr);max-width:250px;margin:auto}.intro h1{font-size:38px}.nav{font-size:11px}#nav-count{display:block;margin:0;padding:0;background:none}.brand small{display:none}.eyebrow{letter-spacing:2px}}

/* V0.3.3 – Intro & Erfolge */
.splash{position:fixed;inset:0;z-index:9999;background:#030205;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#f3edf8;text-align:center;transition:opacity .9s ease,visibility .9s ease}.splash.dismissed{opacity:0;visibility:hidden;pointer-events:none}.splash-glow{position:absolute;width:min(70vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#7d45aa44 0,#4c236322 35%,transparent 68%);filter:blur(18px);animation:splashPulse 2.8s ease-in-out infinite}.splash-paw{position:relative;font-size:clamp(62px,13vw,112px);filter:drop-shadow(0 0 22px #9f63d8);opacity:0;transform:scale(.72);animation:splashPaw 1.1s .15s ease forwards}.splash-title{position:relative;margin-top:22px;font-family:Georgia,serif;font-size:clamp(28px,7vw,62px);letter-spacing:.16em;text-indent:.16em;opacity:0;animation:splashText .9s .7s ease forwards;text-shadow:0 0 24px #7d45aa}.splash-motto{position:relative;margin-top:10px;font-size:clamp(9px,2vw,13px);letter-spacing:.35em;text-indent:.35em;color:#bca9c8;opacity:0;animation:splashText .9s 1.05s ease forwards}.splash-enter{position:relative;margin-top:38px;padding:12px 26px;border:1px solid #8e6ba5;border-radius:999px;background:#17101f;color:#eee4f5;letter-spacing:.2em;cursor:pointer;opacity:0;animation:splashText .7s 1.35s ease forwards}.splash-enter:hover{background:#2b1b39}@keyframes splashPaw{to{opacity:1;transform:scale(1)}}@keyframes splashText{to{opacity:1}}@keyframes splashPulse{50%{transform:scale(1.08);opacity:.72}}
.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:42px}.achievement{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:20px;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(135deg,#1b1623,#121019);box-shadow:0 14px 32px #0003}.achievement.locked{opacity:.58}.achievement-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#2a2035;font-size:30px;border:1px solid #76558d}.achievement.unlocked .achievement-icon{box-shadow:0 0 24px #9f63d855}.achievement small{color:#bfa4d0;letter-spacing:.16em}.achievement h3{margin:5px 0}.achievement p{margin:0 0 12px;color:#b9afc1}.achievement b{font-size:12px}.achievement time{float:right;font-size:11px;color:#94889c}.achievement-progress{height:6px;background:#09070c;border-radius:99px;overflow:hidden;margin-bottom:7px}.achievement-progress span{display:block;height:100%;background:linear-gradient(90deg,#79529b,#d2b676);border-radius:inherit}.achievement-toast{position:fixed;z-index:9000;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(92vw,460px);padding:16px 20px;border:1px solid #b18bc9;border-radius:14px;background:#17101ff2;box-shadow:0 18px 60px #0009,0 0 30px #8b55aa33;text-align:center}.achievement-toast small,.achievement-toast strong,.achievement-toast span{display:block}.achievement-toast small{letter-spacing:.18em;color:#d2b676}.achievement-toast strong{font-size:20px;margin:5px}.achievement-toast span{color:#c8becd;font-size:13px}
@media(max-width:600px){.achievement-grid{grid-template-columns:1fr}.achievement{grid-template-columns:58px 1fr;padding:15px;gap:12px}.achievement-icon{width:52px;height:52px;font-size:25px}nav{grid-template-columns:auto minmax(0,1fr) auto auto}.nav{font-size:10px}.splash-title{letter-spacing:.1em;text-indent:.1em}}
@media(prefers-reduced-motion:reduce){.splash-glow,.splash-paw,.splash-title,.splash-motto,.splash-enter{animation:none;opacity:1;transform:none}.splash{transition:none}}

/* V0.3.3.1 – echtes, zeitgesteuertes Start-Intro */
.splash:not(.playing) .splash-glow,.splash:not(.playing) .splash-paw,.splash:not(.playing) .splash-spark,.splash:not(.playing) .splash-title,.splash:not(.playing) .splash-motto{opacity:0;animation:none}
.splash:not(.playing) .splash-enter{opacity:1;animation:none;margin-top:0}
.splash.playing .splash-enter{animation:introButtonOut .35s ease forwards;pointer-events:none}
.splash.playing .splash-glow{opacity:0;animation:introGlow 4.4s .35s ease forwards}
.splash-paw{display:flex;gap:9px;font-size:clamp(42px,8vw,72px);transform:none}
.splash-paw span{display:block;opacity:0;filter:drop-shadow(0 0 18px #a866df)}
.splash.playing .splash-paw span:first-child{animation:introStep .75s .7s ease forwards}
.splash.playing .splash-paw span:last-child{animation:introStep .75s 1.25s ease forwards;transform:translateY(28px) rotate(8deg)}
.splash-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#e6c9ff;box-shadow:0 0 15px 5px #9e58d8,90px -30px 12px #bc80e9,-100px 20px 10px #704099}
.splash.playing .splash-spark{animation:introSpark 1.3s 1.75s ease-out forwards}
.splash-title{margin-top:62px}
.splash.playing .splash-title{animation:introTitle 1.05s 2.45s cubic-bezier(.2,.75,.2,1) forwards}
.splash.playing .splash-motto{animation:introMotto .9s 3.25s ease forwards}
@keyframes introButtonOut{to{opacity:0;transform:scale(.9)}}
@keyframes introGlow{0%{opacity:0;transform:scale(.45)}35%{opacity:.7}75%{opacity:.45;transform:scale(1.12)}100%{opacity:.15;transform:scale(1.3)}}
@keyframes introStep{0%{opacity:0;transform:scale(.45) translateY(12px)}55%{opacity:1}100%{opacity:.92;transform:scale(1) translateY(0)}}
@keyframes introSpark{0%{opacity:0;transform:scale(.2)}25%{opacity:1}100%{opacity:0;transform:scale(9)}}
@keyframes introTitle{0%{opacity:0;filter:blur(10px);letter-spacing:.34em}100%{opacity:1;filter:blur(0);letter-spacing:.16em}}
@keyframes introMotto{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}


/* V0.3.3.2 – Schattenpfoten Chronicles Branding + echtes Musik-Intro */
.splash{background:#020104}
.splash-enter{z-index:5;margin:0;padding:13px 25px;border:1px solid #74558b;background:#0c0910;color:#d8cce1;font-size:11px;letter-spacing:.22em;box-shadow:0 0 24px #7f48a21c}
.splash:not(.playing) .splash-enter{opacity:.72;animation:startHint 2.1s ease-in-out infinite}
.splash-aura{position:absolute;width:min(92vw,1050px);height:min(72vw,700px);border-radius:50%;background:radial-gradient(ellipse,#6c29964a 0,#32124426 38%,transparent 72%);filter:blur(28px);opacity:0}
.splash-logo{position:relative;z-index:2;width:min(88vw,1050px);max-height:72vh;object-fit:contain;opacity:0;transform:scale(.88);filter:blur(12px) brightness(.45) drop-shadow(0 0 34px #6d2e9b);will-change:opacity,transform,filter}
.splash-shine{position:absolute;z-index:3;width:min(90vw,1080px);height:4px;background:linear-gradient(90deg,transparent,#d8b6ff,#fff,#9b54cf,transparent);box-shadow:0 0 22px #b26ce8;opacity:0;transform:translateY(0) scaleX(.2)}
.splash.playing .splash-enter{animation:introButtonOut .3s ease forwards}
.splash.playing .splash-aura{animation:chroniclesAura 5.3s .15s ease forwards}
.splash.playing .splash-logo{animation:chroniclesLogo 4.7s .55s cubic-bezier(.18,.72,.18,1) forwards}
.splash.playing .splash-shine{animation:chroniclesShine 1.35s 2.35s ease-out forwards}
@keyframes startHint{50%{opacity:1;box-shadow:0 0 34px #9858bd42}}
@keyframes chroniclesAura{0%{opacity:0;transform:scale(.55)}35%{opacity:.85}75%{opacity:.6;transform:scale(1.08)}100%{opacity:.28;transform:scale(1.2)}}
@keyframes chroniclesLogo{0%{opacity:0;transform:scale(.86);filter:blur(14px) brightness(.35) drop-shadow(0 0 10px #6d2e9b)}28%{opacity:.55;filter:blur(6px) brightness(.65) drop-shadow(0 0 26px #6d2e9b)}58%{opacity:1;transform:scale(1);filter:blur(0) brightness(1.08) drop-shadow(0 0 38px #7c35a7)}100%{opacity:1;transform:scale(1);filter:blur(0) brightness(1) drop-shadow(0 0 24px #54286f)}}
@keyframes chroniclesShine{0%{opacity:0;transform:translateY(90px) scaleX(.15)}35%{opacity:.85}100%{opacity:0;transform:translateY(-110px) scaleX(1)}}
@media(max-width:600px){.splash-logo{width:96vw;max-height:66vh}.splash-enter{font-size:10px}.brand span{font-size:10px;letter-spacing:1.2px}}
@media(prefers-reduced-motion:reduce){.splash:not(.playing) .splash-enter{animation:none}.splash.playing .splash-logo{animation:none;opacity:1;transform:none;filter:none}.splash.playing .splash-aura{animation:none;opacity:.5}.splash.playing .splash-shine{display:none}}


/* V0.3.3.5 – Season-0-Reveal */
.season-reveal-open{overflow:hidden}.season-reveal{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:18px;background:#050309dc;backdrop-filter:blur(8px);opacity:0;transition:opacity .35s ease}.season-reveal.visible{opacity:1}.season-reveal-card{position:relative;width:min(88vw,470px);max-height:92dvh;transform:scale(.88) translateY(18px);transition:transform .55s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 25px 65px #000) drop-shadow(0 0 30px #8b4fc755)}.season-reveal.visible .season-reveal-card{transform:scale(1) translateY(0)}.season-reveal-card img{display:block;width:100%;max-height:88dvh;object-fit:contain;border-radius:12px}.season-reveal-close{position:absolute;left:50%;bottom:4.2%;transform:translateX(-50%);width:56%;min-height:48px;border:1px solid #d8b6ff88;border-radius:8px;background:#2b1745e8;color:#fff1d2;font:700 16px Georgia,serif;letter-spacing:.08em;box-shadow:0 0 24px #a65ee877;cursor:pointer}.season-reveal-close:hover{filter:brightness(1.18)}@media(max-width:600px){.season-reveal{padding:10px}.season-reveal-card{width:min(94vw,430px)}.season-reveal-close{font-size:14px;min-height:44px}}@media(prefers-reduced-motion:reduce){.season-reveal,.season-reveal-card{transition:none}}

/* V0.5.0 – Chronikschmiede */
.forge-wallet{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px;margin-bottom:14px;border:1px solid #74558b;border-radius:16px;background:linear-gradient(135deg,#21172d,#131019)}.forge-wallet span{font-size:11px;letter-spacing:.16em;color:#c4a9d5}.forge-wallet strong{font-size:38px;color:#e2c57f}.forge-wallet .primary{margin-left:auto}.forge-note{color:#a99daf;font-size:13px;margin-bottom:24px}.forge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:42px}.forge-item{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(135deg,#1b1623,#121019)}.forge-item .art{width:120px;aspect-ratio:2/3}.forge-item h3{margin:5px 0}.forge-item p{color:#b9afc1}.forge-actions{display:flex;flex-wrap:wrap;gap:8px}.forge-empty{grid-column:1/-1;padding:28px;border:1px dashed #6c5878;border-radius:14px;color:#b9afc1;text-align:center}@media(max-width:700px){.forge-grid{grid-template-columns:1fr}.forge-item{grid-template-columns:90px 1fr}.forge-item .art{width:90px}.forge-wallet .primary{width:100%;margin-left:0}}