/* ARKHIVE — 다가오는 일정 전광판 · 다크 틀 + 라이트 칸 */
.fb{--tile:#F5F4F2;--tile2:#E9E7E3;--ink-t:#1C1C1E;--frame:#1C1C1E;--lab:rgba(245,244,242,.6);--st:45ms;background:var(--frame);color:#FFFFFF;border-radius:4px;padding:18px clamp(14px,2vw,24px) 0;position:relative;overflow:hidden;font-family:var(--font-body)}
.fb a{color:inherit;text-decoration:none}
.fb-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.fb-tag{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--lab)}
.fb-tag b{font-family:var(--font-display);font-size:15px;letter-spacing:.14em;color:#FFFFFF}
.fb-tag .dot{width:7px;height:7px;border-radius:50%;background:#B03020;animation:fbBlink 1.6s steps(2,start) infinite}
@keyframes fbBlink{to{visibility:hidden}}
.fb-meta{display:flex;align-items:center;gap:14px}
.fb-meta .idx{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.08em;color:#FFFFFF;font-variant-numeric:tabular-nums}
.fb a.fb-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:2px;font-size:13px;font-weight:700;color:#FFFFFF;line-height:1;white-space:nowrap;transition:background .15s,border-color .15s}
.fb a.fb-btn .ic{width:15px;height:15px;flex:none}
.fb a.fb-btn .ar{transition:transform .15s}
.fb a.fb-btn:hover{background:#B03020;border-color:#B03020;color:#FFFFFF}
.fb a.fb-btn:hover .ar{transform:translateX(3px)}
.fb-row{display:flex;align-items:flex-end;gap:var(--gg);padding-bottom:18px}
.fb-row.stack{flex-wrap:wrap}
.fb-row.stack .fb-g.name{order:3;flex-basis:100%}
.fb-row.stack .fb-sp{flex:1}
.fb-g{display:flex;flex-direction:column;gap:6px;flex:none}
.fb-g .lab{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--lab);white-space:nowrap}
.fb-cells{display:flex;gap:3px}
.fb-cell{position:relative;width:var(--cw);height:var(--chh);perspective:240px;flex:none;font-size:var(--fs);font-weight:700;line-height:1;color:var(--ink-t)}
.fb-cell.disp{font-family:var(--font-display);font-size:calc(var(--fs) * 1.12)}
.fb-cell.hot{--tile:#B03020;--tile2:#A02B1C;--ink-t:#FFFFFF}
.fb-h{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--tile);backface-visibility:hidden}
.fb-top{top:0;border-radius:3px 3px 0 0;transform-origin:50% 100%}
.fb-bot{bottom:0;border-radius:0 0 3px 3px;transform-origin:50% 0;background:var(--tile2)}
.fb-h i{position:absolute;left:0;right:0;height:var(--chh);line-height:var(--chh);text-align:center;font-style:normal;white-space:pre}
.fb-top i{top:0}.fb-bot i{bottom:0}
.fb-ft{z-index:2;animation:fbT var(--st) ease-in forwards}
.fb-fb{z-index:2;transform:rotateX(90deg);animation:fbB var(--st) ease-out var(--st) forwards}
@keyframes fbT{to{transform:rotateX(-90deg)}}
@keyframes fbB{to{transform:rotateX(0)}}
.fb-cell::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:rgba(28,28,30,.22);z-index:3}
.fb-cell.hot::after{background:rgba(0,0,0,.4)}
.fb-prog{display:none;position:absolute;left:0;bottom:0;height:2px;background:#B03020;width:0;animation:fbProg var(--iv) linear forwards}
.fb:hover .fb-prog{animation-play-state:paused}
@keyframes fbProg{to{width:100%}}
@media (prefers-reduced-motion: reduce){.fb-ft,.fb-fb{animation:none}.fb-ft{display:none}.fb-fb{transform:none}.fb-tag .dot{animation:none}}

/* 2026.10.21 · 행사명은 긴 판 하나 */
.fb-row{align-items:flex-end}
.fb-g.name{flex:1 1 auto;min-width:0}
.fb-panel{width:100%;perspective:900px}
.fb-panel .fb-h i{text-align:left;padding:0 14px;overflow:hidden;box-sizing:border-box}
.fb-panel .fb-h i>span{display:inline-block;white-space:pre}
.fb-panel .fb-h i>span.mq{animation:fbMq var(--mqd) ease-in-out 1s infinite alternate}
@keyframes fbMq{0%,12%{transform:translateX(0)}88%,100%{transform:translateX(var(--mq))}}
.fb-meas{position:absolute;visibility:hidden;white-space:pre;font:inherit;left:0;top:0;pointer-events:none}
@media (prefers-reduced-motion: reduce){.fb-panel .fb-h i>span.mq{animation:none}}
.fb-cells.toks{align-items:center;gap:3px}
.fb-sep{font-family:var(--font-display);font-weight:700;font-size:calc(var(--fs) * 1.05);color:rgba(245,244,242,.7);padding:0 1px;line-height:1}