@layer game-control-accessibility{@media (forced-colors:active){:is(.narrow-app-shell,.narrow-games-shell) :is(button,a.narrow-button-link,a.narrow-primary){border:1px solid buttontext!important}select.game-select{appearance:auto!important;background-image:none!important}}}@layer game-control-hierarchy,game-ui-experiment;@layer game-control-material{:is(.narrow-app-shell,.narrow-games-shell) :where(button:not(.narrow-card,.narrow-mode,.narrow-loading-sprite,.narrow-eye-tap,.narrow-eye-table,.narrow-eye-destination,.table-guide,.duel-target-avatar,.duel-avatar-ping,.duel-player-like,.player-award-badge,.duel-edit-profile,.profile-avatar-choice,.console-resize-handle,.narrow-text-button,.narrow-reward-grid>button,.duel-round-rating button,.practice-card,.practice-answer-reveal),.narrow-button-link,.narrow-primary,.game-public-play,.narrow-nav a){text-shadow:0 1px 2px #001c22;transition:filter .16s ease-out,opacity .16s ease-out,transform .16s ease-out;background:#103e43 var(--game-button-fill,var(--game-secondary-fill)) center / 384px repeat!important;border:1px solid #0000!important;border-image:var(--game-button-art) 32 / 8px / 0 stretch!important;box-shadow:none!important;color:#f4e7c8!important}:is(.narrow-app-shell,.narrow-games-shell) :is(button,a).narrow-primary{--game-button-fill:var(--game-primary-fill);border-image-source:var(--game-primary-art)!important;color:#fff0c3!important}}:is(.narrow-app-shell,.narrow-games-shell) select,select.game-select{box-sizing:border-box;text-overflow:ellipsis;color:#f2e5c7;border:1px solid #ad965e;border-radius:4px;min-width:0;min-height:44px;appearance:none!important;background-color:#082c30!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23e9d9b4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 16px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding-inline:14px 44px!important}select.game-select:focus-visible{outline-offset:2px;outline:2px solid #f3d28c}select.game-select:disabled{opacity:.5}select.game-select option{color:#f2e5c7;background:#082c30}:is(.narrow-app-shell,.narrow-games-shell){--game-button-art:url(/narrow/materials-v2/secondary.webp);--game-primary-art:url(/narrow/materials-v2/primary.webp);--game-secondary-fill:url(/narrow/materials-v2/secondary-grain.webp);--game-primary-fill:url(/narrow/materials-v2/primary-grain.webp)}:is(.narrow-app-shell,.narrow-games-shell) :is(button,a):focus-visible{outline-offset:2px;outline:2px solid #f3d28c}.game-back-navigation{flex-shrink:0;align-items:center;gap:8px;display:flex}.game-back-navigation>*{white-space:nowrap}.narrow-world .game-back-navigation .narrow-brand{height:44px;min-height:44px;font:500 14px/1.2 var(--font-sans);letter-spacing:0;padding:0 14px}.public-lobby-navigation{margin-bottom:20px}.narrow-world .narrow-nav-actions :is(button,a){line-height:1.2}.narrow-world .narrow-nav-actions>:is(button,a),.narrow-world .narrow-nav-actions>:is(.narrow-audio,.narrow-share)>button{height:44px;min-height:44px}@media (max-width:600px){.narrow-world.narrow-duel>.narrow-nav{height:auto;min-height:0;padding:calc(4px + var(--narrow-safe-top,env(safe-area-inset-top))) 8px 4px;grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.narrow-duel .game-back-navigation{gap:6px}.narrow-world.narrow-duel .narrow-toast{top:calc(108px + var(--narrow-safe-top,env(safe-area-inset-top)))}.narrow-world.narrow-duel .narrow-nav-actions{justify-content:flex-end;gap:4px;width:100%}.narrow-world.narrow-duel .narrow-nav-actions>:is(button,a),.narrow-world.narrow-duel .narrow-nav-actions>:is(.narrow-audio,.narrow-share)>button{padding-inline:8px;font-size:12px}.narrow-world .game-back-navigation .narrow-brand{padding-inline:12px;font-size:13px}.public-lobby-navigation{margin-bottom:16px}.public-lobby-list .room-search{grid-template-columns:minmax(0,1fr)}.topic-gallery.topic-gallery .topic-library-toolbar{grid-template-columns:minmax(0,1fr) 11rem}.topic-gallery.topic-gallery .topic-library-toolbar select{max-width:none}select.game-select{font-size:16px!important}}@media (prefers-reduced-motion:reduce){:is(.narrow-app-shell,.narrow-games-shell) :is(button,a){transition:none}}@media (max-width:380px){.topic-gallery.topic-gallery .topic-library-toolbar{grid-template-columns:minmax(0,1fr)}}:is(.narrow-app-shell,.narrow-games-shell) button:is([aria-pressed=true],[aria-checked=true],[data-ready=true],.room-settings-trigger){--game-button-fill:var(--game-primary-fill)}.narrow-app-shell button:is([aria-pressed],[aria-checked]){transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s}.narrow-app-shell .round-format-check{transition:opacity .16s,scale .16s}.narrow-app-shell button[aria-pressed=false] .round-format-check{opacity:0;scale:.7}@media (prefers-reduced-motion:reduce){.narrow-app-shell button:is([aria-pressed],[aria-checked]),.narrow-app-shell .round-format-check{transition:none}}button>.close-icon{pointer-events:none;flex:none;margin:auto;display:block}
