/* Mini cards are labels; collectible pictures are revealed only through earned pieces. */
.mini-card-label{position:absolute;left:50%;top:50%;width:var(--label-width,150px);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;color:#d6c7a5;pointer-events:none;text-align:center}
.mini-card-label>small{font-size:clamp(6px,calc(var(--label-width,150px)*.08),11px);font-weight:600;letter-spacing:.3px;line-height:1.2;color:#97afb6}.mini-card-label>b{font-size:clamp(10px,calc(var(--label-width,150px)*.18),43px);font-weight:750;line-height:1;letter-spacing:-.6px}
.path-card{background:radial-gradient(ellipse at 50% 0,#c2a36f16,transparent 70%),linear-gradient(145deg,#233c45,#142632);box-shadow:inset 0 1px #ffffff0a,0 9px 16px #0005}
.path-slide.is-active .path-card{background:radial-gradient(ellipse at 50% 0,#d2b57829,transparent 75%),linear-gradient(145deg,#28434b,#172b37)}.path-slide.is-active .mini-card-label>b{color:#f3dfb6}.path-slide.is-cleared .mini-card-label>b{color:#a9cdb8}.path-slide.is-locked .mini-card-label{opacity:.5}.path-number .ui-icon{width:11px;height:11px}.path-number:empty{display:none}
.sticker-summary{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:13px 0 0;margin-top:15px;border-top:1px solid #ffffff10;background:transparent;color:#d8e0df}.sticker-summary>span:nth-child(2){display:grid;gap:5px;min-width:0}.sticker-summary b{font-size:12px;font-weight:650}.sticker-summary small{font-size:10px;color:#9fb2ba}.sticker-summary-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #c9ac7345;border-radius:10px;color:#d5be89;background:#c0a36612}.sticker-summary-icon .ui-icon{width:19px;height:19px}.sticker-summary>.ui-icon{width:15px;height:15px;flex:none;margin-left:auto;color:#bfa77a}.sticker-summary-track{display:flex;gap:3px;margin-left:auto;width:75px;flex:none}.sticker-summary-track i{height:14px;flex:1;min-width:0;border-radius:2px;background:#46616b55}.sticker-summary-track i.earned{background:#d9c18d}
.sticker-mosaic{position:relative;display:grid;grid-template-columns:repeat(var(--piece-cols),minmax(0,1fr));grid-template-rows:repeat(var(--piece-rows),minmax(0,1fr));gap:2px;aspect-ratio:16/9;width:100%;padding:5px;border:1px solid #c3b58b38;border-radius:13px;background:#0a1923;overflow:hidden}
.sticker-tile{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#233b47,#162c37);border-radius:3px}.sticker-tile>b{font-size:10px;letter-spacing:.4px;font-weight:600;color:#78949f}.sticker-tile.earned{box-shadow:inset 0 0 0 1px #e0cfa444}.sticker-crop{position:absolute;inset:0;background-repeat:no-repeat}
.full-sticker{position:relative;display:block;width:100%;overflow:hidden;border:6px solid #eee9d8;border-bottom-width:11px;border-radius:16px;background:#e8ddc2;box-shadow:0 10px 21px #0004,inset 0 0 0 1px #1a253d25}.full-sticker img{width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:contain}.full-sticker:after{content:'';position:absolute;bottom:-1px;right:-1px;width:22px;height:22px;background:linear-gradient(135deg,#0000 46%,#e2d7bd 48%,#fff8df 58%,#bcb49c);border-radius:0 0 5px 0}.sticker-seal{position:absolute;left:9px;bottom:7px;background:#101d26d9;border:1px solid #f0dcaa5c;border-radius:5px;padding:4px 7px;color:#f0dbaa;font-size:8px;font-weight:700;letter-spacing:.5px}
.sticker-earned{display:flex;align-items:center;gap:13px;text-align:left;width:100%;min-height:81px;padding:12px 14px;margin:17px 0;background:linear-gradient(115deg,#4d664725,#20313c);border:1px solid #c7b57d40;border-radius:13px;color:#e7dfc8}.sticker-earned-art{width:55px;height:58px;flex:none;display:grid;place-items:center}.sticker-fragment{display:block;position:relative;width:42px;aspect-ratio:32/45;border:2px solid #ece2c5;border-radius:6px;box-shadow:0 5px 9px #0004;background-repeat:no-repeat}.sticker-fragment>i{position:absolute;bottom:2px;right:2px;border-radius:3px;padding:1px 3px;background:#12212dcc;color:#f6e3bb;font-size:8px;font-style:normal}.sticker-earned>span:nth-child(2){display:grid;gap:6px;min-width:0}.sticker-earned b{font-size:13px;font-weight:700}.sticker-earned small{font-size:10px;line-height:1.5;color:#abbec6}.sticker-earned>.ui-icon{width:14px;height:14px;margin-left:auto;color:#cab27f;flex:none}.sticker-just-completed .sticker-earned-art{width:93px;height:62px}.sticker-earned-art .full-sticker{border-width:3px;border-bottom-width:5px;border-radius:8px}.sticker-earned-art .sticker-seal{display:none}.sticker-earned-art .full-sticker:after{width:10px;height:10px}
.celebration-card:has(.sticker-earned) .celebration-trophy{height:130px;margin:0}.celebration-card:has(.sticker-earned) .celebration-trophy>.reward-art{width:155px;height:155px}.celebration-card .sticker-earned{margin:14px 0;min-height:74px}.celebration-card:has(.sticker-earned) h2{font-size:29px}.result-card:has(.sticker-earned) .result-art{height:112px}.result-card:has(.sticker-earned) .result-art .reward-art{width:125px;height:125px}
.sticker-collection{margin-top:24px}.sticker-collection .panel-head{gap:12px;align-items:center}.sticker-collection .panel-head h3{margin:5px 0 0}.sticker-total{font-size:11px;color:#d2bc87;white-space:nowrap}.sticker-collection-hint{font-size:12px;color:#9fb3bd;line-height:1.6;margin:16px 0 20px}.sticker-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.sticker-collection-card{display:block;min-width:0;text-align:left;padding:13px;border:1px solid #ffffff11;border-radius:16px;background:#091c252e;color:#e4e4d9}.sticker-collection-card:hover{background:#ffffff04;border-color:#d4ba7d42}.sticker-collection-card.is-complete{border-color:#c6b47c48;background:#bca36d0a}.sticker-card-caption{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:12px}.sticker-card-caption>span{display:grid;gap:5px;min-width:0}.sticker-card-caption b{font-size:12px}.sticker-card-caption small{font-size:10px;line-height:1.5;color:#a1b8bf}.sticker-card-caption>.ui-icon{width:16px;height:16px;flex:none;color:#baa77a}
.sticker-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 35px);padding:0;border:1px solid #b8c8c23b;border-radius:23px;background:#192d38;color:#e9e4d8;box-shadow:0 35px 100px #0009;overflow:auto}.sticker-dialog::backdrop{background:#040b12bf;backdrop-filter:blur(7px)}.sticker-dialog>section{position:relative;padding:30px}.sticker-dialog-close{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff06;color:#b5c8ce}.sticker-dialog-close .ui-icon{width:16px;height:16px}.sticker-dialog h2{font-size:27px;letter-spacing:-.7px;margin:11px 0 23px}.sticker-dialog h3{font-size:20px;margin:22px 0 9px}.sticker-dialog p{font-size:13px;line-height:1.7;color:#b1c5cb;margin:0 0 23px}.sticker-dialog .sticker-mosaic{border-radius:15px;padding:7px}.sticker-dialog .sticker-tile>b{font-size:13px}.sticker-dialog .btn{font-size:12px;min-height:42px}.sticker-dialog button:focus-visible,.sticker-summary:focus-visible,.sticker-collection-card:focus-visible{outline:2px solid #e2ca92;outline-offset:3px}
@media(max-width:1000px){.sticker-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sticker-summary{gap:9px;margin-top:12px;padding-top:12px}.sticker-summary b{font-size:11px}.sticker-summary small{font-size:9px}.sticker-summary-icon{width:31px;height:33px}.sticker-summary-track{width:49px;gap:2px}.sticker-summary-track i{height:12px}.sticker-summary>.ui-icon{width:12px;height:12px}.sticker-collection-grid{gap:12px;grid-template-columns:minmax(0,1fr)}.sticker-collection-card{padding:13px}.sticker-collection{margin-top:18px}.sticker-collection-hint{font-size:11px}.sticker-total{font-size:10px}.sticker-earned{gap:10px;padding:10px}.sticker-earned b{font-size:12px}.sticker-earned small{font-size:9px}.sticker-earned-art{width:45px}.sticker-just-completed .sticker-earned-art{width:77px}.sticker-earned .sticker-fragment{width:37px}.celebration-card:has(.sticker-earned){padding-top:23px;padding-bottom:23px}.celebration-card:has(.sticker-earned) h2{font-size:25px}.celebration-card:has(.sticker-earned) .celebration-trophy{height:95px}.celebration-card:has(.sticker-earned) .celebration-trophy>.reward-art{width:124px;height:124px}.celebration-card:has(.sticker-earned)>p{font-size:10px}.sticker-dialog>section{padding:25px 20px}.sticker-dialog h2{font-size:23px}.sticker-dialog h3{font-size:18px}.sticker-dialog p{font-size:12px}.mini-card-label>b{letter-spacing:0}}
@media(max-width:360px){.sticker-summary-track{display:none}.sticker-summary b{font-size:10px}.sticker-earned small{font-size:8px}}

