.plaza-bar .plaza-icon,.status-badges .plaza-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;min-width:42px;min-height:42px;height:42px;padding:0;border:1px solid #d8e2e799;border-radius:3px;background:color-mix(in srgb,var(--menu-color) 82%,transparent);color:var(--text);box-shadow:1px 1px #0008}
:is(.plaza-bar,.status-badges) .plaza-icon .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:22px;line-height:1}
:is(.plaza-bar,.status-badges) .plaza-icon svg{width:22px;height:22px}
.plaza-talk[hidden]+.plaza-icon{margin-left:auto}
#plaza-community{position:relative}
#plaza-community.has-new::after{content:'';position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 0 1px #1c1c1c;pointer-events:none}
#plaza-minigames-menu [role=menuitem]{display:block;width:100%;min-height:44px;white-space:nowrap}
#plaza-minigames-menu [role=menuitem]+[role=menuitem]{margin-top:4px}
@media(max-width:520px){.plaza-bar .plaza-icon{flex-basis:40px;width:40px;min-width:40px;min-height:40px;height:40px}}
@media(max-width:420px){#plaza-channel{display:none}}
@media(max-width:380px){.plaza-bar .plaza-channel{padding-inline:2px}}
.start-panel .start-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.start-panel .start-row>button{min-height:44px;white-space:nowrap}
#plaza-play{--play-fill:#ffd54a;gap:6px;border-color:var(--play-fill);background:var(--play-fill);color:var(--menu-shade);box-shadow:1px 1px #000a,inset 0 -2px #0003}
@media(hover:hover){#plaza-play:hover:not(:disabled){background:color-mix(in srgb,var(--play-fill) 70%,white);color:var(--menu-shade)}}
#plaza-play:active:not(:disabled){background:color-mix(in srgb,var(--play-fill) 86%,black);color:var(--menu-shade);box-shadow:inset 1px 1px #0006}
#plaza-play:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px var(--menu-shade)}
.plaza-play-ring{display:none}
#plaza-play.play-hint{position:relative;isolation:isolate}
#plaza-play.play-hint .plaza-play-ring{display:block;position:absolute;z-index:-1;inset:0;overflow:hidden;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,3px 3px,3px calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 3px,3px 3px);background:#0006;pointer-events:none}
#plaza-play.play-hint .plaza-play-ring::before{content:'';position:absolute;left:50%;top:50%;width:200%;height:0;padding-bottom:200%;background:conic-gradient(#fff0 0 210deg,#fff 330deg 352deg,#fff0 360deg);transform:translate(-50%,-50%);animation:plaza-play-ring 2.4s linear infinite;will-change:transform}
@keyframes plaza-play-ring{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}
@media(prefers-reduced-motion:reduce){#plaza-play.play-hint .plaza-play-ring::before{background:#fff;animation:none}}
#plaza-help{display:inline-flex;align-items:center;justify-content:center;min-height:42px;height:42px;padding:0 14px;border:1px solid #d8e2e799;border-radius:3px;background:color-mix(in srgb,var(--menu-color) 82%,transparent);color:var(--text);box-shadow:1px 1px #0008;font:16px/1 KctMenu,GulimChe,sans-serif;white-space:nowrap}
#plaza-help[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}
#plaza-help .plaza-help-icon{display:none}
#plaza-help .plaza-help-icon svg{width:22px;height:22px}
@media(max-width:520px){#plaza-help{padding:0 8px;min-height:38px;height:38px;font-size:14px}}
@media(max-width:430px){#plaza-help{padding-inline:6px;font-size:13px}}
@media(max-width:380px){#plaza-help{padding-inline:4px}}
.plaza-bar.bar-compact #plaza-play,.plaza-bar.bar-compact #plaza-help{flex:0 0 42px;width:42px;min-width:42px;padding:0}
.plaza-bar.bar-compact #plaza-help .plaza-help-icon{display:inline-flex}
.plaza-bar.bar-compact #plaza-play .plaza-play-label,.plaza-bar.bar-compact #plaza-help .plaza-help-label{display:none}
@media(max-width:520px){.plaza-bar.bar-compact #plaza-play,.plaza-bar.bar-compact #plaza-help{flex-basis:40px;width:40px;min-width:40px}}
.app-screen.statue-window .plaza-bar,.app-screen.help-window .plaza-bar,.app-screen.worldmap-window .plaza-bar{visibility:hidden}
.plaza-bar.bar-tight{gap:2px}
.plaza-bar.bar-tight .plaza-icon,.plaza-bar.bar-tight #plaza-play,.plaza-bar.bar-tight #plaza-help{flex-basis:30px;width:30px;min-width:30px}
.update-banner{position:fixed;left:50%;top:calc(max(10px,env(safe-area-inset-top)) + 52px);z-index:119;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;box-sizing:border-box;max-width:min(520px,calc(100vw - 32px));padding:6px 16px 7px;border:1px solid #cfd8de;border-radius:4px;background:#1d2a35f0;box-shadow:2px 3px #0008;color:#fff;font:14px/20px KctMenu,GulimChe,sans-serif;text-align:center;word-break:keep-all;pointer-events:none}
.update-banner[hidden]{display:none}
.update-banner b{color:#ffe36a;font-size:16px}
.update-banner.urgent{border-color:#ff9f8a}
.update-banner.urgent b{color:#ff9f8a}
.plaza-synth{position:relative;display:inline-flex}
.plaza-synth[hidden]{display:none}
#plaza-synth.is-on{color:var(--accent);border-color:var(--accent)}
.plaza-synth-panel{position:absolute;z-index:3;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;gap:6px;width:min(320px,calc(100vw - 24px));padding:8px;border:1px solid var(--line);border-radius:3px;background:var(--menu-color);box-shadow:2px 3px #0008;pointer-events:auto}
.plaza-synth-panel[hidden]{display:none}
.plaza-synth-row{display:flex;gap:6px}
.plaza-synth-row button{flex:none;min-height:40px;padding:0 12px;white-space:nowrap}
.plaza-synth-row:first-child button{flex:1}
.plaza-synth-select{flex:1;min-width:0;min-height:40px}
.plaza-synth-volume{align-items:center;gap:8px;padding:0 2px}
.plaza-synth-volume[hidden]{display:none}
.plaza-synth-volume span{flex:none}
.plaza-synth-volume input{flex:1;min-width:0;min-height:40px;margin:0;accent-color:var(--accent)}
.plaza-synth-volume output{flex:none;width:32px;text-align:right}
.app-screen:is(.menu-tabs,.menu-full) .plaza-bar :is(#plaza-wiki,#plaza-leaderboard,#plaza-community){display:none}
.app-screen:is(.menu-tabs,.menu-full).chat-port #plaza-play{margin-left:auto}
.app-screen:is(.menu-tabs,.menu-full) .plaza-bar :is(.plaza-channel,.plaza-talk){min-width:40px}
@media(max-width:520px){.app-screen:is(.menu-tabs,.menu-full) .plaza-bar :is(.plaza-channel,.plaza-talk,#plaza-play,#plaza-minigames,#plaza-help){min-height:40px;height:40px}}
.app-screen:is(.menu-tabs,.menu-full) .plaza-play-lead{display:none}
.app-screen:is(.menu-tabs,.menu-full) #plaza-minigames{flex-direction:column;gap:2px;min-width:40px;padding:0 6px;font-size:12px;line-height:12px}
.app-screen:is(.menu-tabs,.menu-full) .plaza-mini-line{display:block}
.app-screen:is(.menu-tabs,.menu-full) .plaza-bar:is(.bar-compact,.bar-tight) #plaza-play{flex:0 0 auto;width:auto;min-width:0;padding:0 6px}
.app-screen:is(.menu-tabs,.menu-full) .plaza-bar.bar-compact #plaza-play .plaza-play-label{display:inline}
.status-badges>.plaza-synth{position:absolute;top:0;right:calc(100% + 8px);pointer-events:auto}
.status-badges>.plaza-synth .plaza-icon{flex:none;width:var(--badge-size);min-width:var(--badge-size);height:var(--badge-size);min-height:var(--badge-size)}
.status-badges>.plaza-synth .plaza-synth-panel{top:0;right:calc(100% + 6px);gap:4px;width:min(264px,calc(100vw - 122px));padding:6px}
.status-badges>.plaza-synth .plaza-synth-row{gap:4px}
.status-badges>.plaza-synth .plaza-synth-row button{padding:0 10px}
.app-screen:is(.statue-window,.help-window,.worldmap-window) .status-badges>.plaza-synth{display:none}
.app-screen:has(#plaza-people:not([hidden])) .status-badges>.plaza-synth{visibility:hidden}
.app-screen:is(.menu-tabs,.menu-full).chat-port .plaza-people{max-height:calc(100% - 66px)}
