#tokenSheet,.cutout-page{background:#fff;border:1px solid #d5dfeb;border-radius:16px;padding:28px;margin:18px 0;font-family:var(--token-font,Nunito),sans-serif;color:var(--token-color,#17283f)}
#tokenSheet h2{text-align:center;font-size:32px;overflow-wrap:anywhere}#progress{text-align:center;color:#55657b}.token-grid{display:grid;grid-template-columns:repeat(var(--token-columns,5),minmax(0,1fr));gap:16px;margin:24px 0}.token-slot{aspect-ratio:1;min-width:0;border:3px dashed #bbc9dc;border-radius:16px;position:relative;display:grid;place-items:center;padding:12px;background:#f5f8fd}.token-slot img{width:100%;height:100%;object-fit:contain;min-height:0}.token-number{position:absolute;top:4px;left:8px;font:600 12px system-ui}.token-slot.earned{border-style:solid;border-color:#27824e;background:#e9f8ee}.earned-mark{position:absolute;right:6px;bottom:4px;background:#27824e;color:#fff;border-radius:50%;padding:2px 6px}.token-run .token-slot:not(.earned) img{opacity:.15}.reward-area{text-align:center;margin-top:28px}.reward-area>p:first-child{font-size:18px}.reward-area h3{font-size:24px;overflow-wrap:anywhere}.reward-area button{width:130px;height:130px;background:#fff9e8;border:2px solid #dfaa34;border-radius:16px}.reward-area img{width:100%;height:100%;object-fit:contain}.reward-area button:disabled{opacity:1;cursor:default}#celebration{padding:12px;background:#e9f8ee;color:#22653e;border-radius:8px;font-weight:700}.token-credit{font:12px/1.5 system-ui;color:#4b5b70;text-align:center;margin-top:24px}.token-credit a{color:inherit}.cutout-page h2{font-size:20px}.cutout-page .token-slot{background:white}.token-run .token-settings{display:none!important}.token-slot:focus-visible{outline:3px solid #3185fc;outline-offset:3px}#searchForm{display:flex;gap:8px;flex-wrap:wrap}#pictureSearch{min-width:0}.icon-choice{display:flex;flex-direction:column;align-items:center;gap:4px;overflow-wrap:anywhere}.token-slot span:not(.token-number):not(.earned-mark){font:14px system-ui;overflow-wrap:anywhere}
@media(max-width:700px){#tokenSheet,.cutout-page{padding:14px}.token-grid{gap:8px;grid-template-columns:repeat(min(var(--token-columns,5),3),minmax(0,1fr))}.token-slot{padding:8px}#tokenSheet h2{font-size:24px}}
@page{size:letter portrait;margin:.4in}
@media print{#tokenSheet,.cutout-page{border:0;border-radius:0;margin:0;padding:12px;break-inside:avoid;min-height:0;color:var(--token-color,#17283f)}#tokenSheet h2{font-size:26px}.token-grid{grid-template-columns:repeat(var(--token-columns,5),minmax(0,1fr));gap:12px;margin:20px 0}.token-slot{max-height:125px;padding:8px;print-color-adjust:exact}.token-slot img{opacity:.12!important}.token-slot.earned{border-style:dashed;border-color:#bbc9dc;background:#fff}.earned-mark,#celebration{display:none!important}.reward-area{margin-top:12px}.reward-area button{width:100px;height:100px}.cutout-page{break-before:page}.cutout-page .token-slot img{opacity:1!important}.token-credit{margin-top:20px}#cutoutPages:empty{display:none}}

#searchForm{margin:12px 0;align-items:center}#pictureSearch{max-width:100%;box-sizing:border-box}.icon-picker{max-height:85vh;overflow:auto}.icon-choice img{width:64px;height:64px;object-fit:contain}
#tokenSheet{background:var(--theme-background,#fff);color:var(--token-color,#17283f)}
#tokenSheet h2,#tokenSheet h3,#tokenSheet .reward-area p{color:inherit;font-family:inherit}
#tokenSheet .token-slot{background:var(--theme-soft,#edf5ff);border-color:var(--theme-accent,#3185fc)}
#tokenSheet .token-slot.earned{border-color:var(--theme-accent);box-shadow:0 0 0 2px var(--theme-accent)}
#tokenSheet .reward-area button{background:var(--theme-soft);border-color:var(--theme-accent)}
#tokenSheet #progress,#tokenSheet .token-credit{color:inherit}
#confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}
#confetti i{position:absolute;width:9px;height:14px;border-radius:2px}
#exitSession,#resetSession{position:absolute;right:12px;top:10px;z-index:6;font:14px Nunito,sans-serif;background:var(--theme-soft);color:inherit;border:1px solid var(--theme-accent)}
@media screen{
 body.token-run{overflow:hidden}
 body.token-run> :not(main){display:none!important}
 body.token-run main> :not(#tokenSheet){display:none!important}
 body.token-run #tokenSheet{position:fixed;inset:0;z-index:1000;margin:0!important;border:0;border-radius:0;padding:44px 24px 16px;box-sizing:border-box;width:100vw;height:100dvh;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--token-font),sans-serif}
 body.token-run #printTitle{font-size:clamp(22px,4vw,42px);margin:0;max-width:90%;line-height:1.15}
 body.token-run #progress{margin:0;font-size:16px}
 body.token-run #tokens{grid-template-columns:repeat(var(--session-columns,5),var(--session-size,100px));gap:12px;margin:auto 0;flex-shrink:0}
 body.token-run .token-slot{width:var(--session-size);height:var(--session-size);box-sizing:border-box}
 body.token-run .reward-area{display:grid;grid-template-columns:64px auto;gap:2px 12px;align-items:center;max-width:90%;margin:0;text-align:left}
 body.token-run .reward-area>p:first-child{grid-column:2;margin:0;font-size:14px}
 body.token-run #rewardPicture{grid-column:1;grid-row:1 / span 2;width:64px;height:64px;padding:5px}
 body.token-run #rewardLabel{grid-column:2;font-size:clamp(18px,2.5vw,28px);margin:0;line-height:1.2}
 body.token-run #celebration{grid-column:1 / -1;margin:4px 0 0;text-align:center}
 body.token-run .token-credit{font-size:10px;margin:0;max-width:95%}
}
@media print{#tokenSheet{background:var(--theme-background)!important;color:var(--token-color);print-color-adjust:exact}#exitSession,#resetSession,#confetti{display:none!important}}

#tokenSheet #celebration{color:#17482a;background:#e9f8ee}
#tokenSheet[data-theme="space"] img[data-source="material"],#tokenSheet[data-theme="arcade"] img[data-source="material"]{filter:invert(1)}

img[data-source="pixabots"]{image-rendering:pixelated}.icon-choice small{font-size:10px;color:#526175}

#resetSession{left:12px;right:auto}