/* Character full settings v10
   The full-settings screen has one coordinate system: the 412 × 917 SVG artboard.
   Do not add page-specific viewport offsets outside this file. */
.character-book-v8{display:none!important}
.character-book-v8.is-open{position:fixed!important;z-index:2147481200!important;inset:0!important;display:grid!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#5c4234 url("./assets/character-ui/character-wood-background.png") center/cover no-repeat!important;isolation:isolate!important;overscroll-behavior:none!important}
.character-book-v8-canvas{position:relative!important;display:block!important;width:min(100vw,44.929117dvh,520px)!important;max-width:none!important;aspect-ratio:412/917!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#5c4234 url("./assets/character-ui/character-wood-background.png") center/cover no-repeat!important;container-type:inline-size!important;contain:layout paint style!important;isolation:isolate!important}
.character-book-v8,.character-book-v8 *{box-sizing:border-box!important;font-family:var(--ui-font)!important}
html[data-ui-font] body #app .character-book-v8,html[data-ui-font] body #app .character-book-v8 *{font-family:var(--ui-font)!important}
.character-book-v8-stage{position:absolute!important;z-index:0!important;inset:0!important;display:block!important;overflow:hidden!important;background:#5c4234!important;pointer-events:none!important}
.character-book-v8-wood{position:absolute!important;z-index:0!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;background:transparent!important}
/* Extend only the paper's middle: preserve the illustrated cover and page edges. */
.character-book-v8-book{position:absolute!important;z-index:1!important;left:1.5%!important;top:7.2%!important;display:block!important;width:97%!important;height:199cqw!important;max-width:none!important;box-sizing:border-box!important;border-style:solid!important;border-width:19.5cqw 8.1cqw 24.4cqw 10.6cqw!important;border-image:url("./assets/character-ui/book-right-page.png") 120 50 150 65 fill stretch!important;background:transparent!important;filter:drop-shadow(0 1.2cqw 1.5cqw #2a160d35)!important}

/* Back, the three-piece menu, save and ink. */
body #app .character-book-v8 .character-book-v8-back{position:absolute!important;z-index:60!important;left:var(--book-back-left,5.0971cqw)!important;top:var(--book-back-top,10.6796cqw)!important;display:block!important;width:var(--book-back-size,14.8058cqw)!important;height:var(--book-back-size,14.8058cqw)!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
.character-book-v8-back>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 .7cqw .7cqw #1f130b66)!important}
.character-book-v9-menu{position:absolute!important;z-index:55!important;left:30.8252cqw!important;top:12.1359cqw!important;width:63.3495cqw!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
.character-book-v9-menu>summary{list-style:none!important}.character-book-v9-menu>summary::-webkit-details-marker{display:none!important}
body #app .character-book-v8 .character-book-v9-composite{position:relative!important;display:grid!important;align-items:center!important;width:100%!important;height:9.4660cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 4.8cqw!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;box-shadow:none!important;text-shadow:0 .35cqw .4cqw #2a160d99!important;cursor:pointer!important;overflow:hidden!important}
body #app .character-book-v8 .character-book-v9-composite::before,body #app .character-book-v8 .character-book-v9-composite::after{position:absolute!important;z-index:0!important;top:0!important;bottom:0!important;display:block!important;width:5.5cqw!important;content:""!important;pointer-events:none!important}
body #app .character-book-v8 .character-book-v9-composite::before{left:0!important;background:url("./assets/home-ui/pill-left.png") right center/auto 100% no-repeat!important}
body #app .character-book-v8 .character-book-v9-composite::after{right:0!important;background:url("./assets/home-ui/pill-right.png") left center/auto 100% no-repeat!important}
.character-book-v9-fill{position:absolute!important;z-index:0!important;left:5.15cqw!important;right:5.15cqw!important;top:0!important;bottom:0!important;display:block!important;background:url("./assets/home-ui/pill-middle.png") center/100% 100% repeat-x!important;pointer-events:none!important}
.character-book-v9-menu>summary>span{position:relative!important;z-index:2!important;grid-column:1!important;justify-self:start!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;font:400 5.1cqw/1 "KCCHanbit",sans-serif!important;transform:scaleX(1.1)!important}
.character-book-v9-menu>summary>b{position:absolute!important;z-index:2!important;inset:0 5cqw!important;display:grid!important;place-items:center!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;font:400 4.3cqw/1 "KCCHanbit",sans-serif!important;letter-spacing:-.055em!important;white-space:nowrap!important}
.character-book-v9-menu>nav{position:absolute!important;z-index:80!important;left:2cqw!important;right:2cqw!important;top:10.6cqw!important;display:grid!important;gap:1.15cqw!important;padding:2.1cqw!important;border-radius:3cqw!important;background:#fffdf5f2!important;box-shadow:0 1.4cqw 3cqw #24150f55!important}
body #app .character-book-v8 .character-book-v9-menu>nav>button{height:8.5cqw!important;padding:0 4cqw!important}
.character-book-v9-menu>nav>button>span{position:relative!important;z-index:2!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;font:400 3.35cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important}
.character-book-v9-menu>nav>button.on{filter:brightness(1.14)!important}
.character-book-v8-ink{position:absolute!important;z-index:23!important;left:78.1553cqw!important;top:191.5049cqw!important;display:block!important;width:18.4466cqw!important;height:18.4466cqw!important;min-width:0!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto!important}.character-book-v8-ink>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 .6cqw .5cqw #0004)!important}.character-book-v8-ink:active{transform:translateY(.5cqw)!important}
body #app .character-book-v8 .character-book-v8-save{position:absolute!important;z-index:65!important;left:78.6408cqw!important;top:208.2524cqw!important;width:17.2330cqw!important;height:7.7670cqw!important;padding:0 2.5cqw!important}
.character-book-v8-save>span{position:relative!important;z-index:2!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;font:400 3.25cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important}

/* Every book page fills the artboard. No additional page rotation or translated wrapper is allowed. */
html body #app .character-book-v8 .character-book-v8-page{position:absolute!important;z-index:8!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;background-image:none!important;color:#17120f!important;transform:none!important;transform-origin:0 0!important}
.character-book-v8-page[data-book-page="visual"] :is(button,label,input),.character-book-v8-page[data-book-page="profile"] :is(button,label,input,select,fieldset),.character-book-v8-page[data-book-page="body"] :is(button,label,input,select,fieldset){pointer-events:auto!important}

/* Page 1: photo, colour and placement — exact rectangles from 캐릭터-전체설정.svg. */
.character-full-svg-overview{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important}
.character-full-content-group{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;pointer-events:none!important}
.character-full-theme-title{position:absolute!important;left:50.25cqw!important;right:4cqw!important;top:31.05cqw!important;margin:0!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 4.15cqw/1.15 "KCCHanbit",sans-serif!important;letter-spacing:-.07em!important;white-space:normal!important;overflow-wrap:anywhere!important;transform:none!important}
.character-full-theme-row{position:absolute!important;z-index:10!important;left:48.8cqw!important;display:grid!important;grid-template-columns:5.825cqw 14cqw 16.6cqw!important;align-items:center!important;column-gap:1.45cqw!important;width:39.325cqw!important;height:5.825cqw!important;min-width:0!important;margin:0!important;transform:none!important;pointer-events:auto!important}.character-full-theme-row.primary{top:39.2cqw!important}.character-full-theme-row.secondary{top:48.45cqw!important}
.character-full-theme-swatch{position:relative!important;display:block!important;width:5.825cqw!important;height:5.825cqw!important;min-width:0!important;min-height:0!important;border:1px solid #17120f!important;background:var(--swatch)!important;overflow:hidden!important}.character-full-theme-swatch>input[type="color"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;cursor:pointer!important}.character-full-theme-row>b{min-width:0!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3.05cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important}.character-full-theme-row>input[type="text"]{display:block!important;width:16.6cqw!important;max-width:16.6cqw!important;height:4.9cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 .7cqw!important;border:0!important;border-radius:2.45cqw!important;background:#dad1bd!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.35cqw/1 "KCCHanbit",sans-serif!important;text-align:center!important;box-shadow:none!important}
.character-full-gradient{position:absolute!important;z-index:10!important;left:49.3cqw!important;top:58.1cqw!important;display:grid!important;grid-template-columns:4cqw 31.5cqw!important;align-items:center!important;column-gap:1.5cqw!important;width:37cqw!important;min-width:0!important;min-height:6.2cqw!important;transform:none!important;pointer-events:auto!important}.character-full-gradient>input{width:4cqw!important;height:4cqw!important;min-width:0!important;min-height:0!important;margin:0!important;accent-color:var(--character-accent)!important}.character-full-gradient>span{display:block!important;min-width:0!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.45cqw/1.2 "KCCHanbit",sans-serif!important;letter-spacing:-.035em!important}
body #app .character-book-v8 .character-full-image-slot,body #app .character-book-v8 .character-full-placement-card{position:absolute!important;z-index:10!important;display:block!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;overflow:hidden!important;transform-origin:0 0!important;pointer-events:auto!important}.character-full-image-slot>img,.character-full-placement-card>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;background:transparent!important;object-fit:cover!important}
.character-full-image-slot.profile{left:4.369cqw!important;top:39.295cqw!important;width:31.068cqw!important;height:31.068cqw!important;border:1.25cqw solid #fff8e8!important;border-radius:1.2cqw!important;background:#e8dcc8!important;box-shadow:0 1.1cqw 1.8cqw #30201466!important;transform:rotate(-9.84995deg)!important}.character-full-image-slot.ld{left:53.555cqw!important;top:66.902cqw!important;width:38.835cqw!important;height:66.748cqw!important;background:transparent!important;box-shadow:none!important;transform:rotate(10.5962deg)!important}.character-full-image-slot.ld>img{object-fit:contain!important;object-position:center bottom!important}.character-full-image-slot.icon{left:9.724cqw!important;top:141.824cqw!important;width:31.068cqw!important;height:31.068cqw!important;background:transparent!important;box-shadow:none!important;transform:rotate(1.61733deg)!important}.character-full-image-slot.icon>img{object-fit:contain!important;filter:drop-shadow(0 .9cqw .8cqw #0005)!important}
body #app .character-book-v8 .character-full-image-slot.is-empty{display:grid!important;place-items:center!important;border:.55cqw dashed #17120f!important;background:#fffdf580!important;overflow:hidden!important}.character-full-empty-slot{display:grid!important;place-items:center!important;gap:.7cqw!important;width:100%!important;padding:1.4cqw!important;color:#17120f!important;text-align:center!important}.character-full-empty-slot>b{font:700 2.65cqw/1.1 "KCCHanbit",sans-serif!important}.character-full-empty-slot>small{font:700 1.9cqw/1 "KCCHanbit",sans-serif!important;opacity:.72!important}.character-full-image-slot.ld.is-empty .character-full-empty-slot{align-self:center!important}.character-full-image-slot.is-empty+.character-full-slot-label{display:none!important}
body #app .character-book-v8 .character-full-placement-card{left:6.9746cqw!important;top:91.5835cqw!important;width:22.1241cqw!important;height:41.4512cqw!important;border:1.4563cqw solid #fff!important;border-radius:3.1553cqw!important;background:#5c4234!important;transform:rotate(-5.40964deg)!important}.character-full-placement-card>img{object-fit:contain!important;object-position:center bottom!important;background:linear-gradient(#786d65,#3d3631)!important}
.character-full-slot-label{position:absolute!important;z-index:11!important;display:block!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.92cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important;transform-origin:0 0!important;pointer-events:none!important}.character-full-slot-label.profile{left:11.17cqw!important;top:70.63cqw!important;transform:rotate(-9.84995deg)!important}.character-full-slot-label.placement{left:12.1cqw!important;top:134.1cqw!important;transform:rotate(-5.40964deg)!important}.character-full-slot-label.ld{left:46.36cqw!important;top:137.1cqw!important;transform:rotate(10.5962deg)!important}.character-full-slot-label.icon{left:13cqw!important;top:175.7cqw!important;transform:rotate(1.61733deg)!important}
.character-full-theme-chooser{position:absolute!important;z-index:14!important;left:43.2cqw!important;top:148.7cqw!important;display:grid!important;grid-template-columns:6cqw minmax(0,1fr)!important;align-items:center!important;gap:1cqw!important;width:35.5cqw!important;height:11.4cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:.9cqw 1.6cqw!important;border:.45cqw solid #9a792b!important;border-radius:3.6cqw!important;background:#fff7d9!important;box-shadow:0 .9cqw 0 #b29242!important;pointer-events:auto!important}.character-full-theme-chooser>img{width:5.7cqw!important;height:5.7cqw!important;object-fit:contain!important}.character-full-theme-chooser>span{display:grid!important;gap:.55cqw!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.45cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important;text-align:left!important}.character-full-theme-chooser small{color:#776147!important;-webkit-text-fill-color:#776147!important;font:700 1.55cqw/1 "KCCHanbit",sans-serif!important}.character-full-advanced-ld{position:absolute!important;z-index:14!important;left:43.2cqw!important;top:163cqw!important;width:35.5cqw!important;min-height:8.2cqw!important;padding:1cqw 1.6cqw!important;border:.38cqw solid #9a792b!important;border-radius:2.7cqw!important;background:linear-gradient(#fffdf0,#ead69f)!important;color:#26190f!important;-webkit-text-fill-color:#26190f!important;box-shadow:0 .75cqw 0 #987530!important;font:700 2.15cqw/1.15 "KCCHanbit",sans-serif!important;pointer-events:auto!important}
body #app .character-book-v8 .character-scene-image-opener{position:absolute!important;z-index:14!important;left:43.2cqw!important;top:145.7cqw!important;display:grid!important;place-items:center!important;width:31.3cqw!important;height:9.1cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:.8cqw 1.5cqw!important;border:.45cqw solid #9a792b!important;border-radius:4.55cqw!important;background:#fff7d9!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;box-shadow:0 .9cqw 0 #b29242!important;pointer-events:auto!important}.character-scene-image-opener>b{font:700 2.65cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important}.character-scene-image-opener>small{font:700 1.55cqw/1 "KCCHanbit",sans-serif!important;opacity:.68!important;white-space:nowrap!important}

/* Shared page arrows. The back asset is the same round wood button used by the SVG. */
.character-book-cover-controls,.character-overview-page-controls,.character-book-page-controls{position:absolute!important;z-index:25!important;left:11.4078cqw!important;top:179.68cqw!important;display:grid!important;grid-template-columns:8.4951cqw 1fr 8.4951cqw!important;align-items:center!important;width:70.1456cqw!important;margin:0!important;padding:0!important;pointer-events:auto!important}
body #app .character-book-v8 :is(.character-book-cover-controls,.character-overview-page-controls,.character-book-page-controls)>button{display:block!important;width:8.4951cqw!important;height:8.4951cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent url("./assets/character-ui/back.png") center/contain no-repeat!important;color:transparent!important;-webkit-text-fill-color:transparent!important;box-shadow:none!important;overflow:hidden!important}.character-book-cover-controls>button:last-of-type,.character-overview-page-controls>button:last-of-type,.character-book-page-controls>button:last-of-type{transform:rotate(180deg)!important}.character-book-cover-controls>button:disabled,.character-overview-page-controls>button:disabled,.character-book-page-controls>button:disabled{opacity:.28!important;filter:grayscale(1)!important}.character-book-cover-controls>b,.character-overview-page-controls>b,.character-book-page-controls>b{color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:400 3.15cqw/1 "KCCHanbit",sans-serif!important;text-align:center!important}

/* Overview pages 2 and 3. */
.character-profile-overview-page,.character-overview-basic{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;pointer-events:none!important;transform:none!important}.character-overview-basic{z-index:8!important;transform-origin:0 0!important}.character-overview-portrait{position:absolute!important;z-index:9!important;left:59.7813cqw!important;top:31.2563cqw!important;width:23.7864cqw!important;height:23.7864cqw!important;transform:none!important;transform-origin:0 0!important;pointer-events:none!important}.character-overview-portrait :is(img,.avatar,.sprite){display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 .8cqw .8cqw #0004)!important}
.overview-field{position:absolute!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto!important}.overview-field>b,.overview-field>legend{display:block!important;width:auto!important;margin:0 0 .7cqw!important;padding:0!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 4.1cqw/1 "KCCHanbit",sans-serif!important;letter-spacing:-.08em!important;white-space:nowrap!important;text-shadow:none!important}.overview-field :is(input,select){display:block!important;width:100%!important;height:5.8cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 1.8cqw!important;border:0!important;border-radius:2.9cqw!important;background:#ded6c5!important;background-image:none!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3.4cqw/1 "KCCHanbit",sans-serif!important;letter-spacing:-.055em!important;box-shadow:none!important;outline-offset:1px!important}.overview-field :is(input,select):focus{outline:1.5px solid var(--character-accent)!important}
.overview-name{left:16.5085cqw!important;top:46.9551cqw!important;width:33.4951cqw!important}.overview-age{left:16.1100cqw!important;top:62.7269cqw!important;width:31.0680cqw!important}.overview-birthday{left:52.5061cqw!important;top:63.6468cqw!important;width:29cqw!important}.overview-gender{left:15.9546cqw!important;top:78.5046cqw!important;width:30.8252cqw!important}.overview-orientation{left:51.5728cqw!important;top:79.1180cqw!important;width:30.8252cqw!important}.overview-job{left:15.7978cqw!important;top:94.2825cqw!important;width:30.5825cqw!important}.overview-workplace{left:50.7381cqw!important;top:95.1655cqw!important;width:31.0680cqw!important}.overview-job-title{left:15.6383cqw!important;top:107.4cqw!important;width:66.0194cqw!important}.overview-job-title>b{display:none!important}.overview-address{left:15.2398cqw!important;top:118.3cqw!important;width:30.5825cqw!important}.overview-family-home{left:51.1507cqw!important;top:119.2cqw!important;width:30.5825cqw!important}.overview-speech{left:14.8402cqw!important;top:134.1cqw!important;width:30.5825cqw!important}.overview-license{left:50.7520cqw!important;top:135cqw!important;width:30.5825cqw!important}.overview-wealth{left:14.6852cqw!important;top:149.9cqw!important;width:30.3398cqw!important}.overview-spending{left:50.5951cqw!important;top:150.8cqw!important;width:30.3398cqw!important}.overview-smoking{left:14.2864cqw!important;top:165.7cqw!important;width:30.3398cqw!important}.overview-alcohol{left:50.1973cqw!important;top:166.6cqw!important;width:30.3398cqw!important}
.overview-birthday>span{display:grid!important;grid-template-columns:1fr auto 1fr auto!important;align-items:center!important;gap:.55cqw!important;width:100%!important}.overview-birthday select{width:100%!important;padding:0 .45cqw!important;text-align:center!important}.overview-birthday i{color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.5cqw/1 "KCCHanbit",sans-serif!important;font-style:normal!important;white-space:nowrap!important}
.character-overview-life .overview-wake{left:17.0223cqw!important;top:56.4777cqw!important;width:30.5825cqw!important}.character-overview-life .overview-wake-habit{left:52.9270cqw!important;top:57.6053cqw!important;width:30.5825cqw!important}.character-overview-life .overview-sleep{left:16.7705cqw!important;top:72.2541cqw!important;width:30.5825cqw!important}.character-overview-life .overview-sleep-habit{left:52.6750cqw!important;top:73.3820cqw!important;width:30.5825cqw!important}.character-overview-life .overview-life-adaptation{left:16.5092cqw!important;top:88.0291cqw!important;width:30.0966cqw!important}.character-overview-life .overview-education{left:52.1714cqw!important;top:89.1284cqw!important;width:30.3393cqw!important}.character-overview-life .overview-food-habit{left:15.4309cqw!important;top:107.1328cqw!important;width:30.7675cqw!important}.character-overview-life .overview-walking-style{left:50.8502cqw!important;top:108.0476cqw!important;width:30.3393cqw!important}.character-overview-life .overview-openness{left:14.8438cqw!important;top:126.3083cqw!important;width:65.8808cqw!important}.character-overview-life .overview-appearance-interest{left:14.8438cqw!important;top:141.7374cqw!important;width:65.8808cqw!important}.character-overview-life .overview-attraction{left:14.3494cqw!important;top:157.4068cqw!important;width:30.7675cqw!important}.character-overview-life .overview-disliked-attraction{left:49.5107cqw!important;top:158.5160cqw!important;width:30.3393cqw!important}
.character-overview-life .overview-animation-placement{left:15.6cqw!important;top:38.5cqw!important;width:66.4cqw!important}.character-overview-life .overview-animation-placement>button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:8.4cqw!important;min-height:0!important;margin:0!important;padding:0 1.8cqw!important;border:0!important;border-radius:2.5cqw!important;background:#ded6c5!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3.15cqw/1 "KCCHanbit",sans-serif!important;box-shadow:0 .65cqw 0 #aa9977!important}.character-overview-life .overview-animation-placement>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-overview-life .overview-animation-placement>button>i{font-style:normal}
.character-overview-life .overview-field :is(button,select,input){height:8.4cqw!important;min-height:0!important;margin:0!important;padding:0 1.8cqw!important;border:0!important;border-radius:2.5cqw!important;background:#ded6c5!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3cqw/1 "KCCHanbit",sans-serif!important;box-shadow:0 .65cqw 0 #aa9977!important;text-overflow:ellipsis!important}.character-overview-life .overview-field>button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;overflow:hidden!important}.character-overview-life .overview-field>button>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.character-overview-life button>i{font-style:normal!important}
html:is([lang="en"],[lang="ja"]) .character-overview-life .overview-field>b{display:flex!important;align-items:flex-end!important;height:6.4cqw!important;margin-bottom:.55cqw!important;font-size:2.6cqw!important;line-height:1.06!important;letter-spacing:-.055em!important;white-space:normal!important;overflow-wrap:anywhere!important}
html:is([lang="en"],[lang="ja"]) .character-overview-life .overview-field :is(button,select,input){font-size:2.6cqw!important}

/* Body page 4: figure, proportions and the inclusive Drawer Village skin palette. */
.character-body-figure-page{pointer-events:none!important}.body-figure-field{position:absolute!important;z-index:8!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;pointer-events:auto!important}.body-figure-field>b,.body-figure-field>legend{display:block!important;margin:0 0 .8cqw!important;padding:0!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3.75cqw/1 "KCCHanbit",sans-serif!important;letter-spacing:-.04em!important;white-space:nowrap!important}.body-figure-field :is(input,select),.body-figure-field>button{display:block!important;width:100%!important;height:6cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 1.3cqw!important;border:0!important;border-radius:3cqw!important;background:#ded6c5!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3.1cqw/1 "KCCHanbit",sans-serif!important;box-shadow:none!important}.body-appearance-level{left:10.1942cqw!important;top:31.7cqw!important;width:35.4801cqw!important}.body-appearance-awareness{left:50.0005cqw!important;top:31.7cqw!important;width:35.4806cqw!important}
body #app .character-book-v8 .body-figure-art{position:absolute!important;z-index:7!important;left:27.1845cqw!important;top:44.6602cqw!important;display:grid!important;place-items:end center!important;width:36.6505cqw!important;height:64.5631cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#d9d9d9!important;box-shadow:none!important;pointer-events:auto!important}.body-figure-art>img{display:block!important;width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important;object-fit:contain!important;object-position:center bottom!important}.body-figure-art>span{align-self:center!important;padding:2cqw!important;color:#5d554d!important;font:700 2.5cqw/1.25 "KCCHanbit",sans-serif!important;text-align:center!important}.body-figure-art.is-empty{border:.5cqw dashed #17120f!important;background:#fffdf580!important}
.character-body-measure-guides{position:absolute!important;z-index:5!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;pointer-events:none!important}.character-body-measure-guides path{fill:none!important;stroke:#17120f!important;stroke-width:2!important;stroke-dasharray:5 5!important}.character-body-measure-guides path:nth-of-type(2){stroke-dasharray:none!important}.character-body-measure-guides circle{fill:#17120f!important}
.body-height,.body-weight{top:63.8cqw!important;display:grid!important;grid-template-rows:3.7cqw 6.1cqw!important;align-content:start!important;row-gap:1.1cqw!important;text-align:center!important}.body-height{left:9.5cqw!important;width:20.5cqw!important}.body-weight{left:67.5cqw!important;width:20.5cqw!important}.body-height>b,.body-weight>b{position:static!important;display:block!important;width:100%!important;height:3.7cqw!important;margin:0!important;font-size:3.2cqw!important;line-height:3.7cqw!important;text-align:center!important}.body-height>span,.body-weight>span{position:relative!important;display:block!important;width:100%!important;height:6.1cqw!important;padding:0!important;border-radius:3.05cqw!important;background:#ded6c5!important;overflow:hidden!important}.body-height>span>input,.body-weight>span>input{display:block!important;width:100%!important;min-width:0!important;height:100%!important;margin:0!important;padding:0 5.8cqw 0 1.4cqw!important;border:0!important;background:transparent!important;font-size:2.55cqw!important;text-align:right!important}.body-height i,.body-weight i{position:absolute!important;right:1.1cqw!important;top:50%!important;display:block!important;transform:translateY(-50%)!important;font:700 2.25cqw/1 "KCCHanbit",sans-serif!important;font-style:normal!important;text-align:left!important;white-space:nowrap!important;pointer-events:none!important}.body-height-impression{left:8.5cqw!important;top:78.25cqw!important;width:22.5cqw!important}.body-build{left:66.5cqw!important;top:78.25cqw!important;width:22.5cqw!important}.body-height-impression select,.body-build select{text-align:center!important;padding:0 .6cqw!important}
.body-overall{left:30.3400cqw!important;top:111.2cqw!important;width:30.3398cqw!important;text-align:center!important}.body-atmosphere{left:30.3400cqw!important;top:124.2cqw!important;width:30.3398cqw!important;text-align:center!important}.body-overall>button,.body-atmosphere>button,.body-skin-features>button{display:flex!important;align-items:center!important;justify-content:space-between!important;height:7.1cqw!important;border-radius:3.55cqw!important;overflow:hidden!important}.body-overall>button span,.body-atmosphere>button span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.body-skin-tone{left:12.6214cqw!important;top:140.5cqw!important;width:32.0388cqw!important}.body-skin-tone>button{display:grid!important;grid-template-columns:5.8252cqw 1fr!important;align-items:center!important;gap:1.6cqw!important;height:6.55cqw!important;padding:0!important;background:transparent!important;text-align:left!important}.body-skin-tone>button>i{display:block!important;width:5.8252cqw!important;height:5.8252cqw!important;border:1px solid #17120f!important;background:var(--skin-tone)!important}.body-skin-tone>button>span{display:grid!important;place-items:center!important;height:4.6cqw!important;padding:0 1cqw!important;border-radius:2.3cqw!important;background:#dad1bd!important;white-space:nowrap!important}.body-skin-features{left:51.9422cqw!important;top:140.5cqw!important;width:30.3393cqw!important}
.body-scars{left:12.6214cqw!important;top:158.2cqw!important;width:35.4806cqw!important}.body-tattoos{left:51.9420cqw!important;top:158.2cqw!important;width:35.4806cqw!important}.body-scars,.body-tattoos{display:grid!important;grid-template-columns:minmax(0,1fr) 8.1cqw!important;gap:1cqw!important;height:12.5cqw!important;min-width:0!important}.body-repeat-list{display:grid!important;align-content:start!important;gap:.72cqw!important;min-width:0!important;max-height:12.5cqw!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin!important}.body-repeat-list>button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:4.85cqw!important;min-width:0!important;min-height:4.85cqw!important;margin:0!important;padding:0 1.15cqw!important;border:0!important;border-radius:2.425cqw!important;background:#dad1bd!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.18cqw/1 "KCCHanbit",sans-serif!important}.body-repeat-list>button span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.body-repeat-list>button i{font-style:normal!important}.body-repeat-empty{display:grid!important;place-items:center start!important;width:100%!important;height:4.85cqw!important;padding:0 1.15cqw!important;border-radius:2.425cqw!important;background:#dad1bd!important;color:#63584b!important;font:700 2.18cqw/1 "KCCHanbit",sans-serif!important}.body-repeat-actions{display:grid!important;align-content:start!important;gap:.72cqw!important}.body-repeat-actions>button{display:grid!important;grid-template-columns:2.5cqw 1fr!important;place-items:center!important;width:8.1cqw!important;height:4.85cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 .55cqw!important;border:0!important;border-radius:2.425cqw!important;background:#5c4234!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;font:700 1.65cqw/1 "KCCHanbit",sans-serif!important}.body-repeat-actions>button>i{font:700 2.7cqw/1 sans-serif!important}.body-repeat-actions>button:disabled{opacity:.35!important}.body-figure-page .body-controls{top:179.68cqw!important}
.character-body-mark-dialog{width:min(90vw,390px)!important;max-height:82dvh!important;margin:auto!important;padding:0!important;border:0!important;border-radius:24px!important;background:#fffaf0!important;color:#241811!important;box-shadow:0 18px 60px #160d0870!important;overflow:hidden!important}.character-body-mark-dialog::backdrop{background:#2b1b1488!important;backdrop-filter:blur(3px)!important}.character-body-mark-dialog>form{display:grid!important;gap:16px!important;max-height:82dvh!important;margin:0!important;padding:20px!important;overflow:auto!important}.character-body-mark-dialog header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.character-body-mark-dialog header span{display:grid!important;gap:3px!important}.character-body-mark-dialog header small{color:var(--character-accent)!important;font:700 12px/1.2 sans-serif!important;letter-spacing:.12em!important}.character-body-mark-dialog header b{font-size:25px!important}.character-body-mark-dialog header>button{width:42px!important;height:42px!important;border:1px solid #9e8c79!important;border-radius:50%!important;background:#fff!important;font-size:25px!important}.body-mark-fields{display:grid!important;gap:13px!important}.body-mark-fields label{display:grid!important;gap:6px!important}.body-mark-fields label>b{font-size:17px!important}.body-mark-fields :is(input,select){width:100%!important;min-height:48px!important;padding:0 14px!important;border:1px solid #b6a38d!important;border-radius:14px!important;background:#fffdf8!important;color:#241811!important;font-size:17px!important}.character-body-mark-dialog footer>button{width:100%!important;min-height:48px!important;border:0!important;border-radius:16px!important;background:var(--character-accent)!important;color:#fff5dd!important;font-size:19px!important}

/* Body page 5. Cards from older layouts are deliberately flattened; fields use SVG coordinates. */
/* Body page 6: disability, health-management and accessibility settings from 캐릭터-전체설정-신체4.svg. */
.character-body-accessibility-page{pointer-events:none!important}.body-accessibility-device,.body-accessibility-choice{position:absolute!important;z-index:8!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;pointer-events:auto!important}.body-accessibility-device>b,.body-accessibility-choice>b{display:block!important;margin:0 0 1.15cqw!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3.55cqw/1 "KCCHanbit",sans-serif!important;letter-spacing:-.05em!important;white-space:nowrap!important}.body-accessibility-device :is(select,input,button[data-open-body-choice]){display:block!important;width:100%!important;height:5.45cqw!important;min-width:0!important;min-height:0!important;margin:0 0 1.05cqw!important;padding:0 1.35cqw!important;border:0!important;border-radius:2.725cqw!important;background:#ded6c5!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.65cqw/1 "KCCHanbit",sans-serif!important;box-shadow:none!important;text-overflow:ellipsis!important}.body-wheelchair{left:10.1942cqw!important;top:31.55cqw!important;width:35.4801cqw!important}.body-hearing{left:49.7573cqw!important;top:31.55cqw!important;width:35.4806cqw!important}.body-prosthetic-arm{left:10.1942cqw!important;top:54.85cqw!important;width:35.4801cqw!important}.body-prosthetic-leg{left:49.7573cqw!important;top:54.85cqw!important;width:35.4806cqw!important}.body-health-conditions{left:10.1942cqw!important;top:78.15cqw!important;width:75.0437cqw!important}.body-hearing-supports{left:10.1942cqw!important;top:101.7cqw!important;width:75.0437cqw!important}.body-vision-supports{left:10.1942cqw!important;top:125.3cqw!important;width:75.0437cqw!important}.body-hospital{left:10.1942cqw!important;top:152.2cqw!important;width:35.4801cqw!important}.body-medications{left:49.7573cqw!important;top:152.2cqw!important;width:35.4806cqw!important}.body-accessibility-chips{display:flex!important;align-content:flex-start!important;flex-wrap:wrap!important;gap:1.25cqw 1.55cqw!important;width:100%!important}.body-accessibility-chips>button{display:block!important;width:auto!important;max-width:100%!important;height:5.2cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 2.15cqw!important;border:0!important;border-radius:2.6cqw!important;background:#ded6c5!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.55cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important;box-shadow:none!important}.body-accessibility-chips>button.on{background:var(--character-accent)!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important}.body-medications .body-repeat-list{max-height:5.45cqw!important}.body-medications .body-repeat-actions{display:flex!important;gap:1cqw!important;margin-top:.75cqw!important}.body-medications .body-repeat-actions>button{width:auto!important;min-width:10.8cqw!important;height:5.1cqw!important;font-size:2.45cqw!important}.character-body-accessibility-page .body-controls{top:179.68cqw!important}
.body-cognitive-entry{position:absolute!important;z-index:9!important;left:10.1942cqw!important;top:20.3cqw!important;width:75.0437cqw!important;pointer-events:auto!important}.body-cognitive-entry>button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:8.2cqw!important;min-height:0!important;margin:0!important;padding:0 2.2cqw!important;border:.24cqw solid #b9aa91!important;border-radius:4.1cqw!important;background:linear-gradient(180deg,#e7dfd0,#d6cbb8)!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;box-shadow:inset 0 .22cqw #fff9,0 .55cqw 0 #aa9977!important}.body-cognitive-entry>button>span{display:flex!important;align-items:baseline!important;gap:1.4cqw!important;min-width:0!important}.body-cognitive-entry b{font:700 2.85cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important}.body-cognitive-entry small{color:#6c5a4d!important;-webkit-text-fill-color:#6c5a4d!important;font:700 2.05cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important}.body-cognitive-entry i{font:700 3.7cqw/1 "KCCHanbit",sans-serif!important;font-style:normal!important}.cognitive-access-dialog{pointer-events:auto!important}.character-body-choice-dialog.cognitive-access-dialog>form{grid-template-rows:auto minmax(0,1fr) auto!important}.character-body-choice-panel.cognitive-access-options{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:minmax(min-content,auto)!important;align-content:start!important}.cognitive-access-dialog footer{display:flex!important;align-items:center!important;gap:12px!important}.cognitive-access-dialog footer>span{flex:0 0 auto!important;font:700 16px/1 "KCCHanbit",sans-serif!important}.cognitive-access-dialog footer>button{flex:1 1 auto!important;width:auto!important}
html:is([lang="en"],[lang="ja"]) .body-cognitive-entry b{font-size:2.25cqw!important}html:is([lang="en"],[lang="ja"]) .body-cognitive-entry small{font-size:1.8cqw!important}
html:is([lang="en"],[lang="ja"]) .body-accessibility-device>b,html:is([lang="en"],[lang="ja"]) .body-accessibility-choice>b{font-size:2.85cqw!important;letter-spacing:-.06em!important}
html:is([lang="en"],[lang="ja"]) .body-accessibility-device :is(select,input){font-size:2.25cqw!important}
html:is([lang="en"],[lang="ja"]) .body-accessibility-chips{gap:.75cqw .9cqw!important}
html:is([lang="en"],[lang="ja"]) .body-accessibility-chips>button{height:4.35cqw!important;padding:0 1.35cqw!important;border-radius:2.175cqw!important;font-size:1.95cqw!important;letter-spacing:-.04em!important}
.character-body-svg-page,.character-body-eye-card,.character-body-hair-card{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important}.character-body-svg-page .body-svg-field{position:absolute!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;pointer-events:auto!important}.body-svg-field>b,.body-svg-field>legend{position:absolute!important;left:0!important;bottom:calc(100% + .62cqw)!important;display:block!important;width:auto!important;margin:0!important;padding:0!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3.05cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important}.body-svg-field :is(input,select){display:block!important;width:100%!important;max-width:100%!important;height:5.1cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 1.2cqw!important;border:0!important;border-radius:2.55cqw!important;background:#dad1bd!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.55cqw/1 "KCCHanbit",sans-serif!important;box-shadow:none!important}
.character-body-guide{position:absolute!important;z-index:2!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;overflow:visible!important;pointer-events:none!important;transform:translateY(-5cqw)!important}.body-left-eye{left:16.1357cqw!important;top:69.7573cqw!important;width:31.7282cqw!important}.body-left-vision{left:16.1357cqw!important;top:75.8252cqw!important;width:31.7282cqw!important}.body-right-eye{left:51.5464cqw!important;top:69.5146cqw!important;width:31.7226cqw!important}.body-right-vision{left:51.5464cqw!important;top:75.8252cqw!important;width:31.7282cqw!important}.body-left-vision>b,.body-right-vision>b{display:none!important}.body-eye-features{left:16.9492cqw!important;top:87.1427cqw!important;width:51.2845cqw!important}.body-glasses{left:16.5427cqw!important;top:99.4131cqw!important;width:52.1636cqw!important}
.character-body-guide [data-eye-color-preview],.character-body-guide [data-hair-shape-preview]{transition:fill .18s ease,stroke .18s ease,d .22s ease!important}
/* 모든 다중 선택기는 좁은 모바일 화면에서도 한눈에 더 많이 보이도록
   세 열을 사용하고, 서랍마을의 갈색 버튼 질감으로 통일한다. */
.character-body-choice-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.character-body-choice-panel>button{min-height:50px!important;padding:8px!important;border-radius:13px!important;background:linear-gradient(180deg,#fffdf8,#f2e8d8)!important;font-size:14px!important;box-shadow:inset 0 1px #fff,0 3px 0 #c4b299!important;height:auto!important;white-space:normal!important;line-height:1.5!important;overflow-wrap:anywhere!important;}.character-body-choice-panel>button.on{border-color:#6a4b3c!important;background:linear-gradient(180deg,#7b5a48,#5a3f33)!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;box-shadow:inset 0 1px #a98470,0 3px 0 #3f2b23!important}.character-body-choice-panel>button.on i{color:#fff5dd!important}.character-body-choice-dialog header small{color:#6a4b3c!important}.character-body-choice-dialog footer>button{background:#6a4b3c!important}
.body-hair-color{left:14.5751cqw!important;top:123.9cqw!important;width:33.1915cqw!important}.body-hair-origin{left:51.8146cqw!important;top:123.9cqw!important;width:32.8027cqw!important}.body-natural-hair{left:14.5751cqw!important;top:135.25cqw!important;width:33.1915cqw!important}.body-hair-length{left:51.8146cqw!important;top:135.25cqw!important;width:32.8027cqw!important}.body-hair-curl{left:14.5751cqw!important;top:146.6cqw!important;width:33.1915cqw!important}.body-hair-condition{left:51.8146cqw!important;top:146.6cqw!important;width:32.8027cqw!important}.body-hair-style{left:14.5751cqw!important;top:158.1cqw!important;width:33.1915cqw!important}.body-hair-ornament{left:51.8146cqw!important;top:158.1cqw!important;width:32.8027cqw!important}.body-hair-amount{left:14.5751cqw!important;top:170cqw!important;width:33.1915cqw!important}.body-hair-locations{left:51.8146cqw!important;top:170cqw!important;width:32.8027cqw!important}.body-eye-features>button,.body-hair-style>button,.body-hair-ornament>button,.body-hair-locations>button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:100%!important;height:7.4cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 1.5cqw!important;border:0!important;border-radius:3.7cqw!important;background:#ded6c5!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.55cqw/1 "KCCHanbit",sans-serif!important;white-space:nowrap!important;overflow:hidden!important}.body-svg-field button i{font-style:normal!important}.body-controls{left:11.4078cqw!important;top:179.68cqw!important}
.character-body-choice-dialog{width:min(90vw,390px)!important;max-height:min(82dvh,730px)!important;margin:auto!important;padding:0!important;border:0!important;border-radius:24px!important;background:#fffaf0!important;color:#241811!important;box-shadow:0 18px 60px #160d0870!important;overflow:hidden!important}.character-body-choice-dialog::backdrop{background:#2b1b1488!important;backdrop-filter:blur(3px)!important}.character-body-choice-dialog>form{box-sizing:border-box!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;width:100%!important;height:min(82dvh,730px)!important;max-height:min(82dvh,730px)!important;min-height:0!important;margin:0!important;padding:18px!important;overflow:hidden!important}.character-body-choice-dialog header{position:static!important;top:auto!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.character-body-choice-dialog header span{display:grid!important;flex:1 1 auto!important;min-width:0!important}.character-body-choice-dialog header small{color:var(--character-accent)!important;font-size:12px!important;letter-spacing:.12em!important}.character-body-choice-dialog header b{font-size:clamp(20px,6vw,26px)!important;line-height:1.1!important;word-break:keep-all!important}.character-body-choice-dialog header button{flex:0 0 42px!important;width:42px!important;height:42px!important;border:1px solid #9e8c79!important;border-radius:50%!important;background:#fff!important;font-size:25px!important}.character-body-choice-dialog>form>p{margin:8px 0 14px!important;color:#6d5b50!important}.character-body-choice-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;min-height:0!important;padding:2px 3px calc(10px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.character-body-choice-panel[hidden]{display:none!important}.character-body-choice-panel:is([data-body-choice-panel="appearanceSummaries"],[data-body-choice-panel="overallImpressions"]){grid-template-columns:minmax(0,1fr)!important}.character-body-choice-panel>button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;min-height:54px!important;padding:10px 12px!important;overflow:hidden!important;border:1px solid #b6a38d!important;border-radius:14px!important;background:#fffdf8!important;color:#2b1d16!important;-webkit-text-fill-color:#2b1d16!important;font:700 16px/1.3 "KCCHanbit",sans-serif!important;text-align:left!important;word-break:keep-all!important;height:auto!important;white-space:normal!important;line-height:1.5!important;overflow-wrap:anywhere!important;}.character-body-choice-panel>button>span{display:block!important;min-width:0!important;overflow-wrap:anywhere!important}.character-body-choice-panel>button i{visibility:hidden!important;flex:0 0 auto!important}.character-body-choice-panel>button.on{border-color:var(--character-accent)!important;background:color-mix(in srgb,var(--character-accent) 16%,#fffaf0)!important}.character-body-choice-panel>button.on i{visibility:visible!important;color:var(--character-accent)!important}.character-body-choice-dialog footer{position:relative!important;z-index:2!important;padding-top:12px!important;background:#fffaf0!important}.character-body-choice-dialog footer>button{width:100%!important;min-height:48px!important;border:0!important;border-radius:16px!important;background:var(--character-accent)!important;color:#fff5dd!important;font-size:19px!important}
.character-skin-tone-dialog{width:min(94vw,430px)!important;max-height:min(84dvh,760px)!important;margin:auto!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:24px!important;background:#fffaf0!important;color:#241811!important;box-shadow:0 18px 60px #160d0870!important}.character-skin-tone-dialog::backdrop{background:#2b1b1488!important;backdrop-filter:blur(3px)!important}.character-skin-tone-dialog>form{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;max-height:min(84dvh,760px)!important;padding:18px!important}.character-skin-tone-dialog header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.character-skin-tone-dialog header>span{display:grid!important}.character-skin-tone-dialog header small{color:var(--character-accent)!important;font:700 12px/1.2 sans-serif!important;letter-spacing:.1em!important}.character-skin-tone-dialog header b{font-size:25px!important}.character-skin-tone-dialog header>button{width:42px!important;height:42px!important;border:1px solid #9e8c79!important;border-radius:50%!important;background:#fff!important;font-size:25px!important}.character-skin-tone-dialog>form>p{margin:9px 0 14px!important;color:#6d5b50!important;line-height:1.45!important}.character-skin-tone-grid{display:grid!important;gap:14px!important;overflow:auto!important;padding:1px 3px 10px!important}.character-skin-tone-grid>section{display:grid!important;gap:7px!important}.character-skin-tone-grid h3{margin:0!important;font-size:17px!important}.character-skin-tone-grid section>div{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}.character-skin-tone-grid section button{display:grid!important;place-items:center!important;gap:3px!important;min-width:0!important;min-height:54px!important;padding:4px!important;border:2px solid transparent!important;border-radius:12px!important;background:#fffdf8!important;color:#281b15!important}.character-skin-tone-grid section button>i{display:block!important;width:28px!important;height:28px!important;border:1px solid #24181166!important;border-radius:50%!important;background:var(--skin-tone)!important}.character-skin-tone-grid section button>span{font:700 12px/1 sans-serif!important}.character-skin-tone-grid section button.on{border-color:var(--character-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--character-accent) 18%,transparent)!important}.character-skin-tone-dialog footer{padding-top:12px!important}.character-skin-tone-dialog footer>button{width:100%!important;min-height:48px!important;border:0!important;border-radius:16px!important;background:var(--character-accent)!important;color:#fff5dd!important;font-size:19px!important}
html body #app .character-book-v8 :is(dialog.character-skin-tone-dialog,dialog.character-body-choice-dialog){background:#fffaf0!important;background-image:none!important;color:#241811!important;-webkit-text-fill-color:#241811!important}html body #app .character-book-v8 :is(.character-skin-tone-dialog,.character-body-choice-dialog) :is(header,section,form){color:#241811!important;-webkit-text-fill-color:#241811!important}html body #app .character-book-v8 .character-skin-tone-grid section>button{background:#fffdf8!important;background-image:none!important;color:#281b15!important;-webkit-text-fill-color:#281b15!important}

/* SVG 7–12쪽과 동일한 고정 좌표계. 새 페이지는 스크롤 문서가 아니라
   412×917 책 안에서만 배치되며 모든 행은 회전 0인 그룹으로 정렬한다. */
html body #app .character-book-v8-page:is([data-book-page="wardrobe"],[data-book-page="personality"],[data-book-page="taste"],[data-book-page="worldTaste"]){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;pointer-events:none!important}
.character-book-form-page{position:absolute!important;z-index:8!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;pointer-events:none!important}
.character-book-form-page .book-form-grid{position:absolute!important;left:10.1942cqw!important;right:9.7087cqw!important;top:31.55cqw!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:5.0971cqw!important;row-gap:6.8cqw!important;align-items:start!important;transform:none!important}
.character-book-form-page .book-form-stack{display:grid!important;gap:3.7cqw!important;min-width:0!important}
.book-form-field{position:relative!important;display:grid!important;gap:.85cqw!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;pointer-events:auto!important}
.book-form-field>b{display:block!important;min-width:0!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3.45cqw/1.05 "KCCHanbit",sans-serif!important;letter-spacing:-.055em!important;white-space:nowrap!important}
.book-form-field :is(select,input:not([type="checkbox"]),button){display:flex!important;align-items:center!important;width:100%!important;height:5.6cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 2.1cqw!important;border:0!important;border-radius:2.8cqw!important;background:#dad1bd!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 2.7cqw/1 "KCCHanbit",sans-serif!important;text-align:left!important;box-shadow:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.book-form-field>button{justify-content:space-between!important}.book-form-field>button i{flex:0 0 auto!important;display:grid!important;place-items:center!important;min-width:8.5cqw!important;height:4.35cqw!important;margin-right:-1.2cqw!important;padding:0 1.5cqw!important;border-radius:2.175cqw!important;background:#5c4234!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;font:700 1.9cqw/1 "KCCHanbit",sans-serif!important;font-style:normal!important}
.book-check-field{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1cqw!important;min-width:0!important;height:5.1cqw!important;padding:0 1.7cqw!important;border-radius:2.55cqw!important;background:#dad1bd!important;color:#17120f!important;font:700 2.15cqw/1 "KCCHanbit",sans-serif!important;pointer-events:auto!important}.book-check-field input{width:3.3cqw!important;height:3.3cqw!important;margin:0!important}
.wardrobe-book-page .book-form-grid{top:31.8cqw!important;row-gap:4.8cqw!important}.wardrobe-book-page .book-form-stack{gap:1.6cqw!important}.wardrobe-book-page .book-form-stack.book-form-combined{gap:1.25cqw!important}.wardrobe-book-page .book-form-field{gap:.85cqw!important}.wardrobe-book-page .book-form-field>b{font-size:3.35cqw!important}.wardrobe-book-page .book-form-field :is(select,button){height:7.2cqw!important;font-size:2.75cqw!important}.wardrobe-book-page .book-form-continuation{gap:0!important}.wardrobe-book-page .book-form-continuation :is(select,button){margin-top:0!important;border-top-left-radius:2.1cqw!important;border-top-right-radius:2.1cqw!important;background:color-mix(in srgb,var(--character-accent) 8%,#dad1bd)!important}.wardrobe-book-page .book-check-field{height:7.2cqw!important;font-size:2.35cqw!important}.wardrobe-tag-field>button{background:color-mix(in srgb,var(--character-accent) 12%,#dad1bd)!important}.wardrobe-tag-field>button i{min-width:7cqw!important}
.personality-type-book{position:absolute!important;left:9.95cqw!important;right:9.7cqw!important;top:32.9cqw!important;pointer-events:auto!important}.personality-type-book>b{display:block!important;margin-bottom:2.2cqw!important;font:700 3.45cqw/1 "KCCHanbit",sans-serif!important}.personality-type-book>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2.05cqw 2.4cqw!important}.personality-type-book button{height:5.2cqw!important;min-width:0!important;padding:0 1cqw!important;border:0!important;border-radius:2.6cqw!important;background:#ded6c5!important;color:#17120f!important;font:700 2cqw/1.15 "KCCHanbit",sans-serif!important;white-space:normal;overflow-wrap:anywhere}.personality-type-book button.on{background:var(--character-accent)!important;color:#fff5dd!important}
.personality-book-page .book-form-grid{top:73.7cqw!important;row-gap:4.7cqw!important}.personality-detail-book-page .book-form-grid{top:39.5cqw!important;row-gap:7cqw!important}.personality-detail-actions{position:absolute!important;left:9.7cqw!important;right:9.7cqw!important;top:61.5cqw!important;display:grid!important;gap:3.2cqw!important}.personality-direct-choice{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:1.25cqw!important;height:50cqw!important;min-width:0!important;padding:2.2cqw!important;border:.35cqw solid #c8baa5!important;border-radius:3.4cqw!important;background:#fffaf08c!important;box-shadow:0 1.1cqw 2.2cqw #4d34221c!important;pointer-events:auto!important}.personality-direct-choice>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2cqw!important}.personality-direct-choice>header>b{color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 4cqw/1.05 "KCCHanbit",sans-serif!important;letter-spacing:-.045em!important}.personality-direct-choice>header>small{display:grid!important;place-items:center!important;min-width:9cqw!important;height:5.2cqw!important;padding:0 1.6cqw!important;border-radius:2.6cqw!important;background:#5c4234!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;font:700 2.65cqw/1 "KCCHanbit",sans-serif!important}.personality-direct-choice>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:1.25cqw!important;min-height:0!important;padding-right:.7cqw!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}.personality-direct-choice button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:8.3cqw!important;margin:0!important;padding:1.2cqw 1.5cqw!important;border:.28cqw solid #c9bdad!important;border-radius:2.8cqw!important;background:#fffdf8!important;color:#17120f!important;-webkit-text-fill-color:#17120f!important;font:700 3cqw/1.18 "KCCHanbit",sans-serif!important;text-align:center!important;white-space:normal!important;box-shadow:none!important}.personality-direct-choice button.on{border-color:var(--character-accent)!important;background:var(--character-accent)!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important}.personality-detail-book-page .book-section-controls{top:179.68cqw!important}
.taste-book-page .book-form-grid,.inventory-book-page .book-form-grid{top:38.35cqw!important;row-gap:9.1cqw!important}.inventory-book-page .book-form-grid{top:38.35cqw!important}
.book-choice-group>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.book-choice-group button{min-width:0!important;min-height:50px!important;padding:8px!important;border-radius:13px!important;background:linear-gradient(180deg,#fffdf8,#f2e8d8)!important;font-size:14px!important;box-shadow:inset 0 1px #fff,0 3px 0 #c4b299!important}.book-choice-group button.on{border-color:#6a4b3c!important;background:linear-gradient(180deg,#7b5a48,#5a3f33)!important;box-shadow:inset 0 1px #a98470,0 3px 0 #3f2b23!important}
.book-section-controls{top:179.68cqw!important}
.character-book-list-dialog .character-body-choice-panel,.character-book-catalog-dialog .character-body-choice-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.character-book-list-dialog .book-list-group-panel{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.character-book-list-dialog .book-list-group-panel[hidden]{display:none!important}.book-choice-group{display:grid!important;gap:9px!important}.book-choice-group>h3{margin:0!important;color:#5c4234!important;font:700 18px/1.2 "KCCHanbit",sans-serif!important}.book-choice-group>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.book-choice-group button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:54px!important;padding:10px 12px!important;border:1px solid #b6a38d!important;border-radius:14px!important;background:#fffdf8!important;color:#2b1d16!important;font:700 16px/1.25 "KCCHanbit",sans-serif!important;text-align:left!important}.book-choice-group button i{visibility:hidden!important}.book-choice-group button.on{border-color:var(--character-accent)!important;background:var(--character-accent)!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important}.book-choice-group button.on i{visibility:visible!important;color:#fff5dd!important}

.character-image-source-dialog{width:min(90vw,410px)!important;margin:auto!important;padding:0!important;border:0!important;border-radius:24px!important;background:#fffaf0!important;color:#241811!important;box-shadow:0 18px 60px #160d0870!important}.character-image-source-dialog::backdrop{background:#2b1b1488!important;backdrop-filter:blur(3px)!important}.character-image-source-dialog>form{display:grid!important;gap:14px!important;padding:20px!important}.character-image-source-dialog header{display:flex!important;align-items:center!important;justify-content:space-between!important}.character-image-source-dialog header>b{font:700 26px/1.15 "KCCHanbit",sans-serif!important}.character-image-source-dialog header>button{width:42px!important;height:42px!important;border:1px solid #9e8c79!important;border-radius:50%!important;background:#fff!important;font-size:25px!important}.character-image-source-dialog p{margin:0!important;color:#6d5b50!important;font-size:16px!important}.character-image-source-dialog form>div{display:grid!important;gap:10px!important}.character-image-source-dialog [data-image-source]{display:grid!important;gap:5px!important;min-height:76px!important;padding:14px 16px!important;border:1px solid #b6a38d!important;border-radius:16px!important;background:#fffdf8!important;color:#241811!important;text-align:left!important}.character-image-source-dialog [data-image-source]>b{font-size:19px!important}.character-image-source-dialog [data-image-source]>small{color:#6d5b50!important;font-size:14px!important}

html[lang="en"] .character-book-v9-menu>summary>b{font-size:3.45cqw!important}html[lang="en"] .overview-field>b,html[lang="en"] .overview-field>legend{font-size:2.5cqw!important}html[lang="en"] .overview-field :is(input,select){font-size:2.05cqw!important}html[lang="ja"] .character-book-v9-menu>summary>b{font-size:3.7cqw!important}
@media(min-width:721px){html:not(.native-app) .character-book-v8.is-open{display:none!important}}
/* Merged character settings page 10: six clear entry points replace the old
   three-page taste/catalog/inventory split. */
.taste-menu-page{display:block!important}
.character-placement-open{position:absolute!important;z-index:10;left:18%;bottom:8%;width:64%;min-height:42px;padding:10px 12px;border:2px solid #c2a268!important;border-radius:14px;background:linear-gradient(145deg,#fff2b4,#e5c569)!important;color:#392a1e!important;-webkit-text-fill-color:#392a1e!important;pointer-events:auto!important;box-shadow:inset 0 1px #fff,0 4px 0 #826137}
.taste-menu-grid{position:absolute;z-index:20;left:13cqw;right:10cqw;top:40cqw;bottom:49cqw;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));gap:3cqw;margin:0;padding:1cqw;pointer-events:auto;overflow:auto}
.taste-menu-action{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:0!important;padding:2.5cqw 3cqw!important;border:2px solid #6a4b3c!important;border-radius:20px!important;background:linear-gradient(145deg,#fffaf0,#eadcc6)!important;color:#38291f!important;-webkit-text-fill-color:#38291f!important;text-align:left!important;box-shadow:inset 0 1px #fff,0 5px 0 #8d715c!important}
.taste-menu-action>span{display:grid;gap:5px;min-width:0}.taste-menu-action b{font-size:4cqw;line-height:1.2;word-break:keep-all}.taste-menu-action small{overflow:hidden;color:#776451!important;-webkit-text-fill-color:#776451!important;font-size:2.8cqw;text-overflow:ellipsis;white-space:nowrap}.taste-menu-action>i{display:grid;place-items:center;width:7cqw;height:7cqw;border-radius:50%;background:#6a4b3c;color:#fff5dd;font-size:5cqw;font-style:normal}
.taste-category-dialog{width:min(92vw,620px)!important;max-height:none!important}.taste-category-dialog>form{grid-template-rows:auto minmax(0,1fr) auto!important;width:100%!important;height:min(82dvh,760px)!important;max-height:none!important;min-height:0!important;overflow:hidden!important}.taste-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;min-height:0;padding:10px 2px calc(22px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.taste-category-list .book-form-field{min-width:0}.taste-category-list .book-form-field>button{width:100%!important;min-height:72px!important}
@media(max-width:560px){.taste-menu-action{min-height:0!important;padding:2.5cqw 3cqw!important}.taste-menu-action b{font-size:4cqw}.taste-menu-action small{font-size:2.8cqw}.taste-category-list{grid-template-columns:1fr}.taste-category-dialog{width:min(92vw,620px)!important}.taste-category-dialog>form{height:calc(100dvh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;max-height:92dvh!important}}

/* Page 11: the same compact search + framed three-column catalogue as Dictionary. */
.closet-book-toolbar{position:absolute;z-index:21;left:12cqw;right:9cqw;top:31cqw;display:grid;gap:1.5cqw;pointer-events:auto}.closet-book-toolbar label{display:block}.closet-book-toolbar input{width:100%;height:9cqw;min-height:34px;padding:0 4cqw;border:.35cqw solid #d7bd91;border-radius:999px;background:#fff9ed;color:#2d2015;font-size:3.5cqw;box-shadow:inset 0 .4cqw 1cqw #6d4c2820}.closet-book-toolbar nav{display:flex;gap:1.5cqw}.closet-book-toolbar nav button{min-height:7cqw!important;padding:1cqw 3cqw!important;border:.3cqw solid #9b7848!important;border-radius:999px!important;background:#79563d!important;color:#fff8e6!important;font-size:2.7cqw!important;box-shadow:0 .5cqw 0 #4e3525!important}.closet-book-toolbar nav button.on{background:#f3ce3e!important;color:#34240e!important}.closet-book-frame{position:absolute;z-index:20;left:9.5cqw;right:6.5cqw;top:53cqw;bottom:49cqw;padding:2cqw;border:.55cqw solid #6e5228;border-radius:7cqw;background:#ead1a7;box-shadow:0 1cqw 0 #69492266;pointer-events:auto}.closet-book-paper{display:flex;flex-direction:column;height:100%;min-height:0;padding:3.6cqw 2.5cqw 2cqw;border:.4cqw solid #826631;border-radius:6cqw;background:#f7edde}.closet-book-count{display:flex;align-items:center;justify-content:space-between;gap:2cqw;flex:none;padding:0 1cqw 2.4cqw;font-size:2.8cqw}.closet-book-count small{overflow:hidden;color:#705f4a;font-size:2cqw;text-overflow:ellipsis;white-space:nowrap}.closet-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:2cqw 1.6cqw;min-height:0;overflow:auto;overscroll-behavior:contain;padding:.3cqw}.closet-book-grid>button{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1.2cqw!important;min-width:0!important;min-height:29cqw!important;padding:1.7cqw 1cqw 2cqw!important;border:.35cqw solid #c6ab79!important;border-radius:2.8cqw!important;background:linear-gradient(#fff9ec99,#f5ecdd)!important;color:#2c1e14!important;box-shadow:inset 0 .3cqw #fff,0 .7cqw 0 #d0b484!important;text-align:center!important;content-visibility:auto;contain-intrinsic-size:auto 29cqw}.closet-book-art{display:grid!important;place-items:center!important;width:100%!important;height:auto!important;aspect-ratio:1!important;font-size:8cqw!important}.closet-book-art img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}.closet-book-art i{font-style:normal}.closet-book-grid b{display:-webkit-box;overflow:hidden;min-height:5.8cqw;font-size:2.6cqw;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}.closet-book-grid small{display:-webkit-box;overflow:hidden;color:#796754;font-size:1.8cqw;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.closet-book-grid .closet-book-add{justify-content:center;border-style:dashed!important}.closet-book-grid .closet-book-add>span{font-size:8cqw;color:#94744b}.closet-book-no-results{grid-column:1/-1;text-align:center;font-size:2.8cqw}

/* Character book page 9: title and fields share one document flow. Android font
   metrics can change after the webfont loads, so independent absolute `top`
   values made the first row jump over the heading. */
.personality-emotion-content{position:absolute;z-index:8;left:10.2cqw;right:9.2cqw;top:31.5cqw;bottom:41cqw;display:flex;flex-direction:column;align-content:start;gap:4.5cqw;min-width:0;min-height:0;overflow:hidden;pointer-events:none}.personality-emotion-heading{position:static;display:grid;gap:1.1cqw;min-width:0;height:auto;padding:0;border:0;background:transparent;color:#241811;box-shadow:none;pointer-events:none}.personality-emotion-heading small{color:var(--character-accent);font:700 2.2cqw/1 sans-serif;letter-spacing:.12em}.personality-emotion-heading h2{margin:0;font:700 5.1cqw/1.05 "KCCHanbit",sans-serif}.personality-emotion-heading p{max-width:72cqw;margin:0;color:#665447;font:700 2.45cqw/1.4 "KCCHanbit",sans-serif;word-break:keep-all}.character-book-form-page .personality-emotion-grid{flex:none!important;height:auto!important;max-height:none!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;column-gap:5.0971cqw!important;row-gap:3.15cqw!important;min-width:0!important;min-height:0!important;overflow:visible!important;pointer-events:auto!important}.personality-emotion-grid .book-form-field{gap:.85cqw!important}.personality-emotion-grid .book-form-field>b{min-height:3.75cqw!important;font-size:2.72cqw!important;line-height:1.15!important;white-space:normal!important;word-break:keep-all!important}.personality-emotion-grid select{height:7.35cqw!important;min-height:33px!important;padding:1cqw 3.2cqw!important;font-size:2.55cqw!important}.personality-emotion-book-page .book-section-controls{top:179.68cqw!important}
.personality-emotion-content{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;padding:0 .9cqw 3cqw 0}.personality-emotion-content .body-cognitive-entry{flex:none;position:static!important;left:auto!important;top:auto!important;width:100%!important;margin:1cqw 0 2cqw!important}.personality-emotion-content .body-cognitive-entry>button{height:10cqw!important}.personality-emotion-content .body-cognitive-entry b{white-space:normal!important}

/* Use the tactile raised control language from overview page 3 throughout the book. */
body #app .character-book-v8 .character-book-form-page .book-form-field :is(select,input:not([type="checkbox"]),button),body #app .character-book-v8 :is(.body-figure-field,.body-svg-field,.body-accessibility-device) :is(select,input,button){border:.24cqw solid #b9aa91!important;background:linear-gradient(180deg,#e7dfd0,#d6cbb8)!important;box-shadow:inset 0 .25cqw #fff9,0 .65cqw 0 #aa9977!important}
body #app .character-book-v8 :is(.personality-type-book,.personality-direct-choice,.body-accessibility-chips) button{box-shadow:inset 0 .22cqw #fff9,0 .55cqw 0 #b19d7b!important;transform:translateY(0)}body #app .character-book-v8 :is(.personality-type-book,.personality-direct-choice,.body-accessibility-chips) button:active{box-shadow:inset 0 .18cqw .5cqw #6c563744!important;transform:translateY(.45cqw)}body #app .character-book-v8 :is(button,select):focus-visible{outline:.5cqw solid color-mix(in srgb,var(--character-accent) 72%,#fff)!important;outline-offset:.45cqw!important}

.character-editor-full-only,.character-full-only-shell{min-width:0!important;min-height:0!important}.character-full-only-shell{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}

/* Only landscape tablets retain the iPad roster. Portrait tablets use the
   phone hub and phone book all the way through. */
.tablet-character-book{display:none!important}
.tablet-character-summary{display:none!important}
@media(min-width:721px) and (orientation:landscape){
  html.native-app[data-active-tab="character"] .character-editor{position:fixed!important;inset:0!important;display:block!important;width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  html.native-app[data-active-tab="character"] .character-editor>.form{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only>.desktop-character-list{display:none!important}
  html.native-app[data-active-tab="character"] .desktop-character-editor{display:none!important}
  html.native-app[data-active-tab="character"] #app .character-editor-hub-only .character-hub-shell{display:block!important;padding:0!important;background:#755640!important}
  .character-editor-hub-only .tablet-character-summary{display:none!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .mobile-character-dashboard[data-character-ui-version="8"]{position:absolute!important;inset:0!important;display:block!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;overflow:hidden!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-wood-background{left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .mobile-character-profile-draft,
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-setting-choices,
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-draft-actions{left:0!important;top:0!important;width:100vw!important;height:100dvh!important;transform:none!important;container-type:size!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-group-selector{left:51cqw;top:4cqh;width:32cqw;flex-direction:column;align-items:stretch;font-size:clamp(12px,1.1vw,16px);gap:6px}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-draft-back{left:1.640625cqw!important;top:3.5cqh!important;width:7.890625cqw!important;height:12.625cqh!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-wallet-art{left:6.832273cqw!important;top:5.5cqh!important;width:43.510469cqw!important;height:47.533375cqh!important;transform:rotate(7.16859deg)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-setting-clip{display:none!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-wallet-selected{left:86.71875cqw!important;top:7.375cqh!important;width:9.84375cqw!important;height:18.375cqh!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-wallet-selected>span{width:9.84375cqw!important;height:15.75cqh!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-wallet-selected>span>img{width:9.84375cqw!important;height:15.75cqh!important;max-width:none!important;max-height:none!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-wallet-selected>b{--selected-cap:1.17cqw;left:.664063cqw!important;top:14.5625cqh!important;width:8.515625cqw!important;height:3.875cqh!important;font-size:clamp(9px,1.05cqw,15px)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-card{width:100cqw!important;height:100cqh!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-paper{left:11.472734cqw!important;top:15.526875cqh!important;width:32.401406cqw!important;height:32.9905cqh!important;transform:rotate(7.16859deg)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-photo{left:13.641719cqw!important;top:20.30625cqh!important;width:12.371484cqw!important;height:25.31525cqh!important;transform:rotate(7.16859deg)!important}

  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-fields{inset:auto!important;left:11.472734cqw!important;top:15.526875cqh!important;width:32.401406cqw!important;height:32.9905cqh!important;transform:rotate(7.16859deg)!important;transform-origin:0 0!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-fields h2{display:block!important;left:47%!important;top:9%!important;width:48%!important;font-size:clamp(10px,1.05vw,16px)!important;transform:none!important;white-space:normal!important;line-height:1.3!important;letter-spacing:0!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-fields dl{position:absolute!important;left:47%!important;right:4%!important;top:30%!important;bottom:10%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important;align-content:start!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-fields dl>div{display:block!important;min-width:0!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-fields :is(dt,dd){position:static!important;width:auto!important;max-width:100%!important;transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-fields dt{font-size:clamp(8px,.7vw,11px)!important;margin-bottom:3px!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-fields dd{font-size:clamp(9px,.85vw,13px)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-registration-fields .character-registration-field-job{grid-column:1/-1!important;grid-row:3!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-setting-book{left:35.3125cqw!important;top:35.57525cqh!important;width:56.881406cqw!important;height:76.345125cqh!important;transform:rotate(-10.5736deg)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-setting-tape{left:59.53125cqw!important;top:25.64575cqh!important;width:2.458703cqw!important;height:6.298cqh!important;transform:rotate(-4.10812deg)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-setting-key{left:10.495859cqw!important;top:78.75cqh!important;width:23.577266cqw!important;height:16.80425cqh!important;transform:rotate(5.26953deg)!important}
  html.native-app[data-active-tab="character"] body #app main .character-editor-hub-only .character-draft-actions button{--draft-button-cap:calc(5.375cqh * .484);height:5.375cqh!important;transform:rotate(6.516deg)!important;font-size:clamp(10px,1.18cqw,16px)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-draft-actions button>span{height:5.375cqh!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-draft-actions button:nth-child(1){left:10.44625cqw!important;top:54.90675cqh!important;width:21.089063cqw!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-draft-actions button:nth-child(2){left:9.907422cqw!important;top:62.385875cqh!important;width:16.516641cqw!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-draft-actions button:nth-child(3){left:9.368594cqw!important;top:69.865125cqh!important;width:16.516641cqw!important}
  html.native-app[data-active-tab="character"] body #app main .character-editor-hub-only button.character-setting-choice{transform:rotate(-10.5736deg)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-quick-choice{left:50.64cqw!important;top:57.8cqh!important;width:13cqw!important;height:11cqh!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-full-choice{left:76.7cqw!important;top:50.6cqh!important;width:13cqw!important;height:12cqh!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-setting-choice>span{font-size:clamp(14px,1.55cqw,21px)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-setting-choice small{font-size:clamp(9px,.92cqw,13px)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-quick-choice>span,
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-full-choice>span{transform:none!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-favorite-object{width:9.435313cqw!important;height:15.0965cqh!important;border-width:6px!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-favorite-object:nth-child(1){left:54.169141cqw!important;top:41.741875cqh!important;transform:rotate(-25.6648deg)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-favorite-object:nth-child(2){left:51.13625cqw!important;top:80.924375cqh!important;transform:rotate(12.7923deg)!important}
  html.native-app[data-active-tab="character"] .character-editor-hub-only .character-favorite-object:nth-child(3){left:85.454688cqw!important;top:72.191375cqh!important;transform:rotate(-22.8827deg)!important}
  .character-editor-hub-only .tablet-character-summary-paper{display:grid!important;gap:clamp(16px,2.4vw,28px)!important;width:100%!important;padding:clamp(22px,3vw,42px)!important;border:2px solid #bca88a!important;border-radius:28px!important;background:#fffaf0 url("./assets/character-ui/paper.webp") center/cover!important;box-shadow:0 18px 45px #4d39252c!important;color:#2b2018!important}
  .character-editor-hub-only .tablet-character-summary header{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;height:auto!important;margin:0!important;padding:0 0 18px!important;border-bottom:2px dashed #c9b89d!important;background:transparent!important;color:inherit!important}
  .character-editor-hub-only .tablet-character-summary-avatar{display:grid!important;place-items:center!important;width:112px!important;height:112px!important;overflow:hidden!important;border:5px solid #fff!important;border-radius:50%!important;background:#e8ddcb!important;box-shadow:0 7px 18px #3b2a1b35!important}
  .character-editor-hub-only .tablet-character-summary-avatar :is(.avatar,.sprite){display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important}
  .character-editor-hub-only .tablet-character-summary header>span:nth-child(2){display:grid!important;gap:4px!important;min-width:0!important}
  .character-editor-hub-only .tablet-character-summary header small{color:#806d5b!important;font-size:13px!important;font-weight:800!important;letter-spacing:.08em!important}
  .character-editor-hub-only .tablet-character-summary h2{margin:0!important;overflow:hidden!important;color:#251b15!important;font-size:clamp(30px,4vw,52px)!important;line-height:1.05!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .character-editor-hub-only .tablet-character-summary header p{margin:0!important;color:#6d5b4b!important;font-size:clamp(16px,2vw,23px)!important;font-weight:800!important}
  .character-editor-hub-only .tablet-character-theme{display:block!important;width:54px!important;height:54px!important;border:5px solid #fff!important;border-radius:50%!important;background:linear-gradient(135deg,var(--primary),var(--secondary))!important;box-shadow:0 4px 12px #0003!important}
  .character-editor-hub-only .tablet-character-summary dl{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
  .character-editor-hub-only .tablet-character-summary dl>div{display:grid!important;gap:6px!important;min-width:0!important;padding:13px 15px!important;border:1px solid #d8c9b2!important;border-radius:16px!important;background:#f4ebdc!important}
  .character-editor-hub-only .tablet-character-summary dt{color:#806d5b!important;font-size:12px!important;font-weight:800!important}
  .character-editor-hub-only .tablet-character-summary dd{margin:0!important;overflow:hidden!important;color:#2b2018!important;font-size:17px!important;font-weight:900!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .character-editor-hub-only .tablet-character-setting-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .character-editor-hub-only .tablet-character-setting-actions button{display:grid!important;gap:6px!important;min-height:92px!important;padding:18px!important;border:3px solid #342219!important;border-radius:22px!important;background:linear-gradient(#745442,#593d30)!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;box-shadow:0 7px 0 #302019!important;text-align:left!important}
  .character-editor-hub-only .tablet-character-setting-actions button:last-child{background:linear-gradient(135deg,var(--character-accent),var(--character-accent-secondary))!important}
  .character-editor-hub-only .tablet-character-setting-actions b{font-size:23px!important}.character-editor-hub-only .tablet-character-setting-actions small{color:#fff5dd!important;font-size:13px!important;opacity:.86!important}
  .character-editor-hub-only .tablet-character-summary nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .character-editor-hub-only .tablet-character-summary nav button{min-width:0!important;min-height:48px!important;padding:10px!important;border-color:#bda887!important;background:#f3e8d5!important;color:#34261d!important;font-weight:850!important}.character-editor-hub-only .tablet-character-summary nav button.danger{background:#a9453e!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  html.native-app[data-active-tab="character"] .tablet-character-book.character-book-v8.is-open{position:relative!important;z-index:1!important;inset:auto!important;display:grid!important;width:100%!important;height:100%!important;margin:0!important;border-radius:22px!important;background:#5c4234 url("./assets/character-ui/character-wood-background.png") center/cover no-repeat!important;box-shadow:inset 0 0 0 1px #fff2!important}
  html.native-app[data-active-tab="character"] .character-editor-tablet-portrait-full{position:fixed!important;z-index:95!important;inset:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:12px!important;background:#5c4234!important}
  html.native-app[data-active-tab="character"] .character-editor-tablet-portrait-full>.character-tablet-full-shell{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:#5c4234!important;overflow:hidden!important}
  html.native-app[data-active-tab="character"] .tablet-character-book .character-book-v8-canvas{width:min(calc(100% - 24px),calc(44.929117dvh - 18px),760px)!important;height:auto!important;max-height:calc(100% - 12px)!important}
  html.native-app[data-active-tab="character"] .tablet-character-book .character-book-v8-back{display:block!important}
  html.native-app[data-active-tab="character"] .character-tablet-settings-entry{display:none!important}
  /* Form pages use available paper width and scrolling flow, independent of the art coordinates. */
  html.native-app[data-active-tab="character"] body #app .character-book-spread-leaf>.character-book-v8-page:has(.character-profile-overview-page,.personality-book-page,.personality-emotion-book-page,.wardrobe-book-page){width:100%!important}
  .character-book-spread-leaf .character-profile-overview-page{inset:16% 8% 13% 12%!important;width:auto!important;height:auto!important;overflow:auto!important;pointer-events:auto!important}
  .character-book-spread-leaf .character-overview-portrait{display:none!important}
  .character-book-spread-leaf :is(.character-overview-basic,.character-overview-life){position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:16px 18px!important;width:100%!important;height:auto!important;padding:4px!important;pointer-events:auto!important}
  .character-book-spread-leaf .overview-field{position:static!important;inset:auto!important;width:auto!important;display:grid!important;align-content:start!important;gap:6px!important}
  .character-book-spread-leaf :is(.overview-name,.overview-job-title,.overview-openness,.overview-appearance-interest,.overview-animation-placement){grid-column:1/-1!important}
  .character-book-spread-leaf .overview-field>b,.character-book-spread-leaf .overview-field>legend{display:block!important;height:auto!important;margin:0!important;font-size:clamp(14px,1.3vw,21px)!important;line-height:1.35!important;letter-spacing:normal!important;white-space:normal!important}
  .character-book-spread-leaf .overview-field :is(input,select,button){height:44px!important;min-height:44px!important;padding:6px 10px!important;border:1px solid #c9baa2!important;border-radius:12px!important;font-size:clamp(13px,1.15vw,19px)!important;line-height:1.3!important;letter-spacing:normal!important}
  .character-book-spread-leaf .overview-birthday>span{gap:4px!important}.character-book-spread-leaf .overview-birthday i{font-size:14px!important}
  .character-book-spread-leaf :is(.personality-book-page,.personality-emotion-book-page,.wardrobe-book-page){position:absolute!important;inset:16% 8% 13% 12%!important;width:auto!important;height:auto!important;overflow:auto!important;pointer-events:auto!important;display:flex!important;flex-direction:column!important;gap:16px!important}
  .character-book-spread-leaf :is(.personality-type-book,.personality-emotion-content,.personality-emotion-heading,.book-form-grid){position:static!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;transform:none!important}
  .character-book-spread-leaf .book-form-grid{gap:14px!important;overflow:visible!important}
  .character-book-spread-leaf .book-form-field>b{font-size:clamp(14px,1.3vw,21px)!important;line-height:1.4!important;white-space:normal!important;letter-spacing:normal!important}
  .character-book-spread-leaf .book-form-field :is(select,input:not([type=checkbox]),button):not(.discovery-lock){height:auto!important;min-height:44px!important;padding:8px 10px!important;font-size:clamp(13px,1.15vw,19px)!important;line-height:1.3!important;border-radius:12px!important}
  .character-book-spread-leaf .character-field-fold{padding:10px!important;border-radius:14px!important}.character-book-spread-leaf .character-field-fold>summary{font-size:16px!important;padding:4px!important}.character-book-spread-leaf .character-field-fold-body{gap:16px!important;padding:16px 0!important}

}

/* Landscape tablets use the complete open-book asset and turn two logical
   pages at a time. Each leaf keeps the original 412 × 917 page coordinate
   system, so all existing controls and form geometry remain readable. */
@media(min-width:721px) and (orientation:landscape){
  html.native-app[data-active-tab="character"] .character-editor-tablet-landscape{position:fixed!important;z-index:95!important;inset:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:10px!important;background:#5c4234!important}
  html.native-app[data-active-tab="character"] .character-editor-tablet-landscape>.character-tablet-full-shell{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:22px!important;background:#5c4234!important;box-shadow:none!important;overflow:hidden!important}
  html.native-app[data-active-tab="character"] .character-book-spread-layout.tablet-character-book.character-book-v8.is-open{position:relative!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;border-radius:22px!important}
  html.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v8-canvas{width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;max-height:none!important;aspect-ratio:auto!important;overflow:hidden!important}
  html.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v8-book{left:1.8%!important;top:1.8%!important;width:96.4%!important;height:96.4%!important;border:0!important;background:transparent url("./assets/character-ui/book.png") center/100% 100% no-repeat!important;filter:drop-shadow(0 1.2cqw 1.5cqw #2a160d45)!important}
  html.native-app[data-active-tab="character"] .character-book-v8-spread{position:absolute!important;z-index:8!important;left:3.4%!important;right:3.4%!important;top:0!important;bottom:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;overflow:hidden!important;pointer-events:none!important}
  html.native-app[data-active-tab="character"] .character-book-spread-leaf{position:relative!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;container-type:inline-size!important;contain:layout paint style!important;pointer-events:none!important}
  html.native-app[data-active-tab="character"] body #app .character-book-spread-leaf>.character-book-v8-page{position:absolute!important;z-index:8!important;inset:0!important;display:block!important;width:min(100%,44.9dvh)!important;height:100%!important;margin-inline:auto!important;container-type:inline-size!important;overflow:hidden!important;pointer-events:none!important}
  html.native-app[data-active-tab="character"] .character-book-spread-leaf>.character-book-v8-page>*{pointer-events:none!important}
  html.native-app[data-active-tab="character"] .character-book-spread-leaf>.character-book-v8-page :is(button,input,select,textarea,label,fieldset,details,[data-character-placement-open]){pointer-events:auto!important}
  html.native-app[data-active-tab="character"] .character-book-spread-leaf :is(.character-book-cover-controls,.character-overview-page-controls,.character-book-page-controls){display:none!important}
  html.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v8-back{--book-back-left:3.2%;--book-back-top:3.4%;--book-back-size:7.4dvh}
  html.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v9-menu{left:36%!important;top:3.8%!important;width:28%!important}
  html.native-app[data-active-tab="character"] body #app .character-book-spread-layout .character-book-v9-menu>summary{height:5.2dvh!important;padding:0 26px!important}.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v9-menu>summary>span{font-size:clamp(14px,2.6dvh,26px)!important}.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v9-menu>summary>b{inset:0 2.5cqw!important;font-size:clamp(14px,2.2dvh,24px)!important}
  html.native-app[data-active-tab="character"] body #app .character-book-spread-layout .character-book-v9-menu>summary::before,html.native-app[data-active-tab="character"] body #app .character-book-spread-layout .character-book-v9-menu>summary::after{width:26px!important}
  .character-book-spread-layout .character-book-v9-menu>summary>.character-book-v9-fill{left:25px!important;right:25px!important}

  html.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v9-menu>nav{left:1cqw!important;right:1cqw!important;top:5.7cqw!important;gap:.6cqw!important;padding:1.1cqw!important;border-radius:1.5cqw!important}.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v9-menu>nav>button{height:4.5cqw!important;padding:0 2cqw!important}.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v9-menu>nav>button>span{font-size:1.75cqw!important}
  html.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v8-ink{left:auto!important;right:3.4cqw!important;top:auto!important;bottom:7%!important;width:8dvh!important;height:8dvh!important}
  html.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v8-save{left:auto!important;right:3.9cqw!important;top:auto!important;bottom:3%!important;width:9dvh!important;height:4dvh!important;padding:0 1.2cqw!important}.native-app[data-active-tab="character"] .character-book-spread-layout .character-book-v8-save>span{font-size:1.65cqw!important}
  html.native-app[data-active-tab="character"] .character-book-spread-controls{position:absolute!important;z-index:65!important;left:50%!important;bottom:3%!important;display:grid!important;grid-template-columns:4.6dvh 8dvh 4.6dvh!important;align-items:center!important;transform:translateX(-50%)!important;pointer-events:auto!important}
  html.native-app[data-active-tab="character"] .character-book-spread-controls>button{display:block!important;width:4.6dvh!important;height:4.6dvh!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent url("./assets/character-ui/back.png") center/contain no-repeat!important;color:transparent!important;-webkit-text-fill-color:transparent!important;box-shadow:none!important}.native-app[data-active-tab="character"] .character-book-spread-controls>button:last-child{transform:rotate(180deg)!important}.native-app[data-active-tab="character"] .character-book-spread-controls>button:disabled{opacity:.28!important;filter:grayscale(1)!important}
  html.native-app[data-active-tab="character"] .character-book-spread-controls>b{color:#24170f!important;font-size:1.8cqw!important;text-align:center!important}
}

.clothing-art-pair{display:grid;grid-template-columns:minmax(96px,.62fr) minmax(160px,1.38fr);gap:12px;align-items:start}.clothing-art-field{display:grid!important;grid-template-rows:auto auto auto auto;gap:8px;min-width:0}.clothing-art-field>img,.clothing-art-field>span{display:grid;width:100%;height:auto;place-items:center;border-radius:16px;background:#eee3d2;object-fit:contain;object-position:center bottom}.clothing-art-field:first-child>img,.clothing-art-field:first-child>span{aspect-ratio:1}.clothing-art-field:last-child>img,.clothing-art-field:last-child>span{aspect-ratio:3/5}.clothing-art-field>span{font-size:34px}.clothing-art-field>input[type=file]{max-width:100%}.clothing-multi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clothing-multi-open{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:4px 8px!important;min-width:0!important;text-align:left!important}.clothing-multi-open b,.clothing-multi-open small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clothing-multi-open small{font-size:11px;color:#766552}.clothing-multi-open i{grid-column:2;grid-row:1/3;font-style:normal;font-size:22px}.clothing-picker-dialog .closet-chip-grid{margin:16px 0}.clothing-picker-dialog .closet-chip-grid button.on{background:#d8b638;color:#21170d}
.clothing-layout-grid{display:grid;grid-template-columns:minmax(110px,.78fr) minmax(170px,1.22fr);gap:12px}.clothing-placement-editor{display:grid;align-content:start;gap:8px;min-width:0;margin:0;padding:12px;border:1px solid #ccb88f;border-radius:16px;background:#fff9e9}.clothing-placement-editor legend{padding:0 7px;font-weight:800}.clothing-placement-editor>p,.clothing-uniform-help{margin:0;color:#705f4a;font-size:11px;line-height:1.35}.clothing-placement-stage{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border:2px solid #b89862;border-radius:15px;background:linear-gradient(135deg,#f8f0df,#e5d5b8);touch-action:none;user-select:none}.clothing-placement-stage.ld{aspect-ratio:3/5}.clothing-placement-stage.is-gesturing{outline:3px solid #e0ba29;outline-offset:2px}.clothing-placement-art{position:absolute;inset:0;display:grid;place-items:center;transform:translate(var(--clothing-placement-x,0),var(--clothing-placement-y,0)) scale(var(--clothing-placement-scale,1)) rotate(var(--clothing-placement-rotation,0));transform-origin:center;will-change:transform;pointer-events:none}.clothing-placement-art img{display:block;max-width:88%;max-height:92%;object-fit:contain;object-position:center}.clothing-placement-art>span{font-weight:900;color:#8c765c}.clothing-placement-actions{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.clothing-placement-actions button{min-height:38px!important;padding:5px!important}.clothing-uniform-help{display:block;margin:-5px 0 6px;padding-left:4px}
@media(max-width:560px){.clothing-multi-grid,.clothing-layout-grid{grid-template-columns:1fr}.clothing-art-pair{grid-template-columns:minmax(88px,.7fr) minmax(145px,1.3fr)}}

/* Disclosures retain the book's existing field controls and page navigation. */
.book-form-grid[data-flat-fields]{overflow-y:auto;overscroll-behavior:contain;align-content:start;scrollbar-width:thin}
.character-field-fold{pointer-events:auto;grid-column:1/-1;min-width:0;border:1px solid #c8baa5;border-radius:2cqw;background:#fffaf0;padding:2cqw}
.character-field-fold>summary{cursor:pointer;font-size:3cqw;line-height:1.4;color:#493324;padding:1cqw;overflow-wrap:anywhere}
.character-field-fold-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3cqw;padding:3cqw 0}