/* Large game footage, then title and actions on one shared line. */
.games-panel{padding:0 20px 20px}
.list-heading{margin:20px 0 12px}
.preview-guide{font-size:12px;color:#596b5f;margin:0 0 18px;line-height:1.6}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.game-grid>.empty{grid-column:1/-1}
.game-card{display:flex;flex-direction:column;gap:0;padding:0!important;min-width:0;border:1px solid #dbe0d5!important;border-radius:8px;overflow:hidden;background:#fffef9;container:game-card / inline-size}
.game-card>.preview-media,.game-card>a:first-child{display:block;width:100%!important;height:auto!important;aspect-ratio:16/10;align-self:stretch!important;border-radius:0;grid-row:auto}
.game-card>.preview-media video,.game-card>a:first-child .thumb{width:100%!important;height:100%!important;display:block;object-fit:contain;border-radius:0;background:#182430}
.game-card>.game-info{padding:16px 16px 14px;align-self:stretch;min-width:0}
.game-card .card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:40px}
.card-heading h3{min-width:0;margin:0;font-size:inherit;font-weight:inherit}
.game-card .row-title{display:block;font-size:18px;font-weight:750;line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere;text-align:left}
.game-card .row-title:hover{text-decoration:underline;text-underline-offset:4px}
.game-card .row-actions{display:flex;align-items:center;gap:5px;align-self:center;justify-self:end;flex-direction:row;flex-wrap:nowrap;margin:0;padding:0;grid-column:auto;grid-row:auto}
.game-card .row-actions>.small-play,.game-card .row-actions>.vote,.game-card .row-actions>.save{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;flex-shrink:0;min-height:40px;margin:0;order:0;border-radius:6px;font-size:12px;line-height:1;gap:4px}
.game-card .row-actions>.small-play{padding:0 10px;min-width:40px;white-space:nowrap}
.game-card .row-actions>.vote{padding:0 7px;min-width:44px;border:1px solid #d2dacb;background:#f5f6ee;color:#31513f;font-variant-numeric:tabular-nums}
.game-card .row-actions>.vote.selected{border-color:#9cb57c;background:#edf2dc;color:#173f35}
.game-card .row-actions>.save{padding:0;min-width:36px;color:#52684f;border:1px solid transparent;background:transparent}
.game-card .row-actions>.save.selected{background:#edf2dc;color:#173f35;border-color:#c5d2aa}
.game-card .row-actions>.save.selected svg{fill:#d5e4bc}
.game-card .row-actions>.vote:hover,.game-card .row-actions>.save:hover{border-color:#9caf8d;background:#eaf0e0}
.game-card .row-actions svg{width:16px;height:16px;stroke-width:1.8}
.game-card .small-play svg{width:13px;height:13px;fill:currentColor;stroke-width:1.2}
.game-card .control-line{font-size:13px;line-height:1.6;min-height:0;margin:9px 0 12px;color:#41584a}
.game-card .tag-line{font-size:11px;line-height:1.6;gap:6px;flex-wrap:wrap;color:#596b5f}
.game-card .card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px}
.game-card .maker-line{margin:0;font-size:11px;line-height:1.6;color:#65705f;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-card .maker-line a{color:#386743}
.game-card .game-quality{margin:0;min-height:0;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.review-note{display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;background:#e8f0df;color:#214932;font-size:11px;font-weight:650;line-height:1.5}
.review-note[data-review="start_only"],.review-note[data-review="login_pending"],.review-note[data-review="unverified"]{background:#fff0d5;color:#754414}
.preview-kind{position:absolute;z-index:1;top:10px;left:10px;padding:5px 8px;border-radius:4px;background:#f6f5ed;color:#254435;font-size:11px;font-weight:700;pointer-events:none}
.edition-label{background:#e9e3cf;color:#594717;padding:1px 5px;border-radius:3px;font-weight:700}
.edition-detail{padding:12px 16px;background:#efeadc;color:#554525;font-size:13px;line-height:1.7;border-radius:6px}
.preview-source{color:#52634f;font-size:12px;line-height:1.7;margin:10px 0 18px}
.game-card .game-quality .checked-note{display:none}
.game-card .quality-badge{font-size:10px;color:#52694d}
.game-card .row-discussion{box-sizing:border-box;display:flex;align-items:center;align-self:stretch;justify-content:flex-start;gap:7px;width:100%;padding:11px 16px;border-top:1px solid #e2e6d9;background:#f4f5ed;margin:auto 0 0;min-height:42px;font-size:11px;line-height:1.5;white-space:normal;color:#4b604a;text-align:left;grid-column:auto}
.game-card .row-discussion:hover{background:#eaf0e0}
.game-card .row-discussion b{font-weight:600;color:inherit}
.game-card .row-discussion svg{width:14px;height:14px;flex-shrink:0}
.game-card .row-discussion svg:last-child{margin-left:auto;width:12px;height:12px}
.game-card :is(a,button):focus-visible{outline:2px solid #173f35;outline-offset:3px}
.game-card .row-discussion:focus-visible{outline-offset:-3px}
.card-latest{color:#596b5f;margin-left:8px}
.feed-tabs{gap:26px}
.home-columns>.feed{min-width:0}
.preview-media{position:relative;isolation:isolate}
.preview-media>button{position:absolute;inset:0!important;width:100%;height:100%;min-height:44px;background:transparent!important;border:0;border-radius:0;padding:0;display:block;cursor:pointer;text-align:left;white-space:normal}
.preview-media>button:focus-visible{outline:3px solid #ff793e;outline-offset:-3px}
.preview-hint{position:absolute;bottom:12px;left:12px;display:inline-block;max-width:calc(100% - 24px);padding:7px 9px;background:#15202ee8;color:#fff;border-radius:4px;font-size:11px;line-height:1.2}
.preview-mark{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#15202edb;color:#fff;font-size:13px}
.preview-media.playing .preview-mark{font-size:0}
.preview-media.playing .preview-mark::after{content:'Ⅱ';font-size:13px}
.preview-media.playing .preview-hint{background:#172330c9}
.preview-media.playing{outline:2px solid #ff793e;outline-offset:-2px}
.detail-preview .preview-hint{font-size:12px}
.preview-media video{pointer-events:none}
.layout>.game-card{max-width:700px;margin-bottom:20px}
@container game-card (max-width:370px){
  .game-card .play-label{display:none}
  .game-card .row-actions>.small-play{width:40px;padding:0}
  .game-card .card-heading{gap:8px}
  .game-card .row-title{font-size:17px}
}
@media(max-width:1050px){
  .game-grid{gap:14px}
  .game-card>.game-info{padding:13px}
  .game-card .row-title{font-size:17px}
  .game-card .row-discussion{padding:11px 13px}
}
@media(max-width:600px){
  .games-panel{padding:0 12px 14px}
  .game-grid{grid-template-columns:1fr;gap:18px}
  .game-card>.game-info{padding:14px}
  .game-card .row-title{font-size:18px}
  .game-card .row-actions{gap:4px}
  .game-card .row-actions>.small-play,.game-card .row-actions>.vote,.game-card .row-actions>.save{min-height:44px}
  .game-card .row-actions>.save{min-width:40px}
  .game-card .row-actions>.vote{min-width:44px}
  .game-card .control-line{margin:9px 0 10px}
  .game-card .row-discussion{padding:11px 14px;min-height:44px}
  .preview-hint{bottom:10px;left:10px}
  .preview-mark{right:10px;top:10px}
  .list-heading{margin:18px 0 12px}
  .feed-tabs{gap:24px}
}