.cosmetic-illustration{width:100%;height:100%;display:block}.cosmetic-portrait{isolation:isolate;min-width:0;position:relative;overflow:visible;display:inline-grid!important}.cosmetic-portrait-body{z-index:1;place-items:center;width:100%;height:100%;display:grid}.cosmetic-portrait-body>.fighter-image,.cosmetic-portrait-body>svg{object-fit:contain;width:100%;height:100%}.cosmetic-backdrop{background:var(--portrait-paper);border:1px solid var(--portrait-accent);z-index:-2;border-radius:48% 48% 12% 12%;position:absolute;inset:3% 4% 4%;overflow:hidden}.cosmetic-backdrop>svg{opacity:.35;width:100%;height:100%;position:absolute}.cosmetic-podium{z-index:-1;width:60%;height:26%;position:absolute;bottom:-4%;left:20%}.cosmetic-podium[data-podium=crooked-throne]{width:90%;height:90%;bottom:0;left:5%}.cosmetic-companion{z-index:2;width:29%;height:29%;animation:3.8s ease-in-out 3 cosmetic-bob;position:absolute;bottom:5%;right:-3%}.cosmetic-idle-prop{z-index:3;width:28%;height:28%;position:absolute;bottom:8%;left:10%;transform:rotate(-9deg)}.cosmetic-idle-prop>span{color:#657691;font:italic 700 1.1em Georgia,serif}[data-idle=knitting-idle] .cosmetic-idle-prop{animation:1.5s ease-in-out 8 cosmetic-knit}[data-idle=map-idle] .cosmetic-idle-prop{animation:6s ease-in-out 2 cosmetic-map}[data-idle=sleepy-idle] .cosmetic-portrait-body{transform-origin:50% 85%;animation:5s ease-in-out 3 cosmetic-sleep}[data-idle=sleepy-idle] .cosmetic-idle-prop{bottom:65%;left:72%}.cosmetic-sticker{z-index:4;background:#fffcf3;border:1px solid #cbbda4;border-radius:48% 48% 48% 10%;width:28%;height:28%;padding:3%;position:absolute;top:2%;right:-2%;transform:rotate(9deg)}.cosmetic-sticker small{color:#513b2b;background:#fffcf3;padding:0 2px;font:700 .6rem Georgia,serif;position:absolute;bottom:-3%;left:21%}.cosmetic-portrait-title{text-align:center;z-index:5;color:#513b2b;background:#f7eedbdc;border-radius:4px;width:108%;padding:3px;font:600 clamp(8px,.8em,14px)/1.2 Georgia,serif;position:absolute;bottom:-2%;left:-4%}.fighter-frame-postage-frame{background:#f3f0e5;border:3px dashed #678391;padding:5px}.cosmetic-reaction{color:#645744;cursor:pointer;background:#fffaf0;border:1px solid #d6cbb4;border-radius:20px;align-items:center;gap:6px;min-height:40px;padding:5px 10px;font-size:.75rem;display:inline-flex}.cosmetic-reaction>span{width:27px;height:27px;animation:.65s cubic-bezier(.23,1,.32,1) cosmetic-greet}.cosmetic-reaction:focus-visible{outline-offset:3px;outline:2px solid #526f58}.cosmetic-reaction:active{transform:scale(.97)}@keyframes cosmetic-bob{50%{transform:translateY(-6%)rotate(4deg)}}@keyframes cosmetic-knit{50%{transform:rotate(8deg)}}@keyframes cosmetic-map{50%,65%{transform:rotate(175deg)}}@keyframes cosmetic-sleep{50%{transform:rotate(3deg)translateY(1%)}}@keyframes cosmetic-greet{0%{transform:rotate(-15deg)}35%{transform:rotate(15deg)translateY(-4px)}70%{transform:rotate(-8deg)}}[data-saving=true] .cosmetic-companion,[data-saving=true] .cosmetic-idle-prop,[data-saving=true] .cosmetic-portrait-body{animation:none}@media (prefers-reduced-motion:reduce){.cosmetic-companion,.cosmetic-idle-prop,.cosmetic-portrait-body,.cosmetic-reaction>span{animation:none!important}.cosmetic-reaction:active{transform:none}}.cosmetic-podium[data-podium=upturned-teacup]>svg{transform:rotate(180deg)}.cosmetic-painted-frame{z-index:-1;pointer-events:none;position:absolute;inset:-8% -9%}[data-painted-frame] .cosmetic-portrait-body>.fighter-image{background:0 0;border:0;border-radius:0;padding:6%}.cosmetic-portrait[data-backdrop] .cosmetic-backdrop{background-color:#0000;border:0;border-radius:4%}.cosmetic-backdrop>.cosmetic-painting{opacity:.85}.cosmetic-sticker{filter:drop-shadow(0 2px 1px #59452c18);background:0 0;border:0;padding:0}.cosmetic-podium{width:72%;height:30%;left:14%}.cosmetic-companion{width:33%;height:33%}.cosmetic-portrait-title{background:url(/art/oddities/ribbon.webp) 0 0/100% 100%;border-radius:0;padding:7px 10px}.painted-victory-stamp{color:#5f5037;background:url(/art/oddities/ribbon.webp) 50%/100% 100% no-repeat;justify-content:center;align-items:center;gap:6px;min-height:60px;padding:8px 20px;font:italic 700 .875rem Georgia,serif;display:inline-flex;transform:rotate(-3deg)}.painted-victory-stamp>.cosmetic-illustration{flex-shrink:0;width:42px;height:42px}.progress-caption{color:var(--muted-foreground);font-size:.875rem}.progress-journal{background:var(--card);gap:14px;width:min(760px,100vw - 24px);max-height:calc(100dvh - 32px);padding:28px;overflow-y:auto;max-width:760px!important}.progress-journal h3{margin:4px 0;font:500 1.65rem Georgia,serif}.progress-journal [data-slot=tabs-content]{padding-top:18px;font-size:1rem}.journal-tabs{flex-wrap:wrap;justify-content:flex-start;width:100%;min-height:44px;height:auto!important}.journal-tabs button{min-height:38px;padding:6px 10px}.journal-balance{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:.875rem;display:flex}.journal-balance>span:first-child{color:#4567a8;align-items:center;gap:8px;font-size:1.2rem;display:flex}.journal-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.journal-section-heading>span{white-space:nowrap;color:var(--muted-foreground);font-size:.875rem}.progress-caption{margin:8px 0 14px;display:block}.placeholder-note{background:var(--muted);border-radius:6px;align-items:flex-start;gap:10px;padding:14px;font-size:.875rem;line-height:1.5;display:flex}.placeholder-note svg{flex-shrink:0;margin-top:2px}.coach-track{margin:18px 0;padding:0;list-style:none}.coach-track li{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:13px 0;display:flex}.coach-track .track-number{border:1px dashed var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.875rem;display:grid}.coach-track li[data-reached=true] .track-number{background:var(--secondary);color:var(--foreground);border-style:solid}.coach-track li[aria-current=step] .track-number{color:#4567a8;border-color:#4567a8}.coach-track li>div{gap:2px;display:grid}.coach-track li>div>span,.coach-track small{color:var(--muted-foreground);font-size:.875rem}.coach-track small{text-align:right;margin-left:auto}.journal-label{margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.career-hero{align-items:center;gap:22px;padding:24px 0 18px;display:flex}.career-portrait{border-radius:50%;flex-shrink:0;width:136px;height:136px}.career-portrait>.fighter-image,.career-portrait>svg{width:100%;height:100%}.career-hero>div:last-child{flex:1;min-width:0}.career-hero p{color:var(--muted-foreground);margin:0 0 8px;font-size:.875rem}.career-hero strong{margin-bottom:8px;font-size:.875rem;display:block}.career-record{border-block:1px solid var(--border);gap:0;padding:14px 0;display:flex}.career-record>span{text-align:center;color:var(--muted-foreground);flex:1;gap:2px;font-size:.875rem;display:grid}.career-record strong{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:1.35rem}.journal-subheading{margin:22px 0 10px;font-size:1rem}.cosmetic-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 0;display:flex}.cosmetic-row>div{flex:1;gap:3px;min-width:0;display:grid}.cosmetic-row strong{font-size:.95rem}.cosmetic-row>div>span,.cosmetic-row small{color:var(--muted-foreground);font-size:.875rem;line-height:1.45}.cosmetic-row button{flex-shrink:0;min-width:76px}.cosmetic-swatch{border:1px solid var(--border);background:var(--secondary);border-radius:8px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.cosmetic-cobalt,.cosmetic-flourish{color:#4567a8;background:#e1e7f3;border:3px solid #4567a8}.cosmetic-sunbeam,.cosmetic-champion{color:#8b6512;background:#f5e6b3;border-color:#c39b39}.cosmetic-starlight{color:#65719f;background:#e2e6f3}.cosmetic-row[data-locked=true] .cosmetic-swatch{background:var(--muted);color:var(--muted-foreground);border:1px dashed var(--border)}.ink-earning{background:var(--secondary);border-radius:7px;gap:6px;margin:18px 0 6px;padding:18px;font-size:.875rem;display:grid}.shop-intro{line-height:1.6}.ink-history{margin:0;padding:0;list-style:none}.ink-history li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:11px 0;font-size:.875rem;display:flex}.ink-history strong{text-align:right;white-space:nowrap;font-size:.875rem}.journal-footer{color:var(--muted-foreground);border-top:1px solid var(--border);padding-top:14px;font-size:.8125rem}.progress-notice:empty{display:none}.progress-notice{color:#426644;margin:0;font-size:.875rem}.progress-error{color:var(--destructive);font-size:.875rem}.mastery-line{align-items:center;justify-content:inherit;color:var(--muted-foreground);flex-wrap:wrap;gap:6px;margin-top:7px;font-size:.875rem;display:flex}.fighter-frame-meadow{background:#b7d7a522;border:3px solid #7f9f65;border-radius:50%}.fighter-frame-cobalt{background:#4567a810;border:3px solid #4567a8;border-radius:50%}.fighter-frame-champion{background:#ebc66522;border:6px double #c59a34;border-radius:50%}.entrance-starlight{box-shadow:0 0 28px 5px #9fb0e850}.entrance-sunbeam{box-shadow:0 0 28px 5px #ebc66570}.progress-reward-line{color:inherit;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:4px 0 12px;font-size:.875rem;font-weight:600;display:flex}.round-outcome .progress-bonus{color:#efd995;margin:4px auto;font-size:.875rem;line-height:1.4}.battle-progress-receipt{margin-bottom:12px}.arena-rewards.showing-outcome:has(.battle-progress-receipt){overflow-y:auto}.arena-rewards.showing-outcome:has(.battle-progress-receipt) .round-outcome{margin-block:auto}.progress-reward-line span{white-space:nowrap}.career-victory-stamp{letter-spacing:.08em;text-transform:uppercase;border:2px solid;margin:0 0 8px;padding:3px 12px;font-size:.8125rem;display:inline-block;transform:rotate(-3deg)}.career-victory-stamp[data-stamp=flourish]{color:#4567a8}.career-victory-stamp[data-stamp=flawless]{color:#886417}.progress-nav{white-space:nowrap}.creation-ink{border:1px solid var(--border);border-radius:6px;margin:14px 0;padding:12px 14px;font-size:.875rem}.creation-ink strong{color:#4567a8}@media (max-width:600px){.progress-journal{padding:20px 16px}.journal-balance{flex-direction:column;align-items:flex-start}.career-portrait{width:96px;height:96px}.career-hero{gap:14px}.cosmetic-row{flex-wrap:wrap}.cosmetic-row>div{min-width:160px}.cosmetic-row button{margin-left:54px}.coach-track small{max-width:90px}.ink-history li{flex-wrap:wrap;gap:4px}.progress-nav .nav-text{display:none}}@media (prefers-reduced-motion:reduce){.progress-journal [data-slot=progress-indicator]{transition:none}}.progress-journal[data-journal]{border:2px solid #8ba081}.journal-decoration{pointer-events:none;opacity:.7;width:36px;height:36px;position:absolute;top:8px;right:52px}.progress-journal[data-journal=ribbon-bookmark]{border-top:5px solid #55718b}.progress-journal[data-journal=wax-seal]{border-color:#ad6652}.progress-journal[data-journal=star-stickers]{border-color:#ba9c5a}