*{box-sizing:border-box}html,body{margin:0}
body{font-family:Figtree,sans-serif;color:#2a2340;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.page{width:8.5in;height:11in;position:relative;overflow:hidden;page-break-after:always;background:#fff;padding:.55in .6in}
.page:last-child{page-break-after:auto}
.foot{position:absolute;left:.6in;right:.6in;bottom:.22in;display:flex;justify-content:space-between;font:700 8.5pt Figtree;color:#8a8298;letter-spacing:.04em}
h1{font:400 34pt "Lilita One";margin:0;line-height:1}h2{font:400 15pt "Lilita One";margin:14px 0 4px}
.sub{margin:6px 0 14px;font-size:12pt;color:#5a5270;font-weight:600}
p,li{font-size:10.4pt;line-height:1.42;margin:0 0 6px}ol,ul{padding-left:18px;margin:0}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.tr{display:flex;gap:8px;align-items:flex-start}.tr .mini{width:30px;height:30px;flex:none}.tr .mini svg{width:30px;height:30px}
.goal{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#fff1bf;font-size:12pt;line-height:1.4}.goal.kid{font:400 20pt "Lilita One";display:flex;align-items:center;gap:12px;justify-content:center}.goal .gs{display:flex}.goal .gs svg{width:30px;height:30px}
.free{margin-top:14px;padding:10px 12px;border-radius:12px;background:#fbf3e4;font-size:10pt;font-weight:600}
/* cover */
.cover{background:#fbf3e4;text-align:center;padding-top:.8in}
.logo{font:400 78pt "Lilita One";line-height:.9}.logo span{text-shadow:0 5px 0 #2a2340}
.logo span:nth-child(3n+1){color:#f26b3a}.logo span:nth-child(3n+2){color:#3b8fe0}.logo span:nth-child(3n){color:#5bb46b}
.tag{font:800 17pt Figtree;margin:18px 0 0}
.fan{position:relative;height:5in;margin-top:.45in}
.fanc{position:absolute;left:50%;top:0;margin-left:-1.2in;transform-origin:50% 130%}
.fanc .card{--w:2.4in;box-shadow:0 8px 0 rgba(42,35,64,.18)}
.facts{display:flex;justify-content:center;gap:14px;margin-top:.2in}
.facts div{background:#fff;border-radius:16px;box-shadow:0 0 0 3px #2a2340 inset;padding:10px 14px;font:800 10pt Figtree;min-width:1.2in}
.facts b{display:block;font:400 26pt "Lilita One"}
.inside{margin-top:.28in;font-weight:700;font-size:11pt}
/* cards */
.card{--w:2.5in;width:var(--w);height:calc(var(--w)*1.4);border-radius:calc(var(--w)*.07);position:relative;background:#fbf3e4;display:flex;flex-direction:column;padding:calc(var(--w)*.055);overflow:hidden}
.card .frame{position:absolute;inset:calc(var(--w)*.035);border-radius:calc(var(--w)*.06);border:calc(var(--w)*.035) solid var(--elc,#a78bd9);pointer-events:none}
.card.flame{--elc:#f26b3a;--elbg:#ffe1cf}.card.splash{--elc:#3b8fe0;--elbg:#d9ecff}
.card.sprout{--elc:#5bb46b;--elbg:#dff2d3}.card.zap{--elc:#f5c326;--elbg:#fff1bf}
.card.item{--elc:#a78bd9;--elbg:#efe7ff}.card.helper{--elc:#2a2340}
.top{display:flex;align-items:center;gap:calc(var(--w)*.03);padding:calc(var(--w)*.05) calc(var(--w)*.05) 0;height:calc(var(--w)*.2);position:relative;z-index:1}
.top .el{width:calc(var(--w)*.15);height:calc(var(--w)*.15);flex:none}.top .el svg{width:100%;height:100%}
.nm{font:400 calc(var(--w)*.115) "Lilita One";white-space:nowrap}.g2 .nm{font-size:calc(var(--w)*.098)}
.grow{margin-left:auto;margin-right:calc(var(--w)*.02);width:calc(var(--w)*.17);height:calc(var(--w)*.17);border-radius:50%;background:#fff;box-shadow:0 0 0 2px #2a2340 inset;flex:none;padding:2px}
.grow svg{width:100%;height:100%}
.dot{margin-left:auto;width:calc(var(--w)*.1);height:calc(var(--w)*.1);border-radius:50%;box-shadow:0 0 0 2px #2a2340 inset}
.art{flex:1;margin:calc(var(--w)*.03) calc(var(--w)*.05);border-radius:calc(var(--w)*.05);background:var(--elbg);position:relative;overflow:hidden;background-image:radial-gradient(circle at 50% 110%,rgba(255,255,255,.9) 0,transparent 55%)}
.art svg{position:absolute;inset:4%;width:92%;height:92%}
.big{position:absolute;right:6px;top:6px;font:400 calc(var(--w)*.075) "Lilita One";background:#2a2340;color:#fff;border-radius:6px;padding:1px 6px}
.stats{display:flex;justify-content:space-between;align-items:center;padding:0 calc(var(--w)*.06) calc(var(--w)*.05);height:calc(var(--w)*.2);position:relative;z-index:1}
.pips{display:flex;gap:1px}.pips i{display:block;width:calc(var(--w)*.13);height:calc(var(--w)*.13)}.pips svg{width:100%;height:100%}
.hearts i{width:calc(var(--w)*.1);height:calc(var(--w)*.1)}.hearts.many i{width:calc(var(--w)*.072);height:calc(var(--w)*.072)}.g2 .pips:first-child i{width:calc(var(--w)*.105);height:calc(var(--w)*.105)}
.itm{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;z-index:1}
.itm .pic{width:74%;aspect-ratio:1}.itm .pic svg{width:100%;height:100%}
.what{display:flex;align-items:center;gap:3px;font:400 calc(var(--w)*.15) "Lilita One"}
.what i{display:block;width:calc(var(--w)*.15);height:calc(var(--w)*.15)}.what svg{width:100%;height:100%}
.what s{display:flex;align-items:center;text-decoration-thickness:4px}
.wh{flex:1;display:grid;place-items:center;position:relative;z-index:1}
.hint{position:relative;z-index:1;text-align:center;font:800 calc(var(--w)*.07) Figtree;padding-bottom:calc(var(--w)*.07);display:flex;justify-content:center;align-items:center;gap:3px}
.hint i{display:inline-block;width:calc(var(--w)*.09);height:calc(var(--w)*.09)}.hint svg{width:100%;height:100%}
.card.back{padding:0;background:none}.card.back svg{width:100%;height:100%;border-radius:calc(var(--w)*.07)}
/* sheets */
.sheet{padding:.2in .5in}.sheet .foot{bottom:.07in}
.grid{display:grid;grid-template-columns:repeat(3,2.5in);grid-auto-rows:3.5in;gap:0;outline:1px dashed #b9b3c7}
.grid .card{outline:1px dashed #b9b3c7;border-radius:0}
.grid .card .frame{border-radius:calc(var(--w)*.06)}
/* rules page */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}
.step{background:#fbf3e4;border-radius:18px;padding:12px 8px 14px;text-align:center;position:relative}
.step .n{position:absolute;left:8px;top:8px;width:28px;height:28px;border-radius:50%;background:#2a2340;color:#fff;font:400 16pt "Lilita One";display:grid;place-items:center}
.step .pic{height:1.9in;display:grid;place-items:center;margin-top:18px}
.mini-card .card{--w:1.25in}
.bonkbig{display:flex;flex-wrap:wrap;justify-content:center;width:1.3in}.bonkbig svg{width:.6in;height:.6in}
.cap{font:400 18pt "Lilita One";margin-top:6px}
.wheelrow{display:flex;align-items:center;gap:24px;margin-top:.35in;justify-content:center}
.wtext p{font:400 18pt "Lilita One";line-height:1.2;margin:0 0 10px;max-width:3in}
.ib{display:inline-block;width:22px;height:22px;vertical-align:middle}.ib svg{width:100%;height:100%}
.grow-row{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:.35in}
.grow-row .arrow{font:400 40pt "Lilita One"}.grow-row p{font:400 15pt "Lilita One";max-width:2.4in}
/* mats */
.mats{padding:.45in .5in;display:flex;flex-direction:column;gap:.3in}
.mat{flex:1;border-radius:24px;background:var(--bg);box-shadow:0 0 0 4px #2a2340 inset,0 0 0 12px var(--c) inset;display:flex;gap:.3in;padding:.45in;position:relative}
.mat-l{flex:1;display:grid;place-items:center}
.slot{width:2.6in;height:3.6in;border-radius:18px;border:4px dashed #2a2340;display:grid;place-items:center;font:400 16pt "Lilita One";color:#2a2340;opacity:.55;text-align:center}
.mat-r{width:2.7in;display:flex;flex-direction:column;gap:.18in;align-items:center;justify-content:center}
.stars{display:flex;gap:8px}.stars span{width:.75in;height:.75in;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #2a2340 inset;display:grid;place-items:center}
.stars svg{width:.5in;height:.5in;opacity:.25}
.pile{width:2.2in;height:1.1in;border-radius:14px;border:3px dashed #2a2340;display:grid;place-items:center;font:400 14pt "Lilita One";opacity:.5}
.mat-name{position:absolute;left:.5in;top:.2in;font:400 15pt "Lilita One"}
/* tokens */
.tok{display:flex;flex-wrap:wrap;gap:.12in;margin-top:.2in}
.tok .t{width:.78in;height:.78in;border-radius:50%;border:1px dashed #b9b3c7;display:grid;place-items:center}
.tok .t svg{width:.62in;height:.62in}.stars2{margin-top:.3in}.tok .s{width:1in;height:1in}.tok .s svg{width:.8in;height:.8in}

.cover .owner{font:400 40pt "Lilita One";margin:14px 0 0;color:var(--c)}
.cover .buddy{display:flex;justify-content:center;margin-top:.3in}.cover .buddy .card{--w:3in;box-shadow:0 10px 0 rgba(42,35,64,.18)}
.cover{background:var(--bg,#fbf3e4)}
.card .shine{position:absolute;right:6px;bottom:6px;width:22%;height:22%}.card .shine svg{position:static;width:100%;height:100%}
.card.shiny .art{background-image:linear-gradient(135deg,rgba(255,255,255,.9),transparent 40%,rgba(255,255,255,.6) 60%,transparent)}
.card.back{position:relative}.backname{position:absolute;left:0;right:0;bottom:12%;text-align:center;font:400 calc(var(--w)*.16) "Lilita One";color:#fff;text-shadow:0 2px 0 #2a2340,0 0 6px #2a2340}
.binderp .bgrid{display:grid;grid-template-columns:repeat(8,.85in);gap:.08in;margin-top:8px}
.bslot{width:.85in;height:1.19in;border:2px dashed #b9b3c7;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.bslot span{font:400 22pt "Lilita One";color:#cfc9da}.bslot em{font-style:normal;font-size:6.5pt;font-weight:700;color:#8a8298;margin-top:4px;padding:0 3px}
.bslot.on{border:0}.bslot.on .card{--w:.85in}
.binderp .ib{display:inline-block;width:16px;height:16px;vertical-align:middle}.binderp .ib svg{width:100%;height:100%}