@import url("/native-speech-bubbles.css");
/* Shared native interface refinements, also used outside the visit. */
@font-face{font-family:'Fusion Pixel';src:url('/fonts/fusion-pixel/fusion-pixel-12px-proportional-ja.otf.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:CityTiny5;src:url('/fonts/collection-pixel-retro-2026-09-24/tiny5/Tiny5-Regular.ttf') format('truetype');font-display:swap}
/* Same room dialogue frame; one rule for the room, creator, visit and Arena. */

html body .arena-pote-comment{font:600 24px/1.2 'Fusion Pixel',monospace;padding:12px 18px;max-height:none;overflow-wrap:anywhere}
html body .arena-pote-comment::after{display:none!important}
html body .onboarding-dialog[data-automatic=true]:not([data-wait-for-click=true]) .onboarding-dialogue-cue{display:none}
/* Same cream/brown native frame as the narrator; preserve the approved title box. */
html body .onboarding-arrival{--native-thought-corner:16px;top:14dvh;width:min(860px,calc(100vw - 40px));border-width:16px;border-image:url('/assets/interface-v2/onboarding/monologue-frame.png') var(--native-frame-slice,4) fill / var(--native-thought-corner,12px) / 0 repeat;background:none;color:#5b392d;image-rendering:pixelated;image-rendering:crisp-edges;}
html body:is([data-onboarding-state=S03],[data-onboarding-state=S04]) .onboarding-panel,
html body:is([data-onboarding-state=S03],[data-onboarding-state=S04]) .onboarding-panel :is(h2,p,label,button,input):not(:where(.pixel-keyboard *)){font:26px/1.2 CityTiny5,monospace!important}
html body .onboarding-panel #onboarding-player-name{color:#352844!important;background:#fff9f2!important;border:3px solid #796580!important;border-image:none!important;box-shadow:none!important;outline-offset:3px;padding:8px}
html body[data-onboarding-state=S04] .onboarding-panel{text-align:center}
html body #creator-view{position:relative;grid-template-rows:minmax(0,1fr)!important}
html body #creator-view>.workshop-layout{grid-row:1;grid-column:1}
html body #creator-view .workshop-stage{inset:0!important}
html body #creator-view>.v2-creation-header{position:absolute;inset:12px 16px auto!important;display:block!important;z-index:25;height:4px;padding:0!important;background:none!important;border:0!important;pointer-events:none}
html body #creator-view>.v2-creation-header>.progress-track{width:100%!important;max-width:390px!important;margin:auto;height:4px;background:var(--raised)}
html body #creator-view>.v2-creation-header>.progress-track span{display:block;height:100%;background:var(--accent)}
html body #vocabulary-dialog[data-view=dictionary] .learning-top-navigation,html body #discovery-detail .learning-top-navigation{display:none!important}
html body #vocabulary-dialog[data-view=dictionary] .study-shell,html body #discovery-detail .dex-device{padding-top:60px!important}
html body #discovery-detail .dex-topbar{display:contents!important}
html body #discovery-detail .dex-topbar>:not(#dex-close){display:none!important}
html body #vocabulary-dialog[data-view=dictionary] .study-header{display:contents!important;clip-path:none!important;pointer-events:auto!important}
html body #vocabulary-dialog[data-view=dictionary] .study-header>:not(#study-close){display:none!important}
html body :is(#study-close,#dex-close){position:fixed!important;inset:var(--pixel-close-top,4px) auto auto var(--pixel-close-left,4px)!important;width:48px!important;height:48px!important;z-index:110!important}
html body #discovery-detail .dex-reading-chip,html body #discovery-detail .dex-combat-translations .dex-french{font-weight:700;font-size:22px}
html body #discovery-detail[data-onboarding-navigation=locked] :is(#dex-previous,#dex-next,#dex-edge-previous,#dex-edge-next){opacity:.35}
/* Both feedback surfaces use the same native mint/red panel and type face. */
html body #vocabulary-dialog #answer-feedback,html body #arena-app .arena-result{border:8px solid transparent!important;border-image:url('/assets/interface-v2/pastel-ui/mint-normal.png') var(--native-frame-slice,4) fill / var(--native-frame-corner,8px) / 0 repeat!important;background:none!important;padding:16px!important;image-rendering:pixelated;image-rendering:crisp-edges;}
html body #vocabulary-dialog #answer-feedback.missed,html body #arena-app .arena-result[data-result=PLAYER_B_WIN]{border-image-source:url('/assets/interface-v2/pastel-ui/pink-normal.png')!important}
html body #vocabulary-dialog #answer-verdict,html body #arena-app .arena-result>h2{font:600 26px/1.2 'Fusion Pixel',monospace!important;color:#352844!important;-webkit-text-stroke:0!important;text-shadow:none!important}
body[data-onboarding-dock=daily] .main-navigation .v2-home-dock>:not(#vocabulary-test):not(#city-daily-review){display:none!important}
html body #city-daily-review{position:relative;inset:auto}
html body #review-dialog[data-state=review] #review-close,html body #review-dialog[data-state=loading] #review-close,html body #review-dialog[data-state=reward] #review-close{display:none!important}
html body #review-dialog[data-settings-motion]{animation:none!important}
body[data-onboarding-status=in_progress] .daily-dev-cards{display:none!important}

/* Standalone Dex: its shared library navigation is never part of this screen. */
html body #vocabulary-dialog#vocabulary-dialog[data-view=dictionary] .screen-tabs,
html body #discovery-detail#discovery-detail .screen-tabs{display:none!important}
html body #vocabulary-dialog#vocabulary-dialog[data-view=dictionary] .study-header,
html body #discovery-detail#discovery-detail .dex-topbar{display:contents!important;clip-path:none!important;overflow:visible!important;pointer-events:auto!important}
html body #vocabulary-dialog#vocabulary-dialog[data-view=dictionary] #study-close,
html body #discovery-detail#discovery-detail #dex-close{display:grid!important;visibility:visible!important;pointer-events:auto!important}
html body .onboarding-panel form{margin:0;align-content:center}
html body .onboarding-name-label{display:block;text-align:center;margin:0;padding:0}
html body .onboarding-panel :is(h2,p,label){color:#352844!important}