/* Character artwork, visible growth, and the stories that connect each day. */
.scene-art{background-image:url('./assets/tsumugi-daily-scenes.png');background-size:400% 200%;background-position:var(--scene-x) var(--scene-y);background-repeat:no-repeat;aspect-ratio:1;flex-shrink:0;background-color:#352430;border-radius:inherit}
.profile-art{background-image:url('./assets/tsumugi-profile-styles.png');background-size:400% 100%;background-position:var(--profile-x) 50%;background-repeat:no-repeat;aspect-ratio:3/4;background-color:#352430;border-radius:inherit}
.character-stage{overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#261c2f;border-color:#654660;min-width:0;order:0}
.stage-art{position:relative;min-width:0;border-radius:0}.stage-art>.scene-art{height:100%;min-height:225px;aspect-ratio:auto;border-radius:0;background-size:auto 200%;animation:scene-arrive .45s ease-out}
.stage-day{position:absolute;top:12px;left:12px;background:#231327dc;border:1px solid #aa739f80;padding:5px 10px;border-radius:9px;color:#fae8f1;font-size:.8125rem}.stage-day b{font-size:1rem;margin-left:4px}
.stage-style{position:absolute;bottom:10px;right:10px;width:49px;background:#332238;border:1px solid #cd9abb;border-radius:9px;overflow:hidden;padding:0;box-shadow:0 3px 15px #17101b80}.stage-style .profile-art{width:100%;height:50px;background-size:400% auto}.stage-style span{display:block;font-size:.75rem;color:#ffdeef;padding:3px 0}
.stage-story{padding:20px 18px;display:flex;flex-direction:column;justify-content:center;min-width:0}.stage-location{color:var(--muted);font-size:.8125rem;display:flex;align-items:center;gap:4px;line-height:1.6}.stage-location>.icon{width:14px;flex-shrink:0}.stage-story h1{font-size:1.8rem;font-weight:500;line-height:1.4;margin:12px 0 9px}.stage-story h1 small{font-size:.8125rem;font-weight:400;color:var(--muted);display:block;margin-top:4px}.stage-activity{display:flex;align-items:flex-start;gap:5px;color:var(--pink);font-size:.875rem;line-height:1.7}.stage-activity>.icon{width:16px;flex-shrink:0;margin-top:3px}.stage-story p{font-size:1rem;line-height:1.8;margin:12px 0;color:#fff0f5}.stage-mood{font-size:.8125rem;color:var(--muted);line-height:1.6}.stage-streak{font-size:.8125rem;color:var(--gold);margin-top:5px}
.charm-summary{padding:17px;margin:0 0 15px;order:3}.charm-summary header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.charm-summary h2{font-size:1rem;display:flex;align-items:center;gap:7px}.charm-summary h2>.icon{color:var(--pink)}.charm-summary .text-button{font-size:.875rem}.charm-mini-traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 19px}.trait-row{min-width:0}.trait-label{display:flex;gap:7px;align-items:center;font-size:.9375rem;line-height:1.5}.trait-label>.icon{color:var(--trait-color);width:18px;flex-shrink:0}.trait-label>span{font-weight:500}.trait-label>span small{display:block;font-size:.8125rem;font-weight:400;color:var(--muted);margin-top:2px}.trait-label strong{margin-left:auto;font-size:1.15rem;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.trait-label strong small{font-size:.75rem;color:var(--muted);margin-left:2px;font-weight:400}.trait-grade{display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1;width:25px;min-height:27px;border-radius:7px;color:var(--trait-color);background:color-mix(in srgb,var(--trait-color) 15%,transparent);flex-shrink:0}.trait-track{height:6px;border-radius:10px;background:#110e1966;margin-top:8px;overflow:hidden}.trait-track>i{display:block;height:100%;border-radius:10px;background:var(--trait-color,#97d1c1);transition:width .4s}.trait-row>p{font-size:.8125rem;color:var(--muted);margin-top:8px;line-height:1.6}.charm-summary .trait-label{font-size:.875rem;gap:5px}.charm-summary .trait-label>.icon{width:15px}.charm-summary .trait-label strong{font-size:.9375rem}.charm-summary .trait-label strong small{display:none}.charm-summary footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:17px;padding-top:12px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.charm-summary footer strong{color:#fff0f5;font-size:1rem;font-weight:500;margin:0 6px}.charm-summary footer b{font-size:.875rem;color:var(--pink)}
.character-profile{display:grid;grid-template-columns:220px minmax(0,1fr);padding:0;overflow:hidden;border-color:#654660;margin-bottom:18px;background:linear-gradient(140deg,#332239,#211b2b)}.profile-intro{position:relative;min-height:290px}.profile-intro>.profile-art{height:100%;border-radius:0;background-size:400% 100%;aspect-ratio:auto}.profile-name{position:absolute;left:0;bottom:0;right:0;padding:30px 18px 20px;background:linear-gradient(transparent,#211321f0 60%);color:#fff0f5}.profile-name>span:first-child{font-size:.8125rem;color:#dfbacf}.profile-name h2{font-weight:500;font-size:1.6rem;line-height:1.5}.profile-name h2 small{font-weight:400;font-size:.875rem;margin-left:8px;color:var(--muted)}.profile-style{font-size:.75rem;letter-spacing:.07em;color:var(--pink)}.profile-abilities{padding:24px}.profile-abilities>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}.profile-abilities h2{font-size:1.35rem;margin:5px 0 0;font-weight:500}.profile-abilities .eyebrow{font-size:.8125rem;letter-spacing:.03em}.total-charm{display:flex;align-items:center;gap:8px;color:var(--pink);font-variant-numeric:tabular-nums}.total-charm>span{font-size:.875rem}.total-charm strong{font-weight:500;font-size:2rem}.total-charm b{font-size:1.1rem;border:1px solid #a47a9f;border-radius:9px;padding:3px 10px}.trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 25px}.grade-key{font-size:.75rem;color:var(--muted);margin-top:20px;line-height:1.7}.body-profile{grid-column:1/-1;border-top:1px solid var(--line);padding:20px 24px;background:#1c182333}.body-profile>header{display:flex;align-items:center;gap:7px;font-size:.9375rem;color:var(--teal);margin-bottom:15px}.body-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.body-numbers>span{font-size:.875rem;color:var(--muted);line-height:1.6}.body-numbers strong{display:block;font-size:1.5rem;font-weight:500;color:#f7eaf3;font-variant-numeric:tabular-nums}.body-numbers strong small{font-size:.875rem;margin-left:5px;color:var(--muted)}.body-progress{display:grid;grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:20px;margin-top:15px}.body-progress>span{font-size:.8125rem;color:var(--muted)}.body-progress b{margin-left:8px;font-weight:500;color:var(--teal)}.body-progress .trait-track{margin:0}.body-profile>p{font-size:.8125rem;color:var(--muted);line-height:1.8;margin-top:12px}.ability-benefits{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 20px;border-top:1px solid var(--line);padding:15px 24px;background:#19131e44}.ability-benefits>span{font-size:.8125rem;display:flex;align-items:center;gap:5px;color:var(--muted)}.ability-benefits .icon{width:15px}.ability-benefits strong{color:var(--teal);font-weight:500}
.daily-routines{margin:25px 0}.daily-routines>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.daily-routines h2{font-size:1.15rem;font-weight:500;display:flex;align-items:center;gap:7px}.daily-routines h2>.icon{color:var(--gold)}.daily-routines header p{font-size:.875rem;color:var(--muted);margin-top:6px}.routine-done{font-size:.8125rem;color:var(--pink);display:flex;align-items:center;gap:5px}.routine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.routine-card{overflow:hidden;padding:0;display:flex;flex-direction:column}.routine-card>.scene-art{width:100%;aspect-ratio:1.45;border-radius:0;background-size:400% auto}.routine-content{padding:16px;display:flex;flex:1;flex-direction:column}.routine-content h3{font-size:1rem;line-height:1.6;display:flex;gap:6px;align-items:flex-start}.routine-content h3>.icon{width:18px;flex-shrink:0;color:var(--pink);margin-top:3px}.routine-content p{font-size:.9375rem;color:var(--muted);line-height:1.75;margin:7px 0 11px}.growth-chips{display:flex;gap:6px;flex-wrap:wrap}.growth-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;background:color-mix(in srgb,var(--trait-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--trait-color) 24%,transparent);color:var(--trait-color);border-radius:6px;font-size:.8125rem;line-height:1.5;white-space:nowrap}.growth-chip>.icon{width:14px;height:14px}.routine-cost{margin-top:auto;display:flex;justify-content:space-between;gap:6px;padding:14px 0 10px;color:var(--gold);font-size:.9375rem}.routine-cost small{color:var(--muted);font-size:.8125rem;display:flex;gap:3px;align-items:center}.routine-cost .icon{width:13px;height:13px}.routine-content>.button{width:100%;margin-top:0}.routine-reason{font-size:.8125rem;color:var(--muted);line-height:1.7;margin-top:8px}.recent-growth{padding:15px 17px;background:#26352f33;border-color:#50645b}.recent-growth header{font-size:.875rem;color:var(--muted);display:flex;align-items:center;gap:7px;margin-bottom:10px}.recent-growth header>.icon{color:var(--teal);flex-shrink:0}.screen-style>.recent-growth{margin-bottom:18px}.investment{overflow:hidden}.investment-scene{width:calc(100% + 36px);margin:-18px -18px 14px;aspect-ratio:1.6;background-size:400% auto;border-radius:0}.investment .investment-icon{display:none}.investment .investment-effects{margin:12px 0}.investment .growth-chip{font-size:.8125rem}.look-stage .profile-art{width:100%}
.story-modal{max-width:710px}.story-scene{display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;margin:0 0 21px;align-items:center}.story-scene>.scene-art{border-radius:17px;box-shadow:0 5px 20px #100b1740}.story-scene .event-kicker{font-size:.8125rem;display:flex;gap:5px;align-items:center;margin-bottom:9px;line-height:1.6}.story-scene .event-kicker .icon{width:15px}.story-scene .eyebrow{font-size:.8125rem;display:block;letter-spacing:0;line-height:1.7}.story-scene h2{margin:8px 0 0;font-size:1.3rem;line-height:1.7}.story-chapter{display:block;color:var(--gold);font-size:.8125rem;margin-bottom:10px;line-height:1.6}.story-modal>.event-body{line-height:1.95;margin-bottom:20px}.event-choice .growth-chips{margin-top:8px}.event-choice .growth-chip{display:inline-flex}.event-choice .growth-chip .icon{width:14px}.event-choice .choice-requirement{display:flex;align-items:center;gap:5px;color:var(--gold);margin-top:8px}.choice-requirement>.icon{width:14px}.event-choice:disabled{opacity:.5;cursor:not-allowed}.story-modal .modal-footnote{font-size:.8125rem;line-height:1.8}.receipt-growth{background:#213d3338;border:1px solid #416357;border-radius:13px;padding:15px;margin-top:15px}.receipt-growth h3{font-size:.9375rem;display:flex;gap:7px;align-items:center;margin-bottom:10px;color:var(--teal)}.illustrated-event>.scene-art{width:78px;border-radius:9px;height:78px}.illustrated-event p{font-size:.9375rem;line-height:1.8;color:#e5d4e3;margin-top:10px}.rest-story-art{width:130px;float:left;margin:0 20px 15px 0;border-radius:18px}.rest-story-art~.modal-summary{clear:both}
.memory-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.memory-heading h2{display:flex;gap:8px;align-items:center;font-size:1.2rem;font-weight:500}.memory-heading h2>.icon{color:var(--pink)}.memory-heading strong{color:var(--pink);font-size:1.65rem;font-weight:500}.memory-heading strong small{color:var(--muted);font-size:.875rem}.memory-note{font-size:.875rem;color:var(--muted);margin:8px 0 18px}.memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.memory-card{overflow:hidden;display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;padding:15px}.memory-card>.scene-art{border-radius:10px}.memory-meta{font-size:.8125rem;color:var(--pink)}.memory-card h3{font-size:1rem;line-height:1.7;margin:7px 0}.memory-card p{font-size:.9375rem;color:var(--muted);line-height:1.8}.memory-card .memory-choice{font-size:.8125rem;color:#e6d6e6;margin-bottom:6px;display:flex;gap:5px;align-items:flex-start}.memory-choice>.icon{width:14px;flex-shrink:0;margin-top:4px}.memory-card .growth-chips{margin-top:10px}.empty-memory{display:flex;align-items:center;gap:22px;padding:20px}.empty-memory .scene-art{width:145px;border-radius:13px}.empty-memory h3{font-size:1.1rem}.empty-memory p{font-size:1rem;color:var(--muted);line-height:1.8;margin:8px 0 15px}
.growth-intro{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;margin-bottom:22px}.growth-intro>.scene-art{border-radius:15px}.growth-intro .eyebrow{font-size:.8125rem;letter-spacing:0;line-height:1.7}.growth-intro h2{font-size:1.2rem;line-height:1.7;margin:7px 0}.growth-intro p{font-size:.9375rem;color:var(--muted);line-height:1.8}.growth-results{display:flex;flex-direction:column;gap:13px;margin:20px 0}.growth-results>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.9375rem;padding:13px;border:1px solid var(--line);border-radius:12px}.growth-results>div>span{display:flex;align-items:center;gap:5px;color:var(--trait-color)}.growth-results .icon{width:17px}.growth-results strong{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:1.1rem;font-weight:500;font-variant-numeric:tabular-nums}.growth-results b{color:var(--teal);font-size:.9375rem}.growth-results small{flex-basis:100%;font-size:.875rem;color:var(--gold)}.weight-change{display:flex;align-items:center;gap:8px;font-size:1rem;margin:15px 0}.weight-change strong{color:var(--teal);margin-left:auto}.growth-style-note{font-size:.875rem;color:var(--muted);margin:15px 0;line-height:1.8}.shift-modal{max-width:470px;padding:20px}.shift-scene{text-align:center}.shift-scene>.scene-art{width:100%;max-width:300px;margin:auto;border-radius:18px;animation:scene-arrive .3s ease-out}.shift-scene>span{display:block;font-size:.875rem;color:var(--muted);margin-top:20px}.shift-scene h2{font-size:1.15rem;margin:10px 0 15px}.shift-steps{display:flex;justify-content:center;gap:14px}.shift-steps>span{width:32px;height:32px;background:#37263e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#86748d}.shift-steps>span.done{background:#694d65;color:var(--pink)}.shift-steps .icon{width:17px}.shift-scene>.text-button{margin:17px auto 0;font-size:.9375rem;justify-content:center}
@keyframes scene-arrive{from{opacity:.55;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}
@media(max-width:1200px){.character-profile{grid-template-columns:180px minmax(0,1fr)}.profile-abilities{padding:20px}.trait-grid{gap:18px}.trait-label strong{font-size:1rem}.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-grid{grid-template-columns:1fr}.stage-story{padding:15px}.stage-story h1{font-size:1.5rem}.stage-story p{font-size:.9375rem}}
@media(max-width:800px){.character-stage{grid-template-columns:43% minmax(0,1fr);width:100%;margin:0;order:0}.stage-art>.scene-art{min-height:200px;background-size:auto 200%}.stage-story{padding:16px 17px}.stage-story h1{font-size:1.55rem;margin:8px 0}.stage-story h1 small{display:inline;margin-left:7px}.stage-story p{font-size:1rem;margin:8px 0}.stage-activity{font-size:.875rem}.life-grid .charm-summary{margin-top:14px;margin-bottom:0;order:3}.life-grid .finance{order:4}.life-grid .pressure-details{order:5}.character-profile{grid-template-columns:150px minmax(0,1fr)}.profile-abilities{padding:17px}.profile-abilities>header{margin-bottom:18px}.trait-label{font-size:.875rem;gap:5px}.trait-label>.icon{width:15px}.trait-label strong small{display:none}.profile-abilities h2{font-size:1.15rem}.total-charm{gap:5px}.total-charm strong{font-size:1.7rem}.total-charm b{padding:3px 8px}.body-profile{padding:18px}.ability-benefits{padding:15px 18px}.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charm-mini-traits{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 16px}.charm-summary .trait-label strong{font-size:1rem}.charm-summary .trait-label>.icon{display:none}.investment-scene{width:calc(100% + 36px)}.record-tabs button{font-size:.875rem;padding:7px 3px}}
@media(max-width:600px){.character-profile{grid-template-columns:1fr}.profile-intro{min-height:0;height:200px;display:flex;align-items:stretch;background:#382231}.profile-intro>.profile-art{width:160px;height:200px;background-size:400% 100%;flex-shrink:0}.profile-name{position:static;flex:1;background:linear-gradient(90deg,#36212e,#241928);padding:45px 20px 20px;display:flex;flex-direction:column;justify-content:center}.profile-name h2{font-size:2rem}.profile-name h2 small{display:block;margin:3px 0;font-size:.9375rem}.profile-name>span:first-child{font-size:.9375rem}.profile-style{font-size:.875rem;margin-top:8px}.profile-abilities{padding:20px 17px}.trait-grid{gap:20px 18px}.trait-label{font-size:.875rem}.trait-label>span small{font-size:.75rem}.trait-label strong{font-size:1.0625rem}.trait-label>.icon{display:none}.trait-row>p{font-size:.8125rem}.trait-grade{width:23px;min-height:25px;font-size:.8125rem}.grade-key{font-size:.75rem}.body-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}.body-numbers strong{font-size:1.5rem}.body-progress{grid-template-columns:1fr;gap:10px}.ability-benefits{gap:10px 17px}.ability-benefits>span{font-size:.8125rem}.routine-card>.scene-art{aspect-ratio:1.22}.routine-content{padding:13px}.routine-content h3{font-size:.9375rem;display:block}.routine-content h3>.icon{display:none}.routine-content p{font-size:.875rem}.routine-content>.growth-chips{gap:5px}.routine-content .growth-chip{font-size:.75rem;padding:3px 5px}.routine-content .growth-chip>.icon{display:none}.routine-cost{flex-wrap:wrap;gap:4px}.routine-content .button{font-size:.875rem;padding:10px;min-height:44px}.routine-grid{gap:11px}.daily-routines h2{font-size:1.1rem}.daily-routines header p{font-size:.875rem;line-height:1.7}.investment-scene{width:calc(100% + 30px);margin:-15px -15px 12px}.investment .growth-chip>.icon{display:none}.investment .growth-chip{font-size:.75rem;padding:3px 5px}.charm-mini-traits{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px}.charm-summary .trait-label>.icon{display:block}.stage-story{padding:12px 14px}.stage-story h1 small{display:block;margin:3px 0 0;font-size:.8125rem}.stage-story p{font-size:.9375rem;margin:8px 0}.stage-art>.scene-art{min-height:228px}.stage-activity{font-size:.8125rem}.stage-mood{font-size:.8125rem}.stage-location{font-size:.75rem}.stage-streak{font-size:.8125rem}.stage-activity .icon{display:none}.stage-style{width:44px}.stage-style .profile-art{height:44px}.stage-day{font-size:.75rem;left:8px;top:8px;padding:4px 7px}.stage-day b{font-size:.875rem}.story-modal{padding:23px 19px}.story-scene{grid-template-columns:105px minmax(0,1fr);gap:15px;margin-bottom:17px}.story-scene h2{font-size:1.0625rem;line-height:1.7}.story-scene .event-kicker{font-size:.75rem;margin-bottom:5px}.story-scene .eyebrow{font-size:.75rem}.story-chapter{font-size:.75rem;margin-bottom:6px}.story-modal>.event-body{font-size:1rem}.story-modal .event-choice{padding:14px 12px;gap:9px}.story-modal .event-choice .choice-number{font-size:.8125rem;flex-shrink:0}.story-modal .event-choice strong{font-size:.9375rem}.story-modal .event-choice>span:nth-child(2){min-width:0}.story-modal .event-choice>svg{width:14px;flex-shrink:0}.story-modal .event-choice small{font-size:.8125rem}.event-choice .growth-chip{font-size:.75rem}.event-choice .growth-chip>.icon{display:none}.illustrated-event{flex-direction:column}.illustrated-event>.scene-art{width:100%;height:130px;border-radius:10px;background-size:400% auto}.memory-card{grid-template-columns:80px minmax(0,1fr);gap:13px;padding:13px}.memory-card h3{font-size:.9375rem}.memory-card p{font-size:.875rem}.memory-meta{font-size:.75rem}.memory-card .growth-chip{font-size:.75rem}.memory-card .growth-chip .icon{display:none}.memory-heading h2{font-size:1.1rem}.memory-note{line-height:1.8}.empty-memory{display:grid;grid-template-columns:1fr;padding:18px}.empty-memory .scene-art{width:145px;margin:auto}.empty-memory h3{font-size:1rem}.empty-memory p{font-size:.9375rem}.growth-intro{grid-template-columns:95px minmax(0,1fr);gap:14px}.growth-intro h2{font-size:1.0625rem}.growth-intro p{font-size:.875rem}.growth-intro .eyebrow{font-size:.75rem}.growth-results>div{padding:11px;gap:8px}.growth-results strong{font-size:1rem}.rest-story-art{width:95px;margin-right:15px}.shift-modal{padding:18px}.shift-scene>.scene-art{max-width:270px}.record-tabs button{font-size:.8125rem}.routine-reason{font-size:.8125rem}}
@media(max-width:360px){.character-stage{grid-template-columns:42% minmax(0,1fr)}.stage-story{padding:12px}.stage-story h1{font-size:1.4rem}.stage-story p{font-size:.875rem}.charm-mini-traits{gap:12px}.charm-summary .trait-label{gap:4px}.charm-summary .trait-label>.icon{display:none}.trait-grid{gap:18px 12px}.trait-label strong{font-size:.9375rem}.routine-grid{grid-template-columns:1fr}.routine-card{display:grid;grid-template-columns:100px minmax(0,1fr)}.routine-card>.scene-art{height:100%;aspect-ratio:auto;background-size:auto 200%;min-height:180px}.story-scene{grid-template-columns:85px minmax(0,1fr);gap:12px}.growth-intro{grid-template-columns:80px minmax(0,1fr)}.growth-results>div>span{font-size:.875rem}.profile-intro>.profile-art{width:135px}.body-numbers strong{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.scene-art,.stage-art>.scene-art,.shift-scene>.scene-art{animation:none}.trait-track>i{transition:none}}

.character-profile .trait-track{height:10px}