/* A browsable creation desk and a live life record in the existing game shell. */
.studio-screen{grid-template-columns:230px minmax(0,1fr);gap:16px;max-width:1600px;margin:auto}.studio-form{display:flex;flex-direction:column;gap:8px;padding:18px 20px 12px;min-height:0}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.studio-heading .eyebrow{font-size:9px;color:var(--jade)}.studio-heading h1{font:600 25px/1.5 var(--serif);color:var(--gold);margin:0}.studio-heading p{font-size:11px;color:#b5c7cc;margin:2px 0 0}.studio-heading>button{font-size:11px;gap:6px;padding:8px 11px;border-color:#84b5a477;background:#8dbfa110}.studio-heading .icon{width:18px;height:18px}.studio-basics{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:none}.studio-basics .name-field{min-height:42px;padding:6px 10px;display:flex;align-items:center;gap:10px}.studio-basics .name-field>span{font-size:11px;white-space:nowrap}.studio-basics .name-field input{min-width:0;font-size:15px;padding:0;flex:1}.starter-field{display:flex;align-items:center;gap:9px;min-width:0;padding:5px 10px;border:1px solid #55716d77;border-radius:5px;background:#0c1e29}.starter-field>span{font-size:10px;color:#bfd2d7;white-space:nowrap}.starter-field select{width:100%;font-size:12px;padding:4px 7px;min-width:0;background:#112633}.studio-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;flex:none}.studio-categories>button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:56px;text-align:left;padding:6px 8px;background:#071b2966;border-color:#506a7388}.studio-categories>button[aria-selected=true]{border-color:#d4b371;background:#d6b97719}.studio-categories .icon{width:23px;height:23px;flex:none}.studio-categories>button>span{min-width:0}.studio-categories small{display:block;font-size:9px;color:#a7c1cb}.studio-categories strong{display:block;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e6d5af}.studio-category-mobile{display:none}.studio-toolbar{display:flex;gap:6px;flex:none}.studio-toolbar .info-search{flex:1;min-width:0}.studio-toolbar .info-search input{width:100%;padding:7px 0}.studio-toolbar>button{padding:6px 9px;white-space:nowrap;font-size:10px}.studio-toolbar>button[aria-pressed=true]{background:#d4b37122;border-color:#d4b371}.studio-toolbar>button>.icon{width:17px;height:17px}.studio-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;flex:none}.studio-list-heading>strong{font-size:12px;color:var(--gold)}.studio-list-heading small{font-weight:400;font-size:10px;margin-left:8px;color:#a6beca}.studio-list-heading select{font-size:10px;max-width:180px;padding:4px 8px}.studio-options{min-height:0;flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.studio-options.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-options.count-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.studio-option{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #52727d88;border-radius:6px;background:linear-gradient(145deg,#183342aa,#0b1c2cbb);overflow:hidden}.studio-option.selected{border-color:#9cc8ae;background:linear-gradient(145deg,#24483e99,#142938bb)}.studio-option>button:first-child{border:0;flex:1;min-height:0;border-radius:0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;text-align:left;padding:10px 10px 5px;width:100%}.studio-option>button:first-child>.icon{width:24px;height:24px;flex:none;margin-top:6px}.studio-option>button>span{min-width:0}.studio-option small{display:block;font-size:9px;color:#9cbecc}.studio-option strong{font-size:14px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#f0dab0;font-weight:500;margin:2px 0}.studio-option em{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-style:normal;font-size:10px;line-height:1.7;color:#b9d0d7}.studio-detail-button{border:0;border-top:1px solid #52727d44;border-radius:0;min-height:26px;flex:none;font-size:9px;padding:3px 8px;color:#b3cfd7;gap:5px}.studio-detail-button .icon{width:12px;height:12px}.studio-empty{grid-column:1/-1;grid-row:1/-1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#b6c9cf;font-size:12px}.studio-empty>.icon{width:28px;height:28px}.studio-empty p{margin:0;text-align:center}.studio-empty button{font-size:11px;padding:6px 10px}.studio-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:28px;flex:none;color:#9fb8c3;font-size:10px}.studio-pagination>small{margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%;font-size:10px}.studio-pagination button{padding:4px;border:0}.studio-pagination .icon{width:16px;height:16px}.studio-footer{display:flex;align-items:center;gap:8px;flex:none;border-top:1px solid #57767b66;padding-top:9px}.studio-footer button{font-size:11px;padding:8px 12px;gap:6px}.studio-footer .primary{margin-left:auto;background:#d9bb7f;color:#122330;border-color:#f1d395}.studio-footer .icon{width:17px;height:17px}.studio-note{font-size:9px;color:#98b1bb;flex:none;margin:0}.studio-detail{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;border:1px solid #7c9e9b66;padding:12px;border-radius:7px;background:#0c2130}.studio-detail h2{color:#ecd3a2;font:500 20px var(--serif)}.studio-detail-copy{flex:1;min-height:0;overflow:auto;white-space:pre-line;font-size:14px;line-height:1.95;color:#d5e2e7;scrollbar-width:thin}.studio-detail>.primary{min-height:36px;flex:none}.studio-screen .birth-preview{gap:9px}.studio-screen .birth-avatar{flex:1;min-height:100px;max-height:250px}.studio-screen .preview-note{margin-top:auto}

.game-screen{grid-template-columns:230px minmax(410px,1fr) 340px}.character-panel{gap:9px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#47666d transparent}.character-panel .hero-portrait{height:105px}.life-passport{flex:none;border-block:1px solid #61807844;padding:7px 0}.passport-title{display:flex;align-items:center;gap:5px;color:#d8c394;font-size:11px}.passport-title>.icon{width:14px;height:14px}.passport-title button{margin-left:auto;border:0;padding:0;min-height:22px}.passport-title button .icon{width:14px;height:14px}.life-passport dl{margin:3px 0 0}.life-passport dl>div{display:grid;grid-template-columns:63px minmax(0,1fr);gap:6px;padding:3px 0;font-size:10px;line-height:1.6}.life-passport dt{color:#91aebb}.life-passport dd{margin:0;color:#c8dce3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.stat{position:relative;overflow:hidden}.stat-bar{height:2px;position:absolute;bottom:0;left:0;right:0;background:#0b1925}.stat-bar em{display:block;height:100%;background:#8fb6ad}.stat-health .stat-bar em{background:#d18b85}.stat-martial .stat-bar em{background:#d4b577}.stat-qi .stat-bar em{background:#79bcca}.stat-insight .stat-bar em{background:#b1acdc}.stat-karma .stat-bar em{background:#91c5a2}.stat-reputation .stat-bar em{background:#e0c384}.info-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}.info-tabs button{min-width:0;font-size:9px}.info-tabs .icon{width:19px;height:19px}.life-overview-panel{gap:7px;padding:12px}.overview-live{display:flex;align-items:center;gap:5px;font-size:9px;color:#b5cfd7;flex:none}.overview-live .icon{width:12px;height:12px}.overview-live small{margin-left:auto;font-size:8px;color:#86a6b5}.overview-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#45666f #0d202f;padding-right:4px}.overview-card{border:1px solid #506e7855;border-radius:6px;background:#0a1c2b70;margin:0 0 10px;padding:12px}.overview-card h3,.overview-year-detail h3{display:flex;gap:6px;align-items:center;font-size:13px;color:#e7d1a4;margin:0 0 10px;font-weight:600}.overview-card h3>.icon{height:17px;width:17px}.overview-card h3>button{margin-left:auto;border:0;padding:0;gap:2px;font-size:9px;color:#9cb8c5;min-height:24px}.overview-card h3>button .icon{height:12px;width:12px}.overview-card h4{font-size:15px;color:#d9e5e8;font-weight:500;margin:4px 0 10px}.overview-row{display:grid;grid-template-columns:minmax(72px,.8fr) minmax(0,1fr);gap:8px;padding:4px 0;line-height:1.75;font-size:11px;align-items:start}.overview-row>span{color:#91adbb}.overview-row>strong{font-weight:400;color:#d8e4e8;text-align:right;overflow-wrap:anywhere}.overview-caption{font-size:10px;line-height:1.8;color:#8eacba;margin:8px 0 0;display:block}.overview-person{display:grid;grid-template-columns:1fr auto;gap:2px 7px;font-size:11px;border-bottom:1px solid #5d7a8033;padding:8px 0}.overview-person strong{font-weight:500;color:#d7e4e6}.overview-person span{font-size:9px;color:#90bda9}.overview-person small{grid-column:1/-1;font-size:9px;color:#8eaab8}.overview-money{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 10px;gap:10px}.overview-money>div{display:flex;flex-direction:column}.overview-money small{font-size:10px;color:#9bb6c2}.overview-money b{font:500 24px/1.6 var(--serif);color:#e6cfa0}.overview-money span{font-size:9px;color:#8da9b7}.overview-card h5{font-size:10px;color:#a4bdc8;font-weight:400;margin:10px 0 4px}.cash-record{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.8;border-bottom:1px solid #56778133;padding:5px 0}.cash-record>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#a7c2cd}.positive{color:#99d7bd}.negative{color:#e8a39c}.life-year-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:10px}.life-year-grid>button{height:31px;padding:0;font-size:10px;border-radius:3px;background:#162a36;border-color:#5d788355;color:#9bb5c1}.life-year-grid>button.recorded{background:#315e5b;color:#d3ebe4}.life-year-grid>button.decision{background:#9a845c;color:#fff0cb}.life-year-grid>button.wounded{background:#875b5d;color:#ffe0d8}.life-year-grid>button.current{outline:1px solid #e5c785;outline-offset:1px}.year-legend{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:8px;color:#b5c7cf;margin-top:9px}.year-legend span:nth-child(1){color:#8bb8a9}.year-legend span:nth-child(2){color:#cdb982}.year-legend span:nth-child(3){color:#d39791}.overview-news{border-top:1px solid #597a8533;padding:9px 0 3px}.overview-news small{color:#88a6b7;font-size:9px;display:block}.overview-news strong{font-weight:500;font-size:11px;color:#d0e0e4;display:block;line-height:1.8;margin:3px 0}.overview-news p{color:#8eabb8;font-size:10px;line-height:1.8;margin:0}.overview-links{display:flex;gap:8px;border-top:1px solid #5d7e8755;padding-top:8px;flex:none}.overview-links button{flex:1;font-size:10px;gap:4px;padding:6px}.overview-links .icon{width:14px;height:14px}.overview-year-detail{padding:6px}.overview-year-detail article{padding:12px 0;border-bottom:1px solid #57768155}.overview-year-detail article>small{color:#9ebbc7;font-size:10px}.overview-year-detail h4{font-size:14px;color:#e2ce9f;line-height:1.8;margin:5px 0}.overview-year-detail p{font-size:12px;color:#c7dbe3;line-height:1.9;white-space:pre-line;margin:5px 0}

@media(min-width:1101px) and (max-width:1300px){.game-screen{grid-template-columns:210px minmax(0,1fr) 300px;gap:12px}.screen-shell{padding-inline:14px}.studio-screen{grid-template-columns:210px minmax(0,1fr)}.studio-form{padding:12px 15px 10px}.studio-options{gap:6px}.studio-option strong{font-size:12px}.studio-heading h1{font-size:22px}.life-overview-panel{padding:10px}.info-tabs button{font-size:8px}.info-tabs .icon{width:16px;height:16px}.overview-card{padding:10px}}
@media(max-height:800px) and (min-width:1101px){.studio-form{gap:6px;padding-top:10px}.studio-heading h1{font-size:21px}.studio-heading p{font-size:10px}.studio-categories>button{min-height:45px}.studio-option>button:first-child{padding:7px 8px 3px}.studio-option strong{font-size:12px}.studio-footer{padding-top:6px}.studio-note{font-size:8px}.character-panel .hero-portrait{height:85px}.life-passport dl>div{padding:2px 0}.character-panel{gap:7px}.character-panel .standing{margin-top:0}}
@media(max-width:1100px){.game-screen{grid-template-columns:minmax(0,1fr)}.life-passport{display:none}.info-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav button{min-width:0;font-size:9px}.studio-screen{grid-template-columns:190px minmax(0,1fr)}.studio-form{padding:10px;gap:6px}.studio-heading h1{font-size:19px}.studio-heading p{font-size:10px}.studio-basics{gap:6px}.studio-basics .name-field{gap:5px;padding:5px 7px}.studio-basics .name-field>span{font-size:9px}.studio-basics .name-field input{font-size:13px}.starter-field{padding:4px 6px;gap:5px}.starter-field>span{font-size:8px}.starter-field select{font-size:10px}.studio-categories{gap:4px}.studio-categories>button{min-height:43px;gap:5px;padding:4px 5px}.studio-categories .icon{width:18px;height:18px}.studio-categories small{font-size:8px}.studio-categories strong{font-size:9px}.studio-option strong{font-size:12px}.studio-option em{font-size:10px}.studio-footer button{font-size:10px;padding:6px 9px}.studio-note{font-size:8px}.overview-body{display:block}.life-overview-panel.is-open{padding:12px}.life-overview-panel.is-open .info-tabs{display:grid}.overview-card{max-width:700px;margin-inline:auto}.overview-row{font-size:12px}.overview-card h3{font-size:14px}.overview-caption{font-size:11px}}
@media(max-width:600px){.studio-screen{display:block;position:relative}.studio-screen>.birth-preview{display:none!important}.studio-form{height:100%;padding:10px 11px 8px;gap:7px}.studio-heading .eyebrow{display:none}.studio-heading h1{font-size:20px}.studio-heading p{font-size:10px;margin:0}.studio-heading>button{padding:7px 9px;font-size:10px}.studio-heading>button span{display:none}.studio-heading>button .icon{width:21px;height:21px}.studio-basics{grid-template-columns:1fr;gap:5px}.studio-basics .name-field{min-height:35px}.starter-field{min-height:34px}.starter-field>span{font-size:10px}.starter-field select{font-size:12px}.studio-categories{display:none}.studio-category-mobile{display:flex;align-items:center;gap:8px;flex:none;min-height:36px}.studio-category-mobile>span{font-size:11px;color:#b0c5cd;white-space:nowrap}.studio-category-mobile>select{font-size:12px;width:100%;min-width:0;padding:6px;background:#173241;border-color:#bfa16c88}.studio-toolbar{gap:4px}.studio-toolbar>button{padding:4px 6px;font-size:9px}.studio-toolbar .info-search{padding-inline:6px;gap:4px}.studio-toolbar .info-search input{font-size:11px;padding:7px 0}.studio-toolbar .info-search .icon{width:13px;height:13px}.studio-list-heading{min-height:26px}.studio-list-heading>strong{font-size:11px}.studio-list-heading small{font-size:9px;margin-left:3px}.studio-list-heading select{max-width:115px;font-size:10px}.studio-options.count-2{gap:6px;min-height:135px}.studio-option>button:first-child{padding:8px 8px 4px;display:block}.studio-option>button:first-child>.icon{width:23px;height:23px;float:left;margin:1px 6px 1px 0}.studio-option small{font-size:8px;line-height:1.6}.studio-option strong{font-size:13px;line-height:1.7;-webkit-line-clamp:3;margin-top:6px;clear:both}.studio-option em{font-size:10px;line-height:1.8;-webkit-line-clamp:3;margin-top:4px}.studio-detail-button{min-height:28px;font-size:9px}.studio-pagination{gap:9px;min-height:26px}.studio-pagination>small{font-size:9px;max-width:65%}.studio-footer{padding-top:6px;gap:4px}.studio-footer button{font-size:9px;padding:8px 6px}.studio-footer .icon{width:14px;height:14px}.studio-footer>button:first-child span{display:none}.studio-footer .primary{font-size:11px;padding-inline:9px}.studio-note{font-size:8px;line-height:1.6}.studio-detail{padding:9px;gap:6px}.studio-detail h2{font-size:17px}.studio-detail-copy{font-size:13px}.mobile-nav button{font-size:8px}.mobile-nav .icon{width:18px;height:18px}.info-panel.is-open .info-tabs{gap:1px}.info-panel.is-open .info-tabs button{font-size:8px}.info-panel.is-open .info-tabs .icon{width:18px;height:18px}.life-overview-panel.is-open{gap:7px}.overview-live small{font-size:8px}.overview-card{padding:11px}.life-year-grid>button{height:34px}.overview-links button{font-size:11px}.overview-year-detail p{font-size:13px}}
@media(max-width:600px) and (max-height:700px){.studio-form{gap:5px;padding-top:7px}.studio-heading h1{font-size:18px}.studio-heading p{font-size:9px}.studio-basics{grid-template-columns:1fr}.studio-basics .name-field{min-height:32px}.starter-field{min-height:30px}.studio-category-mobile{min-height:30px}.studio-category-mobile select{padding:4px 6px;font-size:11px}.studio-toolbar .info-search input{padding:5px 0}.studio-list-heading{min-height:23px}.studio-options.count-2{min-height:120px}.studio-option strong{font-size:12px;-webkit-line-clamp:2}.studio-option em{-webkit-line-clamp:2;font-size:9px}.studio-pagination{min-height:24px}.studio-note{display:none}.studio-footer button{padding-block:6px}}
@media(max-height:520px) and (min-width:601px){.studio-screen{grid-template-columns:150px minmax(0,1fr)}.studio-form{gap:3px;padding:6px 8px}.studio-heading .eyebrow,.studio-heading p,.studio-note{display:none}.studio-heading h1{font-size:16px}.studio-basics .name-field{min-height:29px}.studio-basics .name-field input{font-size:12px}.starter-field{min-height:29px}.studio-categories{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.studio-categories>button{min-height:32px;padding:3px}.studio-categories .icon,.studio-categories strong{display:none}.studio-categories small{font-size:8px}.studio-toolbar .info-search input{padding:3px 0}.studio-toolbar>button{padding:3px 6px}.studio-list-heading{min-height:23px}.studio-options.count-4{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr}.studio-option strong{font-size:10px}.studio-option em{font-size:9px;-webkit-line-clamp:1}.studio-option>button:first-child>.icon{display:none}.studio-detail-button{min-height:22px;font-size:8px}.studio-pagination{min-height:20px}.studio-footer{padding-top:3px}.studio-footer button{padding:4px 7px;font-size:9px}.studio-screen .birth-preview{padding:7px}.studio-screen .birth-avatar{display:none}.life-overview-panel.is-open .info-tabs{position:static;width:auto}.life-overview-panel.is-open .info-heading{min-height:25px}.life-overview-panel.is-open .info-tabs button{padding:2px;font-size:8px}.life-overview-panel.is-open .info-tabs .icon{display:none}.overview-live{display:none}.overview-card{max-width:none}.overview-row{font-size:11px}.overview-body{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:7px}.overview-card{width:100%;margin:0}.overview-year-detail{grid-column:1/-1}}

.studio-options.count-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.preview-identity>small{font-size:10px;color:#adc6ce;line-height:1.7}.overview-card progress{width:100%;height:5px;accent-color:#a9c9ad}.studio-option:focus-within{outline:2px solid #f0ce8b;outline-offset:1px}.studio-category-mobile select,.studio-toolbar input{min-width:0}
@media(min-width:1101px) and (min-height:850px){.studio-option em{font-size:12px}.studio-detail-button{font-size:11px;min-height:30px}.studio-categories strong{font-size:12px}.studio-toolbar>button{font-size:11px}}
@media(max-height:520px) and (min-width:601px) and (max-width:1100px){.game-screen{grid-template-columns:180px minmax(0,1fr)}}

.overview-year-detail .overview-year-effects{font-size:11px;color:#b8d6bf;background:#28483a44;border-radius:4px;padding:6px 8px}.overview-year-detail .list-pager{padding:10px 0}

/* Reset the old stacked creator at tablet widths before fitting the new desk. */
.studio-screen{grid-template-rows:minmax(0,1fr)}.studio-screen>.birth-preview{display:flex;flex-direction:column}.studio-screen .birth-preview .story-vitals{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.life-overview-panel.is-open .info-tabs{display:none}}

/* The details button keeps its own row when a catalog title or summary is long. */
@media(min-width:601px){.studio-option>button:first-child{align-items:stretch;overflow:hidden}.studio-option>button:first-child>span{display:flex;flex-direction:column;align-self:stretch;min-height:0;overflow:hidden}.studio-option small,.studio-option strong{flex:none}.studio-option em{min-height:0;max-height:3.4em}.studio-options.count-6 .studio-option strong{-webkit-line-clamp:1}.studio-options.count-6 .studio-option em{-webkit-line-clamp:2;font-size:11px}}

/* Keep the main randomize action identifiable on touch screens. */
@media(min-width:360px) and (max-width:600px){.studio-heading>button{flex:none;white-space:nowrap;padding:7px 8px}.studio-heading>button span{display:inline;font-size:10px}}