/* MASTRflex 1.5: expressive receipts, not a spreadsheet with a tiny badge. */
:root{--roast-neon:#32e875;--roast-mint:#c5ffb9}
.mastr-sticker{position:relative;display:inline-block;width:92px;height:92px;flex:0 0 auto;vertical-align:middle;isolation:isolate;filter:drop-shadow(0 0 12px #32e87520)}
.mastr-sticker img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:normal!important;pointer-events:none}
.mastr-sticker .sticker-frame{z-index:2}.mastr-sticker.large{width:208px;height:208px}.sticker-face{transition:transform .25s ease}.roast-row:hover .sticker-face{transform:translateY(-3px) rotate(-3deg) scale(1.035)}
.feature-counts{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0;color:#adc7a2;font-size:10px;letter-spacing:1px}.feature-counts b{color:#b8ff35;font-size:13px}.feature-counts span{border:1px solid #2c452d;padding:7px 10px;background:#101b0d;border-radius:6px}
#board-tools{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,250px) minmax(130px,180px);gap:14px;margin:24px 0 20px;align-items:end}#board-tools label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}#board-tools input,#board-tools select{width:100%;min-height:43px;font-size:12px;background:#0b160d;border-color:#35503a}#board-tools input{padding-left:14px}.board-categories{display:flex!important;gap:9px;overflow-x:auto;padding:3px 2px 13px;scroll-snap-type:x proximity;scrollbar-color:#4c9259 #08120b}.board-category{display:flex;gap:8px;align-items:center;min-width:185px;max-width:235px;min-height:68px;padding:8px 13px!important;scroll-snap-align:start;border-radius:12px}.board-category .mastr-sticker{width:43px;height:43px}.board-category span:not(.mastr-sticker){font-size:12px;line-height:1.35;margin:0;text-wrap:balance}.board-category.active{background:#152c17;box-shadow:0 0 17px #32e87510}.board-subheading{padding:16px 0 20px}.board-subheading>span{font-size:8px;line-height:1.5;text-align:right;max-width:340px}
.roast-board{display:grid;gap:13px}.roast-row{display:grid;grid-template-columns:42px 100px minmax(0,1fr) 178px;align-items:center;gap:19px;border:1px solid #304832;border-radius:16px;background:linear-gradient(110deg,#0a170c,#08100a);padding:23px 22px;position:relative;overflow:hidden}.roast-row::before{content:'';position:absolute;left:0;top:20%;height:60%;width:2px;background:#2d7540;opacity:.6}.roast-row.top-rank{border-color:#417547;background:radial-gradient(ellipse at 9% 25%,#2dd65710,transparent 60%),linear-gradient(110deg,#0c1c0e,#071009)}.roast-row.top-rank::before{background:#32e875;box-shadow:0 0 20px #32e875;opacity:1}.roast-rank span{color:#b8ff35;font-size:24px;font-weight:750;letter-spacing:-1px}.roast-rank small{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.roast-character .mastr-sticker{width:104px;height:104px}.roast-wallet-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:9px}.roast-wallet-line .mono{font:10px ui-monospace,Consolas,monospace;color:#a2bba2}.proof-pill{border:1px solid #355338;background:#142317;padding:3px 6px;border-radius:4px;font-size:8px;color:#a4bfa2}.row-alias{font-size:10px;color:#a8c79f;overflow-wrap:anywhere}.roast-copy h3{font-size:clamp(19px,2.05vw,28px);font-weight:740;letter-spacing:-.7px;line-height:1.18;color:#efffec;text-wrap:balance}.roast-one-liner{font-size:14px;line-height:1.65;color:#c4d8bc;margin-top:11px;max-width:600px}.roast-earned{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0 0}.roast-earned span{font-size:9px;padding:4px 7px;border:1px solid #2b412c;border-radius:6px;color:#95b08b;background:#0a130b}.roast-evidence{margin-top:12px;font-size:10px;color:#849f82}.roast-evidence summary{color:#99c38f;cursor:pointer;list-style:revert}.roast-evidence p{margin-top:9px;font-size:11px;line-height:1.7;max-width:620px}.roast-receipt{display:flex;flex-direction:column;gap:7px;border-left:1px solid #29402b;padding-left:18px;min-width:0}.roast-receipt>strong{font-size:21px;color:#b8ff35;line-height:1.25;font-weight:700;overflow-wrap:anywhere}.roast-receipt>span{font-size:9px;color:#9dbc90;line-height:1.5}.roast-receipt>small{font-size:9px;color:#93a990;line-height:1.55;margin:3px 0}.roast-receipt .button{font-size:10px;min-height:36px;padding:9px 10px;margin-top:4px;white-space:normal;text-align:center}.roast-receipt .text-button{font-size:10px;margin-top:4px}.row-confession{font-size:11px;line-height:1.6;margin:10px 0;color:#c2e7b3}.row-confession span{font-size:9px;color:var(--muted)}.row-confession small{font-size:8px;color:#b2c09d}.confession-pill{display:inline-block;padding:4px 8px;border:1px solid #8d7950;color:#dcc99a;background:#242012;border-radius:5px;font-size:9px;margin:8px 0}.row-confession b{font-weight:650}
.board-share-panel canvas{display:block;width:100%;height:auto;border:1px solid #426e3c;border-radius:14px}.board-caption{font-size:14px;line-height:1.75;margin:20px 0;color:#d0e5c4}.board-share-panel .studio-actions{gap:9px}.board-share-panel .share-note{font-size:11px;margin:18px 0}.earned-chip{font-size:10px;border:1px solid #43653a;padding:5px 8px;background:#0d1b0d;color:#aade96;border-radius:6px}.earned-chip:hover{border-color:#b8ff35;color:#dfffd0}.persona-art .mastr-sticker.large{width:196px;height:196px}.persona-tags{gap:9px}.persona-name{font-size:clamp(27px,3.3vw,43px)}.persona-evidence{max-width:760px}
.customizer-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:start}.customizer-grid select{width:100%;font-size:12px;margin-bottom:18px;margin-top:8px;min-height:43px}.customizer-grid .share-note{font-size:11px;line-height:1.8;margin:14px 0 20px}.customizer-grid .button{margin-right:5px;margin-bottom:6px;font-size:10px}.customizer-preview{background:radial-gradient(circle at 50% 15%,#32e87515,#0a120b 75%);padding:20px;border:1px solid #315532;border-radius:14px;text-align:center}.customizer-preview .mastr-sticker{width:178px;height:178px}.customizer-preview h3{font-size:23px;color:#dcffd0;margin:10px 0}.customizer-preview p{font-size:12px;line-height:1.7;color:#b3cbaa}.style-grid-title{font-size:17px;margin:28px 0 16px}.sticker-variant-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.sticker-choice{border:1px solid #263e2b;background:#071109;padding:5px;border-radius:9px;min-width:0}.sticker-choice .mastr-sticker{width:100%;height:auto;aspect-ratio:1}.sticker-choice small{display:block;font-size:8px;color:#9bb891;text-align:center;margin-bottom:5px}.sticker-choice.selected{border-color:#b8ff35;background:#182b0f}.sticker-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.sticker-gallery>div{display:flex;align-items:center;flex-direction:column;gap:6px;background:#08110b;border:1px solid #29412e;border-radius:12px;padding:8px}.sticker-gallery .mastr-sticker{width:100%;height:auto;aspect-ratio:1}.catalog-search{display:block;margin:15px 0 24px;font-size:11px;color:var(--muted)}.catalog-search input{display:block;width:100%;margin-top:9px}.catalog-tile .mastr-sticker{width:75px;height:75px;display:block;margin:8px 0 10px}.catalog-tile>h3{font-size:20px}.title-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.teaser-tile .mastr-sticker{width:88px;height:88px;margin-top:14px;align-self:center}.teaser-tile strong{font-size:22px;margin-top:13px}.teaser-tile p{font-size:11px;line-height:1.65}.teaser-tile{min-height:310px}.teaser-actions{display:flex;gap:9px;flex-wrap:wrap}.teaser-actions .button{font-size:11px}.progress-panel .scan-character{position:absolute;right:24px;top:20px;width:104px;height:104px;opacity:.9}.progress-panel .progress-top{padding-right:110px}.progress-panel .progress-flavour{padding-right:110px}.scan-character .mastr-sticker{width:100%;height:100%}.scan-character{animation:stickerBob 3.5s ease-in-out infinite}.wallet-personality.reveal{animation:receiptReveal .55s ease-out}.public-sticker{display:flex;align-items:center;gap:20px}.public-sticker img{width:140px;height:140px;object-fit:contain}
@keyframes stickerBob{50%{transform:translateY(-5px) rotate(4deg)}}@keyframes receiptReveal{from{opacity:.6;transform:translateY(12px);filter:brightness(1.7)}to{opacity:1;transform:none;filter:none}}
@media(min-width:1400px){.roast-row{grid-template-columns:44px 116px minmax(0,1fr) 184px;gap:23px}.roast-character .mastr-sticker{width:118px;height:118px}}
@media(max-width:950px){.roast-row{grid-template-columns:30px 82px minmax(0,1fr) 148px;gap:13px;padding:20px 16px}.roast-character .mastr-sticker{width:82px;height:82px}.roast-copy h3{font-size:23px}.roast-one-liner{font-size:13px}.roast-receipt{padding-left:12px}.roast-receipt>strong{font-size:18px}.sticker-variant-grid{grid-template-columns:repeat(6,1fr)}.title-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#board-tools{grid-template-columns:1fr 1fr;gap:11px}.board-search-label{grid-column:1/-1}.board-category{min-width:165px;min-height:65px}.board-category span:not(.mastr-sticker){font-size:11px}.roast-row{grid-template-columns:26px 68px minmax(0,1fr);gap:10px;padding:18px 14px}.roast-rank{align-self:start;padding-top:14px}.roast-rank span{font-size:18px}.roast-rank small{font-size:6px}.roast-character{align-self:start}.roast-character .mastr-sticker{width:69px;height:69px}.roast-copy{display:contents}.roast-wallet-line{grid-column:3;margin:0;align-content:start;gap:5px;padding-top:5px}.roast-wallet-line .mono{font-size:10px}.proof-pill{font-size:7px}.roast-copy h3{grid-column:2/-1;font-size:24px;margin-top:2px;line-height:1.18}.roast-one-liner{grid-column:2/-1;margin:1px 0 0;font-size:13px;line-height:1.75}.roast-earned,.roast-evidence,.row-confession,.roast-copy>.confession-pill{grid-column:2/-1;margin-top:4px}.roast-earned span{font-size:8px}.roast-receipt{grid-column:2/-1;border-left:0;border-top:1px solid #2a442e;padding:13px 0 0;margin-top:5px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7px}.roast-receipt>strong{font-size:17px}.roast-receipt>span{font-size:9px;text-align:right}.roast-receipt>small{grid-column:1/-1}.roast-receipt .text-button{margin:0;text-align:right}.roast-receipt .button{font-size:10px;min-height:37px}.board-subheading>span{text-align:left}.customizer-grid{grid-template-columns:1fr;gap:10px}.customizer-preview{grid-row:1;padding:14px}.customizer-preview .mastr-sticker{width:125px;height:125px}.customizer-preview h3{font-size:22px}.customizer-preview p{font-size:11px}.sticker-variant-grid{grid-template-columns:repeat(4,1fr)}.sticker-gallery{grid-template-columns:repeat(4,1fr);gap:7px}.title-catalog{grid-template-columns:1fr}.persona-art .mastr-sticker.large{width:135px;height:135px}.progress-panel .scan-character{width:64px;height:64px;right:10px;top:15px}.progress-panel .progress-top,.progress-panel .progress-flavour{padding-right:65px}.teaser-tile{min-height:295px}.teaser-tile strong{font-size:21px}.teaser-actions .button{width:auto}.public-sticker{gap:12px}.public-sticker img{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.scan-character,.wallet-personality.reveal{animation:none!important}.roast-row:hover .sticker-face{transform:none}.sticker-face{transition:none}}
.motion-paused .scan-character,.motion-paused .wallet-personality.reveal{animation:none!important}.motion-paused .roast-row:hover .sticker-face{transform:none}

.roast-language-note{font-size:10px;line-height:1.7;color:var(--muted);margin:17px 2px 8px}
#modal:has(.board-share-panel){width:min(880px,calc(100vw - 28px));max-width:880px}