:root{--paper: #f7f0e1;--paper-deep: #efe4cc;--paper-line: rgba(80, 60, 30, .12);--ink: #1f1a17;--ink-soft: #5b5047;--pencil: #8a7f73;--tomato: #ff5a36;--tomato-deep: #d93f1f;--teal: #1f8a8a;--mustard: #f2b705;--plum: #6b3fa0;--leaf: #4f9d3a;--sky: #3b86d6;--coral: #ff7b9c;--slate: #4b5563;--white: #fffdf8;--shadow: 0 10px 24px -12px rgba(50, 30, 10, .45), 0 2px 4px rgba(50, 30, 10, .15);--display: "Lilita One", "Arial Black", sans-serif;--hand: "Caveat", "Comic Sans MS", cursive;--body: "Rubik", "Helvetica Neue", sans-serif;--tab-w: 54px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--body);color:var(--ink);background:var(--paper-deep);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--teal)}button{font-family:inherit;cursor:pointer}::selection{background:var(--mustard);color:var(--ink)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.25 0 0 0 0 0.12 0 0 0 0.16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.cover{min-height:100vh;position:relative;z-index:1;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 600px at 10% -10%,#ff8a66 0%,transparent 60%),radial-gradient(900px 500px at 110% 110%,#ffb199 0%,transparent 55%),var(--tomato);color:var(--white);overflow:hidden}.cover__book{position:relative;width:min(680px,100%);padding:clamp(28px,5vw,56px);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 40px 80px -30px #3c0a0099,inset 0 0 0 2px var(--paper-deep),inset 0 0 0 10px var(--paper);animation:cover-in .8s cubic-bezier(.2,.9,.2,1.1) both}.cover__book:before{content:"";position:absolute;left:22px;top:18px;bottom:18px;width:2px;border-left:2px dashed var(--paper-line)}.cover__eyebrow{font-family:var(--hand);font-size:1.5rem;color:var(--tomato-deep);margin:0 0 4px;transform:rotate(-2deg);display:inline-block}.cover__title{font-family:var(--display);font-size:clamp(2.6rem,8vw,4.6rem);line-height:.95;margin:0;letter-spacing:.5px}.cover__title em{font-style:normal;color:var(--tomato);-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--mustard)}.cover__lede{font-size:1.05rem;color:var(--ink-soft);max-width:46ch;margin:18px 0 26px}.cover__cluster{position:absolute;right:-18px;top:-26px;display:flex;gap:-10px;pointer-events:none}.cover__cluster .sticker{width:86px;height:86px;animation-delay:calc(.9s + var(--i) * .12s)}.cover__cluster .sticker__face{font-size:2.1rem}.cover__foot{margin-top:20px;font-family:var(--hand);font-size:1.25rem;color:var(--pencil)}.cover__err{margin-top:14px;padding:10px 14px;border:2px dashed var(--tomato);color:var(--tomato-deep);border-radius:10px;font-size:.95rem}.cover__hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-family:var(--hand);font-size:1.1rem;opacity:.85}@keyframes cover-in{0%{transform:translateY(40px) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}.btn{display:inline-flex;align-items:center;gap:10px;border:2px solid var(--ink);border-radius:999px;padding:12px 22px;background:var(--white);color:var(--ink);font-family:var(--display);font-size:1.1rem;letter-spacing:.3px;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn:disabled{opacity:.5;cursor:progress;transform:none}.btn--tomato{background:var(--tomato);color:var(--white)}.btn--teal{background:var(--teal);color:var(--white)}.btn--small{padding:7px 14px;font-size:.9rem;box-shadow:3px 3px 0 var(--ink)}.btn--ghost{background:transparent;box-shadow:none;border-color:var(--pencil);color:var(--ink-soft);font-family:var(--body);font-weight:500}.btn--ghost:hover{box-shadow:none;transform:none;border-color:var(--ink);color:var(--ink)}.album{position:relative;z-index:1;min-height:100vh;padding:20px max(16px,calc(var(--tab-w) + 16px)) 60px 16px;max-width:1180px;margin:0 auto}@media(min-width:900px){.album{padding:32px calc(var(--tab-w) + 36px) 80px 40px}}.page{position:relative;background:var(--paper);border-radius:6px 18px 18px 6px;padding:clamp(18px,4vw,44px);box-shadow:var(--shadow),inset 0 0 0 1px #fff9;background-image:radial-gradient(var(--paper-line) 1px,transparent 1.2px);background-size:22px 22px;background-position:11px 11px;animation:page-in .6s ease both}.page:before{content:"";position:absolute;left:10px;top:40px;bottom:40px;width:12px;background:radial-gradient(circle at 50% 50%,var(--paper-deep) 0 4px,transparent 5px) 0 0 / 12px 64px repeat-y}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.masthead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:0 0 10px 16px}.masthead__title{font-family:var(--display);font-size:clamp(1.9rem,5vw,3rem);margin:0;line-height:1}.masthead__title span{color:var(--tomato)}.masthead__owner{font-family:var(--hand);font-size:1.5rem;color:var(--ink-soft);margin:4px 0 0;transform:rotate(-1.2deg);transform-origin:left}.masthead__owner b{color:var(--ink);border-bottom:2px solid var(--mustard)}.masthead__right{display:flex;align-items:center;gap:14px}.counter{font-family:var(--display);font-size:1.1rem;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:10px;transform:rotate(2deg);box-shadow:3px 3px 0 var(--mustard)}.counter small{display:block;font-family:var(--hand);font-size:1rem;opacity:.8;line-height:1}.tabs{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:6px}.tab{width:var(--tab-w);padding:14px 6px;border:2px solid var(--ink);border-right:none;border-radius:10px 0 0 10px;font-family:var(--display);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;background:var(--tab-color, var(--white));color:var(--ink);transform:translate(6px);transition:transform .15s;box-shadow:-3px 3px #0000001f}.tab:hover{transform:translate(0)}.tab[aria-current=page]{transform:translate(-4px);color:var(--white);background:var(--ink)}.tab--craft{--tab-color: var(--mustard)}.tab--collect{--tab-color: #cfd6dd}.tab--progress{--tab-color: #9fd9d9}.tab--oops{--tab-color: var(--coral)}.tab--admin{--tab-color: #d9c7f5}@media(max-width:640px){.tabs{top:auto;bottom:0;left:0;right:0;transform:none;flex-direction:row;justify-content:center;gap:4px;padding:6px;background:var(--paper-deep);border-top:2px solid var(--ink)}.tab{writing-mode:horizontal-tb;width:auto;padding:8px 10px;border:2px solid var(--ink);border-radius:10px;transform:none;box-shadow:none}.tab[aria-current=page]{transform:translateY(-3px)}.album{padding-right:16px;padding-bottom:90px}}.section{margin-top:30px;padding-top:6px}.section__head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.section__title{font-family:var(--hand);font-weight:700;font-size:2rem;margin:0;color:var(--ink);transform:rotate(-1deg);transform-origin:left bottom}.section__title:after{content:"";display:block;height:3px;margin-top:-4px;background:var(--section-color, var(--mustard));border-radius:3px;transform:skew(-20deg);opacity:.8}.section__count{font-family:var(--body);font-weight:500;font-size:.9rem;color:var(--pencil)}.section__note{font-family:var(--hand);font-size:1.2rem;color:var(--pencil);margin:-6px 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px}@media(min-width:900px){.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:28px 20px}}.slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.sticker{--r: 0deg;--c1: var(--mustard);--c2: #ffd84d;position:relative;width:122px;height:122px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,var(--c2),var(--c1) 70%);box-shadow:0 0 0 5px var(--white),0 0 0 6.5px #0000001f,0 12px 18px -10px #28140099;transform:rotate(var(--r));transition:transform .25s cubic-bezier(.3,1.4,.4,1),box-shadow .25s;animation:slap .55s cubic-bezier(.2,1.2,.3,1) both;animation-delay:var(--d, 0s);border:none;padding:0;color:inherit;font:inherit}.sticker--shield{border-radius:50% 50% 48% 48%/40% 40% 60% 60%}.sticker--square{border-radius:26px}.sticker--star{clip-path:none;border-radius:42%/50%}.sticker--hex{border-radius:34%/44%}.sticker__face{font-size:3.2rem;line-height:1;filter:drop-shadow(0 3px 0 rgba(0,0,0,.18));transform:rotate(calc(var(--r) * -1))}.sticker__count{position:absolute;right:-6px;bottom:-6px;min-width:30px;height:30px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:.95rem;box-shadow:0 0 0 3px var(--white);transform:rotate(calc(var(--r) * -1))}.sticker__new{position:absolute;left:-14px;top:-14px;width:54px;height:54px;display:grid;place-items:center;font-family:var(--display);font-size:.75rem;color:var(--ink);background:var(--mustard);clip-path:polygon(50% 0%,61% 15%,79% 8%,82% 27%,100% 35%,90% 50%,100% 65%,82% 73%,79% 92%,61% 85%,50% 100%,39% 85%,21% 92%,18% 73%,0% 65%,10% 50%,0% 35%,18% 27%,21% 8%,39% 15%);animation:wiggle 2.4s ease-in-out infinite}.slot:hover .sticker{transform:rotate(0) scale(1.08) translateY(-4px);box-shadow:0 0 0 5px var(--white),0 0 0 6.5px #0000001f,0 24px 30px -14px #281400b3;z-index:2}.slot:hover .sticker__face{transform:none}.sticker:focus-visible{outline:3px solid var(--teal);outline-offset:6px}.sticker--foil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;background:conic-gradient(from var(--foil-a, 0deg),transparent 0 20%,rgba(255,255,255,.95) 30%,transparent 40%,rgba(255,255,255,.7) 65%,transparent 75%);animation:foil 3.2s linear infinite}@property --foil-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes foil{to{--foil-a: 360deg}}.f-craft{--c1: var(--mustard);--c2: #ffe066}.f-review{--c1: var(--sky);--c2: #8ec5ff}.f-tempo{--c1: var(--tomato);--c2: #ff9a80}.f-platform{--c1: var(--teal);--c2: #6fd0cf}.f-teamwork{--c1: var(--leaf);--c2: #a3e08f}.f-tier{--c1: #c98a2a;--c2: #ffd27a}.f-tier.t-silver{--c1: #8d97a3;--c2: #e4e9ee}.f-tier.t-gold{--c1: #d9a419;--c2: #fff0a8}.f-tier.t-bronze{--c1: #a9683a;--c2: #e8b588}.f-milestone{--c1: var(--plum);--c2: #c7a6f0}.f-record{--c1: #2b2b2b;--c2: #6a6a6a}.f-anti{--c1: #c9c2b8;--c2: #efe9df}.sticker--locked{background:transparent;box-shadow:none;border:3px dashed var(--pencil);animation:none;opacity:.85}.sticker--locked .sticker__face{opacity:.35;filter:grayscale(1) contrast(.8)}.sticker--locked .sticker__no{position:absolute;font-family:var(--display);font-size:1.1rem;color:var(--pencil);bottom:12px}.slot:hover .sticker--locked{transform:rotate(0) scale(1.03);border-color:var(--ink)}.sticker--retracted{filter:grayscale(.7);opacity:.6}.stamp{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:3}.stamp span{font-family:var(--display);text-transform:uppercase;letter-spacing:2px;font-size:1rem;color:var(--tomato-deep);border:3px solid var(--tomato-deep);border-radius:8px;padding:4px 10px;transform:rotate(-16deg);mix-blend-mode:multiply;opacity:.9;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='r'><feTurbulence baseFrequency='0.6' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0.2'/></filter><rect width='100%' height='100%' filter='url(%23r)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='r'><feTurbulence baseFrequency='0.6' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0.2'/></filter><rect width='100%' height='100%' filter='url(%23r)'/></svg>");animation:stamp .35s cubic-bezier(.2,1.6,.4,1) both}@keyframes stamp{0%{transform:rotate(-16deg) scale(2.4);opacity:0}to{transform:rotate(-16deg) scale(1);opacity:.9}}.slot__title{font-family:var(--display);font-size:1rem;text-align:center;line-height:1.1;letter-spacing:.2px}.slot__sub{font-family:var(--hand);font-size:1.05rem;color:var(--pencil);text-align:center;line-height:1.05;max-width:20ch}@keyframes slap{0%{transform:rotate(calc(var(--r) + 14deg)) scale(1.7);opacity:0}70%{transform:rotate(var(--r)) scale(.94);opacity:1}to{transform:rotate(var(--r)) scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@media(prefers-reduced-motion:reduce){.sticker,.sticker__new,.sticker--foil:after,.page,.cover__book{animation:none!important}}.pack{margin:20px 0 0 16px;padding:28px;max-width:560px;border:3px dashed var(--pencil);border-radius:18px;background:#fff6;position:relative}.pack h2{font-family:var(--display);font-size:1.8rem;margin:0 0 6px}.pack p{margin:0 0 14px;color:var(--ink-soft)}.pack .hand{font-family:var(--hand);font-size:1.3rem;color:var(--pencil)}.pack input{font:inherit;padding:10px 12px;border:2px solid var(--ink);border-radius:10px;width:100%;max-width:280px;background:var(--white);margin-bottom:12px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#1e140a8c;display:grid;place-items:center;padding:16px;animation:fade .2s both}.card{width:min(520px,100%);background:var(--white);border-radius:18px;padding:26px;position:relative;box-shadow:0 30px 60px -20px #0009;border:2px solid var(--ink);animation:pop .3s cubic-bezier(.2,1.3,.4,1) both}.card__head{display:flex;gap:18px;align-items:center;margin-bottom:12px}.card__head .sticker{width:92px;height:92px;flex:none;animation:none}.card__head .sticker__face{font-size:2.4rem}.card__title{font-family:var(--display);font-size:1.7rem;margin:0;line-height:1}.card__flavour{font-family:var(--hand);font-size:1.3rem;color:var(--ink-soft);margin:6px 0 0}.card__blurb{color:var(--ink-soft);margin:0 0 14px}.card__secret{font-family:var(--hand);font-size:1.15rem;color:var(--tomato-deep);margin:-6px 0 12px;line-height:1.15}.evidence{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:260px;overflow:auto}.evidence li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:var(--paper);font-size:.92rem}.evidence li span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence li small{color:var(--pencil);white-space:nowrap}.card__close{position:absolute;right:10px;top:10px;border:2px solid var(--ink);background:var(--white);border-radius:50%;width:34px;height:34px;font-family:var(--display)}.card__actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.8) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}.tape{display:inline-block;font-family:var(--display);text-transform:uppercase;letter-spacing:3px;font-size:1rem;color:var(--ink);background:repeating-linear-gradient(135deg,var(--mustard) 0 18px,var(--ink) 18px 36px);padding:2px;border-radius:4px;transform:rotate(-2deg);margin:0 0 14px 16px}.tape span{display:block;background:var(--mustard);padding:6px 14px}.stampbtn{font-family:var(--display);text-transform:uppercase;letter-spacing:1.5px;font-size:.85rem;color:var(--tomato-deep);background:transparent;border:3px solid var(--tomato-deep);border-radius:8px;padding:6px 12px;transform:rotate(-3deg);transition:transform .12s,background .12s}.stampbtn:hover{transform:rotate(-6deg) scale(1.06);background:#ff5a361f}.stampbtn:disabled{opacity:.4}.ladder{display:grid;gap:22px;margin:10px 0 0 16px}.rung{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center}.rung .sticker{width:86px;height:86px;animation:none}.rung .sticker__face{font-size:2.2rem}.rung__label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:var(--display);font-size:1.15rem}.rung__label small{font-family:var(--hand);font-size:1.15rem;color:var(--pencil)}.bar{position:relative;height:18px;border:2px solid var(--ink);border-radius:999px;background:var(--white);overflow:hidden;margin-top:6px}.bar__fill{height:100%;background:repeating-linear-gradient(135deg,var(--bar, var(--teal)) 0 10px,color-mix(in srgb,var(--bar, var(--teal)) 70%,white) 10px 20px);border-radius:999px;transition:width .8s cubic-bezier(.2,.9,.2,1);min-width:4px}.bar__done{background:var(--mustard)}.dots{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);background:var(--white)}.dot--on{background:var(--teal)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:10px 0 0 16px}.stat{background:var(--white);border:2px solid var(--ink);border-radius:14px;padding:12px 14px;transform:rotate(var(--r, 0deg));box-shadow:3px 3px 0 var(--ink)}.stat b{display:block;font-family:var(--display);font-size:1.7rem;line-height:1}.stat span{font-family:var(--hand);font-size:1.15rem;color:var(--pencil)}.admin h2{font-family:var(--hand);font-size:1.9rem;margin:24px 0 8px 16px}.table{width:100%;border-collapse:collapse;font-size:.92rem;margin-left:16px;max-width:calc(100% - 16px)}.table th{text-align:left;font-family:var(--display);font-weight:400;color:var(--pencil);padding:6px 8px;border-bottom:2px solid var(--ink)}.table td{padding:8px;border-bottom:1px solid var(--paper-line);vertical-align:top}.table input[type=text],.table select,.form input,.form select{font:inherit;font-size:.9rem;padding:6px 8px;border:1.5px solid var(--pencil);border-radius:8px;background:var(--white);max-width:100%}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:500;background:var(--paper-deep);color:var(--ink-soft)}.pill--on{background:#d8f3dc;color:#1b5e20}.pill--off{background:#ffe0d6;color:#8a2a12}.log{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;white-space:pre-wrap;background:var(--white);border:1.5px solid var(--paper-line);border-radius:10px;padding:10px;margin:6px 0 12px 16px;max-height:200px;overflow:auto}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 0 16px}.form{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:8px 0 0 16px;max-width:900px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:30;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:12px;font-family:var(--display);box-shadow:4px 4px 0 var(--mustard);animation:pop .3s both;max-width:90vw}.muted{color:var(--pencil)}.hand{font-family:var(--hand)}