@import url('/assets/fonts/fonts.css');
@import url('/assets/fonts/world-fonts.css?v=manuals-2');
:root{--cream:#fffaf3;--ink:#4a3b35;--soft:#8a776c;--line:#f1e3d3;--orange:#fa7e2e;--display:Jua,'Gowun Dodum',sans-serif;--body:'Gowun Dodum','Noto Sans KR',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:#f7ebdc;background-image:radial-gradient(#ecd8c1 1.5px,transparent 0);background-size:18px 18px;font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f4a7bb;outline-offset:5px}button:disabled{cursor:default}svg{vertical-align:middle;flex-shrink:0}::selection{background:#f8d9c3}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;padding:10px 20px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{top:10px}.site-frame{max-width:1088px;margin:0 auto;background:var(--cream);min-height:100dvh;box-shadow:0 0 48px #8a776c24}.world-hub{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:64px;padding:max(120px,calc(50dvh - 240px)) 64px 65px;min-height:calc(100dvh - 64px)}.hub-tools{position:absolute;top:24px;right:32px;left:32px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.hub-tools .back-pill{margin-right:auto}.pill{min-height:40px;padding:6px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--line);border-radius:30px;background:#fff;font:16px/1.5 var(--display);color:var(--soft)}.pill .icon{width:16px;height:16px}.pop{box-shadow:0 4px 0 var(--line);transition:transform .12s,box-shadow .12s,background-color .12s,border-color .12s}.pop:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.pill:hover{border-color:#e7cbb5}.character-stage{position:sticky;top:max(95px,calc(50dvh - 215px));display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding-top:0}.speech-bubble{position:relative;max-width:280px;min-height:63px;display:flex;align-items:center;justify-content:center;padding:16px 23px;border:2px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 4px 0 var(--line);font:18px/1.5 var(--display);z-index:2}.speech-bubble:before,.speech-bubble:after{content:'';position:absolute;top:100%;left:calc(50% - 10px);border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--line)}.speech-bubble:after{border-top-color:#fff;top:calc(100% - 3px)}.character-scene{position:relative;width:100%;height:350px;margin-top:6px;display:flex;justify-content:center;align-items:flex-start}.character-shortcuts{position:absolute;left:0;bottom:23px;display:flex;flex-direction:column;gap:18px;z-index:2}.shortcut{display:flex;align-items:center;justify-content:center;width:54px;height:52px;border:2px solid #b791a6;border-radius:15px;background:#ffe1ec;box-shadow:0 4px 0 #efd4df;position:relative;transition:transform .12s}.shortcut:before{content:'';position:absolute;width:22px;height:7px;top:-6px;left:14px;background:inherit;border:2px solid currentColor;border-radius:5px;color:#b791a6}.shortcut .icon{width:27px;height:27px;color:#ae758c;stroke-width:1.7}.shortcut-search{background:#e9dcff;border-color:#ac96ce;box-shadow:0 4px 0 #ddceed}.shortcut-search:before{color:#ac96ce}.shortcut-search .icon{color:#9680bc}.shortcut-archive{background:#e0f1e7;border-color:#97b8a5;box-shadow:0 4px 0 #d3e7d8}.shortcut-archive:before{color:#97b8a5}.shortcut-archive .icon{color:#80a78f}.shortcut:hover{transform:translateY(-3px)}.character-button{display:block;width:260px;height:345px;padding:0;position:relative;border-radius:80px;transform:translateX(16px)}.character-art{position:relative;display:block;width:100%;height:100%;animation:float 3.2s ease-in-out infinite}.character-image{position:absolute;top:8.625px;left:50%;display:block;width:327.75px;height:327.75px;max-width:none;object-fit:contain;transform:translateX(-50%);user-select:none;pointer-events:none}.character-button.greeting .character-art{animation:hop .55s ease-in-out}.world-menus{display:flex;flex-direction:column;gap:16px;min-width:0}.world-menu{display:flex;align-items:center;gap:12px;min-height:76px;width:100%;border:2px solid var(--line);border-radius:24px;background:#fff;padding:14px 16px 14px 24px;text-align:left;font:20px/1.4 var(--display);--tone:var(--orange)}.world-menu:hover{border-color:var(--tone);background:#fffefd}.menu-label{flex:1;overflow-wrap:anywhere}.menu-count{font:13px var(--body);color:#ad9b8e}.round-arrow{width:36px;height:36px;border-radius:50%;background:var(--tone,var(--orange));color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}.round-arrow .icon{width:19px;height:19px;stroke-width:2.4}.tone-violet{--tone:#8d58fa}.tone-mint{--tone:#11a783}.tone-blue{--tone:#4a9be6}.tone-pink{--tone:#f54c81}.tone-gold{--tone:#d3a641}.menu-heading{display:flex;align-items:center;gap:14px;margin:0 0 8px;min-height:40px}.menu-heading h2{font:24px/1.5 var(--display);margin:0;overflow-wrap:anywhere}.back-icon{width:32px;height:32px;background:#f4e7d8;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.back-icon .icon{width:16px;height:16px;transform:rotate(180deg);color:#b38c6f}.title-list{border:2px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 4px 0 var(--line);overflow:hidden;min-width:0}.list-topline{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:18px 21px;border-bottom:1px solid var(--line);color:#ab9483;font-size:12px}.list-topline>span{white-space:nowrap}.list-topline label{min-width:0;max-width:150px}.title-filter{min-width:0;width:100%;border:1px solid var(--line);background:#fffaf5;border-radius:14px;padding:7px 12px;outline:none;font-size:12px}.title-filter::placeholder{color:#b5a090}.post-row{display:flex;align-items:center;gap:13px;padding:19px 22px;border-bottom:1px solid var(--line);transition:background-color .15s;min-height:74px;min-width:0}.post-row:last-child{border:0}.post-row:hover{background:#fff7ec}.post-row-text{min-width:0;flex:1}.post-title{font:17px/1.65 var(--display);overflow-wrap:anywhere;display:block}.post-section{font-size:11px;color:#a18a79;display:block;margin-top:4px}.post-row time{font:10px var(--body);color:#a58f7e;white-space:nowrap}.post-row>.icon{width:14px;height:14px;color:#d7bfab}.list-empty{padding:30px 20px;text-align:center;font-size:14px;color:var(--soft)}.world-footer{padding:19px 32px 22px;display:flex;align-items:center;justify-content:center;gap:15px;font:11px var(--body);color:#b49c89;flex-wrap:wrap}.world-footer>a:first-child{font-family:var(--display);font-size:13px}.layout-reading{max-width:1088px}.reading-page,.utility-page{padding:26px 48px 50px}.reading-topbar{display:flex;align-items:center;gap:10px;margin-bottom:36px}.reading-topbar>a:first-child{margin-right:auto}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;color:#a38a77;line-height:1.9;margin:0 0 24px}.breadcrumbs>span{color:#d0b59f}.breadcrumbs a:hover{color:#d1814a}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:36px}.article{min-width:0}.article-header{padding:12px 0 24px;border-bottom:2px solid var(--line);margin-bottom:30px}.article-category{display:inline-flex;padding:4px 11px;background:#f8ecdd;border:1px solid #ecd7bf;border-radius:12px;color:#b18b68;font-size:12px}.article-header h1{font:32px/1.55 var(--display);margin:16px 0 18px;overflow-wrap:anywhere}.article-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#a18b79;flex-wrap:wrap}.share-button{display:flex;align-items:center;gap:6px;font-size:11px;color:#a18b79;margin-left:auto}.share-button .icon{width:13px;height:13px}.article-content{font:15px/2.05 'Noto Sans KR',var(--body);color:#665348;overflow-wrap:anywhere}.article-content p{margin:19px 0}.article-content h2{font:23px/1.65 var(--display);margin:36px 0 16px;color:#655044;scroll-margin-top:30px}.article-content h2:first-child{margin-top:0}.article-content a{color:#bb7c50;text-decoration:underline;text-underline-offset:4px;word-break:break-all}.code-block{margin:22px 0;background:#f7efe5;border:2px solid #eee0ce;border-radius:17px;overflow:hidden}.code-toolbar{display:flex;align-items:center;justify-content:space-between;background:#f1e7d9;border-bottom:1px solid #e9dbc8;padding:8px 14px;gap:10px;color:#ad947b}.code-toolbar>span{font:9px monospace;letter-spacing:.04em}.copy-code{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:11px;color:#a48b72}.copy-code .icon{width:13px;height:13px}.code-block pre{margin:0;padding:19px;overflow-x:auto;font:12px/1.95 'SFMono-Regular',Consolas,'Liberation Mono',monospace;white-space:pre;tab-size:4;color:#725a45;scrollbar-width:thin}.code-block code{font:inherit}.article-source{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;color:#a68d75;margin-top:35px;background:#f6ecdf;border-radius:15px;padding:14px}.article-source .icon{width:14px;height:14px}.image-pending{font-size:11px;color:#b09a86}.article-neighbors{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:2px solid var(--line);margin-top:27px;padding-top:22px}.article-neighbors a{font:15px/1.7 var(--display);overflow-wrap:anywhere}.article-neighbors a:nth-child(2){text-align:right}.article-neighbors a>span{display:block;font:11px var(--body);color:#aa907c;margin-bottom:8px}.return-list{font-size:17px;margin-top:28px;min-height:65px}.return-list .round-arrow{width:30px;height:30px}.article-sidebar{min-width:0}.toc{position:sticky;top:35px;padding:20px 0 20px 20px;border-left:2px solid var(--line);max-height:calc(100dvh - 70px);overflow:auto;scrollbar-width:thin}.toc h2{font:18px var(--display);margin:0 0 20px}.toc nav{display:flex;flex-direction:column;gap:13px}.toc a{font-size:12px;line-height:1.8;color:#a48a74;overflow-wrap:anywhere}.toc a.current,.toc a:hover{color:#d27e48}.mobile-toc{display:none}.utility-page>h1{font:28px var(--display);margin:20px 0 28px}.utility-page>h1 span{font:14px var(--body);color:#b2967c;margin-left:8px}.year-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:35px}.year-nav .pill{font-size:14px;min-height:35px;padding:5px 13px}.archive-year{margin-bottom:35px;scroll-margin-top:25px}.archive-year>h2{font:25px var(--display);margin:0 0 18px;color:#ac8b6c}.global-search{display:flex;align-items:center;gap:10px;min-height:58px;border:2px solid var(--line);background:#fff;border-radius:20px;padding:8px 14px;box-shadow:0 4px 0 var(--line)}.global-search>.icon{color:#bba38e;width:19px;height:19px}.global-search input{min-width:0;width:100%;border:0;background:none;font-size:14px;outline:none}.global-search:focus-within{border-color:#efbc95}.global-search input:focus-visible{outline:none}.global-search button{padding:4px;color:#bba38e}.global-search input::placeholder{color:#b8a190}.search-status{font-size:12px;color:#a78c76;padding:20px 3px 14px}.search-more{margin:20px auto;display:flex;min-width:110px}.search-error{display:block;text-align:center;color:#b17c5a;padding:18px;font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);padding:12px 22px;background:#685247;color:#fffaf3;border-radius:18px;box-shadow:0 4px 0 #4d3e3530;font:15px var(--display);z-index:100;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.back-top{position:fixed;bottom:22px;right:22px;width:40px;height:40px;background:#fffaf3;border:2px solid var(--line);box-shadow:0 4px 0 var(--line);border-radius:50%;font-size:20px;color:#aa8c73;opacity:0;visibility:hidden}.back-top.shown{opacity:1;visibility:visible}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hop{0%,100%{transform:translateY(0)}45%{transform:translateY(-5px)}75%{transform:translateY(-2px)}}
@media(min-width:1250px){.world-hub:has(.world-menus>.world-menu:only-child),.world-hub:has(.search-panel){padding-top:max(130px,calc(50dvh - 220px))}}
@media(max-width:1100px) and (min-width:801px){.world-hub{column-gap:35px;padding-left:35px;padding-right:35px}.character-shortcuts{left:-8px}.character-button{transform:translateX(22px) scale(.92);transform-origin:top center}.speech-bubble{font-size:16px}.world-menu{padding-left:20px;font-size:18px}}
@media(max-width:800px){.site-frame{max-width:576px}.world-hub{display:block;padding:80px 24px 45px;min-height:calc(100dvh - 60px)}.hub-tools{top:19px;left:24px;right:24px}.character-stage{position:relative;top:auto;padding-top:0;margin-bottom:26px}.speech-bubble{font-size:17px;min-height:61px;padding:13px 22px;max-width:290px}.character-scene{height:245px;margin-top:6px;max-width:400px}.character-button{transform:translateX(0) scale(.71);transform-origin:top center}.character-shortcuts{left:0;bottom:12px;gap:17px}.shortcut{width:49px;height:47px;border-radius:13px}.shortcut:before{left:11px}.shortcut .icon{width:24px;height:24px}.world-menus{gap:16px}.world-menu{min-height:76px;font-size:20px}.menu-heading{margin:0 0 5px}.menu-heading h2{font-size:24px}.reading-page,.utility-page{padding:22px 25px 40px}.reading-layout{display:block}.article-sidebar{display:none}.article-header h1{font-size:28px}.mobile-toc{display:block;border:2px solid var(--line);background:#fff;border-radius:17px;margin:0 0 26px;padding:12px 17px;font-size:14px}.mobile-toc summary{cursor:pointer;font-family:var(--display);font-size:16px}.mobile-toc nav{display:flex;flex-direction:column;gap:10px;padding:15px 0 4px;color:#a58a74;font-size:12px}.world-footer{padding:18px 20px 24px;font-size:10px;gap:12px}.world-footer>a:first-child{font-size:12px}.layout-reading .world-footer{margin-top:15px}}
@media(max-width:440px){.site-frame{max-width:448px;box-shadow:none}.world-hub{padding:80px 20px 35px}.hub-tools{left:20px;right:20px;top:18px}.pill{min-height:38px;font-size:15px;padding:5px 13px}.character-scene{height:215px}.character-button{transform:translateX(0) scale(.62)}.character-stage{margin-bottom:27px}.speech-bubble{font-size:16px;min-height:59px;padding:13px 18px;max-width:270px}.shortcut{width:49px;height:45px}.character-shortcuts{gap:17px;bottom:8px}.world-menu{font-size:19px;padding-left:24px;gap:9px}.world-menus{gap:16px}.menu-count{font-size:11px}.menu-heading h2{font-size:23px}.menu-heading{gap:12px;margin-bottom:2px}.post-row{padding:17px 17px;gap:9px;min-height:74px;flex-wrap:wrap}.post-title{font-size:17px}.post-row time{font-size:9px}.post-row>.icon{width:11px;height:11px}.list-topline{padding:15px 17px;font-size:11px}.title-filter{font-size:11px}.reading-page,.utility-page{padding:20px 20px 35px}.reading-topbar{gap:8px;margin-bottom:29px}.reading-topbar .pill{min-height:36px;font-size:14px;padding:5px 12px}.breadcrumbs{font-size:11px;gap:7px;margin-bottom:19px}.article-header h1{font-size:27px;line-height:1.6}.article-meta{font-size:11px;gap:8px}.share-button{font-size:10px}.article-content{font-size:14px;line-height:2}.article-content h2{font-size:21px}.code-block pre{font-size:11px;padding:16px}.code-toolbar>span{font-size:8px}.article-neighbors{gap:15px}.article-neighbors a{font-size:14px}.article-source{font-size:10px}.image-pending{font-size:10px}.back-top{width:36px;height:36px;bottom:18px;right:14px}.world-footer{font-size:9px;gap:10px}.utility-page .post-row{align-items:flex-start}.utility-page .post-row time{padding-top:5px}.year-nav{gap:10px}.search-status{font-size:11px}.global-search input{font-size:13px}}
@media(max-width:350px){.world-hub{padding-left:16px;padding-right:16px}.hub-tools{left:16px;right:16px}.character-button{transform:translateX(12px) scale(.6)}.speech-bubble{font-size:15px;padding:12px 14px}.character-shortcuts{left:0;gap:15px}.shortcut{width:42px;height:42px}.shortcut:before{left:9px;width:19px}.shortcut .icon{width:22px;height:22px}.world-menu{font-size:17px;padding-left:19px}.round-arrow{width:32px;height:32px}.post-row{gap:8px}.post-row time{display:none}.menu-count{font-size:10px}.list-topline{gap:10px}.list-topline label{max-width:128px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* A fixed character stage and a separately scrollable navigation pane. */
body:has(.layout-hub){height:100dvh;overflow:hidden;overscroll-behavior:none}
.site-frame.layout-hub{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.layout-hub .world-hub{flex:1;min-height:0;min-width:0;overflow:hidden;grid-template-rows:minmax(0,1fr);padding:92px 56px 22px;column-gap:56px}
.layout-hub .character-stage{position:relative;top:auto;align-self:center;grid-column:1;grid-row:1;padding:0;min-width:0;margin:0}
.layout-hub .speech-bubble{width:100%;max-width:280px;height:72px;min-height:72px;padding:9px 16px;font-size:16px;line-height:1.45;flex-shrink:0;overflow-wrap:anywhere}
.layout-hub .character-scene{height:350px;margin-top:8px}
.layout-hub .character-button{transform:none}
.layout-hub .world-menus{grid-column:2;grid-row:1;align-self:stretch;min-height:0;min-width:0;overflow:hidden;display:block}
.menu-scroll{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dfcbb5 transparent;padding:7px 8px 14px 6px;display:flex;flex-direction:column;gap:16px;scroll-padding-block:12px;touch-action:pan-y}
.menu-scroll:focus-visible{outline:2px solid #efc7ac;outline-offset:-2px;border-radius:15px}
.menu-scroll>*{flex-shrink:0}
.menu-scroll::-webkit-scrollbar{width:5px}.menu-scroll::-webkit-scrollbar-thumb{background:#dfcbb5;border-radius:4px}
.layout-hub>.world-footer{flex-shrink:0;height:38px;margin:0;padding:8px 20px 12px;font-size:10px}
body:has(.layout-hub)>.back-top{display:none}
.empty-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:170px;border:2px dashed var(--line);border-radius:24px;color:#a48a76;padding:28px 18px;font:16px/1.8 var(--body);text-align:center;margin:0}
.empty-section p{margin:0}.empty-note-icon .icon{width:30px;height:30px;stroke-width:1.3;color:#c7ae94}
.character-shortcuts{display:none!important}
@media(max-width:1100px) and (min-width:801px){.layout-hub .world-hub{padding:90px 30px 20px;column-gap:32px}.layout-hub .speech-bubble{font-size:16px}.layout-hub .character-button{transform:none}}
@media(min-width:801px) and (max-height:740px){.layout-hub .world-hub{padding-top:78px;padding-bottom:12px}.layout-hub .speech-bubble{height:64px;min-height:64px;font-size:14.5px}.layout-hub .character-scene{height:268px}.layout-hub .character-button{transform:scale(.78);transform-origin:top center}}
@media(max-width:800px){
 .layout-hub .world-hub{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:17px;padding:68px 24px 8px;min-height:0}
 .layout-hub .character-stage{grid-column:1;grid-row:1;align-self:start;width:100%;margin:0}
 .layout-hub .speech-bubble{height:68px;min-height:68px;max-width:280px;padding:8px 14px;font-size:15px;line-height:1.45}
 .layout-hub .character-scene{height:220px;margin-top:6px;max-width:400px}
 .layout-hub .character-button{transform:scale(.64);transform-origin:top center}
 .layout-hub .world-menus{grid-column:1;grid-row:2;min-height:0}
 .layout-hub .menu-scroll{gap:15px;padding:6px 7px 12px 3px}
 .layout-hub>.world-footer{height:30px;padding:7px 12px 8px;gap:10px;font-size:9px}
 .layout-hub>.world-footer>a:first-child{font-size:11px}
}
@media(max-width:440px){
 .layout-hub .world-hub{padding:65px 17px 6px;row-gap:12px}
 .layout-hub .speech-bubble{max-width:260px;font-size:14.5px;height:68px;min-height:68px;padding:8px 14px}
 .layout-hub .character-scene{height:220px;margin-top:5px}
 .layout-hub .character-button{transform:scale(.64)}
 .layout-hub .world-menu{min-height:69px;border-radius:23px;padding:12px 16px 12px 22px;font-size:18px}
 .layout-hub .world-footer{font-size:9px}
 .layout-hub .empty-section{min-height:135px;font-size:14px}
}
@media(max-width:800px) and (max-height:680px){
 .layout-hub .world-hub{padding-top:62px;row-gap:9px}
 .layout-hub .speech-bubble{height:62px;min-height:62px;font-size:14px;padding:7px 12px;max-width:260px}
 .layout-hub .character-scene{height:174px;margin-top:4px}
 .layout-hub .character-button{transform:scale(.5)}
 .layout-hub .world-menu{min-height:60px;font-size:17px;padding-block:10px}
 .layout-hub .menu-scroll{gap:13px}
 .layout-hub>.world-footer{height:26px;font-size:8px;padding:5px 10px}
}
@media(min-width:801px) and (max-height:520px){
 .layout-hub .world-hub{padding-top:60px;padding-bottom:8px}
 .layout-hub .speech-bubble{height:60px;min-height:60px;font-size:13px;padding:7px 12px}
 .layout-hub .character-scene{height:134px;margin-top:5px}
 .layout-hub .character-button{transform:scale(.38)}
 .layout-hub>.world-footer{height:26px;padding-block:5px}
}
@media(max-width:800px) and (max-height:500px){
 .layout-hub .world-hub{grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:15px;row-gap:0;padding:57px 16px 6px}
 .layout-hub .character-stage{grid-column:1;grid-row:1;align-self:center}
 .layout-hub .world-menus{grid-column:2;grid-row:1}
 .layout-hub .speech-bubble{height:62px;min-height:62px;font-size:12px;line-height:1.45;padding:6px 10px}
 .layout-hub .character-scene{height:123px;margin-top:5px}
 .layout-hub .character-button{transform:scale(.35)}
 .layout-hub .world-menu{min-height:58px;font-size:16px;padding:10px 13px}
 .layout-hub .round-arrow{width:27px;height:27px}
}

/* Keep the speech tail clear even at the smallest character scale. */
.layout-hub .character-scene{margin-top:14px}