.woogi-language{display:inline-flex;align-items:center;flex:none;gap:6px;font:500 13px/1.4 system-ui,sans-serif;color:inherit}.woogi-language svg{width:17px;height:17px;flex:none}.woogi-language select{box-sizing:border-box;min-height:36px;max-width:130px;border:1px solid #ffffff70;border-radius:8px;background:#ffffff12;color:inherit;padding:7px 22px 7px 9px;font:inherit;cursor:pointer}.woogi-language option{color:#172f28;background:#fff}.woogi-language select:focus-visible{outline:3px solid #f3ce69;outline-offset:2px}#woogi-hub-nav .woogi-hub-current{margin-left:auto}#woogi-hub-nav .woogi-hub-nav-inner{gap:10px}.site-header .brand{flex-wrap:wrap}.site-header .woogi-language{margin-left:4px}html:not([lang=ko]) #root{overflow-wrap:break-word}html:not([lang=ko]) .woogi-boot p,html:not([lang=ko]) .woogi-links{word-break:normal}html:not([lang=ko]) #root .board-wrap,html:not([lang=ko]) #root .board{overflow-wrap:normal}@media(max-width:700px){#woogi-hub-nav .woogi-hub-current span{display:none}}@media(max-width:560px){#woogi-hub-nav .woogi-hub-current{display:none}#woogi-hub-nav .woogi-hub-home{padding:8px 10px;font-size:12px;gap:6px}.woogi-language{font-size:12px}.woogi-language select{max-width:120px}.site-header .brand .woogi-language{margin-left:auto}.site-header .brand .guestbook-jump{order:4;margin-left:0}.site-header .brand b{font-size:22px}}@media print{.woogi-language{display:none!important}}
.woogi-hub-nav-inner{min-width:0}html:not([lang=ko]) .card,html:not([lang=ko]) .card .body,html:not([lang=ko]) .welcome{min-width:0;word-break:normal;overflow-wrap:anywhere}
@media(max-width:600px){html:not([lang=ko]) #root .header-inner{height:auto;min-height:70px;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}html:not([lang=ko]) #root .header-inner nav{order:3;flex-basis:100%;justify-content:center;min-height:40px;margin:0;gap:16px}html:not([lang=ko]) #root .header-inner .sound-toggle,html:not([lang=ko]) #root .header-right{margin-left:auto}html:not([lang=ko]) #root .start-cards{min-width:0}html:not([lang=ko]) #root .start-card{min-width:0;word-break:normal}}
html:not([lang=ko]) #root .mode-card,html:not([lang=ko]) #root .mode-card>div{min-width:0;word-break:normal;overflow-wrap:anywhere}html:not([lang=ko]) #root .start-card p{max-width:100%;width:auto}
html:not([lang=ko]) .gb-tabs{flex-wrap:wrap;min-width:0}html:not([lang=ko]) .gb-compose,html:not([lang=ko]) .gb-feed,html:not([lang=ko]) .gb-heading>div{min-width:0;overflow-wrap:anywhere}html:not([lang=ko]) .gb-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){html:not([lang=ko]) .gb-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:380px){html:not([lang=ko]) .gb-heading-symbol{display:none}html:not([lang=ko]) .gb-tabs button{padding:8px;font-size:11px}html:not([lang=ko]) #root .hero-copy{min-width:0;max-width:100%;overflow-wrap:anywhere}html:not([lang=ko]) #root .hero-tags{flex-wrap:wrap}html:not([lang=ko]) #root .hero-visual{overflow:clip}html:not([lang=ko]) body[data-woogi-game=bubble] .hero{grid-template-columns:minmax(0,1fr)}}