/* Responsive fidelity pass: the reference art with the application's live controls. */
html[data-interface=v2] body { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
html body :is(button,input,select,textarea) { font-family:PixelUI,monospace; }
html body :is(button,a.pixel-button,select) { overflow-wrap:break-word; }
html body :is(.settings-panel,.account-card,.collection-panel,.workshop-controls) { min-width:0; }
html body :is(.settings-panel,.account-card,.collection-panel) :is(button,select,input) { max-width:100%; }
html body :is(.settings-panel,.account-card) :is(h3,label,strong,button,.pixel-button) { font-weight:700; }
html body :is(.settings-panel,.account-card) :is(p,small) { line-height:1.35; }

/* Four large buttons fit a phone on the 28px logical sprite grid. */
@media (max-width:699px) and (orientation:portrait) {
 html body :is(#home-screen,#home-view) { --v2-dock:84px; }
 html body .v2-home-dock,html body #home-view .collection-nav { gap:8px; }
 html body .v2-home-dock .v2-sprite>img { width:36px;height:24px; }
 html body #home-view #panel { bottom:calc(108px + env(safe-area-inset-bottom)); }
 html body #home-view #decor-tools { bottom:calc(108px + env(safe-area-inset-bottom)); }
}
@media (max-width:359px) {html body :is(#home-screen,#home-view){--v2-dock:56px}}
html body #home-screen #language-options { display:flex;inset-inline:0;transform:none;width:fit-content;max-width:calc(100% - 24px);margin-inline:auto;align-items:center;justify-content:center; }
html body #language-options .language-option { box-sizing:border-box;flex:0 0 56px; }
html body #language-options .language-option[hidden] {display:none!important}

/* Dedicated console selection page: no old radio-card sizing or border. */
html body #v2-console-picker {position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f0e5fa url('/assets/interface-v2/pastel-ui/background-lilac.png') repeat;background-size:96px;overflow:hidden;box-shadow:none}
html body #v2-console-picker[open] {display:flex;flex-direction:column}
html body #v2-console-picker>header {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;flex:none;height:78px;padding:10px 16px;background:#f6bcae;border-bottom:3px solid #bc8f94}
html body #v2-console-heading {font:700 28px/1.15 PixelUI;margin:0;text-align:center;color:#fff;-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:none}
html body .v2-console-content {width:min(100%,808px);margin:0 auto;min-height:0;overflow:auto;padding:16px 16px 28px;display:flex;flex-direction:column;gap:20px}
html body #v2-console-picker .console-options {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;flex:none;gap:14px;width:100%;height:auto;min-height:0;max-width:none;padding:0;margin:0;border:0;background:none}
html body #v2-console-picker [data-system] {--tone:lavender;display:grid;grid-template-columns:88px minmax(0,1fr) 16px;align-items:center;gap:16px;min-width:0;min-height:132px;width:100%;height:auto;max-width:none;padding:16px 20px;margin:0;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);border-radius:0;box-shadow:none;background:none;color:#191722;transform:none;text-align:left;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #v2-console-picker [data-system=gba]{border-image-source:url('/assets/interface-v2/pastel-ui/mint-normal.png')}
html body #v2-console-picker [data-system=ds]{border-image-source:url('/assets/interface-v2/pastel-ui/peach-normal.png')}
html body #v2-console-picker [data-system]::before,html body #v2-console-picker [data-system]::after,html body #v2-console-picker [data-system]>svg {display:none}
html body #v2-console-picker [data-system]>img {position:static;transform:none;width:88px;height:80px;object-fit:contain;margin:0}
html body #v2-console-picker [data-system]>strong {font:700 24px/1.1 PixelUI;min-width:0;white-space:normal;overflow-wrap:normal}
html body #v2-console-picker [data-system]>.v2-console-chevron {width:16px;height:20px}
html body #v2-console-picker [data-system]:hover {filter:brightness(1.04)}
html body #v2-console-picker .v2-console-companion {display:flex;justify-content:center;align-items:center;gap:16px;min-height:130px;margin:0}
html body #v2-console-picker .v2-console-companion button {display:block;border:0;background:none;padding:0;box-shadow:none;width:88px;height:130px;flex:none}
html body #v2-console-picker .v2-console-companion canvas {display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
html body #v2-console-picker .v2-console-companion p {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:16px;font:700 22px/1.15 PixelUI;color:#191722;margin:0;max-width:230px;image-rendering:pixelated;image-rendering:crisp-edges;}
@media(min-width:700px) and (min-height:650px){html body #v2-console-picker>header{height:108px}html body #v2-console-heading{font-size:36px}html body #v2-console-picker [data-system]{grid-template-columns:116px minmax(0,1fr) 24px;min-height:142px;padding:18px 28px;gap:24px}html body #v2-console-picker [data-system]>img{width:116px;height:96px}html body #v2-console-picker [data-system]>strong{font-size:28px}}
@media(min-width:1200px) and (min-height:700px){html body #v2-console-picker>header{height:128px;grid-template-columns:88px minmax(0,1fr) 88px}html body #v2-console-heading{font-size:42px}}
@media(orientation:landscape) and (max-height:600px){html body #v2-console-picker>header{height:64px}html body .v2-console-content{padding:12px 24px;gap:8px}html body #v2-console-picker .console-options{gap:8px}html body #v2-console-picker [data-system]{min-height:78px;padding:10px 22px;grid-template-columns:90px minmax(0,1fr) 20px}html body #v2-console-picker [data-system]>img{width:90px;height:58px}html body #v2-console-picker .v2-console-companion{display:none}}
@media(max-width:380px){html body #v2-console-picker [data-system]{min-height:116px;grid-template-columns:72px minmax(0,1fr) 16px;gap:12px}html body #v2-console-picker [data-system]>img{width:72px;height:72px}html body #v2-console-picker [data-system]>strong{font-size:22px}}

/* Compact settings keep controls and labels in one predictable card. */
html body #settings-dialog .settings-tabs {background:none;position:static}
html body #settings-dialog .settings-tab {min-width:0;overflow-wrap:normal;font-size:18px}
html body #settings-dialog :is(.v2-settings-card,#settings-device,#settings-account-summary) {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;background:none;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #settings-dialog .v2-settings-card>h3 {font:700 26px/1.2 PixelUI;color:#191722;margin:0 0 12px}
html body #settings-dialog .v2-settings-card .settings-toggle {padding:12px 0;margin:0;min-height:66px;border:0;border-image:none;gap:20px;background:none}
html body #settings-dialog .settings-toggle>span {min-width:0;flex:1}
html body #settings-dialog .settings-toggle strong {font:700 22px/1.15 PixelUI;overflow-wrap:normal}
html body #settings-dialog .v2-settings-card>.pixel-button {display:flex;align-items:center;justify-content:center;min-height:60px;padding:10px 16px;margin-top:12px;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);font:700 21px/1.15 PixelUI;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #settings-dialog .settings-account-plan {padding:16px;margin:12px 0}
html body #settings-dialog .settings-auth-actions {grid-template-columns:repeat(2,minmax(0,1fr))}
html body #settings-dialog .settings-auth-actions .pixel-button {font-size:20px;line-height:1.2;padding:10px;min-height:62px;display:flex;align-items:center;justify-content:center}
html body #settings-dialog :is(.settings-note,.settings-intro,.settings-account-copy) {font-size:18px;font-weight:600}
html body #settings-dialog .settings-control {grid-template-rows:minmax(26px,auto) 28px}
html body #settings-dialog .settings-control>label {overflow-wrap:normal}
html body #settings-dialog .settings-control>output {white-space:nowrap}
html body #settings-dialog .speech-preference {display:flex;align-items:center;gap:14px}
html body #settings-dialog .speech-preference span {min-width:0}
@media(max-width:699px){html body #settings-dialog .settings-tabs{min-height:50px;margin-top:14px;margin-bottom:14px}html body #settings-dialog .settings-tab{height:44px;min-height:44px;font-size:16px}html body #settings-dialog .settings-tab[aria-selected=true]{height:50px;min-height:50px}html body #settings-dialog .v2-audio-master{min-height:64px;font-size:19px;padding:10px 12px;gap:10px}html body #settings-dialog .v2-audio-master>img{width:32px;height:32px}html body #settings-dialog .settings-control{min-height:78px;grid-template-columns:40px minmax(0,1fr) auto}html body #settings-dialog .settings-control>img{width:40px;height:40px}html body #settings-dialog .settings-control>label{font-size:18px}}
@media(orientation:landscape) and (max-height:600px){html body #settings-dialog .v2-audio-list{grid-template-columns:repeat(2,minmax(0,1fr))}html body #settings-dialog .v2-audio-master{grid-column:1/-1}}

/* Gold/Silver: the same full-page structure, with real amounts and availability. */
html body #offers {position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;box-shadow:none;overflow:hidden;background:#f0e5fa url('/assets/interface-v2/pastel-ui/background-lilac.png') repeat;background-size:96px}
html body #offers[open] {display:flex;flex-direction:column}
html body #offers .offers-topline {flex:none;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;min-height:78px;height:78px;padding:10px 16px;margin:0;background:#f6bcae;border:0;border-image:none;border-bottom:3px solid #bc8f94}
html body #offers .v2-offer-title {grid-column:2;font:700 28px/1.15 PixelUI;margin:0;text-align:center;color:white;-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:none}
html body #offers #close-offers {grid-column:1;grid-row:1;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;box-shadow:none;background:url('/assets/interface-v2/ui/action-back-normal.png') center/40px no-repeat}
html body #offers .v2-offer-content {width:min(100%,788px);min-height:0;margin:0 auto;padding:18px 16px 28px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
html body #offers .v2-offer-content::-webkit-scrollbar{display:none;width:0;height:0}
html body #offers .offer-tabs {gap:8px;margin:0 0 18px}
html body #offers .offer-tab {font:700 20px/1.1 PixelUI;padding:10px;min-height:48px;color:#191722}
html body #offers .offer-tab[aria-selected=true]{border-image-source:url('/assets/interface-v2/pastel-ui/lavender-normal.png')}
html body #offers .gold-brand {display:flex;justify-content:center;gap:0;margin:16px 0 28px}
html body #offers #offers-heading{width:auto;max-width:100%;margin:0;line-height:0}
html body #offers .gold-wordmark {width:284px!important;max-width:100%;height:auto;display:block;margin:auto}
html body #offers .beta-label {display:none}
html body #offers .gold-benefits {display:grid;grid-template-columns:minmax(0,1fr);padding:16px;margin:0 0 24px;gap:12px;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;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #offers .gold-benefits li {display:flex;grid-column:auto;align-items:center;justify-content:flex-start;gap:14px;padding:8px;border:0!important;border-image:none!important;background:none;text-align:left}
html body #offers .gold-benefits li>div{display:block}
html body #offers .gold-benefits strong {font:700 21px/1.2 PixelUI}
html body #offers .benefit-number{color:#191722}
html body #offers .gold-benefits .benefit-icon {display:grid!important;place-items:center;width:32px;height:32px;color:#574069;flex:none}
html body #offers .benefit-icon .icon {width:32px;height:32px}
html body #offers .benefit-detail,html body #offers .gold-benefits li:nth-child(n+3) .benefit-detail {display:block;font:16px/1.25 PixelUI;margin:3px 0 0;color:#65556f}
html body #offers .plans {display:block;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;margin:0;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #offers .v2-period-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body #offers .v2-period-tabs button {min-height:48px;padding: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);font:700 20px/1 PixelUI;background:none;color:#191722;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #offers .v2-period-tabs button[aria-pressed=true] {border-image-source:url('/assets/interface-v2/pastel-ui/lavender-normal.png')}
html body #offers .plan {display:flex;flex-direction:column;gap:12px;padding:20px 0 0;margin:0;border:0!important;border-image:none!important;box-shadow:none;background:none}
html body #offers .plan .plan-heading,html body #offers .recommended-badge {display:none}
html body #offers .plan-price {display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0;text-align:center}
html body #offers .plan-price strong {font:700 44px/1.1 PixelUI}
html body #offers .plan-terms {text-align:center;font:18px/1.3 PixelUI;margin:0;color:#65556f}
html body #offers .choose-plan {min-height:52px;padding:10px;font:700 22px/1.1 PixelUI;border:0;border-image:url('/assets/interface-v2/pastel-ui/mint-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;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #offers .quota-note {font:16px/1.4 system-ui,sans-serif;text-align:left;margin-top:20px;overflow-wrap:anywhere}
html body #offers .selection-feedback {font:20px/1.25 PixelUI;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:16px;image-rendering:pixelated;image-rendering:crisp-edges;}
@media(min-width:700px) and (min-height:650px){html body #offers .offers-topline{height:108px;min-height:108px}html body #offers .v2-offer-title{font-size:36px}}
@media(orientation:landscape) and (max-height:600px){html body #offers .offers-topline{height:64px;min-height:64px}html body #offers #offer-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}html body #offers .gold-brand{grid-column:1/-1;margin:0}html body #offers .quota-note{grid-column:1/-1}html body #offers .gold-benefits{margin:0}}

/* The session menu is anchored in the viewport, never inside the translation row. */
html body[data-mobile=true] #workspace>#mobile-toolbar {inset:auto;box-sizing:border-box;max-width:calc(100% - 16px);max-height:calc(100% - 16px);margin:0;z-index:30;overscroll-behavior:contain}
html body[data-mobile=true] #mobile-toolbar :is(.main-actions,.mobile-session-actions) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
html body[data-mobile=true] #mobile-toolbar .mobile-session-actions {margin-top:8px}
html body[data-mobile=true] #mobile-toolbar :is(button,a) {position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:100%;height:48px;min-height:48px;margin:0;padding:6px;font:700 18px/1.1 PixelUI;white-space:normal}
html body[data-mobile=true] #mobile-toolbar #open-settings {width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;background:url('/assets/interface-v2/console-controls/settings.png') center/32px no-repeat!important;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;image-rendering:pixelated;image-rendering:crisp-edges;}
html body[data-mobile=true] #mobile-toolbar #open-settings>.v2-command-art{display:block!important;position:relative!important;inset:auto!important;width:32px!important;height:32px!important;transform:none!important}
html body #workspace #guest-trial-status {pointer-events:none}
html body[data-console=gbc] #workspace #touch-controls .touch-shoulders {display:none!important}
html body #panel .room-choice {grid-template-rows:minmax(0,1fr) auto}
html body #panel .room-choice span {font:700 18px/1.15 PixelUI;min-height:22px;white-space:normal;overflow-wrap:normal}
html body #panel .panel-scroll>:is(.owned-clothes,.home-shop,.room-choices,.furniture-grid)>p {grid-column:1/-1;font:20px/1.3 PixelUI;margin:8px 0}
html body #home-view :is(#pote-name,#level) {font-weight:700}
html body #home-view :is(.home-status,.panel-scroll,.panel-tabs,.wallet),html body #home-view :is(.home-shop h3,.owned-clothes span,.item-card h3) {font-family:PixelUI,monospace}
html body .account-card a.pixel-button {text-decoration:none}
html body .account-card :is(input,select,textarea) {font:18px/1.3 system-ui,sans-serif;min-height:48px;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;padding:12px;image-rendering:pixelated;image-rendering:crisp-edges;}
html body .account-card input[type=checkbox] {min-height:0}
html body .account-card summary {font:700 22px/1.3 PixelUI}
html body :is(#payment-status,#account-status).error,html body #withdrawal-error {color:#963c64}
html body .legal-page {max-width:1040px;width:100%;margin:0 auto;padding:20px 16px;border:0;background:none}
html body .legal-page section {padding:22px;margin:16px 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);image-rendering:pixelated;image-rendering:crisp-edges;}
html body :is(.legal-page,#gold-terms) :is(p,li,td,dd) {font:16px/1.6 system-ui,sans-serif;overflow-wrap:anywhere}
html body .legal-page .legal-nav {display:flex;flex-wrap:wrap;gap:8px}
html body .legal-page .legal-nav a {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);padding:12px;font:700 20px/1.2 PixelUI;text-decoration:none;color:#191722;image-rendering:pixelated;image-rendering:crisp-edges;}
@media(max-width:699px){html body .v2-account-header h1{font-size:24px}html body .v2-account-header{padding-inline:12px;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}}
html body .workshop-controls :is(#creation-step-title,.personality-choices button,.workshop-choices button,.workshop-parts button,.color-channels button,.workshop-environments button) {font-weight:700}
@media(min-width:1200px) and (min-height:700px){html body .v2-creation-header a.v2-sprite{--v2-size:80px}}
/* Interface labels use Pixel; study and translation content remain normal type. */
html body #vocabulary-dialog #local-status {position:static;flex:none;max-width:100%;margin:0 16px 8px;padding:6px 10px;max-height:72px;overflow:auto;font:16px/1.2 PixelUI!important}
html body #vocabulary-dialog :is(.library-tabs,.collection-filters) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 16px}
html body #vocabulary-dialog :is(.library-tabs,.collection-filters) .level {min-height:48px;min-width:0;padding:10px 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);background:none;color:#191722;box-shadow:none;font:700 20px/1.15 PixelUI;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog :is(.library-tabs,.collection-filters) .level[aria-pressed=true] {border-image-source:url('/assets/interface-v2/pastel-ui/lavender-normal.png')}
html body #vocabulary-dialog .dictionary-kana-filters {display:grid;gap:12px;margin-bottom:12px}
html body #vocabulary-dialog .check-option {font:20px/1.2 PixelUI;min-height:32px;display:flex;align-items:center;gap:6px}
html body #vocabulary-dialog .check-option input {appearance:auto;accent-color:#9b7bbc;background:#fff;width:20px;height:20px;flex:none;margin:0}
html body #vocabulary-dialog .kana-study-actions {display:flex;flex-wrap:nowrap;gap:8px;margin:0 0 16px}
html body #vocabulary-dialog #review-dictionary-kana {font:700 20px/1.15 PixelUI;min-height:48px;min-width:0;padding:8px 14px;flex:none;border:0;border-image:url('/assets/interface-v2/pastel-ui/mint-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 #vocabulary-dialog .kana-reference-key {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;min-height:100px;padding:14px 4px;justify-content:center;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog .kana-reference-key:hover {border-image-source:url('/assets/interface-v2/pastel-ui/paper-hover.png')}
html body #vocabulary-dialog :is(.discovery-filters input,.discovery-filters select) {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-color:transparent;box-shadow:none;padding:12px 16px;min-height:48px;height:auto;font-size:18px;min-width:0;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog .discovery-filters input {font-family:system-ui,sans-serif;font-size:17px}
html body #vocabulary-dialog .discovery-filters select {padding-right:24px}
html body #vocabulary-dialog .collection-note {font:16px/1.4 system-ui,sans-serif}
html body #vocabulary-dialog .collection-summary {font:700 24px/1.2 PixelUI}
html body #vocabulary-dialog .translation-list>li {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;padding:16px;margin-bottom:12px;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog .translation-list :is(p,.context-sentence,.context-romaji) {font-family:'Yu Gothic',Meiryo,system-ui,sans-serif;overflow-wrap:anywhere}
/* Secondary study screens use the same cards and leave the full height to forms. */
html body #vocabulary-dialog .study-shell:has(>.screen-tabs[hidden]) {padding-bottom:0}
html body #vocabulary-dialog :is(.fc-editor fieldset,.fc-editor-category,.flashcard-face,.exercise-settings,.answer-feedback,.fc-finished) {min-width: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);background:none;padding:20px;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog :is(.fc-editor,.exercise-settings,.fc-setup) :is(label,legend,h3) {font:700 22px/1.25 PixelUI;color:#191722}
html body #vocabulary-dialog .fc-editor legend {padding:0 6px}
html body #vocabulary-dialog .fc-editor :is(input,textarea),html body #answer-input {min-height:48px;min-width:0;max-width:100%;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:12px;background:none;font:18px/1.4 'Yu Gothic',Meiryo,system-ui,sans-serif;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog .fc-editor-actions {position:sticky;bottom:0;display:flex;gap:8px;padding:10px 0;background:#f0e5fa;z-index:2}
html body #vocabulary-dialog .fc-editor-actions button {flex:1;min-width:0;min-height:52px;font:700 20px/1.15 PixelUI;padding:10px 14px}
html body #vocabulary-dialog :is(.setup-choices,.setup-directions) {gap:8px}
html body #vocabulary-dialog :is(.setup-choices,.setup-directions) button {min-width:0;min-height:64px;padding:12px;font:700 21px/1.2 PixelUI;white-space:normal}
html body #vocabulary-dialog :is(.setup-choices,.setup-directions) button small {display:block;font-size:16px;font-weight:400;margin-top:5px}
html body #vocabulary-dialog :is(.setup-choices,.setup-directions) button[aria-pressed=true] {border-image-source:url('/assets/interface-v2/pastel-ui/lavender-normal.png')}
html body #vocabulary-dialog :is(#launch-exercise,#fc-start,#flip-flashcard,#submit-answer) {font:700 23px/1.2 PixelUI;min-height:56px;padding:12px 16px}
html body #vocabulary-dialog :is(#question-instruction,#fc-editor-title) {font:700 26px/1.2 PixelUI;color:#191722}
html body #vocabulary-dialog :is(.choice-button,#answer-input,#flashcard-word,#flashcard-reading,#flashcard-romaji,.kana-key,.key-tab) {font-family:'Yu Gothic',Meiryo,system-ui,sans-serif}
html body :is(.study-text,.reading-copy,.context-sentence,.context-romaji,.japanese,.romaji,.french,.aligned-word,.dictionary-kanji,.dictionary-word,.discovery-glyph,.dictionary-kana-character,.dex-character,.dex-reading-chip,.dex-form-chip,.dex-vocab-word,.dex-vocab-reading,.dex-french,.dex-romaji,.fc-library-word,.fc-library-translation,.fc-source,.fc-reading,.fc-translation,.fc-context,.fc-romaji,[data-answer],#question-text,#question-word,#exercise-kana-symbol,#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}

/* The actor keeps its small native canvas. Placement spans the complete map,
   including the two sides revealed by portrait panning. */
html[data-interface=v2] body #home-view :is(.furniture-layer,#decor-surface,#decor-guides,#decor-tint) {
 inset:auto;left:-67.56px;top:var(--map-local-top,-67.12px);width:519.36px;height:374.4px;max-width:none;
}
html[data-interface=v2] body #home-view #decor-guides :is(polygon,rect) {stroke-width:3;stroke-dasharray:none}
html[data-interface=v2] body #home-view #decor-guides .decor-zone {stroke-dasharray:12 12}
html[data-interface=v2] body #home-view #decor-guides .decor-outline {stroke-width:5;stroke-dasharray:8 4}
html[data-interface=v2] body .toast {width:max-content;max-width:calc(100vw - 24px);pointer-events:none;z-index:90}
html[data-interface=v2] body.decorating .toast {bottom:calc(var(--v2-dock) + 96px + env(safe-area-inset-bottom))}