:root{color-scheme:dark;--paper:#eee6d5;--panel:#202b37;--line:#6c7a8e;--accent:#bc4b32}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#34534b 0,#17222a 52%,#10151d 100%);color:var(--paper);font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN",sans-serif}.home-page{width:min(920px,100%);margin:0 auto;padding:0 16px 108px}.notice{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;column-gap:8px;width:100%;margin:8px 0 14px;padding:10px 12px;border:1px solid #6d7c8e;border-radius:10px;background:#202b37;color:#f1eadb;text-align:left;text-decoration:none}.notice time,.notice__kind,.notice-page__item time,.notice-page__kind{display:flex;align-items:center;height:1.4rem;color:#dfc27c;font-size:.78rem;font-weight:700;line-height:1;white-space:nowrap}.notice time,.notice-page__item time{justify-content:flex-start}.notice__kind,.notice-page__kind{justify-content:center}.notice strong,.notice-page__item p{margin:0;font-size:.85rem;line-height:1.45}.notice strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice b{font-size:1.35rem}.notice-page{padding-top:8px}.notice-page__back{display:inline-block;color:#dfc27c;font-weight:700;text-decoration:none}.notice-page h2{margin:18px 0 12px;font-family:serif;font-size:1.55rem}.notice-page__item{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:8px;padding:14px 12px;border:1px solid #607082;border-radius:10px;background:rgba(23,33,44,.88)}.home-intro{margin:18px 0 14px;color:#d3d9d5}.home-intro p{margin:0;font-size:.9rem}.home-intro__eyebrow{margin-bottom:14px!important;color:#c6533e;font-weight:700}.game-list{display:grid;gap:10px}.game-card{display:grid;grid-template-columns:112px minmax(0,1fr) 3.2rem;min-height:112px;overflow:hidden;border:1px solid #607082;border-radius:14px;background:rgba(23,33,44,.88);box-shadow:0 6px 16px rgba(0,0,0,.2);color:var(--paper);text-decoration:none}.game-preview{display:block;aspect-ratio:1;margin:0;background:#0b1117;overflow:hidden}.game-preview img{display:block;width:100%;height:100%;object-fit:cover}.game-card__body{align-self:center;min-width:0;padding:9px 8px}.game-card h2{margin:0 0 6px;font-family:serif;font-size:clamp(1rem,4.3vw,1.22rem);line-height:1.25}.game-card h2 ruby{ruby-position:over}.game-card h2 rt{font-size:.43em;font-weight:500;letter-spacing:.04em}.game-card p{margin:0;color:#ccd4de;font-size:.78rem}.game-card__play{display:grid;place-items:center;padding:.3rem;border-left:1px solid #637386;background:#a8402e;color:#fff;font-size:1.08rem;font-weight:700;letter-spacing:.12em;text-decoration:none;writing-mode:vertical-rl;transition:filter .2s}.game-card:hover .game-card__play,.game-card:focus-visible .game-card__play{filter:brightness(1.15)}.game-card:focus-visible{outline:3px solid #dfc27c;outline-offset:3px}@media(min-width:700px){.game-list{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{grid-template-columns:130px minmax(0,1fr) 3.4rem;min-height:130px}}
/* テスト内の戻り導線。寸法を広げず内側に枠を描く。 */
.notice-page__back{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:0 6px;
  border-radius:7px;
  box-shadow:inset 0 0 0 1px #647080;
}