.pentecost-game{--pg-ink:#f7ebd5;--pg-gold:#eccb83;--pg-dark:#203842}
.pentecost-board{position:relative;border-radius:18px;overflow:hidden;background:#203842}
.pentecost-panorama{position:relative;min-height:170px;overflow:hidden;background:linear-gradient(165deg,#263e54,#8d9383 62%,#e3bd7e);border-radius:16px}
.pentecost-panorama p{position:absolute;bottom:0;left:0;right:0;background:#152a35d9;color:#fff2d6;padding:8px 12px;margin:0;font-size:12px;z-index:2}
.pentecost-sun{position:absolute;width:68px;height:68px;border-radius:50%;background:#f4dca0;right:17%;top:22px;box-shadow:0 0 65px #ffdc8a55}
.pentecost-roof{position:absolute;background:#b79e77;bottom:18px;width:30%;height:60px;box-shadow:inset -12px 0 #8e775c}
.pentecost-roof:after{content:"";position:absolute;width:24px;height:35px;background:#4f4f44;bottom:0;left:35%;border-radius:16px 16px 0 0}
.roof-a{left:3%;height:70px}.roof-b{left:38%;height:95px}.roof-c{right:0;height:60px}
.pentecost-signal{position:absolute;font-size:62px;color:#fff2c4;top:13px;left:20%;animation:pentecost-pulse 3s ease-in-out infinite}
.pentecost-places{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:linear-gradient(#263e54,#182e36)}
.pentecost-game button{min-height:48px;white-space:normal;overflow-wrap:anywhere}
.pentecost-place{display:flex;flex-direction:column;gap:8px;text-align:left!important;border:2px dashed #aeaa8d!important;background:#334c55!important;color:var(--pg-ink)!important;min-height:122px!important;transition:background .25s,box-shadow .25s}
.pentecost-place small{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#e7cc96}
.pentecost-place span{font-size:12px;line-height:1.4}.pentecost-place.is-linked{background:#335849!important;border-style:solid!important;border-color:#c9df94!important;box-shadow:inset 0 0 22px #c9df9422}
.pentecost-progress{font-weight:700;padding:12px 0}
.pentecost-bank{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pentecost-bank button{display:flex;flex-direction:column;gap:5px;text-align:left!important}
.pentecost-bank button[aria-pressed=true]{outline:3px solid #a26c21;outline-offset:2px;background:#fff0cb!important;color:#372e22!important}
.pentecost-bank button:disabled{opacity:.48}
.pentecost-game button:focus-visible{outline:3px solid #b9721c;outline-offset:3px}
#pentecost-feedback{min-height:3em;line-height:1.55;padding:12px;border-left:3px solid #ad823a;background:#b68e3710}
.pentecost-game .tags{display:flex;flex-wrap:wrap;gap:8px}
.pentecost-sources{margin-top:22px}.pentecost-game details{padding:10px 0}.pentecost-game summary{cursor:pointer;line-height:1.6}
.pentecost-path{list-style:none;padding:10px 0;margin:0;display:grid;gap:8px}
.pentecost-path li{display:flex;align-items:center;gap:12px;border:1px dashed #a2997b;border-radius:12px;padding:10px;min-height:62px;background:#f1e8d3}
.pentecost-path li>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#53634d;color:white;font-weight:700}
.pentecost-path li.filled{border:1px solid #557459;background:#e7eedc;animation:pentecost-tile .22s ease-out}
.pentecost-path button{flex:1;text-align:left!important}
.pentecost-community{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.pentecost-community span{padding:18px 10px;text-align:center;background:#e8eddc;border:1px solid #c0cca8;border-radius:10px;color:#263a2e;font-weight:700;animation:pentecost-tile .5s ease-out}
@keyframes pentecost-pulse{50%{transform:scale(1.15);opacity:.6}}
@keyframes pentecost-tile{from{transform:translateY(5px);opacity:.65}to{transform:translateY(0);opacity:1}}
@media(max-width:420px){.pentecost-places{gap:8px;padding:10px}.pentecost-place{padding:10px!important;min-height:154px!important}.pentecost-bank{gap:8px}.pentecost-bank button{padding:10px!important;font-size:13px}.pentecost-place strong{font-size:14px}.pentecost-place small{font-size:11px}.pentecost-game .tags button{flex:1 1 130px}.pentecost-panorama{min-height:145px}}
@media(prefers-reduced-motion:reduce){.pentecost-game *{animation:none!important;transition:none!important}}
body.motion-paused .pentecost-game *{animation:none!important;transition:none!important}