@font-face{font-family:RecordSerif;src:url('../../Fonts/CormorantGaramond-Medium.ttf');font-weight:400;font-style:normal}
:root{--ink:#17262a;--gold:#b59b60;--paper:#f1e7ce;--jade:#37694f;--header-brand-track:510fr;--header-menu-track:1130fr;--header-reserve-track:224fr}
*{box-sizing:border-box}html,body{margin:0}body,button,input{font-family:RecordSerif;font-weight:400;font-size:21px;color:var(--ink)}h1,h2,h3,p{margin:0;font-weight:400}
.record-screen{position:absolute;left:0;top:0;width:1920px;height:1080px}.landscape{position:absolute;left:0;top:0;width:1920px;height:1080px}
.record-header{position:absolute;left:28px;top:24px;width:1864px;height:68px;display:flex;background:linear-gradient(90deg,#112125,#253134);border:1px solid var(--gold);color:var(--paper)}
.brand{width:460px;padding:9px 22px}.brand-title{font-size:29px}.brand-subtitle{font-size:15px}.top-navigation{display:flex;flex:1}
.btn-navigation,.btn-navigation-active{flex:1;padding:0 8px;border:1px solid #827454;background-color:#17262a;color:var(--paper);font-size:21px}.btn-navigation-active{background-color:#37694f}.btn-navigation:hover{background-color:#345449}.btn-navigation:disabled{color:#8f988a}.btn-close{width:46px;height:46px;margin:10px;border:1px solid var(--gold);background-color:var(--ink);color:var(--paper);font-size:27px}
.page-columns{position:absolute;left:28px;top:110px;width:1864px;height:916px;display:grid;grid-template-columns:432fr 640fr 764fr;gap:14px}
.roster-panel{grid-column:1;grid-row:1;position:relative;background:linear-gradient(180deg,#1a2a2e,#101c21);border:2px solid var(--gold);color:var(--paper);padding:12px}.roster-header{display:flex;justify-content:space-between;margin-bottom:12px}.roster-title{font-size:31px}.roster-count{font-size:22px;padding:4px}.roster-scroll{height:794px;overflow-y:auto}.roster-note{font-size:18px;margin-top:10px;text-align:center}
.stage-panel{grid-column:2;grid-row:1;position:relative;border:2px solid var(--gold);background-color:#16272f}.stage-art{position:absolute;top:0;left:0;width:100%;height:100%}.stage-header{position:absolute;top:18px;left:25px;width:584px;text-align:center;color:var(--paper)}.stage-name{font-size:36px;text-align:center}.stage-identity{font-size:23px;text-align:center;margin-top:8px}.stage-tags{font-size:20px;margin-top:9px;padding:5px;background-color:#14262b;color:var(--paper);text-align:center}.preview-image{position:absolute;top:128px;left:14px;width:580px;height:620px}.stage-tools{position:absolute;top:440px;right:12px;display:flex;flex-direction:column;gap:8px}.btn-tool{width:52px;height:46px;padding:3px;font-size:26px;background-color:#14252b;color:var(--paper);border:1px solid var(--gold)}
.stage-status{position:absolute;bottom:12px;left:14px;width:604px;padding:12px;border:1px solid var(--gold);background-color:#132328f2;color:var(--paper)}.status-title{font-size:23px;margin-bottom:8px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-text{font-size:20px}.rename-row{position:absolute;top:150px;left:28px;width:520px;padding:12px;background-color:var(--paper)}.rename-input{width:100%;height:42px;font-size:24px}.btn-small{padding:5px 15px;height:38px;background-color:var(--ink);border:1px solid var(--gold);color:var(--paper);font-size:21px}
.details-panel{grid-column:3;grid-row:1;position:relative;padding:12px;border:2px solid var(--gold);border-radius:5px;background:linear-gradient(90deg,#e9dec0,#f6eedb)}.detail-tabs{display:flex;margin-bottom:12px}.btn-tab,.btn-tab-active{flex:1;height:56px;border:1px solid var(--gold);background-color:var(--ink);color:var(--paper);font-size:25px}.btn-tab-active{background-color:var(--jade)}.details-scroll{height:818px;overflow-y:auto}
.row{display:flex;gap:9px;margin-bottom:9px}.card,.card-growth,.card-form{flex:1;background-color:#f4ead2;border:1px solid #cebc91;border-radius:4px;padding:12px}.card-growth{flex:2}.section-heading{font-size:26px;margin:10px 0 8px}.section-strip{font-size:23px;margin:10px 0 7px;padding:4px 12px;color:var(--paper);background:linear-gradient(90deg,#18292d 0%,#718078 45%,#eaddbf 100%)}
.label{font-size:21px;margin-bottom:4px}.small{font-size:18px}.value{font-size:27px}.number{font-size:49px}.tag,.tag-jade,.tag-blue{text-align:center;padding:2px 12px;margin:4px 0;font-size:21px;color:var(--paper);background-color:#767d75;border:1px solid #bfa978;border-radius:3px}.tag-jade{background-color:var(--jade)}.tag-blue{background-color:#317896}
.age-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.age-card,.age-card-current{padding:10px 8px;background-color:#dad0b4;text-align:center;font-size:21px}.age-card-current{background-color:var(--jade);color:var(--paper)}.progress-track{height:16px;width:100%;background-color:#354247;border-radius:8px;margin:5px 0}.progress-fill{width:33%;height:100%;background-color:#579779;border-radius:8px}.breakthrough-banner{padding:9px 12px;border:1px solid #c7b381;border-radius:4px;background-color:#e9ddbf;margin-bottom:8px}.requirements{display:flex;gap:7px;margin-bottom:8px}.requirement-card{width:166px;border:1px solid var(--gold);background-color:#14262c;color:var(--paper);padding:9px;text-align:center}.requirement-symbol{width:48px;height:48px}.requirement-title{font-size:18px;text-align:center}.requirement-owned{font-size:17px;text-align:center;background-color:#e9ddc3;color:var(--ink);padding:3px;margin-top:6px}.attribute{font-size:21px;margin:3px 0}
.btn-secondary,.btn-secondary-active{flex:1;height:43px;padding:4px;border:1px solid #c2b087;border-radius:3px;background-color:#ece0c4;font-size:23px;color:var(--ink)}.btn-secondary-active{background-color:var(--jade);color:var(--paper)}.btn-filter,.btn-filter-active{padding:3px 14px;height:35px;border:1px solid #a99a78;border-radius:4px;background-color:#657171;color:var(--paper);font-size:20px}.btn-filter-active{background-color:#f5efd9;color:var(--ink)}.skills-list{height:590px;overflow-y:auto}
.skill-entry{width:696px;height:92px;display:flex;padding:7px;gap:10px;border:1px solid #cebc91;border-radius:4px;background-color:#f1e5cb}.skill-icon{width:70px;height:70px;background-color:#182a35}.skill-info{flex:1}.skill-title{font-size:24px}.skill-tags{font-size:18px;margin-top:2px;color:#346952}.skill-mastery{font-size:17px;margin-top:3px}.skill-cost{width:76px;font-size:18px}.skill-controls{width:104px}.btn-priority{height:29px;width:100%;border:1px solid #bead81;background-color:#e6d8b5;font-size:18px}.btn-toggle{width:60px;height:26px;margin-top:8px;border:1px solid #c1b795;border-radius:13px;background-color:var(--jade);color:var(--paper);font-size:17px}
.trust-number{font-size:54px;color:var(--jade)}.mood-value{font-size:36px;color:var(--jade)}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0}.tier{text-align:center;padding:6px;background-color:#e1d6b9;border-radius:4px;font-size:21px}.effect-list{height:254px;overflow-y:auto}.history-list{height:145px;overflow-y:auto}.event{font-size:19px;padding:7px;margin-bottom:4px;border:1px solid #cdbd99;background-color:#efe3c8}.food-list{height:150px;overflow-y:auto}
.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.btn-care{display:flex;align-items:center;height:74px;padding:7px;gap:9px;border:1px solid #b9a371;border-radius:4px;background-color:#f4ead2;color:var(--ink);text-align:left}.care-icon{width:35px;height:35px}.care-label{font-size:22px}.care-description{font-size:17px}.btn-care:hover{background-color:#e4d8b8}.btn-care:disabled{color:#8d887a;background-color:#dbd5c5}.joint-card{flex:1;display:flex;gap:9px;padding:9px;border:1px solid #bfa979;background-color:#f5e9cc}.joint-art{width:70px;height:92px}.joint-info{flex:1}.commands{display:flex;gap:5px}.btn-command{flex:1;height:35px;background-color:#24353a;border:1px solid var(--gold);color:var(--paper);font-size:19px}
.record-footer{position:absolute;left:28px;top:1040px;width:1864px;height:36px;display:flex;padding:5px 17px;gap:24px;background:linear-gradient(90deg,#102127,#263431);border:1px solid var(--gold);color:var(--paper);font-size:20px}.footer-currency{flex:1}
.roster-entry{width:398px;height:104px;display:flex;align-items:center;padding:5px;gap:12px;border:1px solid var(--gold);background:linear-gradient(90deg,#15252b,#253730);color:var(--paper);text-align:left}.roster-portrait{width:91px;height:91px}.roster-info{flex:1}.roster-name{font-size:22px}.roster-meta{font-size:19px;margin-top:3px}.roster-active{font-size:17px;color:#a8d6b2}
.ornament-tl{position:absolute;top:3px;left:3px;width:22px;height:22px}.ornament-tr{position:absolute;top:3px;right:3px;width:22px;height:22px}.ornament-bl{position:absolute;bottom:3px;left:3px;width:22px;height:22px}.ornament-br{position:absolute;bottom:3px;right:3px;width:22px;height:22px}button{cursor:pointer}button:disabled{cursor:default}

/* Reference composition: thin illuminated frames, compact controls and paper cards. */
.brand{display:flex;align-items:center;gap:18px;width:470px;padding:7px 16px}.brand-title{font-size:28px}.brand-seal{width:54px;height:54px;border:1px solid var(--gold);color:#dfc083;display:flex;align-items:center;justify-content:center;font-size:35px;background:#0c191e}.brand-subtitle{letter-spacing:1px}.record-header{box-shadow:0 2px 6px #10202777}.btn-navigation,.btn-navigation-active{border:0;border-left:1px solid #85734577;font-size:21px;background:linear-gradient(180deg,#263234,#101c21)}.btn-navigation-active{background:linear-gradient(180deg,#1c4639,#387452 75%,#91b77b);box-shadow:inset 0 0 12px #b8c98f55;color:#fffce9}
.roster-entry,.roster-entry-selected{width:398px;height:104px;display:flex;align-items:center;gap:12px;padding:5px;margin-bottom:6px;border:1px solid #a38a53;background:linear-gradient(115deg,#172b30,#101b20);color:var(--paper);text-align:left;border-radius:3px}.roster-entry-selected{border:2px solid #e4cc81;background:linear-gradient(115deg,#153b31,#365948);box-shadow:inset 0 0 18px #c7b86744,0 0 6px #dcc67a88;padding:4px}.roster-portrait{width:92px;height:92px;flex-shrink:0;border:1px solid #8e7a4b}.roster-info{flex:1}.roster-name{font-size:22px;line-height:1.12;margin-bottom:8px}.roster-meta{font-size:19px;line-height:1.1}.roster-mark{width:67px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:9px 0}.roster-mark img{width:28px;height:28px}.active-badge{font-size:18px;padding:1px 9px;border:1px solid #b8a36b;background:#416956;border-radius:4px}.roster-scroll{height:800px}.roster-note{font-style:italic;color:#d6cab1;font-size:19px;line-height:1.15}
.stage-art{object-fit:cover;object-position:center 50%}.stage-header{top:18px;left:25px;width:584px;text-shadow:0 2px 5px #000}.stage-name{font-size:37px;line-height:1.1}.stage-identity{display:flex;justify-content:center;gap:12px;margin-top:13px}.form-badge,.level-badge{font-size:22px;border:1px solid #ac9361;border-radius:4px;background:#20303bcc;padding:3px 16px;color:#f4e5be}.stage-progress{width:352px;margin:8px auto 0;position:relative}.stage-progress .progress-track{height:17px;margin:0}.stage-progress p{position:absolute;right:9px;top:-2px;font-size:17px;color:#f5ecd4}.progress-fill{width:51.25%;background:linear-gradient(90deg,#64b591,#337f65)}.stage-tags{background:none;display:flex;gap:7px;justify-content:center;margin-top:9px;padding:0;font-size:18px}.stage-tag{background:#14242dd9;border:1px solid #74807266;border-radius:4px;padding:3px 8px}.preview-image{opacity:0}.rename-row{display:none}.stage-tools{top:468px;gap:7px}.btn-tool{width:55px;height:62px;font-size:28px;border-radius:4px;background:linear-gradient(160deg,#283b40e8,#101a21f5);line-height:1}.btn-tool small{display:block;font-size:15px;margin-top:4px}.stage-status{padding:10px 14px;background:linear-gradient(90deg,#0e1d25f2,#1d3030f0);border-radius:3px}.status-title{font-size:23px;border-bottom:1px solid #ac946844;padding-bottom:6px}.status-grid{gap:8px 19px}.status-item{display:flex;align-items:center;gap:10px;font-size:18px}.status-item img{width:24px;height:24px}.status-item span:nth-of-type(1){width:68px}.status-item span:nth-of-type(2){flex:1;color:#e9dfc9;font-size:17px;text-align:right}
.details-panel{background:linear-gradient(100deg,#e7d8b6,#f5ecd7 48%,#ecdfc2);box-shadow:inset 0 0 18px #8b693e55;padding:10px 12px}.detail-tabs{gap:3px;margin-bottom:10px}.btn-tab,.btn-tab-active{height:57px;font-size:25px;border-radius:3px;background:linear-gradient(120deg,#202e2e,#132024)}.btn-tab-active{background:linear-gradient(130deg,#1f4739,#3c7757 70%,#82a16f);box-shadow:inset 0 0 10px #d1d19477}.details-scroll{height:816px;scrollbar-color:#ad965d #e9dfc3;scrollbar-width:thin}.notice:empty{display:none}.card,.card-growth,.card-form{background:linear-gradient(105deg,#f5ecd577,#e7d9b966);box-shadow:inset 0 0 5px #b2986344;padding:11px 13px}.row{gap:9px;margin-bottom:9px}.number{font-size:54px;line-height:1.08}.label{font-size:22px}.section-heading{font-size:25px}.section-strip{font-size:23px;margin:8px 0 7px;line-height:1.13;border-radius:3px}.small{font-size:19px;line-height:1.2}.tag,.tag-jade,.tag-blue{box-shadow:inset 0 0 4px #fff6}.age-card,.age-card-current{height:76px;display:flex;flex-direction:column;justify-content:center;border:1px solid #c6b387;border-radius:3px}.age-card-current{background:linear-gradient(120deg,#235440,#44866b);border:1px solid #9cbc96}.age-grid{gap:7px}.breakthrough-banner{display:flex;align-items:center;gap:15px;padding:9px 12px;background:linear-gradient(100deg,#f7edcf,#e2d2ac);margin:8px 0 10px}.breakthrough-icon{width:50px;height:58px;padding:8px;background:#172d34;border:1px solid #b4995e}.breakthrough-info{width:270px;flex-shrink:0}.breakthrough-description{font-size:19px;line-height:1.15;font-style:italic}.requirements{gap:7px;margin-bottom:10px}.requirement-card{width:170px;min-height:154px;border-radius:3px;padding:8px 0 0;background:linear-gradient(145deg,#20313b,#0c1b27);box-shadow:inset 0 0 10px #a4915755}.requirement-symbol{width:57px;height:57px;margin:4px 0 5px}.requirement-title{font-size:19px;line-height:1.1;margin:4px 3px}.requirement-owned{font-size:18px;padding:4px;margin-top:8px}.btn-small{border-radius:3px;background:linear-gradient(100deg,#223034,#121f22);box-shadow:inset 0 0 4px #bc9c4755}.breakthrough-action{width:100%;height:36px;margin-bottom:9px}.attribute{display:flex;gap:7px;align-items:center;font-size:20px;margin:2px 0}.attribute img{width:19px;height:19px}.attribute strong{font-weight:400;margin-left:auto}.root-elements{display:flex;align-items:center;justify-content:space-around;margin-top:12px;font-size:25px}.root-elements img{width:33px;height:33px}.hybrid-description{font-size:19px;line-height:1.2;margin-top:8px}.growth-footnote{text-align:center;font-size:18px;margin-top:6px;color:#485150}
.skills-list{height:595px}.skill-entry{height:96px;margin-bottom:6px;background:linear-gradient(100deg,#f6ead1cc,#e9dcbccc);padding:8px 9px;gap:11px;width:100%}.skill-icon{width:78px;height:78px;flex-shrink:0;border:1px solid #937744;border-radius:3px}.skill-title{font-size:26px;line-height:1.05;margin-bottom:5px}.skill-tags{font-size:19px;margin-top:0;padding:1px 8px;background:#d3c7a7;border-radius:3px;color:#3c504a;display:inline-block}.skill-mastery{font-size:18px;margin-top:5px;line-height:1.1}.skill-cost{font-size:20px;width:82px;padding-top:6px}.skill-controls{position:relative;width:111px;padding-right:4px}.btn-priority{margin-top:31px;height:28px;text-align:left;padding:2px 8px;border-radius:3px;font-size:19px;border:0;background:#d7c9a5}.btn-toggle,.btn-toggle-off{position:absolute;top:0;right:4px;width:57px;height:26px;margin:0;border:1px solid #90ad8d;background:#367b60;border-radius:13px;padding:2px}.btn-toggle-off{background:#81887d;border-color:#8e928a}.switch-thumb{display:block;margin-left:auto;background:#f6f3e4;border-radius:50%;width:19px;height:19px;box-shadow:0 1px 2px #0004}.btn-toggle-off .switch-thumb{margin-left:0}.behavior-card{display:flex;align-items:center;gap:20px;padding:15px;margin-top:8px;background:linear-gradient(90deg,#15282c,#273930);border:1px solid var(--gold);border-radius:3px;color:var(--paper)}.behavior-caption{flex:1}.behavior-card .btn-small{width:193px;height:43px}.behavior-card img{width:48px;height:48px}
.bond-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid #b59b6077}.bond-header h2{font-size:33px}.bond-header p{font-size:18px;font-style:italic;width:300px;text-align:right}.bond-label{display:flex;gap:12px;align-items:center;font-size:27px}.bond-label img{width:41px;height:41px}.trust-number{font-size:55px;margin-left:53px;line-height:1.05}.trust-number small{font-size:29px;color:#465056}.mood-value{font-size:36px;margin-left:53px;line-height:1.15}.timeline{gap:0;position:relative;margin:18px 0 12px}.tier,.tier-current{background:none;text-align:center;font-size:21px;position:relative}.tier-medallion{width:45px;height:45px;margin:0 auto 8px;border-radius:50%;background:#89968e;border:3px solid #e7dbc0;display:flex;align-items:center;justify-content:center}.tier-medallion img{width:27px;height:27px}.tier-current .tier-medallion{width:52px;height:52px;margin-top:-4px;margin-bottom:5px;background:#347452;border-color:#b1c998;box-shadow:0 0 0 3px #709e7355}.timeline-line{position:absolute;left:65px;top:34px;right:65px;height:6px;background:linear-gradient(90deg,#b8b9a7,#438967 70%,#c7bda6)}.timeline-wrap{position:relative}.relationship-copy{font-size:20px;line-height:1.2;margin:5px 0 11px}.effect-list{height:252px}.effect-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #bcaa7866;padding:7px 0;font-size:20px}.effect-art{width:49px;height:49px;border:1px solid #a38c51;flex-shrink:0}.effect-title{width:180px;font-size:21px}.effect-description{flex:1;font-size:17px;line-height:1.12}.effect-state{width:104px;font-size:17px;padding:5px;background:#386c51;border-radius:15px;color:#f3ead0;text-align:center}.food-list{height:133px;display:flex;gap:6px}.food-tile{flex:1;min-width:0;text-align:center;font-size:16px}.food-art{height:72px;width:72px;background:linear-gradient(145deg,#234e4d,#16242d);border:1px solid #b39d6a;border-radius:3px;padding:12px;margin-bottom:5px}.food-caption{font-size:17px}.food-note{font-size:15px;color:#427a5b}.history-list{height:141px}.event{padding:7px 0;background:none;border:0;border-bottom:1px solid #b7a17355;border-radius:0;font-size:19px;line-height:1.12}.event-date{color:#777b69;font-size:16px;display:block;margin-top:6px}
.actions-grid{gap:8px}.btn-care{height:87px;background:linear-gradient(120deg,#f9f0d9aa,#e5d7b8aa);box-shadow:inset 0 0 3px #fff9}.care-label{font-size:23px;line-height:1.04}.care-description{font-size:18px;line-height:1.15;margin-top:5px}.care-icon{width:39px;height:39px;flex-shrink:0}.joint-card{padding:9px;align-items:center;border-radius:4px;background:linear-gradient(120deg,#f6ecd5aa,#e7d8b8aa);gap:10px}.joint-art{width:91px;height:126px;flex-shrink:0;border:1px solid #ae9359;border-radius:3px}.joint-info .label{font-size:24px;line-height:1.1}.joint-info .small{font-size:18px;margin:6px 0 9px}.joint-info .btn-small{height:34px;width:100%;font-size:21px}.commands{margin-top:8px}.btn-command{height:36px;border-radius:3px;font-size:21px}.state-icon{width:45px;height:45px}.state-row{display:flex;align-items:center;gap:15px}.interaction-history{height:151px}.interaction-history .event{display:flex;gap:13px;align-items:center;padding:6px 0}.interaction-history img{width:23px;height:23px}.interaction-history p{flex:1}.interaction-history span{color:#37694f;font-size:18px}.joint-ready{font-size:18px;margin-bottom:7px;text-align:right;color:#426751}
.record-footer{height:38px;top:1036px;font-size:19px;align-items:center}.footer-currency{display:flex;gap:28px;align-items:center}.footer-currency span{padding-right:25px;border-right:1px solid #b59b6066}.ornament-tl,.ornament-tr,.ornament-bl,.ornament-br{z-index:3}

/* Full-page composition stays within the 1080p review viewport. */
.mastery-track{width:119px;height:9px;border-radius:3px;background:#3f4649;flex-shrink:0}.mastery-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#75bfd6,#3a83b8)}.skill-mastery{display:flex;align-items:center;gap:9px}.age-symbol{width:48px;height:50px;flex-shrink:0}.age-card,.age-card-current{flex-direction:row;align-items:center;gap:10px;text-align:left}.age-card div,.age-card-current div{font-size:19px}.btn-tab,.btn-tab-active{position:relative}.btn-tab .ornament-tl,.btn-tab .ornament-tr,.btn-tab .ornament-bl,.btn-tab .ornament-br,.btn-tab-active .ornament-tl,.btn-tab-active .ornament-tr,.btn-tab-active .ornament-bl,.btn-tab-active .ornament-br{width:13px;height:13px}
.brand{flex-shrink:0;width:470px;gap:14px}.brand-title{font-size:25px;white-space:nowrap;line-height:1.15}.brand-subtitle{font-size:13px;white-space:nowrap;line-height:1.2}.top-navigation{min-width:0}.btn-navigation,.btn-navigation-active{font-size:20px;padding:0 6px}.card,.card-growth,.card-form{padding:8px 11px}.label{font-size:20px;margin-bottom:2px}.small{font-size:18px;line-height:1.12}.card-growth{height:112px;position:relative}.card-form{height:112px}.card-growth .number{font-size:52px;position:absolute;top:34px;left:12px;line-height:1}.card-growth .small{position:absolute;top:54px;right:12px;font-size:18px}.card-growth .progress-track{position:absolute;bottom:10px;left:12px;width:calc(100% - 24px);margin:0}.card-form .tag-jade{margin:7px 0 6px}.age-card,.age-card-current{height:65px;font-size:20px;padding:5px}.age-grid{margin-bottom:8px}.tag,.tag-jade,.tag-blue{font-size:20px;margin:3px 0;padding:1px 9px}.row{margin-bottom:8px}.breakthrough-banner{height:72px;margin:6px 0 8px;padding:7px 10px}.breakthrough-info{width:250px}.breakthrough-description{font-size:18px;line-height:1.1}.breakthrough-icon{height:51px;width:47px}.section-heading{font-size:24px;line-height:1.05;margin:8px 0 6px}.requirement-card{height:153px;min-height:0;display:grid;grid-template-rows:60px 37px 25px 29px;padding:0}.requirement-symbol{width:49px;height:49px;margin:5px auto}.requirement-title{font-size:18px;line-height:1.03;margin:0 3px;align-self:center}.requirement-owned{margin:0;padding:3px;font-size:17px;align-self:stretch}.requirements{margin-bottom:8px}.breakthrough-action{height:30px;margin-bottom:8px;font-size:19px}.attribute{font-size:19px;line-height:1.05;margin:2px 0}.attribute img{width:17px;height:17px}.root-elements{font-size:21px;margin-top:10px}.root-elements img{width:28px;height:28px}.hybrid-description{font-size:18px;line-height:1.1;margin-top:5px}.growth-footnote{font-size:17px;margin-top:4px}.skills-list{height:610px}.skill-entry{height:94px}.skill-cost{width:83px}.behavior-card{padding:12px;margin-top:8px}.behavior-card .small{font-size:17px}
.bond-header{margin-bottom:8px;padding-bottom:5px;height:48px}.bond-header h2{font-size:30px}.bond-label{font-size:25px;gap:10px}.bond-label img{width:31px;height:31px}.trust-number{font-size:48px;margin-left:41px}.trust-number small{font-size:26px}.mood-value{font-size:31px;margin-left:41px}.timeline{margin:10px 0 7px}.tier,.tier-current{padding:0;font-size:19px;line-height:1.1}.tier-medallion{width:43px;height:43px;margin-bottom:6px}.tier-current .tier-medallion{width:48px;height:48px;margin-top:-3px;margin-bottom:4px}.timeline-line{top:30px;height:5px}.relationship-copy{font-size:19px;line-height:1.1;margin:5px 0 8px}.effect-list{height:192px}.effect-row{padding:7px 0}.effect-title{width:158px;font-size:20px}.effect-description{font-size:17px}.effect-state{width:99px;font-size:16px}.food-list{height:119px}.food-art{width:61px;height:61px;padding:8px}.food-caption{font-size:17px}.food-note{font-size:15px}.history-list{height:119px}.food-tile{font-size:16px}.event{font-size:18px}.section-strip{font-size:21px;line-height:1;margin:3px 0 5px;padding:3px 10px}.btn-care{height:66px;padding:6px;gap:8px}.care-label{font-size:21px}.care-description{font-size:16px;line-height:1.07;margin-top:4px}.care-icon{width:33px;height:33px}.actions-grid{gap:7px}.state-row{gap:11px}.state-row .value{font-size:24px}.state-row .small{font-size:17px}.state-icon{width:37px;height:37px}.interaction-history{height:121px}.interaction-history .event{height:29px;margin:0;padding:3px 0;font-size:18px}.interaction-history img{width:19px;height:19px}.interaction-history span{font-size:16px}.joint-ready{display:none}.joint-art{width:79px;height:108px}.joint-info .label{font-size:22px}.joint-info .small{font-size:17px;line-height:1.1;margin:5px 0}.joint-info .btn-small{height:30px;font-size:19px}.joint-card{padding:8px;gap:8px}.commands{margin-top:6px}.btn-command{height:33px;font-size:19px}.btn-small{height:33px;font-size:19px}
.status-icon{width:24px;height:24px;flex-shrink:0}.bond-label svg{width:31px;height:31px;flex-shrink:0}.attribute svg{width:17px;height:17px}.root-elements svg{width:28px;height:28px}.interaction-history svg{width:19px;height:19px;flex-shrink:0}.tier-medallion svg{width:27px;height:27px}.requirement-symbol{width:55px;height:55px;margin:2px auto}.care-icon{flex-shrink:0}

/* Three owned header regions; artwork and native labels have separate owners. */
.section-strip{background-image:linear-gradient(90deg,#14272b 0%,#47584cec 38%,#b1b59dc4 72%,#efe2c2 100%),url('../../Shared/RecordV2/Surfaces/InkTab.png')}
.record-header{display:grid;grid-template-columns:var(--header-brand-track) var(--header-menu-track) var(--header-reserve-track);gap:0;background:none;border:0;box-shadow:none;overflow:visible}.brand{grid-column:1;grid-row:1;width:auto;padding:0;display:block;position:relative;min-width:0;height:68px}.brand-emblem{position:absolute;left:-9px;top:-20px;width:123px;height:111px}.brand-span{position:absolute;left:105px;top:0;width:calc(100% - 131px);height:68px}.brand-join{position:absolute;right:0;top:0;width:26px;height:68px}.brand-copy{position:absolute;left:125px;top:14px;width:calc(100% - 153px)}.brand-title{font-size:24px;line-height:1.16;white-space:nowrap}.brand-subtitle{font-size:13px;letter-spacing:.25px;line-height:1.3;white-space:nowrap;color:#dddbc7}.top-navigation{grid-column:2;grid-row:1;height:68px;width:auto;padding:5px 96px 5px 24px;display:flex;position:relative;min-width:0}.menu-start{position:absolute;left:0;top:0;width:42px;height:68px}.menu-span{position:absolute;left:42px;right:146px;top:0;width:calc(100% - 188px);height:68px}.menu-end{position:absolute;right:0;top:-6px;width:155px;height:81px}.btn-navigation,.btn-navigation-active{position:relative;min-width:0;white-space:nowrap;background:none;border-left:1px solid #9c8b5766;border-right:0;border-top:0;border-bottom:0;color:#e3e1d1;font-size:18px;padding:0 5px;line-height:1}.btn-navigation-active{border:1px solid #b4b26d;background:linear-gradient(180deg,#315d46aa,#529367aa 80%,#b5bc7b99);box-shadow:inset 0 0 12px #b0cf8066;text-shadow:0 0 5px #ebf7d288}.btn-navigation:hover{background-color:#4a645e55}.header-tools{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;height:68px;color:#324342}.header-motto{font-size:19px;line-height:1.2;font-style:italic;text-align:right;white-space:nowrap}.motto-seal{color:#b54d3b;border:1px solid #b54d3b;font-size:10px;line-height:1.15;padding:2px;border-radius:2px}.btn-close{margin:0;width:43px;height:43px;border-radius:3px;border:1px solid #b9a267;box-shadow:inset 0 0 5px #b9a26755;font-size:31px;background:#142025;color:#efe8d7;line-height:1}
.record-footer{height:44px;top:1031px;padding:8px 27px;background:none;border:0;gap:25px}.footer-start{position:absolute;left:0;top:0;height:44px;width:49px;transform:scaleX(-1)}.footer-span{position:absolute;left:45px;top:0;height:44px;width:calc(100% - 90px)}.footer-end{position:absolute;right:0;top:0;height:44px;width:49px}.record-footer p,.footer-currency{position:relative}.footer-currency{gap:19px}.footer-currency span{padding-right:21px;border-color:#b6a06188}.record-footer{font-size:20px}.card,.card-form,.card-growth{background-image:linear-gradient(100deg,#ede0c080,#f5e9d480),url('../../Shared/RecordV2/Surfaces/PaperTile.png');background-position:center;background-size:100% 100%,180% 180%;border-color:#c3ad7c;box-shadow:inset 0 0 4px #ba986844}.btn-care{background-image:linear-gradient(110deg,#ede0c05c,#f5e9d45c),url('../../Shared/RecordV2/Surfaces/PaperTile.png');background-position:center;background-size:100% 100%,180% 180%}.btn-tab,.btn-tab-active{background-image:linear-gradient(100deg,#15292744,#10202266),url('../../Shared/RecordV2/Surfaces/InkTab.png');background-position:center;background-size:100% 100%,145% 285%;border-color:#bfa66d;box-shadow:inset 0 0 0 2px #bfa66d33}.btn-tab-active{background-image:linear-gradient(100deg,#275c4299,#6a987099),url('../../Shared/RecordV2/Surfaces/InkTab.png');box-shadow:inset 0 0 7px #c5c881aa}.section-strip{background-image:linear-gradient(90deg,#152427,#33433bf2 30%,#91998188 65%,#efe2c222),url('../../Shared/RecordV2/Surfaces/InkTab.png');background-size:100% 100%,130% 480%;background-position:center;border-radius:2px}.stage-status,.behavior-card{background-image:linear-gradient(100deg,#122626aa,#172b2bee),url('../../Shared/RecordV2/Surfaces/InkTab.png');background-size:100% 100%,150% 200%;background-position:center}.roster-entry,.roster-entry-selected{background-image:linear-gradient(100deg,#172d30bb,#142528dd),url('../../Shared/RecordV2/Surfaces/InkTab.png');background-size:100% 100%,160% 300%;background-position:center}.roster-entry-selected{background-image:linear-gradient(100deg,#235441c7,#3b6650cc),url('../../Shared/RecordV2/Surfaces/InkTab.png')}.growth-footnote{line-height:1.05}.attribute{margin:1px 0}.hybrid-description{font-size:17px}

/* Focused reference details; reusable control/type roles remain in RecordV2/Web. */
.stage-tools, .footer-currency, .footer-calendar { color: #ddc78e; }
.stage-tag svg { color: #8fc7d4; }
.stage-tag:first-child svg { color: #d5b870; }
.roster-mark { width: 58px; }
.roster-mark svg { padding: 4px; border: 1px solid currentColor; border-radius: 50%; }
.requirements .requirement-card { width: auto; flex: 1; min-width: 0; }
.growth-aspects { flex: 1; min-width: 0; display: grid; gap: 8px; grid-template-rows: auto 1fr; }
.growth-aspects .root-elements { font-size: 20px; gap: 6px; }
.growth-aspects .root-elements svg { flex-shrink: 0; }
.hybrid-row { display: flex; align-items: center; gap: 9px; margin-top: 8px; }
.hybrid-symbol { width: 37px; height: 37px; flex-shrink: 0; }
.growth-aspects .hybrid-description { font-size: 17px; line-height: 1.15; }
.heading-symbol { width: 32px; height: 32px; flex-shrink: 0; }
.bond-header h2 { display: flex; align-items: center; gap: 12px; }
.bond-header { height: 42px; }
.effect-list { height: 165px; }
.effect-row { padding: 5px 0; }
.effect-art { width: 44px; height: 44px; }
.relationship-copy { margin-bottom: 5px; }
.bond-tier-row { display: flex; align-items: center; gap: 13px; }
.bond-tier-row .timeline-wrap { flex: 1; min-width: 0; }
.bond-tier-row .timeline-line { left: 45px; right: 45px; }
.card-milestone { width: 119px; flex-shrink: 0; padding: 10px 8px; border: 1px solid #c3ad7c; border-radius: 4px; background: linear-gradient(110deg, #f5e9cf, #e5d6b5); text-align: center; }
.milestone-label { font-size: 16px; line-height: 1.1; }
.milestone-name { font-size: 21px; margin: 5px 0; }
.milestone-value { font-size: 17px; color: #49654e; }
.relationship-event { display: flex; gap: 9px; padding: 7px 0; }
.event-symbol { width: 22px; height: 22px; flex-shrink: 0; }
.event-title { font-size: 19px; line-height: 1.12; margin-bottom: 6px; }
.relationship-quote { text-align: right; font-size: 19px; line-height: 1.2; color: #615c4b; margin-top: 9px; }
.interaction-history { height: 151px; }
.interaction-history .event { height: 36px; gap: 9px; font-size: 17px; }
.interaction-history .history-date { width: 83px; flex-shrink: 0; font-size: 14px; line-height: 1.05; color: #666854; }
.interaction-history .event > span { width: 55px; flex-shrink: 0; text-align: right; font-size: 16px; }

/* Brand/menu seam: decorated paint overlaps Inventory's edge, never its label. */
:root { --header-overlap: 34px; }
.brand { z-index: 2; pointer-events: none; }
.brand-span { width: calc(100% - 121px); }
.brand-join { right: -10px; width: 26px; }
.top-navigation { margin-left: calc(0px - var(--header-overlap)); padding-left: var(--header-overlap); z-index: 1; }
.top-navigation button:first-of-type { border-left: 0; padding-left: 14px; }
.header-tools { position: relative; z-index: 3; }

/* Quiet paper scenery, inset hairlines and small ornamental title markers. */
.details-panel {
  background-image: linear-gradient(100deg, #e9ddc0a6, #f7efd775 48%, #ecdfc28c), url('../../Shared/RecordV2/Surfaces/PaperTile.png');
  background-size: 100% 100%, auto 115%;
  background-position: center, right bottom;
  box-shadow: inset 0 0 0 1px #f8efd88c, inset 0 0 11px #97744438;
}
.card, .card-form, .card-growth {
  border-color: #c9b98b;
  background-image: linear-gradient(110deg, #f8efd78c, #ecdfc273), url('../../Shared/RecordV2/Surfaces/PaperTile.png');
  box-shadow: inset 0 0 0 1px #fff9e455;
}
.card .label, .card-form .label, .card-growth .label {
  position: relative; padding-left: 16px; padding-bottom: 3px;
  border-bottom: 1px solid #b9a77655;
}
.card-heading-ornament { position: absolute; top: 2px; left: 0; width: 12px; height: 12px; }
.section-heading { position: relative; padding-left: 18px; }
.section-heading .card-heading-ornament { top: 4px; }
.skill-filter-row { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; }
.skill-filter-row .label { margin: 0 2px 0 0; }
.skill-count { margin-left: auto; font-size: 16px; color: #5e6457; white-space: nowrap; }
.behavior-profile { width: 178px; flex-shrink: 0; }
.behavior-profile .profile-label { font-size: 16px; margin-bottom: 4px; color: #d1cbb7; }
.behavior-card .behavior-profile .btn-small { width: 100%; height: 36px; }
.behavior-icon { width: 48px; height: 48px; flex-shrink: 0; }
.state-row .small { line-height: 1.2; }
.food-note, .food-note-loved, .food-note-liked { display: flex; gap: 3px; justify-content: center; align-items: center; font-size: 14px; }
.food-note svg, .food-note-loved svg, .food-note-liked svg { width: 13px; height: 13px; flex-shrink: 0; }
.food-note-loved { color: #c15c49; }
.food-note-liked { color: #3488ab; }
.card-growth .number { display: flex; align-items: baseline; gap: 6px; }
.growth-limit { font-size: 28px; }
.growth-experience { position: absolute; top: 46px; right: 13px; text-align: center; min-width: 160px; }
.growth-xp-label { font-size: 15px; line-height: 1.1; margin-bottom: 3px; color: #5b6052; }
.card-growth .growth-experience .small { position: static; font-size: 18px; line-height: 1.1; }

/* Age illustrations are owned alpha cutouts; labels and form state remain native. */
.age-illustration { width: 51px; height: 53px; object-fit: contain; flex-shrink: 0; }
.age-card, .age-card-current { gap: 7px; padding: 5px 7px; }
.age-card div, .age-card-current div { font-size: 18px; line-height: 1.22; }
.age-card { background: linear-gradient(110deg, #e8dec5b0, #daceb27a); border-color: #c9b98b80; }
.age-card-current { box-shadow: inset 0 0 0 1px #bad1a955, inset 0 0 12px #93b08b33; }

/* Compact attributes reserve the longer right-hand cards for element explanations. */
.growth-detail-row { display: flex; gap: 9px; margin-bottom: 8px; }
.growth-detail-row > .card { flex: 0.42; min-width: 0; }
.growth-detail-row > .growth-aspects { flex: 0.58; }
.growth-detail-row .attribute { font-size: 18px; gap: 5px; line-height: 1.14; }
.growth-aspects .root-elements { justify-content: flex-start; gap: 12px; margin-top: 9px; }
.growth-aspects .hybrid-description { font-size: 18px; line-height: 1.18; }
.hybrid-row { align-items: flex-start; }
.hybrid-symbol { margin-top: 5px; }

/* Breakthrough has its own sigil, heading/level column and restrained narrative. */
.breakthrough-banner { height: 82px; gap: 13px; padding: 8px 10px; border: 1px solid #b89d65; box-shadow: inset 0 0 0 2px #f9f0d7aa; }
.breakthrough-icon { width: 54px; height: 62px; flex-shrink: 0; padding: 7px; border-radius: 3px; background: linear-gradient(135deg, #263b3e, #14252c); }
.breakthrough-info { width: 228px; }
.breakthrough-info .label { font-size: 19px; margin-bottom: 4px; white-space: nowrap; }
.breakthrough-info .value { font-size: 29px; line-height: 1; }
.breakthrough-description { flex: 1; min-width: 0; font-size: 17px; line-height: 1.2; padding-left: 12px; border-left: 1px solid #bba57266; }

/* One light progress footer replaces the separate quantity and Owned lines. */
.requirement-card { height: 161px; grid-template-rows: 88px 43px 28px; }
.requirement-symbol { width: 79px; height: 79px; margin: 4px auto; }
.requirement-title { font-size: 18px; line-height: 1.08; }
.requirement-progress { align-self: stretch; display: flex; align-items: center; justify-content: center; margin: 0; border-top: 1px solid #bfa46c; background: linear-gradient(90deg, #e5d7b8, #f4ebd6); color: #34453c; font-size: 20px; font-variant-numeric: tabular-nums; }

/* AI footer separates its summary, profile selector and priority action. */
.behavior-card { gap: 12px; min-height: 94px; padding: 11px; box-shadow: inset 0 0 0 2px #bfa66d33; }
.behavior-caption { min-width: 0; padding-right: 10px; border-right: 1px solid #b59b6055; }
.behavior-caption .label { font-size: 21px; margin-bottom: 5px; }
.behavior-card .small { font-size: 17px; line-height: 1.16; color: #ded9c7; }
.behavior-profile { width: 164px; }

/* All Mood copy shares one left edge beside the icon. Removed prose frees Effects. */
.bond-mood-layout { display: flex; align-items: flex-start; gap: 13px; padding-top: 3px; }
.bond-mood-layout .mood-icon { width: 48px; height: 48px; flex-shrink: 0; margin-top: 2px; }
.bond-mood-copy { flex: 1; min-width: 0; }
.bond-mood-copy .bond-label { margin: 0 0 3px; }
.bond-mood-copy .mood-value { margin: 0 0 5px; font-size: 31px; line-height: 1.1; }
.bond-mood-copy .small { margin: 0; line-height: 1.2; }
.effect-list { height: 225px; }
.effect-row { min-height: 72px; padding: 9px 0; }
.effect-description { line-height: 1.2; }

/* Native panel contracts: explicit flow and an opaque paper fallback. */
.btn-tool { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.food-list { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; gap: 6px; }
.details-panel { background-color: #f1e7ce; }
.requirement-owned { width: 100%; }