/* Dimensions and visual tokens taken from the validated 4344 sheets, not new art. */
html body #settings-dialog{inset:0;width:100vw;height:100dvh;max-height:none;max-width:none;padding:0;margin:0;border:0;background:#f0e5fa url('/assets/interface-v2/pastel-ui/background-lilac.png') repeat;background-size:96px;box-shadow:none}
html body #settings-dialog .dialog-heading{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;max-width:none;width:100%;height:78px;min-height:78px;padding:10px 16px;background:#f6bcae;border-bottom:3px solid #bc8f94}
html body #settings-dialog .dialog-heading h2{text-align:center;margin:0;font:700 28px/1.15 PixelUI;color:#fff;-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:none}
html body #settings-dialog .dialog-heading .v2-sprite{--v2-size:40px;margin:8px}
html body #settings-dialog .settings-tabs{max-width:740px;width:calc(100% - 32px);padding:0;margin:14px auto 12px;border:0;gap:4px;align-items:end;min-height:56px}
html body #settings-dialog .settings-tab{border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);height:48px;min-height:48px;padding:10px 4px 8px;font:700 20px/1 PixelUI;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #settings-dialog .settings-tab[aria-selected=true]{border-image-source:url('/assets/interface-v2/pastel-ui/lavender-pressed.png');height:56px;min-height:56px}
html body #settings-dialog .settings-panel{width:100%;max-width:788px;padding:0 24px 24px;scrollbar-gutter:auto}
html body #settings-dialog .settings-save-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}
html body #settings-dialog .v2-audio-list{display:grid;gap:8px}
html body #settings-dialog :is(.settings-control,.v2-audio-master,.settings-toggle){position:relative;border:0;border-image:var(--audio-frame,url('/assets/interface-v2/pastel-ui/paper-normal.png')) var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);background:none;padding:12px 16px;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #settings-dialog .settings-control{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:26px 28px;gap:4px 14px;min-height:86px}
html body #settings-dialog .settings-control>img{grid-column:1;grid-row:1/3;width:56px;height:56px;image-rendering:pixelated}
html body #settings-dialog .settings-control>label{grid-column:2;grid-row:1;font:700 21px/1.15 PixelUI}
html body #settings-dialog .settings-control>output{grid-column:3;grid-row:1;font:700 18px/1 PixelUI;color:#191722}
html body #settings-dialog .settings-control>.settings-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html body #settings-dialog .settings-control>input[type=range]{grid-column:2/4;grid-row:2;align-self:center;appearance:none;width:100%;min-height:18px;height:18px;border:2px solid #716775;border-radius:6px;background:linear-gradient(to right,var(--slider) 0 var(--fill),#d7cfd6 var(--fill) 100%);padding:0}
html body #settings-dialog .settings-control>input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:28px;border:3px solid #191722;border-radius:5px;background:var(--slider);box-shadow:inset 2px 2px #ffffff77}
html body #settings-dialog .settings-control>input[type=range]::-moz-range-thumb{width:16px;height:22px;border:3px solid #191722;border-radius:5px;background:var(--slider)}
html body #settings-dialog .v2-audio-master{display:flex;align-items:center;gap:14px;min-height:80px;font:700 21px/1.1 PixelUI}
html body .v2-audio-master img{width:56px;height:56px;image-rendering:pixelated}html body .v2-audio-master strong{flex:1}
html body #settings-dialog input[type=checkbox]{appearance:none;width:60px;height:34px;margin:0;flex:none;border:3px solid #191722;border-radius:10px;background:#b5a7bd;box-shadow:inset 0 3px #00000013;transition:background-color .18s;overflow:hidden}
html body #settings-dialog input[type=checkbox]:after{box-sizing:border-box;left:2px;top:2px;width:24px;height:24px;border:3px solid #191722;border-radius:7px;background:#fffdf5;transform:translateX(0);transition:transform .18s}
html body #settings-dialog input[type=checkbox]:checked{background:#67dbb7}html body #settings-dialog input[type=checkbox]:checked:after{transform:translateX(26px)}
html body #settings-dialog .v2-audio-advanced{margin-top:16px;font:20px/1.3 PixelUI}
html body #settings-dialog .v2-audio-advanced[open]>summary{margin-bottom:12px}
html body #settings-dialog .settings-toggle{margin-bottom:10px;min-height:74px}html body #settings-dialog .settings-toggle strong{font:700 22px/1.2 PixelUI}
@media(min-width:700px) and (min-height:650px){html body #settings-dialog .dialog-heading{height:108px;min-height:108px;padding-inline:24px}html body #settings-dialog .dialog-heading h2{font-size:36px}html body #settings-dialog .settings-tabs{width:calc(100% - 48px)}}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body #settings-dialog .dialog-heading{height:128px;min-height:128px;grid-template-columns:112px minmax(0,1fr) 112px}html body #settings-dialog .dialog-heading h2{font-size:42px}html body #settings-dialog .dialog-heading .v2-sprite{--v2-size:80px;margin:16px}}
@media(max-width:699px){html body #settings-dialog .settings-panel{padding-inline:16px}html body #settings-dialog .settings-control{grid-template-columns:44px minmax(0,1fr) auto;gap:4px 10px;padding:10px 12px;min-height:80px}html body #settings-dialog .settings-control>img{width:44px;height:44px;align-self:center}html body #settings-dialog .settings-control>label{font-size:19px}html body #settings-dialog .settings-control>output{font-size:16px}}
@media(orientation:landscape) and (max-height:600px){html body #settings-dialog .dialog-heading{height:64px;min-height:64px}html body #settings-dialog .settings-tabs{margin-top:8px}}
html body{--ink:#191722;--muted:#766b85;color:#191722;font-synthesis:weight}
html body #home-screen .home-brand{top:112px;image-rendering:pixelated}
html body .v2-home-dock{bottom:calc(max(28px,env(safe-area-inset-bottom)) + 8px)}
html body #language-options{bottom:calc(max(28px,env(safe-area-inset-bottom)) + var(--v2-dock) + 26px);gap:8px;flex-wrap:wrap;max-width:calc(100% - 24px);margin:auto}
html body #language-options .language-option{background:none;border:8px solid transparent;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;image-rendering:pixelated;image-rendering:crisp-edges;}
html body .v2-sprite>.v2-nav-label{display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);font:700 12px/1.4 PixelUI,monospace;color:#766b85;white-space:nowrap;pointer-events:none}
html body .v2-sprite>.v2-letter{color:#191722;-webkit-text-stroke:0;font-weight:700}
html body #vocabulary-dialog{background:#f0e5fa url('/assets/interface-v2/pastel-ui/background-lilac.png') repeat;background-size:96px}
html body #vocabulary-dialog .study-shell{padding-bottom:112px}
html body #vocabulary-dialog .study-header{height:78px;padding:10px 72px;background:#f6bcae;border-bottom:3px solid #bc8f94}
html body #quiz-heading{font:700 28px/1.15 PixelUI,monospace;color:#fff;-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:none}
html body #study-close,html body .v2-study-settings{top:10px}
html body #study-close{left:8px}html body .v2-study-settings{right:16px}
html body #vocabulary-dialog .screen-tabs{bottom:46px;gap:18px}
html body #vocabulary-dialog .screen-tabs:before{inset:-12px 0 -46px;background:#f8cfbf;border-top:3px solid #cba4a7}
html body #vocabulary-dialog .screen-tabs button[aria-pressed=true]>.v2-nav-label{color:#191722}
html body #vocabulary-dialog .screen-tabs button[aria-pressed=true]>.v2-nav-label:after{content:'';position:absolute;width:6px;height:6px;top:20px;left:calc(50% - 3px);background:#7955b5}
html body #vocabulary-dialog .study-shell>section{padding:14px 16px 20px;max-width:1040px}
html body #exercise-catalog{position:relative;width:min(100%,740px);margin:0 auto}
html body #v2-study-language{display:flex;align-items:center;gap:12px;width:max-content;margin:0 0 10px;padding:8px 12px;background:#d7e9f5;border-bottom:3px solid #a2c2d2;font:20px/1.15 PixelUI;color:#191722}
html body #v2-study-language img{width:32px;height:20px;object-fit:contain}
html body #vocabulary-dialog .exercise-categories{gap:10px}
html body #vocabulary-dialog [data-exercise]{border-width:0;border-image-width:var(--native-frame-corner,8px);grid-template-columns:96px minmax(0,1fr) 24px;gap:16px;min-height:128px;padding:16px 22px}
html body #vocabulary-dialog [data-exercise] strong{display:block;font:900 28px/1.15 PixelUI;color:#191722;-webkit-text-stroke:.7px currentColor;paint-order:stroke fill;letter-spacing:0}
html body #vocabulary-dialog [data-exercise] small{display:block;font:18px/1.35 PixelUI;color:#766b85;margin-top:6px}
html body #vocabulary-dialog [data-exercise] small[lang]{font-family:system-ui,'Yu Gothic',sans-serif;font-weight:400}
html body #vocabulary-dialog [data-exercise]>span:last-child{display:block;grid-column:3;grid-row:1;font-size:18px}
html body .v2-study-companion{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px auto 0;min-height:144px;width:100%;max-width:440px}
html body .v2-study-companion button{position:relative;width:96px;height:144px;flex:none;border:0;background:none;box-shadow:none;padding:0;overflow:visible}
html body .v2-study-companion canvas{position:absolute;width:100%;height:100%;max-width:none;left:0;bottom:0;object-fit:contain;object-position:center bottom;image-rendering:pixelated;pointer-events:none}
html body .v2-study-companion p{margin:0;padding:16px 22px;font:24px/1.2 PixelUI;text-align:center;color:#191722;border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);flex:1;min-width:0;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #local-status{position:absolute;bottom:114px;left:16px;right:16px;margin:0;padding:8px 12px;z-index:10;background:#f9edf7;color:#684461;border:2px solid #c69eb8;font:14px/1.3 system-ui}
html body #fc-dashboard{height:100%;min-height:500px;width:min(100%,740px);margin:auto;display:grid;grid-template-rows:108px 88px 170px minmax(168px,1fr);gap:12px}
html body .fc-count{display:flex;align-items:center;gap:16px;padding:12px 24px;margin:0;border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);font:800 36px/1.1 PixelUI;color:#191722;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #fc-card-count{font:800 72px/1 PixelUI;color:#a5ddf5;-webkit-text-stroke:4px #191722;paint-order:stroke fill;text-shadow:none}
html body #fc-card-count-label{-webkit-text-stroke:.45px currentColor}
html body .fc-count>img{width:96px;height:96px;margin-left:auto}
html body #vocabulary-dialog .fc-stats{margin:0;gap:6px}
html body #vocabulary-dialog .fc-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border-width:0;border-image-width:var(--native-frame-corner,8px);min-height:0}
html body #vocabulary-dialog .fc-stats>div:nth-child(1){--frame:url('/assets/interface-v2/pastel-ui/blue-normal.png')}
html body #vocabulary-dialog .fc-stats>div:nth-child(2){--frame:url('/assets/interface-v2/pastel-ui/peach-normal.png')}
html body #vocabulary-dialog .fc-stats>div:nth-child(3){--frame:url('/assets/interface-v2/pastel-ui/gold-normal.png')}
html body #vocabulary-dialog .fc-stats dd{font:800 32px/1 PixelUI;margin:0;order:0;-webkit-text-stroke:.8px currentColor}
html body #vocabulary-dialog .fc-stats dt{font:700 18px/1.1 PixelUI;order:1;-webkit-text-stroke:.2px currentColor}
html body .fc-home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
html body .fc-home-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:0;padding:12px 8px;font:700 22px/1.15 PixelUI;border-width:0;border-image-width:var(--native-frame-corner,8px)}
html body .fc-home-action:nth-child(1){--frame:url('/assets/interface-v2/pastel-ui/lavender-normal.png')}
html body .fc-home-action:nth-child(2){--frame:url('/assets/interface-v2/pastel-ui/peach-normal.png')}
html body .fc-home-action>img{width:96px;height:96px;object-fit:contain}
html body #fc-dashboard .v2-study-companion{min-height:0;margin:0;max-width:none;justify-content:center}
html body #fc-dashboard .v2-study-companion button{width:40%;max-width:180px;height:100%;overflow:hidden}
html body #fc-dashboard .v2-study-companion canvas{width:352px;height:352px;left:calc(50% - 176px);bottom:-48px;transform:scale(.75);transform-origin:50% calc(100% - 48px)}
html body #fc-dashboard .v2-study-companion p{max-width:52%;font-size:21px}
@media(max-width:699px){
 html body #vocabulary-dialog [data-exercise]{grid-template-columns:72px minmax(0,1fr) 16px;gap:10px;padding:14px 16px;min-height:122px}
 html body #vocabulary-dialog [data-exercise] strong{font-size:23px}
 html body #vocabulary-dialog [data-exercise] small{font-size:15px}
 html body #vocabulary-dialog [data-exercise] .category-example{font-size:16px}
 html body #vocabulary-dialog .category-icon img{width:72px;height:72px}
 html body #fc-dashboard{grid-template-rows:82px 66px 142px minmax(174px,1fr)}
 html body .fc-count{padding:8px 18px;font-size:28px}html body #fc-card-count{font-size:48px}html body .fc-count>img{width:72px;height:72px}
 html body #vocabulary-dialog .fc-stats dt{font-size:14px}html body #vocabulary-dialog .fc-stats dd{font-size:28px}
 html body .fc-home-action{font-size:18px;padding:10px 6px;gap:6px}html body .fc-home-action>img{width:64px;height:64px}
 html body #fc-dashboard .v2-study-companion p{font-size:18px;padding:8px}
}
@media(min-width:700px) and (min-height:650px){
 html body #home-screen{--v2-dock:112px}html body #home-screen .home-brand{top:116px;width:426px;height:114px;background-size:426px 114px}
 html body .v2-home-dock{bottom:28px}html body .v2-home-dock .v2-sprite>img{width:48px;height:32px}
}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){
 html body #vocabulary-dialog .study-header{height:128px}html body #quiz-heading{font-size:42px}
 html body #vocabulary-dialog .screen-tabs{bottom:44px;gap:24px}html body .v2-sprite>.v2-nav-label{font-size:18px}html body #vocabulary-dialog .screen-tabs button[aria-pressed=true]>.v2-nav-label:after{top:30px}
 html body #vocabulary-dialog .study-shell{padding-bottom:168px}
 html body #vocabulary-dialog .screen-tabs:before{inset:-12px 0 -44px}
 html body #local-status{bottom:168px}
 html body #exercise-catalog>.v2-study-companion{position:absolute;left:calc(100% + 20px);bottom:16px;width:180px;flex-direction:column;gap:12px}
 html body #exercise-catalog>.v2-study-companion p{font-size:20px;padding:10px 12px}
}
@media(orientation:landscape) and (max-height:600px){
 html body #home-screen .home-brand{top:12px}html body .v2-home-dock{bottom:max(8px,env(safe-area-inset-bottom))}
 html body #vocabulary-dialog .study-header{height:64px}html body #vocabulary-dialog .study-shell{padding-bottom:90px}
 html body #vocabulary-dialog .screen-tabs{bottom:26px}html body #vocabulary-dialog .screen-tabs:before{bottom:-26px}
 html body #local-status{bottom:90px}
 html body #fc-dashboard{grid-template-rows:64px 58px 1fr;grid-template-columns:1fr 1fr;min-height:260px;height:auto}
 html body .fc-count{grid-column:1}html body .fc-stats{grid-column:2;grid-row:1}html body .fc-home-actions{grid-column:1/-1;grid-row:2/4}
 html body #fc-dashboard .v2-study-companion{display:none}
}
@media(max-width:359px){html body #vocabulary-dialog .screen-tabs{gap:4px}html body #home-screen .home-brand{top:88px}}
html body [hidden]{display:none!important}
html body #vocabulary-dialog [data-exercise]{border-image-source:url('/assets/interface-v2/pastel-ui/mint-normal.png');border-image-slice:var(--native-frame-slice,4) fill;border-image-repeat:repeat;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog [data-exercise=kanji]{border-image-source:url('/assets/interface-v2/pastel-ui/pink-normal.png')}
html body #vocabulary-dialog [data-exercise=kana]{border-image-source:url('/assets/interface-v2/pastel-ui/blue-normal.png')}
html body .fc-home-action{border-image-source:var(--frame);border-image-slice:var(--native-frame-slice,4) fill;border-image-repeat:repeat;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog [data-exercise] strong{line-height:1.1}
html body #vocabulary-dialog .screen-tabs{gap:12px}
html body #vocabulary-dialog #local-status{font:14px/1.3 system-ui!important;color:#684461!important;text-shadow:none!important}
html body #vocabulary-dialog .study-header #quiz-heading{font-weight:700;text-shadow:none}
html body #creator-view{display:grid;grid-template-rows:88px minmax(0,1fr);height:100dvh}
html body[data-creation=true] .pp-header{display:none}
html body .v2-creation-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 14px;background:#f6e5d1;border-bottom:4px solid #ac8582;z-index:25}
html body .v2-creation-header>div{flex:1;max-width:440px;min-width:0}
html body .v2-creation-header h2{margin:0 0 9px;font:700 29px/1.1 PixelUI;color:#fff;-webkit-text-stroke:5px #191722;paint-order:stroke fill;text-shadow:none}
html body .v2-creation-progress{display:flex;align-items:center;gap:12px;font:700 18px/1 PixelUI;white-space:nowrap}
html body .v2-creation-segments{display:flex;gap:5px;max-width:270px;flex:1}
html body .v2-creation-segments i{display:block;height:12px;flex:1;min-width:0;background:#b9ac9e;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
html body .v2-creation-segments i.done{border:3px solid #191722;background:#86eed0;box-shadow:inset 0 2px #bffff0}
html body .workshop-layout{min-height:0;grid-template-columns:56% 44%;height:100%}
html body .workshop-controls{border:0;border-image:url('/assets/interface-v2/creation-ui/panel-open.png') 8 8 1 fill stretch;border-image-width:16px 16px 0;padding:16px 12px 0}
html body .workshop-controls #creation-step-title{margin:0;padding:0 4px 12px;color:#191722;text-align:left;font:700 25px/1.2 PixelUI;text-shadow:none;-webkit-text-stroke:0}
html body .workshop-stage{inset:10px 0 12px;width:100%;height:auto}
html body #creator-options{padding:2px 4px 10px;scroll-padding:8px}
html body .workshop-navigation{padding:10px 0 max(12px,env(safe-area-inset-bottom));height:98px;margin:0;gap:12px}
html body .workshop-navigation button{display:flex;align-items:center;justify-content:center;position:relative;font:700 28px/1 PixelUI;border:0;border-image:var(--frame) var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);padding:0 20px;min-height:60px;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;}
html body .workshop-navigation #creator-back{padding-left:28px;padding-right:12px}
html body .workshop-navigation #creator-next{padding-right:28px;padding-left:12px}
html body .workshop-navigation button:before{content:'';position:absolute;top:calc(50% - 12px);left:12px;width:24px;height:24px;background:url('/assets/interface-v2/creation-navigation/chevron-left.png') center/24px no-repeat;image-rendering:pixelated}
html body .workshop-navigation #creator-next:before{left:auto;right:12px;background-image:url('/assets/interface-v2/creation-navigation/chevron-right.png')}
html body .personality-choices button{font:700 20px/1.1 PixelUI;min-height:60px;gap:8px}
html body .workshop-environments img{object-fit:contain}
html body .workshop-parts button{font-weight:700}
html body .color-parts{gap:4px}html body .color-parts button{min-height:62px;gap:2px;padding-block:3px;font-size:16px}
html body .color-channels button{min-height:38px;height:auto;padding:5px 3px;font:700 16px/1.1 PixelUI}
html body #creator-floating-bubble{font-family:PixelUI,monospace;font-weight:700}
@media(orientation:portrait){html body .workshop-layout{grid-template-columns:1fr;grid-template-rows:minmax(294px,1fr) minmax(0,1.28fr)}html body #creator-view[data-step=colors] .workshop-layout{grid-template-rows:minmax(294px,36dvh) minmax(0,1fr)}html body .workshop-controls{width:100%}}
@media(min-width:700px) and (min-height:650px){html body #creator-view{grid-template-rows:106px minmax(0,1fr)}html body .v2-creation-header h2{font-size:36px}html body .v2-creation-progress{font-size:22px}html body .v2-creation-segments i{height:16px}html body .workshop-controls{padding:22px 20px 0}html body .workshop-controls #creation-step-title{font-size:30px}html body .workshop-navigation{height:98px}}
@media(orientation:portrait) and (min-width:700px){html body .workshop-layout,html body #creator-view[data-step=colors] .workshop-layout{grid-template-rows:minmax(450px,1fr) minmax(0,1.1fr)}html body .personality-choices,html body .workshop-controls[data-step=hair] .workshop-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:600px){html body #creator-view{grid-template-rows:66px minmax(0,1fr)}html body .v2-creation-header{padding:5px 14px}html body .v2-creation-header h2{font-size:25px;margin-bottom:5px}html body .v2-creation-progress{font-size:15px}html body .v2-creation-segments i{height:10px}html body .workshop-layout{grid-template-columns:48% 52%}html body .workshop-controls{padding:12px 12px 0}html body .workshop-controls #creation-step-title{font-size:23px;padding-bottom:8px}html body .workshop-stage{inset:4px 0}html body .workshop-navigation{height:76px;padding:4px 0 8px}html body .workshop-navigation button{font-size:22px}}
@media(orientation:portrait) and (max-height:700px){html body #creator-view{grid-template-rows:76px minmax(0,1fr)}html body .workshop-layout,html body #creator-view[data-step=colors] .workshop-layout{grid-template-rows:294px minmax(0,1fr)}html body .workshop-navigation{height:78px;padding:8px 0 10px}html body .workshop-navigation button{font-size:23px}html body .v2-creation-header h2{font-size:25px}}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body #creator-view{grid-template-rows:136px minmax(0,1fr)}html body .v2-creation-header{padding:12px 24px;gap:20px}html body .v2-creation-header .v2-sprite{--v2-size:112px}html body .v2-creation-header h2{font-size:38px}}
html body #creator-view[hidden]{display:none!important}
html body #vocabulary-dialog #fc-dashboard{padding:0;max-width:740px}
html body #vocabulary-dialog .fc-count{margin:0;align-items:center;justify-content:start;gap:16px}
html body #vocabulary-dialog .fc-count #fc-card-count{font:800 72px/1 PixelUI;color:#a5ddf5;-webkit-text-stroke:4px #191722;paint-order:stroke fill}
html body #vocabulary-dialog .fc-count #fc-card-count-label{font:800 36px/1.1 PixelUI}
html body #vocabulary-dialog .fc-home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body #vocabulary-dialog .fc-home-action{flex-direction:column;justify-content:center;min-height:0;padding:12px 8px;gap:8px;font:700 22px/1.15 PixelUI;border:0;border-image:var(--frame) var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);background:none;box-shadow:none;text-align:center;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog .fc-home-action:nth-child(1){--frame:url('/assets/interface-v2/pastel-ui/lavender-normal.png')}
html body #vocabulary-dialog .fc-home-action:nth-child(2){--frame:url('/assets/interface-v2/pastel-ui/peach-normal.png')}
html body #vocabulary-dialog .fc-home-action:nth-child(3){--frame:url('/assets/interface-v2/pastel-ui/mint-normal.png')}
html body #vocabulary-dialog .fc-home-action:hover:not(:disabled){filter:brightness(1.04);transform:none}
html body #fc-dashboard .v2-study-companion{gap:16px;justify-content:center}
html body #fc-dashboard .v2-study-companion button{width:40%;max-width:45%;overflow:visible}
html body #fc-dashboard .v2-study-companion canvas{height:100%;width:100%;aspect-ratio:auto;left:0;bottom:0;object-fit:contain;object-position:center bottom;transform:scale(.75);transform-origin:50% 100%}
html body #fc-dashboard .v2-study-companion p{flex:0 1 auto;max-width:52%}
@media(min-width:700px) and (min-height:650px){html body #vocabulary-dialog .study-header{height:108px}html body #vocabulary-dialog .study-header #quiz-heading{font-size:36px}html body #study-close,html body .v2-study-settings{top:24px}html body #study-close{left:24px}html body .v2-study-settings{right:30px}html body #vocabulary-dialog #flashcards-view{padding:16px 20px}html body #vocabulary-dialog .study-shell{padding-bottom:128px}html body #vocabulary-dialog .screen-tabs{bottom:52px;gap:18px}html body #vocabulary-dialog .screen-tabs:before{bottom:-52px}}
@media(max-width:699px){html body #vocabulary-dialog #flashcards-view{padding:12px 14px}html body #vocabulary-dialog .fc-count #fc-card-count{font-size:48px}html body #vocabulary-dialog .fc-count #fc-card-count-label{font-size:28px}html body #vocabulary-dialog .fc-home-action{font-size:18px;padding:10px 6px;gap:6px}}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body #vocabulary-dialog .study-header{height:128px}html body #vocabulary-dialog .study-header #quiz-heading{font-size:42px}html body #study-close,html body .v2-study-settings{top:8px}html body #vocabulary-dialog .study-shell{padding-bottom:168px}html body #vocabulary-dialog .screen-tabs{bottom:44px;gap:24px}html body #vocabulary-dialog .screen-tabs:before{bottom:-44px}}
/* Creator controls share the native borders, without adding their width to layout. */
html body #vocabulary-dialog #kanji-library{display:grid;gap:24px}
html body #vocabulary-dialog .dex-overview{display:grid;gap:10px;margin:0}
html body #vocabulary-dialog #kanji-total{margin:0;font:400 24px/1.2 PixelUI;color:#191722;text-shadow:none}
html body #vocabulary-dialog .discovery-meter{margin:0;gap:16px;font:20px/1 PixelUI;color:#191722}
html body #vocabulary-dialog #discovery-progress{appearance:none;height:14px;border:2px solid #191722;background:#d7cfd6;margin:0;flex:1}
html body #discovery-progress::-webkit-progress-bar{background:#d7cfd6}html body #discovery-progress::-webkit-progress-value{background:#a5a4c0}html body #discovery-progress::-moz-progress-bar{background:#a5a4c0}
html body #vocabulary-dialog #discovery-percent{color:#191722}
html body #vocabulary-dialog .collection-note{margin:0;font:16px/1.35 PixelUI;color:#766b85}
html body #vocabulary-dialog #dictionary-view{padding:34px 24px 24px}
html body #vocabulary-dialog #kanji-library>.discovery-filters{display:grid;grid-template-columns:1fr 1fr;gap:24px 12px;margin:0}
html body #vocabulary-dialog #discovery-search{grid-column:1/-1;width:100%;height:56px;font:20px/1.2 system-ui;padding:12px 16px}
html body #vocabulary-dialog #kanji-library>.discovery-filters select{width:100%;height:52px;font:20px/1.2 PixelUI;padding:10px 16px}
html body #vocabulary-dialog #kanji-word-list{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}
html body #vocabulary-dialog .dex-tile{display:grid;grid-template-rows:44px minmax(30px,auto);gap:6px;min-height:126px;padding:36px 8px 10px;border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);box-shadow:none;transform:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog .dex-tile-number{position:absolute;top:10px;left:10px;font:13px/20px PixelUI;letter-spacing:0;color:#74657e}
html body #vocabulary-dialog .discovery-entry:not(.is-locked) .dex-tile-number:after{top:2px;right:-4px;margin:0;width:8px;height:8px;border-radius:0;background:#56b983;box-shadow:0 2px #347651}
html body #vocabulary-dialog .dex-tile-character{padding:0;font:400 40px/1.1 'Yu Gothic',Meiryo,system-ui,sans-serif;color:#191722}
html body #vocabulary-dialog .is-word-grid .dex-tile-character{font:400 24px/1.2 system-ui}
html body #vocabulary-dialog .dex-tile-meaning{padding:0;border:0;height:auto;font:400 15px/1.35 system-ui;color:#766b85}
html body #vocabulary-dialog .is-locked .dex-tile{opacity:.7}
@media(max-width:699px){html body #vocabulary-dialog #dictionary-view{padding:14px 16px 24px}html body #vocabulary-dialog #kanji-total{font-size:21px}html body #vocabulary-dialog #kanji-library{gap:18px}html body #vocabulary-dialog #kanji-library>.discovery-filters{gap:12px 8px}html body #vocabulary-dialog #kanji-word-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html body #vocabulary-dialog .dex-tile-number{left:8px;font-size:11px}html body #vocabulary-dialog .discovery-entry:not(.is-locked) .dex-tile-number:after{width:6px;height:6px}}
html body[data-creation=false] .pp-header{padding:0;align-items:flex-start}
html body #level-progress:before,html body #level-progress-fill{box-sizing:border-box}
html body #home-view #panel{padding:16px;border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);gap:8px;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #wallet [data-icon]{background:url('/assets/interface-v2/ui/nav-coins-normal-contenu.png') center/56px no-repeat;image-rendering:pixelated}
html body #wallet [data-icon]>*{display:none}
html body[data-creation] .pp-shell{padding:0!important}
html body .pp-header{padding:0;align-items:flex-start}
html body .v2-room-settings{margin:0}
html body .workshop-controls .random-colors{border:0;border-image:none;box-shadow:none;background:none}
html body .workshop-controls .random-colors:before{filter:brightness(0)}
html body .workshop-controls .color-code input{border:3px solid #b6a18e;background:#fff9ef;padding:6px 10px;height:40px}
html body .workshop-parts.color-parts{margin-bottom:6px}
html body .workshop-parts button,.workshop-navigation button{font-family:PixelUI;background:none;box-shadow:none}
html body .workshop-parts button[aria-pressed=true]{background:none;box-shadow:none}
html body .v2-creation-header a.v2-sprite{--v2-size:40px;margin:8px 0 8px 4px}
html body .workshop-controls{padding:12px 12px 0}
html body .workshop-controls #creation-step-title{padding-bottom:8px}
html body #creator-options{padding:2px 2px 6px}
html body .random-colors{position:absolute;top:8px;right:16px;z-index:2;display:flex;align-items:center;gap:6px;width:auto;min-height:40px;margin:0;padding:4px;border:0;border-image:none;background:none;box-shadow:none;font:700 15px/1 PixelUI}
html body .random-colors .icon{display:none}
html body .random-colors:before{content:'';width:32px;height:32px;background:url('/assets/interface-v2/ui/creation-random.png') center/32px no-repeat;image-rendering:pixelated}
html body .color-parts{margin:0 0 6px;gap:4px}
html body .color-parts button{border-width:0;border-image-width:var(--native-frame-corner,8px);height:62px;min-height:62px;padding:3px;line-height:18px}
html body .color-parts button:before{width:36px;height:36px;flex:none}
html body .color-channels{margin:0 0 6px;gap:5px}
html body .color-channels button{border-width:0;border-image-width:var(--native-frame-corner,8px);height:38px;padding:4px 3px}
html body .color-channels i{width:14px;height:14px;border:1px solid #191722;box-shadow:none}
html body .pixel-color-picker{padding:0;border:0;background:none;box-shadow:none;display:grid;gap:6px}
html body .color-sv{height:132px;border:3px solid #191722}
html body .color-sv>i{width:10px;height:10px;border-width:2px;outline-width:1px}
html body .hue-label{display:flex;align-items:center;gap:12px;margin:0;font:20px/1 PixelUI}
html body .pixel-color-picker input[type=range]{height:30px;flex:1;min-width:0}
html body .color-code{margin:0;gap:10px;font:20px/1 PixelUI}
html body .color-code>i{width:30px;height:30px;background:#fff;border:2px solid #191722}
html body .color-code input{font:700 22px/1 PixelUI;background:#fff9ef;border:3px solid #b6a18e;padding:6px 10px;width:136px}
html body .workshop-navigation{height:82px;padding:6px 0 max(8px,env(safe-area-inset-bottom));margin:0 -4px;gap:8px}
html body .workshop-navigation button{font-size:24px;min-height:0;padding-inline:24px}
html body .workshop-navigation button:before{width:32px;height:32px;top:calc(50% - 16px);background-size:32px}
@media(orientation:portrait) and (max-width:699px){html body .workshop-stage{inset:6px 0 0}html body #creator-view[data-step=colors] .workshop-layout{grid-template-rows:max(294px,calc(36dvh - 10px)) minmax(0,1fr)}}
@media(min-width:700px) and (min-height:650px){html body .workshop-controls{padding:22px 20px 0}html body .random-colors{top:20px;right:22px}html body .color-sv{height:170px}html body .workshop-navigation{height:98px}html body .workshop-navigation button{font-size:28px}}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body .color-sv{height:clamp(150px,calc(100dvh - 550px),350px)}html body .color-parts button{height:74px}html body .color-parts button:before{width:48px;height:48px}}
@media(orientation:landscape) and (max-height:600px){html body .workshop-navigation{height:64px;padding:4px 0 8px}html body .workshop-navigation button{font-size:22px}html body .random-colors{right:14px}html body .color-sv{height:100px}}
/* Name, level and XP use the exact native corners of the approved room HUD. */
html body[data-creation=false] #home-view{padding:0;display:block}
html body #home-view .room-wrap{width:384px!important;height:240px!important;margin:0!important}
html body #home-view .collection-section{display:contents;position:static;pointer-events:none}
html body #home-view .collection-nav{position:absolute;inset:auto 0 max(12px,env(safe-area-inset-bottom));transform:none;display:flex;flex-direction:row;justify-content:center;width:auto;gap:12px;pointer-events:auto}
html body #home-view #panel{pointer-events:auto;max-width:calc(100% - 24px);background:none;box-shadow:none;animation:v2-drawer .24s ease-out}
html body #panel .panel-scroll{display:block;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;touch-action:pan-y;padding:4px 2px 8px}
html body #panel .panel-scroll::-webkit-scrollbar{display:none}
html body #panel .panel-scroll>:is(.owned-clothes,.home-shop,.room-choices,.furniture-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;gap:8px;margin:0;height:auto}
html body #panel .room-choice{height:140px;min-height:0;padding:8px;display:grid;grid-template-rows:minmax(0,1fr) 24px;gap:6px}
html body #panel .room-choice :is(canvas,img){width:100%;height:100%;max-height:none;object-fit:contain;min-height:0}
html body #panel .room-choice span{font:18px/24px PixelUI;padding:0}
html body #panel :is(.furniture-card,.owned-clothes button,.home-shop article){border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);background:none;box-shadow:none;padding:8px;min-height:140px;position:relative;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #panel .panel-tabs button{border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);min-height:44px;padding:8px;font:700 18px/1 PixelUI;color:#191722;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #panel .panel-tabs button[aria-pressed=true]{border-image-source:url('/assets/interface-v2/pastel-ui/lavender-pressed.png')}
html body #home-view #bubble{transform:translate(-50%,calc(-100% - 7px))!important}
html body #home-view #bubble:after{left:calc(50% - 3px);width:6px;height:6px;border-width:0 1px 1px 0;bottom:-4px;background:#fff9fc}
html body #home-view #bubble{font:700 calc(20px / var(--v2-scene-scale,1))/1.2 PixelUI;max-width:calc(280px / var(--v2-scene-scale,1));min-width:0;padding:calc(10px / var(--v2-scene-scale,1)) calc(16px / var(--v2-scene-scale,1));border-width:calc(3px / var(--v2-scene-scale,1));box-shadow:none;transform:translate(-50%,calc(-100% - 14px / var(--v2-scene-scale,1)))!important}
html body #panel .room-choice{height:128px}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body #home-view #bubble{font-size:calc(28px / var(--v2-scene-scale,1));max-width:calc(420px / var(--v2-scene-scale,1))}}
@media(orientation:landscape) and (max-height:600px){html body #home-view #panel{top:76px;bottom:calc(72px + env(safe-area-inset-bottom));right:12px;width:280px;height:auto}html body #home-view .collection-nav{bottom:max(4px,env(safe-area-inset-bottom));gap:16px}html body #panel .room-choice{height:112px}html body #home-view #decor-tools{left:16px;right:16px;width:auto;bottom:72px}}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body #home-view .collection-nav{bottom:20px;gap:20px}html body #panel .room-choice{height:172px}html body #home-view #panel{right:24px}}
html body .home-status{border:0;border-image:url('/assets/interface-v2/identity-xp/identity-frame.png') 6 fill stretch;border-image-width:12px;padding:12px;gap:4px 8px;top:90px}
html body #pote-name{font:700 22px/1 PixelUI}html body #level{font:400 18px/1 PixelUI}
html body #level-progress{position:relative;height:20px;margin:0;border:0;border-radius:0;background:none;isolation:isolate}
html body #level-progress:before,html body #level-progress-fill{content:'';position:absolute;inset:0;width:100%!important;border:6px solid transparent;border-image:url('/assets/interface-v2/room-hud/xp-empty-compact.png') 3 fill stretch;border-image-width:6px;background:none;box-shadow:none;image-rendering:pixelated}
html body #level-progress-fill{border-image-source:url('/assets/interface-v2/room-hud/xp-filled-compact.png');clip-path:inset(0 var(--xp-unfilled,100%) 0 0)}
html body #level-progress:after{content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;font:700 16px/1 PixelUI;color:#fffdf5;-webkit-text-stroke:2px #493459;paint-order:stroke fill}
html body .wallet{position:relative;isolation:isolate;width:112px;height:48px;padding:0 10px;gap:2px;border:0;border-image:none;color:#fffdf5;font:700 24px/1 PixelUI;justify-content:center}
html body .wallet:before{content:'';position:absolute;inset:0;z-index:-1;border:14px solid transparent;border-image:url('/assets/interface-v2/room-hud/coin-counter.png') 7 fill stretch}
html body .wallet [data-icon]{width:56px;height:56px;margin:-4px -8px;flex:none}
html body .collection-nav{bottom:max(12px,env(safe-area-inset-bottom));gap:12px}
html body .collection-panel{inset:auto 12px 88px auto;width:min(440px,calc(100% - 24px));height:min(360px,calc(100dvh - 210px));padding:16px;border-width:0;border-image-width:var(--native-frame-corner,8px)}
@media(orientation:landscape){html body .home-status{top:16px}html body .collection-panel{top:92px;bottom:88px;height:auto}}
@media(orientation:landscape) and (max-height:600px){html body .home-status{top:6px;width:208px;padding:6px 12px;gap:2px 8px}html body #pote-name{font-size:18px}html body #level{font-size:16px}html body #level-progress{height:16px}html body #level-progress:after{font-size:14px}html body .collection-nav{bottom:max(4px,env(safe-area-inset-bottom));gap:16px}html body .collection-panel{top:76px;bottom:calc(72px + env(safe-area-inset-bottom));width:280px;height:auto}}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body .home-status{top:22px;width:348px;padding:16px 18px}html body #pote-name{font-size:30px}html body #level{font-size:24px}html body #level-progress{height:26px}html body #level-progress:after{font-size:20px}html body .wallet{width:152px;height:64px;font-size:30px}html body .collection-panel{top:136px;bottom:152px;width:440px;height:auto}html body .collection-nav{bottom:20px;gap:20px}}
html body .v2-selected-hair{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:3;margin:0;padding:8px 14px;white-space:nowrap;border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);font:700 20px/1 PixelUI;image-rendering:pixelated;image-rendering:crisp-edges;}
html body .account-page{padding:0 0 24px;height:auto;min-height:100dvh}
html body.account-page{padding:0 0 24px;height:auto;min-height:100dvh}
html body .v2-account-header{height:78px;padding:10px 16px;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;background:#f6bcae;border-bottom:3px solid #bc8f94}
html body .v2-account-header h1{margin:0;text-align:center;font:700 28px/1.15 PixelUI;color:#fff;-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:none}
html body .account-shell{width:min(740px,calc(100% - 32px));margin:24px auto}
html body .account-card{padding:24px;border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);image-rendering:pixelated;image-rendering:crisp-edges;}
html body .account-page .account-section,html body .account-page .account-plan{padding:18px;border:0;border-image:url('/assets/interface-v2/pastel-ui/lavender-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);background:none;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body .offers-dialog{--gold:#805817;--gold-ink:#30243b;background:#f0e5fa url('/assets/interface-v2/pastel-ui/background-lilac.png') repeat;background-size:96px;border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);padding:24px;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body .offers-dialog[data-tier=silver]{--gold:#496a8a}
html body .offers-topline{border:0;border-image:url('/assets/interface-v2/pastel-ui/peach-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);background:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body .gold-brand>img{display:none}
html body .gold-brand #offers-heading{height:auto;width:100%;font-size:48px}
html body #offers-heading .gold-wordmark{content:url('/assets/interface-v2/ui/logo-pixel-gold-normal.png');width:284px!important;height:auto;max-width:100%;image-rendering:pixelated}
html body .offers-dialog[data-tier=silver] #offers-heading .gold-wordmark{content:url('/assets/interface-v2/ui/logo-pixel-silver-normal.png')}
html body .gold-benefits{border:0;gap:8px;background:none}
html body .gold-benefits li,html body .plan{border:0!important;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat!important;border-image-width:var(--native-frame-corner,8px)!important;background:none!important;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body .plan.annual-plan{border-image-source:url('/assets/interface-v2/pastel-ui/gold-normal.png')!important}
html body .offers-dialog[data-tier=silver] .plan.annual-plan{border-image-source:url('/assets/interface-v2/pastel-ui/blue-normal.png')!important}
html body .benefit-icon{color:var(--gold);background:none}
@media(min-width:700px) and (min-height:650px){html body .v2-account-header{height:108px;padding-inline:24px}html body .v2-account-header h1{font-size:36px}}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body .v2-account-header{height:128px;grid-template-columns:112px minmax(0,1fr) 112px}html body .v2-account-header h1{font-size:42px}}
/* All learning material stays in an ordinary readable font, including non-Japanese cards. */
html body #discovery-detail :is(.dex-meaning,.dex-character,.dex-reading-chip,.dex-form-chip,.dex-vocab-word,.dex-vocab-reading,.dex-french,.dex-romaji,.dex-source),html body #vocabulary-dialog :is(.fc-library-word,.fc-library-translation,.fc-source,.fc-reading,.fc-translation,.fc-context,.fc-romaji,[data-answer],#exercise-kana-symbol,#question-word,#fc-source,#fc-reading,#fc-romaji,#fc-translation,#fc-source-context,#fc-french-context,#fc-note){font-family:'Yu Gothic',Meiryo,system-ui,sans-serif;font-synthesis:none;image-rendering:auto}
html body #discovery-detail{background:#f0e5fa url('/assets/interface-v2/pastel-ui/background-lilac.png') repeat;background-size:96px}
html body #discovery-detail .dex-device{border:0;grid-template-rows:78px minmax(0,1fr);padding-bottom:112px}
html body #discovery-detail .dex-topbar{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;height:78px;padding:10px 16px;background:#f6bcae;border-bottom:3px solid #bc8f94}
html body #discovery-detail #dex-name{display:block;text-align:center;font:700 28px/1.15 PixelUI;color:#fff;-webkit-text-stroke:6px #000;paint-order:stroke fill;letter-spacing:0;text-shadow:none}
html body #discovery-detail #dex-number{display:none}
html body #discovery-detail .dex-content{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:min(100%,780px);padding:22px 20px 24px}
html body #discovery-detail .dex-hero{position:static;display:grid;justify-items:center;gap:18px}
html body #discovery-detail .dex-character-screen{width:min(100%,320px);min-height:0;padding:38px 16px 30px}
html body #discovery-detail .dex-character{font-size:160px;line-height:1;margin:0}
html body #discovery-detail .is-word .dex-character{font-size:clamp(32px,5vw,64px)}
html body #discovery-detail .dex-entry-status{position:absolute;left:14px;top:14px;font:12px/1.2 PixelUI;letter-spacing:.6px;min-height:0}
html body #discovery-detail .dex-screen-footer{position:absolute;bottom:12px;left:12px;right:12px}
html body #discovery-detail .dex-caption{padding:0;text-align:center;max-width:650px}
html body #discovery-detail .dex-meaning{font-size:24px;line-height:1.4;margin:0}
html body #discovery-detail .dex-section-title{font:700 26px/1.2 PixelUI;-webkit-text-stroke:0;text-shadow:none;gap:12px}
html body #discovery-detail .dex-section-index{font-size:19px;color:#dd7888}
html body #discovery-detail .dex-panel{padding:20px;border:0;border-image:url('/assets/interface-v2/pastel-ui/paper-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);image-rendering:pixelated;image-rendering:crisp-edges;}
html body #discovery-detail .dex-navigation{max-width:740px;margin:0 auto 24px;border:0;background:none;padding:12px 20px}
html body #discovery-detail .dex-edge,html body #discovery-detail .dex-nav-hint{display:none}
html body #discovery-detail .screen-tabs{position:absolute;inset:auto 0 46px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:12px;height:var(--v2-dock);padding:0;margin:0;border:0;background:none;z-index:5}
html body #discovery-detail .screen-tabs:before{content:'';position:absolute;inset:-12px 0 -46px;background:#f8cfbf;border-top:3px solid #cba4a7;z-index:-1}
html body #discovery-detail .screen-tabs button{margin:0;padding:0;font-size:0;min-width:var(--v2-dock);min-height:var(--v2-dock)}
@media(max-width:699px){html body #discovery-detail .dex-character-screen{width:260px}html body #discovery-detail .dex-character{font-size:136px}html body #discovery-detail .dex-meaning{font-size:21px}html body #discovery-detail .dex-section-title{font-size:23px}}
@media(min-width:700px) and (min-height:650px){html body #discovery-detail .dex-device{grid-template-rows:108px minmax(0,1fr);padding-bottom:128px}html body #discovery-detail .dex-topbar{height:108px;padding-inline:24px}html body #discovery-detail #dex-name{font-size:36px}html body #discovery-detail .screen-tabs{bottom:52px;gap:18px}html body #discovery-detail .screen-tabs:before{bottom:-52px}}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body #discovery-detail .dex-device{grid-template-rows:128px minmax(0,1fr);padding-bottom:168px}html body #discovery-detail .dex-topbar{height:128px;grid-template-columns:112px minmax(0,1fr) 112px}html body #discovery-detail #dex-name{font-size:42px}html body #discovery-detail .screen-tabs{bottom:44px;gap:24px}html body #discovery-detail .screen-tabs:before{bottom:-44px}}
html body.account-page{background:#f0e5fa url('/assets/interface-v2/pastel-ui/background-lilac.png') repeat;background-size:96px}
/* Legacy landscape flex sizing must not constrain the full-screen scene. */
html body #home-view .home-layout{display:contents;position:static;min-height:0;margin:0;padding:0}
html body #home-view .room-section{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;overflow:hidden}
html body #home-view .home-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
html body #home-view #level-progress{grid-column:1/-1}
html body #home-view #pote-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #home-view #decor-tools{position:absolute;left:12px;right:12px;bottom:calc(var(--v2-dock) + 28px);width:auto;max-width:740px;margin:0 auto;z-index:70;padding:0;pointer-events:auto}
html body #home-view .decor-actions{grid-template-columns:30px repeat(4,minmax(0,1fr));gap:4px}
html body #home-view .decor-actions>span{font:16px/1 PixelUI;color:#191722}
html body #home-view .decor-tools button{min-width:0;width:100%;height:44px;padding:4px;border:0;border-image:url('/assets/interface-v2/pastel-ui/lavender-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat;border-image-width:var(--native-frame-corner,8px);background:none;color:#191722;font:700 16px/1 PixelUI;filter:none;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #home-view .decor-tools button[data-decor-action=store]{border-image-source:url('/assets/interface-v2/pastel-ui/gold-normal.png')}
html body #home-view .decor-tools button[data-decor-action=undo]{border-image-source:url('/assets/interface-v2/pastel-ui/peach-normal.png')}
html body #home-view .decor-tools button[data-decor-action=save]{border-image-source:url('/assets/interface-v2/pastel-ui/mint-normal.png')}
html body #panel .furniture-card{height:128px;min-height:128px;gap:4px}
html body #panel .furniture-card .furniture-thumbnail{flex:1;min-height:0;height:76px;background:none;border:0}
html body #panel .furniture-card small{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
html body #panel .furniture-card[aria-pressed=true]:after{content:'✓';position:absolute;top:8px;right:8px;width:20px;height:20px;background:#96d5b2;color:#192a25;text-align:center;line-height:20px}
html body #panel .furniture-card>span:not(.furniture-thumbnail){font:18px/1.1 PixelUI}
@media(min-width:1200px) and (min-height:700px) and (pointer:fine){html body #home-view .decor-tools button{height:56px;font-size:22px}html body #panel .furniture-card{height:172px;min-height:172px}html body #panel .furniture-card .furniture-thumbnail{height:116px}}
.v2-home-furniture{display:contents}.v2-home-furniture img{position:absolute;image-rendering:pixelated;pointer-events:none}
html body #home-view .decor-actions{grid-template-columns:42px repeat(4,minmax(0,1fr))}
/* The former street foreground belongs to the old drawing, not the new full map. */
html[data-interface=v2] #wall-foreground{display:none}
html body .v2-world>#home-pixelpote{z-index:10}
html body #fc-dashboard .v2-study-companion canvas{width:auto;height:100%;left:50%;transform:translateX(-50%) scale(.75);transform-origin:50% 100%;max-width:none}
html body #discovery-detail .dex-character-screen{grid-template-rows:1fr;place-items:center}