/* v0 專屬的補充(設計系統本體在 ds.css,照抄雛形)。這裡只放雛形沒有、v0 才有的小東西。 */
a.tab, a.wlogo, a.icon-btn { text-decoration: none; color: inherit; }
a.tab[aria-current="page"] { color: var(--cta); }
.gwrap > a.game { color: inherit; text-decoration: none; }
.toast > span { flex: 1; }
.tile .av { width: 28px; height: 28px; }
.pcard h1 { margin: 0; }
.pent { max-width: 320px; }
.feed .ri .nm { flex: 1; min-width: 0; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.gimg.thumb { width: auto; }
[hidden] { display: none !important; }
@media (min-width:1100px){ body[data-page="detail"] main > .gimg { height: 320px !important; } }

/* Orai logo:原圖是白底 PNG,深色模式也放在白色圓角底上 */
.ologo{width:36px;height:36px;border-radius:10px;background:#fff;object-fit:contain;flex:none}
.wlogo .ologo{width:38px;height:38px}
.hero-logo{display:block;width:140px;height:140px;border-radius:28px;background:#fff;margin:0 0 12px}

/* 成團小儀式 */
.celebrate{position:fixed;inset:0;z-index:90;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(242,107,29,.28),rgba(242,107,29,0) 60%);animation:cel-fade 2.6s ease forwards}
.celebrate div{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);color:var(--ink);padding:22px 28px;border-radius:20px;box-shadow:var(--shadow);animation:cel-pop .5s cubic-bezier(.2,1.4,.4,1)}
.celebrate b{font-size:30px;color:var(--live)}
@keyframes cel-pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes cel-fade{0%,75%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.celebrate,.celebrate div{animation:none}}