.act-showcase-footer-row { display:flex;align-items:center;gap:16px; }
.act-showcase-footer-row>.act-showcase-stats { flex:1;min-width:0;gap:10px 16px; }
.act-navigation { display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;max-width:100%; }
.act-navigation a { gap:10px;min-height:44px;padding:10px 14px;border-radius:4px;font-size:14px;line-height:1.4;letter-spacing:.3px;white-space:nowrap;text-decoration:none; }
.act-navigation .act-navigation-next { margin-left:auto;text-align:right; }
.act-showcase {
  position: relative; display: grid; margin-bottom: 28px; overflow: hidden;
  border: 1px solid rgba(232,195,106,.32); border-top: 2px solid var(--gold);
  background: radial-gradient(ellipse at 10% 15%,rgba(232,195,106,.09),transparent 50%),linear-gradient(120deg,rgba(3,10,21,.97),rgba(9,28,49,.92));
  box-shadow: 0 24px 65px rgba(0,0,0,.25);
}
.act-showcase.has-cover { grid-template-columns: minmax(250px,32%) minmax(0,1fr); }
.act-showcase::after { content:"";position:absolute;bottom:0;right:0;width:95px;height:95px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);opacity:.45;pointer-events:none; }
.act-poster { position:relative;display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:0;border-right:1px solid rgba(232,195,106,.2);color:var(--text);background:#01060e;cursor:zoom-in;text-align:left; }
.act-poster-mount { position:relative;display:block;flex:1;width:100%;aspect-ratio:2/3;min-height:0; }
.act-poster-placeholder { cursor:default; }
.act-poster img { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover; }
.act-showcase:has(.act-countdown) .act-poster { align-self:start; }
.act-showcase:has(.act-countdown) .act-poster-mount { flex:none; }
.act-showcase:has(.act-countdown) .act-poster img { object-fit:contain; }
.act-poster:hover .act-poster-caption { border-color:var(--gold);background:rgba(3,10,21,.95); }
.act-poster:focus-visible { outline:2px solid var(--cyan);outline-offset:-5px; }
.act-poster-caption { position:absolute;top:10px;right:10px;z-index:1;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid rgba(232,195,106,.45);border-radius:50%;background:rgba(3,10,21,.85);color:var(--gold);box-shadow:0 2px 12px rgba(0,0,0,.35);transition:background .18s,border-color .18s,box-shadow .18s; }
.act-poster-caption svg { display:block;width:20px;height:20px; }
.act-poster:hover .act-poster-caption,.act-poster:focus-visible .act-poster-caption { box-shadow:0 0 14px rgba(232,195,106,.25); }
.act-showcase-copy { display:flex;flex-direction:column;min-width:0;padding:clamp(24px,3vw,44px); }
.act-showcase-heading { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;color:var(--gold);font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:2px; }
.act-state { padding:5px 10px;border:1px solid rgba(87,221,255,.28);background:rgba(87,221,255,.06);color:var(--cyan);letter-spacing:.8px; }
.act-showcase h2 { font-family:var(--display);font-size:clamp(20px,1.7vw,28px);line-height:1.25;margin:24px 0 18px;color:#ebf6ff;max-width:100%;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.act-page-head h1 { max-width:100%;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.act-showcase-copy>p { font-size:15px;line-height:1.85;color:#b6cddd;margin:0 0 30px; }
.act-countdown { position:relative;isolation:isolate;overflow:hidden;margin:0 0 20px;padding:12px 16px 24px;border:1px solid #ab703e;border-radius:3px;background:radial-gradient(ellipse at 22% 58%,#502b1b66,transparent 60%),linear-gradient(120deg,#100e17,#050b18 75%);box-shadow:inset 0 0 42px #d7711510,0 12px 35px #0005; }
.act-countdown::after { content:"";position:absolute;inset:7px;z-index:0;pointer-events:none;border:1px solid #f9be5c18;clip-path:polygon(0 0,28px 0,28px 1px,calc(100% - 28px) 1px,calc(100% - 28px) 0,100% 0,100% 100%,calc(100% - 28px) 100%,calc(100% - 28px) calc(100% - 1px),28px calc(100% - 1px),28px 100%,0 100%); }
.act-countdown-fx { position:absolute;inset:0;z-index:0;pointer-events:none; }
.act-countdown-fx canvas { display:block;width:100%;height:100%; }
.act-countdown-header,.act-countdown-body { position:relative;z-index:1; }
.act-countdown-header { display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:24px;color:#f3bb73;font:700 10px var(--display);letter-spacing:2px; }
.act-countdown-header>span { display:flex;align-items:center;gap:9px; }
.act-countdown-header i { width:5px;height:5px;flex-shrink:0;background:#ffc886;box-shadow:0 0 12px #ff9846;transform:rotate(45deg); }
.act-countdown-header button { padding:6px 8px;border:1px solid #f3bb733d;border-radius:2px;background:#060b17b3;color:#e9bf89;font:600 9px var(--display);letter-spacing:1px;cursor:pointer; }
.act-countdown-header button:hover,.act-countdown-header button:focus-visible { color:#fff;border-color:#ffc886;outline-offset:3px; }
.act-countdown-body { display:flex;align-items:center;gap:16px;min-height:132px; }
.act-countdown-dial { display:flex;flex:0 0 116px;min-height:124px;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle,#ffa2360c,transparent 69%); }
.act-countdown-dial>strong { color:#fff0d9;font-family:var(--display);font-weight:800;font-size:clamp(32px,3vw,40px);line-height:1.1;letter-spacing:-2px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 20px #ffae6355,0 2px 1px #000; }
.act-countdown-dial>small { color:#e3b988;font:600 7px var(--display);letter-spacing:1px; }
.act-countdown-message { flex:1;min-width:0; }
.act-countdown-message>span { color:#b88d67;font:600 9px var(--display);letter-spacing:1.7px; }
.act-countdown-message>p { margin:8px 0 10px;color:#fff0dc;font-family:var(--display);font-size:clamp(16px,1.6vw,20px);font-weight:700;line-height:1.4;text-wrap:balance; }
.act-countdown-message>i { display:block;width:58px;height:2px;background:linear-gradient(90deg,#ffbf70,transparent);box-shadow:0 0 10px #ffae6333; }
.act-countdown-track { position:absolute;bottom:19px;left:22px;right:22px;height:2px;background:repeating-linear-gradient(90deg,#eab4744d 0 4px,transparent 4px 8px); }
@media(max-width:560px) { .act-countdown { padding:12px 12px 24px; }.act-countdown-body { gap:12px;min-height:116px; }.act-countdown-dial { flex-basis:96px;min-height:108px; }.act-countdown-message>p { margin-top:8px;font-size:15px; }.act-countdown-message>span { font-size:8px;letter-spacing:.8px; }.act-countdown-header { letter-spacing:1px;font-size:9px; } }
.act-showcase-bottom { margin-top:auto;padding-top:22px;border-top:1px solid var(--line); }
.act-showcase-stats { display:flex;flex-wrap:wrap;gap:14px 24px;color:#91acbf;font-family:var(--display);font-size:12px;letter-spacing:.6px; }
.act-showcase-stats strong { font-size:22px;color:#dcefff;margin-right:6px; }
.act-showcase .act-page-progress { max-width:none;margin-top:20px; }
.act-showcase .act-page-progress strong { font-size:24px; }
.act-showcase .act-page-progress>span { height:7px; }
body.act-art-open { overflow:hidden; }
.act-art-dialog { width:fit-content;max-width:94vw;max-height:94dvh;margin:auto;padding:0;border:1px solid rgba(232,195,106,.6);background:#040c19;color:var(--text);box-shadow:0 24px 100px #000; }
.act-art-dialog::backdrop { background:rgba(0,4,12,.92); }
.act-art-dialog>header { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:1px solid var(--line); }
.act-art-dialog h2 { margin:0;font-size:16px;line-height:1.4; }
.act-art-dialog button { flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:#0b2135;color:var(--cyan);font-size:12px;cursor:pointer; }
.act-art-dialog button span { font-size:22px;margin-left:8px;vertical-align:middle; }
.act-art-image { display:flex;justify-content:center;padding:16px; }
.act-art-image img { display:block;max-width:calc(94vw - 34px);max-height:calc(94dvh - 110px);width:auto;height:auto;object-fit:contain; }
@media(max-width:820px) {
  .act-showcase.has-cover { grid-template-columns:minmax(0,1fr); }
  .act-poster { border-right:0;border-bottom:1px solid rgba(232,195,106,.2); }
  .act-showcase-copy { padding:24px; }
  .act-art-dialog>header { gap:10px;padding:10px; }
  .act-art-dialog h2 { font-size:14px; }
}
@media(max-width:560px) { .act-showcase-footer-row { flex-wrap:wrap; }.act-showcase-footer-row>.act-showcase-stats { flex-basis:100%; } }
@media(prefers-reduced-motion:reduce) { .act-poster img { transition:none;transform:none; } }