.community-strip{display:flex;gap:16px;align-items:stretch;margin:12px 0;flex-wrap:wrap}.community-chip{display:flex;gap:12px;align-items:center;padding:10px 14px;background:#101b16d9;border:1px solid var(--line);min-width:180px}.community-chip img{width:44px;height:44px;object-fit:contain}.community-chip strong{font-size:20px}.community-chip small,.idea-credit{display:block;font-size:10px;color:var(--muted);margin-top:5px}.community-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-top:14px}.community-card{min-width:0;padding:15px;background:var(--panel);border:1px solid var(--line)}.community-card h2{display:inline-block;background:#080e0b;font-family:ValvePulp,Arial,sans-serif;padding:3px 8px;font-size:20px;margin:0 0 10px}.community-card p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5;margin:8px 0}.community-card blockquote{margin:0}.community-card time{color:var(--muted);font-size:10px}.community-card details{margin:10px 0}.community-card summary{cursor:pointer}.community-card ul{padding:0;list-style:none}.community-card li{border-top:1px solid var(--line);padding:10px 0}.discord-plot{width:100%;height:100px;display:block}.discord-plot path{stroke:var(--blue);fill:none;stroke-width:2}.discord-plot text{fill:var(--muted);font-size:11px}.community-gifs{display:flex;gap:6px}.community-gifs img{width:calc(33.33% - 4px);height:90px;object-fit:contain}.music-controls{display:flex;gap:8px;align-items:center;margin-left:auto}.music-controls input{width:75px;accent-color:var(--accent)}.music-controls button{font-size:11px}.community-admin{padding:16px;background:#0c1711;border:1px solid var(--accent);margin:12px 0}.community-admin[hidden]{display:none}.community-admin h2{font-size:20px}.community-admin input,.community-admin textarea,.community-admin select{display:block;width:100%;max-width:650px;margin:8px 0;padding:8px;background:#17271e;color:var(--text);border:1px solid var(--line)}.community-admin textarea{min-height:90px}.community-admin button{margin:4px 8px 4px 0}.release-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:8px 0;font-size:13px}.release-row span{flex:1}.review-gif{max-width:160px;max-height:110px}.mole-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;max-width:330px}.mole-hole{height:70px;border-radius:50%;background:#070d09;border:2px solid #375242;overflow:hidden;position:relative}.mole-hole .mole{display:none}.mole-hole.active .mole{display:block;width:55px;height:55px;border-radius:50%;margin:auto;background:#68bfa0;color:#0a2117;font:bold 28px/55px Retail,Arial;object-fit:contain}.game-score{font-variant-numeric:tabular-nums}.motion-on .mode-card h2,.motion-on .pizza h3,.motion-on [data-section=calendar] h2,.motion-on [data-section=bottom] h2,.motion-on .community-card h2{animation:label-dance 4.3s steps(1,end) infinite;transform-origin:center}.motion-on .version-mode h2{animation-delay:-1.3s}.motion-on .pizza h3{animation-delay:-2.5s}@keyframes label-dance{0%,22%,100%{transform:translateX(0) rotate(0)}3%{transform:translateX(-2px) rotate(-.4deg)}7%{transform:translateX(0)}11%{transform:translateX(-2px) rotate(.3deg)}15%{transform:translateX(2px) rotate(.3deg)}19%{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.motion-on *{animation:none!important}}.capture .music-controls,.capture #community-admin-toggle,.capture #community-admin,.capture .mole-section{display:none!important}.capture .community-card{padding:8px}.capture .community-grid{gap:8px;margin-top:8px}.capture .community-card p{max-height:40px;overflow:hidden}.capture .community-card h2{font-size:17px}.capture .community-strip{margin:6px 0}.capture .community-chip{padding:5px 12px}.capture *{animation:none!important}@media(max-width:1100px){.community-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.community-grid{grid-template-columns:1fr}.community-strip{gap:8px}.community-chip{flex:1;min-width:135px;padding:8px}.community-chip strong{font-size:17px}.music-controls{margin-left:0}.release-row{flex-wrap:wrap}}

.site-announcement img{max-height:90px;width:auto;max-width:100%;object-fit:contain}.capture .mode-grid,.capture .mode-card{height:300px}.capture .mode-card{padding-top:13px;padding-bottom:14px}.capture .community-card .discord-plot{height:65px}.capture .community-card p{margin:3px 0}.capture .community-card{font-size:10px}.capture .community-card .idea-credit{margin-top:3px}.capture .community-chip img{width:30px;height:30px}.capture .community-card details{display:none}
.capture .community-chip small{font-size:9px;line-height:1.2;margin-top:2px}.capture .community-chip strong{font-size:18px;line-height:1.2}.capture [data-section=calendar] .month-grid,.capture [data-section=calendar] .weekdays{grid-template-rows:repeat(7,15px)}.capture [data-section=calendar] .panel-head{padding:4px 15px;min-height:40px}.capture [data-section=calendar] h2{font-size:18px}
.capture .mode-grid,.capture .mode-card{height:355px}.capture [data-section=calendar] .month-grid,.capture [data-section=calendar] .weekdays{grid-template-rows:repeat(7,14px)}.capture [data-section=calendar] .panel-head{min-height:32px;padding:2px 15px}.capture [data-section=calendar] .panel-body{padding:3px 15px 6px}.capture [data-section=calendar] h2{font-size:17px}.capture [data-section=bottom] .panel-head{min-height:34px;padding:3px 15px}.capture [data-section=bottom] h2{font-size:18px}.capture .bottom-grid{padding:5px 14px}.capture .apps{gap:4px 12px}.capture .app strong{font-size:15px}.capture .community-card h2{margin-bottom:4px;font-size:16px}.capture .community-card .discord-plot{height:55px}.capture .community-card{padding:6px 8px}.community-strip:empty,.community-grid:empty{display:none}
.community-gifs video{width:calc(33.33% - 4px);height:90px;object-fit:contain}
.capture .fan-footer:has(#approval-seal){display:block!important;position:absolute;right:30px;bottom:18px;padding:0}.capture .fan-footer:has(#approval-seal)>:not(#approval-seal){display:none}.capture #approval-seal{display:block;width:44px;height:44px}
/* Adapted from Deadlock's citadel_db_page_play.css: TagGroove1. */
.motion-on .mode-card h2,.motion-on .pizza h3,.motion-on [data-section=calendar] h2,.motion-on [data-section=bottom] h2,.motion-on .community-card h2{animation:deadlock-tag-groove 2s steps(1,end) infinite;transform-origin:50% 50%}
@keyframes deadlock-tag-groove{0%{transform:rotate(-1deg)}25%{transform:rotate(1deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-2deg)}100%{transform:rotate(1deg)}}
.player-numbers{display:flex;gap:25px;margin:3px 0 6px}.player-numbers>div{min-width:72px}.player-numbers strong{display:block}.player-numbers small{margin-top:0}.player-chip>div>small:last-child{font-size:9px}#approval-seal{width:82px;height:82px;object-fit:contain;flex-shrink:0}.capture .player-numbers{gap:18px;margin:0}.capture .player-chip>div>small:first-child{display:none}.capture .player-numbers small{font-size:8px}.capture .player-numbers strong{font-size:18px}.capture .player-chip>div>small:last-child{font-size:8px}.capture .community-chip{padding:3px 12px}@media(max-width:520px){.player-chip{width:100%;flex:auto}.player-numbers{justify-content:space-between;gap:14px}.player-chip>div{width:100%}#approval-seal{width:65px;height:65px}}

.community-strip{align-items:flex-start;justify-content:space-between}.item-chip{margin-left:auto;min-width:0;max-width:230px;padding:8px 12px}.item-chip strong{font-size:15px}.item-chip img{width:38px;height:38px}.notable-chats{margin-top:24px}.discord-activity-card{background:none!important;border:0;position:relative}.discord-activity-card h2{transform:rotate(-1deg)}.discord-plot{height:auto;min-height:150px}.presence-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.presence-legend span:before{content:'';display:inline-block;width:16px;border-top:2px solid var(--series);margin-right:5px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-left:auto}.fan-footer{justify-content:space-between}.seal-button{border:0!important;background:none!important;padding:0;cursor:zoom-in}.seal-zoom{background:#111c18;border:1px solid #647764;max-width:90vw;padding:24px}.seal-zoom::backdrop{background:#000b}.seal-zoom img{max-width:80vw;max-height:80vh;object-fit:contain}.seal-zoom button{position:absolute;top:5px;right:5px}.music-controls img{filter:invert(89%) sepia(15%);object-fit:contain;display:block}.music-controls button{border:0;background:none;padding:4px}.music-controls [hidden]{display:none!important}#publish-entire-site{border-color:var(--accent)}.capture #publish-entire-site{display:none!important}.capture .fan-footer:has(#approval-seal)>.footer-right{display:flex}.capture .footer-right .hosting-tip{display:none}.capture .discord-plot{min-height:0}@media(max-width:600px){.item-chip{flex:0 1 auto}.fan-footer{align-items:flex-start}.footer-right{max-width:55%}.seal-zoom{padding:12px}}
.capture .mode-grid,.capture .mode-card{height:300px}

/* One title backing, no offset black shadow. Separate selectable title motions. */
.mode-card .panel-head h2{box-shadow:none!important}
.motion-on .mode-card h2,.motion-on .pizza h3,.motion-on [data-section=calendar] h2,.motion-on [data-section=bottom] h2,.motion-on .community-card h2{animation-name:label-twitch;animation-duration:2.4s;animation-timing-function:steps(1,end);animation-delay:0s;animation-iteration-count:infinite}
.motion-on[data-title-motion=groove1] .mode-card h2,.motion-on[data-title-motion=groove1] .pizza h3,.motion-on[data-title-motion=groove1] [data-section=calendar] h2,.motion-on[data-title-motion=groove1] [data-section=bottom] h2,.motion-on[data-title-motion=groove1] .community-card h2{animation-name:deadlock-tag-groove;animation-duration:2s}
.motion-on[data-title-motion=groove2] .mode-card h2,.motion-on[data-title-motion=groove2] .pizza h3,.motion-on[data-title-motion=groove2] [data-section=calendar] h2,.motion-on[data-title-motion=groove2] [data-section=bottom] h2,.motion-on[data-title-motion=groove2] .community-card h2{animation-name:deadlock-tag-groove-2;animation-duration:2s}
@keyframes label-twitch{0%,36%,100%{transform:translateX(0) rotate(0)}6%{transform:translateX(-3px) rotate(-1deg)}12%{transform:translateX(0)}18%{transform:translateX(-3px) rotate(-1deg)}24%{transform:translateX(3px) rotate(1deg)}}
/* TagGroove2, citadel_db_page_play.css */
@keyframes deadlock-tag-groove-2{0%,50%{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(2deg)}100%{transform:rotate(1deg)}}

/* Owner-selected B: animate all black title labels, including reduced-motion browsers. */
body.motion-on:not(.capture) .mode-card h2,body.motion-on:not(.capture) .pizza h3,body.motion-on:not(.capture) [data-section=calendar] h2,body.motion-on:not(.capture) [data-section=bottom] h2,body.motion-on:not(.capture) .community-card h2{animation:deadlock-tag-groove-2 2s steps(1,end) infinite!important}

/* Selected A; applies to every title, including clients requesting reduced motion. */
body.motion-on:not(.capture) .mode-card h2,body.motion-on:not(.capture) .pizza h3,body.motion-on:not(.capture) [data-section=calendar] h2,body.motion-on:not(.capture) [data-section=bottom] h2,body.motion-on:not(.capture) .community-card h2{animation-name:deadlock-tag-groove!important}
.hq-clock{display:inline-flex;gap:7px;flex-wrap:wrap;align-items:baseline}.hq-clock>span:first-child{color:var(--muted)}
.gif-card{display:flex;flex-direction:column}.gif-card>h2{align-self:flex-start}.community-gifs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1;align-content:center}.community-gifs .gif-tile{display:grid;place-items:center;width:100%;min-width:0;min-height:170px;padding:0;background:transparent;border:0;cursor:zoom-in;overflow:hidden}.community-gifs .gif-tile:only-child,.community-gifs .gif-tile:nth-child(3):last-child{grid-column:1/-1}.community-gifs .gif-tile img,.community-gifs .gif-tile video{width:100%;height:190px;object-fit:contain;display:block}.gif-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gif-zoom{padding:30px 18px 18px;background:#0b1711;border:1px solid #637e68;max-width:94vw;max-height:94vh}.gif-zoom::backdrop{background:#000d}.gif-zoom img,.gif-zoom video{display:block;width:auto;height:auto;max-width:88vw;max-height:82vh;min-width:min(480px,80vw);object-fit:contain}.zoom-close{position:absolute;right:4px;top:2px;font-size:24px;line-height:1;background:none;border:0;color:var(--text);cursor:pointer}
body .fan-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:24px}.footer-left{display:flex;flex-direction:column;gap:7px;text-align:left}.asset-credit{font-size:9px;color:var(--muted)}.fan-footer .project-notice{margin:0;padding:0;text-align:center;line-height:1.5}.footer-right{max-width:none;margin-left:0;justify-self:end}.fan-footer>.hosting-tip{justify-self:end}
.capture .community-gifs .gif-tile{min-height:0}.capture .community-gifs .gif-tile img,.capture .community-gifs .gif-tile video{height:65px}.capture .community-gifs{display:flex}.capture .community-gifs .gif-tile{flex:1}.capture .gif-zoom{display:none}
@media(max-width:700px){body .fan-footer{grid-template-columns:1fr;gap:22px}.footer-left,.fan-footer .project-notice{grid-column:1}.footer-right{justify-self:end;width:auto}.community-gifs .gif-tile img,.community-gifs .gif-tile video{height:160px}.community-gifs .gif-tile{min-height:150px}}

/* Compact tracker row: one row of GIFs and bounded messages. */
.community-grid{align-items:start}.community-grid>.community-card{min-height:0;padding:12px}.community-grid .community-gifs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px;flex:0}.community-grid .community-gifs .gif-tile{grid-column:auto!important;min-height:0}.community-grid .community-gifs .gif-tile img,.community-grid .community-gifs .gif-tile video{height:120px}.community-grid .gif-card{min-height:180px}.community-grid .discord-plot{height:145px;min-height:0}.community-grid .notable-chats{margin-top:12px}.community-grid blockquote{max-height:150px;overflow:auto}.community-grid h2{font-size:18px;margin-bottom:7px}.message-author{display:flex;align-items:center;gap:7px}.message-avatar{width:32px;height:32px;object-fit:cover;border-radius:50%}.community-grid .idea-credit{font-size:9px;margin-top:5px}.capture .community-grid .community-gifs img,.capture .community-grid .community-gifs video{height:60px}.capture .community-grid .gif-card{min-height:0}.capture .community-grid .discord-plot{height:55px}@media(max-width:650px){.community-grid .gif-card{min-height:0}.community-grid .community-gifs img,.community-grid .community-gifs video{height:110px}}
/* Compact section help; popup lives outside overflow-hidden dashboard cards. */
.panel-head .section-info,.discord-activity-card>.section-info{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:5px;margin:0 5px 0 0;border:0;background:transparent;cursor:help;animation:none!important}
.section-info img{display:block;width:17px;height:17px;filter:invert(92%) sepia(14%) saturate(434%) hue-rotate(349deg)}
.section-info:focus-visible{outline:2px solid #e8dec4;outline-offset:2px}
.section-help{position:fixed;z-index:10000;width:280px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:12px 14px;color:#eee5cd;background:#17251f;border:1px solid #637666;border-radius:4px;box-shadow:0 5px 20px #0008;font:13px/1.5 Arial,sans-serif;text-align:left;white-space:normal;pointer-events:none}
.section-help[hidden]{display:none}
.capture .section-info{display:none}
.forum-detail-tip{position:fixed;z-index:9000;max-width:300px;padding:10px 12px;border:1px solid #708c79;background:#13231cf5;color:#eee5cd;font:12px/1.5 Arial,sans-serif;box-shadow:0 6px 20px #0008;pointer-events:none;border-radius:5px}
.forum-detail-tip::after{content:'';position:absolute;top:100%;left:50%;border:7px solid transparent;border-top-color:#708c79}
.forum-detail-tip img{float:left;width:26px;height:26px;border-radius:50%;margin-right:8px}.forum-detail-tip[hidden]{display:none}
.forum-zoom-tools{display:flex;gap:5px;align-items:center;font-size:10px;padding:0 8px 4px}.forum-zoom-tools button{font:11px Arial;padding:3px 7px}.forum-zoom-tools small{margin-left:auto}
.yoshi-graph-pin path{fill:#e9dfc5;stroke:none!important}.yoshi-graph-pin image{clip-path:circle(50%)}
#footer-players{max-width:550px;margin:20px 0 12px}#footer-players .player-chip{width:100%;box-sizing:border-box;padding:12px}.community-strip.item-only{justify-content:flex-end;min-height:0;margin:0;position:relative}.community-strip.item-only .item-chip{margin-left:auto}
.site-logo{width:36px;height:36px;object-fit:contain}.logo-credit{font-size:10px;display:block}.whack-target{transition:none!important}
.brand .site-logo{display:block!important;flex:0 0 36px;min-width:36px;max-width:36px;height:36px;margin-right:8px}
.whack-target img[alt="Yoshi"]{width:105px;height:120px;object-fit:cover}
.skin-control{font-size:11px;display:flex;gap:7px;align-items:center}.skin-control select{background:#15271e;color:#eee5cd;border:1px solid #637666;padding:6px;max-width:170px}
@media(min-width:1101px){body.public-view:not(.capture) .layout>.right{margin-top:calc(-1 * var(--item-strip-height,0px))}}
.forum-mode svg{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.forum-mode svg.panning{cursor:grabbing}
#whack-yoshi[data-skin=minnibits] .whack-target img,#whack-yoshi[data-skin=eight] .whack-target img,#whack-yoshi[data-skin=tinpot] .whack-target img{object-fit:contain;width:110px;height:110px}
.whack-board{contain:layout paint}.whack-counter{font-variant-numeric:tabular-nums}

/* Keep rapid clicks and drags in the game from selecting artwork or text. */
#whack-yoshi,#whack-yoshi *{-webkit-user-select:none;user-select:none}
#whack-yoshi input,#whack-yoshi textarea,#whack-yoshi [contenteditable=true]{-webkit-user-select:text;user-select:text}
#whack-yoshi img{-webkit-user-drag:none}
#whack-yoshi[data-skin=chby1] .whack-target img,#whack-yoshi[data-skin=tormentpulse] .whack-target img{object-fit:contain;width:110px;height:110px}

/* Integrate each graph with the illustrated frame instead of a rectangular overlay. */
.mode-card{padding:22px 8% 26px}
.mode-card:before{top:-15%;bottom:-5%;background-size:100% 100%;filter:saturate(.75) brightness(.48)}
.forum-mode .forums-content,.version-mode>.panel-body,.pizza-mode .pizza{background:transparent;margin-left:0;margin-right:0;width:auto;border:0;box-shadow:none}
.mode-card .graph-body{padding-left:0;padding-right:0}.mode-card .panel-head{padding-left:0;padding-right:0}
.mode-card .chart text{fill:#e9e4d5}.mode-card .chart line{stroke:#c1d2b938}
.reading-title{font-size:12px;line-height:1.35;margin:4px 0 2px;overflow-wrap:anywhere}.reading-title a{color:#eee5cd;text-decoration:underline;text-decoration-color:#637666;text-underline-offset:3px}
.skin-control{gap:10px;color:#c5cbbd}.skin-control select{appearance:none;-webkit-appearance:none;padding:10px 34px 10px 12px;max-width:230px;border:1px solid #647865;border-radius:5px;background-color:#13241c;background-image:linear-gradient(45deg,transparent 50%,#e7dec6 50%),linear-gradient(135deg,#e7dec6 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;color:#eee5cd;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff0b}.skin-control select:hover{border-color:#94ae93;background-color:#1a3024}.skin-control select:focus-visible{outline:2px solid #c8d3ae;outline-offset:3px}.skin-control option{background:#13241c;color:#eee5cd}

#dashboard-updated{font-family:ValvePulp,serif;font-size:17px;line-height:1.2;padding:5px 8px;color:#efe4c9;background:#080e0b;white-space:nowrap;position:relative;z-index:5}body.motion-on:not(.capture) #dashboard-updated{animation:deadlock-tag-groove 2s steps(1,end) infinite}
.music-controls{flex-wrap:wrap;gap:6px}.music-controls .music-choice{padding:3px;width:36px;height:38px;border:1px solid transparent;background:transparent;border-radius:4px}.music-controls .music-choice img{width:28px;height:30px;object-fit:contain}.music-controls .music-choice[aria-pressed=true]{border-color:#b0c6a6;background:#2a4636}.music-note{width:20px;height:20px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}
.roster{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#668371 #12241c}.roster .dev{flex-shrink:0}
#discord-activity-slot{min-width:0}#discord-activity-slot .discord-activity-card{padding:16px 20px;background:#10221b9c;border:1px solid #465a47}#discord-activity-slot .discord-plot{display:block;width:100%;height:230px;touch-action:none;cursor:grab;user-select:none}#discord-activity-slot h2{display:inline-block;background:#080e0b;padding:4px 8px;font:22px ValvePulp}#discord-activity-slot .discord-plot line{stroke:#b0cfb52b}#discord-activity-slot small{color:var(--muted);font-size:11px}
#play-area{display:grid;grid-template-columns:minmax(190px,1fr) minmax(420px,2.4fr) minmax(190px,1fr);gap:16px;align-items:start;margin:20px 0}#play-area>div{min-width:0}#play-area .community-card{margin:0;padding:12px}#play-area h2{font-size:18px}#play-area .community-gifs{grid-template-columns:1fr;gap:8px}#play-area .gif-tile{min-height:0}#play-area .gif-tile img,#play-area .gif-tile video{height:135px}#play-area blockquote{max-height:240px;overflow:auto;margin:8px 0}#play-area .whack-layout{grid-template-columns:minmax(0,1fr) 140px;gap:10px}#play-area .whack-board{min-height:260px}#play-area .whack-heading{flex-wrap:wrap;gap:8px}#play-area .skin-control select{max-width:200px}.magic-ball-card{display:flex;align-items:center;gap:15px;margin-top:12px;padding:12px 16px;background:#101c18b0;border:1px solid #3c5142}.magic-ball-card p{margin:7px 0;font-size:14px}.magic-ball-card small{color:var(--muted);font-size:10px}.magic-ball{flex:0 0 76px;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#53615d,#141817 45%,#000 85%);border:1px solid #68796a;box-shadow:0 5px 10px #0008;cursor:pointer}.magic-ball span{display:grid;place-items:center;margin:auto;width:34px;height:34px;background:#e9e5d6;color:#151b18;border-radius:50%;font:bold 26px Georgia}.magic-ball:focus-visible{outline:2px solid #dbe5bb;outline-offset:4px}#ball-answers textarea{width:100%;box-sizing:border-box}
@media(max-width:1100px){#play-area{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#play-area .play-center{grid-column:1/-1;grid-row:1}#play-area .community-gifs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#play-area{grid-template-columns:1fr}#play-area .play-center{grid-column:1}#play-area .whack-layout{grid-template-columns:1fr}#play-area .whack-leaderboard{display:grid;grid-template-columns:1fr 1fr;gap:8px}#dashboard-updated{font-size:15px}.header-right{gap:9px}#play-area .community-gifs{grid-template-columns:repeat(3,minmax(0,1fr))}.roster{display:block}.roster .dev{margin-bottom:6px}}
.music-controls .music-choice img{filter:none}.music-controls .music-note{filter:invert(1) contrast(10)}
#play-area .whack-holes button:not(.active) .whack-target{visibility:hidden}#play-area .whack-holes button.active .whack-target{visibility:visible}#play-area .whack-leaderboard li strong{white-space:nowrap;flex-shrink:0}#play-area .whack-leaderboard li span{min-width:0}
@media(max-width:600px){#play-area .whack-target img{max-width:100%;max-height:100%;object-fit:contain}#play-area .whack-leaderboard ol{display:block;margin:0}#play-area .whack-leaderboard li{display:flex}#play-area .whack-leaderboard h3{margin:0}}

/* Discord webhook: compact tracker information only. */
.capture #community-strip,.capture #footer-players,.capture .fan-footer,.capture .gif-card,.capture #play-area,.capture .music-controls,.capture #dashboard-updated,.capture .pizza-mode,.capture #announcement-stage,.capture #community-admin,.capture nav{display:none!important}
.capture .mode-grid,.capture .mode-grid:has(.version-mode:first-child){grid-template-columns:1fr 1fr;height:340px}.capture .mode-card{height:340px}.capture .layout{height:auto}.capture #discord-activity-slot .discord-activity-card{padding:8px 14px}.capture #discord-activity-slot .discord-plot{height:170px}.capture #discord-activity-slot .discord-activity-card>small{display:none}.capture #community-features .community-grid{display:block;margin-top:8px}.capture #community-features .message-card{padding:8px 15px}.capture .message-card blockquote{display:block}.capture .message-card p{max-height:48px;margin:4px 0}.capture .notable-chats,.capture .idea-credit,.capture .logo-credit{display:none}.capture .message-card h2{font-size:17px}.capture .message-author{display:inline-flex}.capture .message-card time{margin-left:10px}.capture .message-avatar{width:22px;height:22px}
body.capture #yoshi-web-alert,body.capture .fan-footer,body.capture .fan-footer *{display:none!important}body.capture .layout{align-items:start}body.capture .layout>.right{height:auto!important}body.capture [data-section=bottom]{flex:0 0 auto!important}body.capture .roster{max-height:470px!important;overflow:hidden}body.capture .dev{padding:5px 8px}body.capture .dev .timestamp{font-size:9px}body.capture .offline{padding:6px 0}body.capture .offline-list{font-size:10px}

#play-area #footer-players{margin:12px 0 0;max-width:none}#play-area #footer-players .player-chip{min-width:0;width:100%;padding:12px}#play-area #footer-players .player-numbers{display:grid;grid-template-columns:1fr;gap:8px}#play-area #footer-players .player-numbers>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}#play-area #footer-players strong{font-size:23px}#play-area #footer-players small{font-size:10px}.notable-message-image{width:100%;height:auto;display:block;margin:8px 0;object-fit:contain}
/* Keep growing counters and full leaderboard names inside the game sidebar. */
#play-area .whack-leaderboard,#play-area .whack-counter{min-width:0;max-width:100%}
#play-area .whack-counter{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#play-area #whack-total{font-size:28px;line-height:1.15;max-width:100%;overflow-wrap:anywhere}
#play-area #whack-personal{font-size:20px;max-width:100%;overflow-wrap:anywhere}
#play-area .whack-leaderboard ol{display:block;min-width:0;padding:0}
#play-area .whack-leaderboard li{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:6px;font-size:12px;line-height:1.4;min-width:0}
#play-area .whack-leaderboard li span{white-space:normal;overflow-wrap:anywhere;word-break:normal}
#play-area .whack-leaderboard li strong{font-size:12px;white-space:nowrap}
#play-area .whack-leaderboard h3{font-size:18px;overflow-wrap:anywhere}
#play-area .whack-leaderboard input{box-sizing:border-box;min-width:0}
@media(max-width:1100px){header{flex-wrap:wrap;height:auto}.header-right{flex-wrap:wrap;max-width:100%;min-width:0}}
@media(max-width:400px){nav{flex-wrap:wrap}}

#discord-activity-slot .discord-roster{border:0;padding:5px 0 12px;margin:0}.discord-members{display:flex;flex-wrap:wrap;gap:8px 15px}.discord-member{display:inline-flex;align-items:center;gap:5px;font-size:12px;min-width:0}.discord-member img,.discord-avatar-fallback{width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover}.discord-avatar-fallback{display:inline-grid;place-items:center;background:#253b30;color:#e8e3d2;font-size:11px}.discord-member>span:last-child{overflow-wrap:anywhere}.capture #discord-activity-slot .discord-roster{padding:0 0 6px}.capture .discord-member{font-size:11px}.capture .discord-member img,.capture .discord-avatar-fallback{width:20px;height:20px;flex-basis:20px}
.magic-ball-card{flex-wrap:wrap}.ball-suggest{flex:1 0 100%;font-size:12px}.ball-suggest form{display:grid;gap:7px;margin-top:10px}.ball-suggest input{display:block;width:100%;box-sizing:border-box}.ball-suggest small{display:block}#obs-builder{margin:14px 0;padding:14px;border:1px solid #3c5142;background:#101c18b0;font-size:13px}#obs-builder summary,.ball-suggest summary{cursor:pointer}.obs-options,.obs-link{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.obs-options label{padding:6px;background:#253b30;border-radius:5px}.obs-link input{flex:1;min-width:160px}.obs-link a{align-self:center}body:not(.capture) .layout>aside>.panel{display:flex;flex-direction:column}body:not(.capture) .offline{margin-top:auto;padding-top:16px}#play-area .community-gifs{grid-template-columns:repeat(2,minmax(0,1fr))}#play-area .gif-tile img,#play-area .gif-tile video{height:110px}.capture #obs-builder{display:none!important}
#obs-builder{padding:10px 12px;max-width:720px;background:#10221c66;border:0;border-left:3px solid #70cfb2;font-size:11px}#obs-builder h3{margin:0 0 4px;font:600 14px inherit}#obs-builder .obs-options,#obs-builder .obs-link{gap:8px;margin:7px 0}#obs-builder .obs-options label{padding:2px;background:transparent}#obs-builder input,#obs-builder button,#obs-builder a{font-size:11px}#obs-builder .obs-link input{padding:5px}

/* Compact live transit card in the space beneath community GIFs. */
.transit-card{margin-top:12px;padding:12px;min-width:0}.transit-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.transit-heading h2{font-size:17px;margin-bottom:5px}.transit-heading small{display:block;font-size:10px;color:var(--muted)}.transit-heading figure{margin:0;flex:0 0 70px;text-align:center}.transit-heading img{display:block;width:52px;height:78px;object-fit:contain;margin:auto}.transit-heading figcaption{font-size:9px;margin-top:3px;color:var(--muted)}.transit-systems{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:10px;margin:9px 0}.transit-systems b{color:var(--accent)}.transit-alerts{max-height:155px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.transit-alerts p{font-size:11px;line-height:1.4;padding:7px 0;margin:0;border-top:1px solid var(--line)}.transit-alerts strong,.transit-alerts span{display:block}.transit-alerts strong{font-size:10px;color:var(--accent);margin-bottom:3px}.transit-source{display:inline-block;font-size:10px;margin-top:8px}.transit-credit{display:block;font-size:9px;color:var(--muted);margin-top:7px}.transit-credit a{color:inherit}.capture .transit-card{display:none!important}

.transit-rail{display:flex;align-items:center;gap:8px;margin:3px 0}.transit-track{height:43px;overflow:hidden;position:relative;flex:1;border-bottom:2px solid #91aa8766}.transit-track:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,transparent 0 8px,#91aa8755 8px 11px);pointer-events:none}.transit-card .transit-train{width:calc(100% - 64px);height:43px;animation:transit-stop-go 10s linear infinite!important}.transit-train img{position:absolute;width:64px;height:64px;left:0;bottom:-13px}@keyframes transit-stop-go{0%{transform:translateX(100%)}44%,50%{transform:translateX(44%)}100%{transform:translateX(-64px)}}

.transit-card{display:grid;grid-template-columns:minmax(0,1fr) 104px;column-gap:12px}.transit-card>div,.transit-card>a,.transit-card>small{grid-column:1/-1}.transit-heading{display:contents}.transit-heading>div{grid-column:1;grid-row:1}.transit-heading figure{grid-column:2;grid-row:1/4;align-self:start}.transit-heading img{width:104px;height:156px}.transit-card .transit-rail{grid-column:1;grid-row:2;min-width:0}.transit-card .transit-systems{grid-column:1;grid-row:3;align-content:start}

/* Owner moderation workspace. */
.community-admin{border-radius:6px}.community-admin .owner-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;padding:8px 0;border:0}.community-admin .owner-shortcuts button{margin:0;padding:8px 12px}.community-admin>details{border:1px solid var(--line);padding:10px;margin:10px 0;background:#0a1510}.community-admin>details>summary{font-size:15px;font-weight:bold;padding:3px}.community-admin #release-status:not(:empty){padding:10px;border-left:3px solid var(--accent);margin-bottom:10px}.gif-review-intro{display:flex;align-items:center;justify-content:space-between;gap:12px}.gif-review-intro p{font-size:12px}.gif-review-intro button{flex-shrink:0}#gif-review{max-height:65vh;overflow:auto;padding:10px 6px;overscroll-behavior:contain;scrollbar-width:thin}#gif-review>small{font-size:11px;color:var(--muted)}#gif-review>details>summary{padding:10px 0;font-weight:bold}.gif-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.gif-review-card{border:1px solid var(--line);background:#14231b;padding:10px;min-width:0}.gif-review-preview{height:160px;display:flex;align-items:center;justify-content:center;background:#080e0b;margin-bottom:8px;overflow:hidden}.gif-review-preview img,.gif-review-preview video{width:100%;height:100%;object-fit:contain}.gif-review-card>strong{font-size:14px}.gif-review-card>strong small{font-weight:normal;color:var(--muted)}.gif-review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px}.community-admin .gif-review-actions button{margin:0;padding:7px 10px}.gif-review-actions a{font-size:11px;margin-left:auto}.gif-review-status{display:block;font-size:11px;line-height:1.4;margin-top:6px;color:#e6ca8d;overflow-wrap:anywhere}.gif-review-actions button:disabled{opacity:.55;cursor:wait}@media(max-width:550px){.gif-review-grid{grid-template-columns:1fr}.gif-review-intro{align-items:flex-start;flex-direction:column}.community-admin{padding:10px}}

.gif-review-size{display:block;font-size:11px;color:#b6c2b5;margin:4px 0}

.forum-stats>div>small.forum-average-detail:last-child{display:block;font-size:10px;line-height:1.3;margin-top:3px}

/* Live cards and animated targets must not steer the page scroll position. */
html{overflow-anchor:none}


#obs-builder>small{display:block;margin-top:4px}

.gif-archive{display:inline-block;color:#d5e9cf;font-size:12px;margin:0 0 10px;text-underline-offset:3px}

.obs-presets{display:flex;gap:6px;margin:8px 0}.obs-presets button[aria-pressed="true"]{background:#91d6b8;color:#0a2118;border-color:#91d6b8}.obs-presets button{padding:5px 10px}