.goagame-prediction { padding: 1.2rem; border: 1px solid var(--goagame-border); border-radius: 24px; background: linear-gradient(145deg, #102e39, #091d25); box-shadow: var(--goagame-shadow); }
.goagame-prediction__top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.goagame-prediction__clock { font-variant-numeric: tabular-nums; color: var(--goagame-accent); font-weight: 850; }
.goagame-prediction__grid { display: grid; gap: .8rem; }
.goagame-prediction__card { min-width: 0; padding: 1rem; border: 1px solid var(--goagame-border); border-radius: 16px; background: rgba(255, 255, 255, .035); }
.goagame-prediction__label { display: block; margin-bottom: .35rem; color: var(--goagame-muted); font-size: .86rem; font-weight: 750; }
.goagame-prediction__value { display: block; min-width: 0; color: var(--goagame-text); font-size: clamp(1.05rem, 4vw, 1.55rem); font-variant-numeric: tabular-nums; font-weight: 900; overflow-wrap: anywhere; }
.goagame-prediction__numbers { display: flex; flex-wrap: wrap; gap: .6rem; }
.goagame-prediction__number { display: inline-grid; place-items: center; width: 48px; height: 48px; border: 2px solid var(--goagame-primary); border-radius: 50%; color: #06171c; background: var(--goagame-accent); font-size: 1.25rem; font-weight: 950; }
.goagame-prediction__colour { display: inline-flex; align-items: center; gap: .45rem; }
.goagame-prediction__colour::before { content: ""; width: .8em; height: .8em; flex: 0 0 auto; border: 2px solid rgba(255,255,255,.5); border-radius: 50%; background: currentColor; }
.goagame-prediction__colour[data-colour="Red"] { color: #ff6b7b; }
.goagame-prediction__colour[data-colour="Green"] { color: #3ad190; }
.goagame-prediction__colour[data-colour="Violet"] { color: #aa92ff; }
.goagame-prediction__status { min-height: 1.5em; margin-top: .8rem; color: var(--goagame-primary); font-weight: 800; }
.goagame-prediction__history { margin-top: 1rem; }
.goagame-prediction__history table { min-width: 680px; }
.goagame-prediction__note { margin-top: 1rem; padding: 1rem; border-left: 4px solid var(--goagame-accent); border-radius: 12px; background: rgba(255, 200, 87, .07); }
@media (min-width: 560px) { .goagame-prediction__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .goagame-prediction { padding: 1.6rem; } }
@media (max-width: 640px) { .goagame-prediction__grid { grid-template-columns: 1fr; } .goagame-prediction__number { width: 44px; height: 44px; } }
@media (prefers-reduced-motion: reduce) { .goagame-prediction * { animation: none !important; transition: none !important; } }