/* Shared pin plaque only. Message bubbles and surrounding screens keep their styles. */
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins{position:relative;isolation:isolate;display:flex;flex-direction:column;flex:0 0 auto;min-width:0;min-height:0;max-height:clamp(46px,35%,220px);margin:4px 8px;padding:2px;overflow:hidden;background:#30213f;border:1px solid #bfa4d7;border-radius:2px;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);color:#f7f2ff;box-shadow:inset 0 1px 0 #735682,inset 0 -2px 0 #15101e;font:400 13px/1.4 var(--pins-body,'DM Sans'),system-ui,sans-serif}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins[hidden],:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins [hidden]{display:none!important}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins::before{content:'';position:absolute;inset:2px;pointer-events:none;border:1px solid #8f7098;border-radius:1px;opacity:.7}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-pins-heading{display:flex;align-items:center;gap:2px;flex:none;min-width:0;padding:0 2px 0 5px;min-height:42px}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-pins-heading svg{width:15px;height:15px;flex:none;color:#c5a4f2;shape-rendering:crispEdges}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-pins-count{flex:none;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#c5a4f2;padding-inline:2px}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins button{border:0;border-radius:0;background:transparent;box-shadow:none;text-shadow:none;margin:0;font:400 13px/1.4 var(--pins-body,'DM Sans'),system-ui,sans-serif;color:inherit;cursor:pointer;min-width:0;max-width:100%;touch-action:manipulation}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins button:focus-visible{outline:1px solid #c5a4f2;outline-offset:-2px}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins :is(.game420-pins-toggle,.game420-pins-arrow,.game420-pins-edit){flex:none;width:32px;min-height:42px;padding:4px;font-size:21px;line-height:1;color:#c5a4f2}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins .game420-pins-arrow{width:26px}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins .game420-pins-preview{flex:1;min-width:0;min-height:42px;text-align:center;padding:7px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins .game420-pins-preview.has-title{font:400 11px/1.5 var(--pins-retro,Silkscreen),monospace;color:#c5a4f2}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-pins-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;border-top:1px solid #735682;scrollbar-width:thin}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-pins-entry{display:flex;align-items:start;min-width:0;border-bottom:1px solid #735682}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins .game420-pins-item{display:block;flex:1;width:100%;min-width:0;min-height:42px;text-align:left;padding:9px 10px;white-space:normal;overflow-wrap:anywhere}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-pins-item[aria-current=true]{color:#c5a4f2;background:#30213f}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-pins-status{flex:none;margin:0;padding:4px 9px;font:400 12px/1.4 var(--pins-body,'DM Sans'),system-ui,sans-serif;color:#c5a4f2}
:is(#shortcut-dialog[data-panel=chat],#community-panel) .community-pin-highlight{outline:2px solid #c5a4f2;outline-offset:2px;animation:game420-community-pin-light 1100ms ease-out}
@keyframes game420-community-pin-light{from{filter:brightness(1.16)}to{filter:brightness(1)}}
/* Constrain only the pin list when the keyboard leaves very little space. */
:is(#shortcut-dialog[data-panel=chat],#community-panel) .game420-community-pins.is-constrained{max-height:96px;margin-block:2px}
@media(prefers-reduced-motion:reduce){:is(#shortcut-dialog[data-panel=chat],#community-panel) .community-pin-highlight{animation:none}}