/* Scoped presentation pass: existing stills, one count-up owner, no particles. */
body.presentation-open{overflow:hidden}
#banner{padding:60px 24px 30px;overflow:auto;display:flex;align-items:center;justify-content:center}
#banner[hidden]{display:none}#banner:before{display:none}
.presentation-wordmark{position:absolute;top:26px;left:0;width:100%;font:20px Georgia,serif;letter-spacing:.35em;color:#dbe3e8;text-align:center;padding-left:.35em}
.presentation-card{position:relative;isolation:isolate;width:min(620px,90vw);min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 32px 22px;text-align:center;background:linear-gradient(135deg,#dbeaf019,#18212aee 32%,#101720f5 76%,#cdd9df12);border:1px solid #c7d7e071;box-shadow:0 0 0 6px #08101888,0 0 0 7px #d9e4e71f;clip-path:polygon(4% 0,96% 0,100% 5%,100% 95%,96% 100%,4% 100%,0 95%,0 5%);overflow:hidden}
.presentation-card:before{content:'';position:absolute;inset:7px;border:1px solid #c7d7e01c;pointer-events:none;z-index:-1}
.presentation-card:after{content:'';position:absolute;top:0;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.plaque-sheen{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,transparent 37%,#fff2 45%,#fff6 48%,#fff1 52%,transparent 60%);opacity:0}
#banner .presentation-emblem{width:110px;height:95px;display:flex;justify-content:center;align-items:center;position:relative;margin:0 0 8px}
.presentation-emblem>.symbol-art{width:92px;aspect-ratio:1;filter:grayscale(1)}
.presentation-emblem>.symbol-art{clip-path:inset(0 0 8% 0)}
.presentation-emblem .emblem-jewel{width:57px;aspect-ratio:1;position:absolute;top:20px}
.emblem-jewel:nth-child(1){left:-9px;transform:rotate(-12deg) translateY(9px)}.emblem-jewel:nth-child(2){left:16px;transform:rotate(-4deg)}.emblem-jewel:nth-child(3){left:42px;transform:rotate(4deg)}.emblem-jewel:nth-child(4){left:67px;transform:rotate(12deg) translateY(9px)}
.emblem-jewel.dormant{filter:grayscale(1)}
body.world-unlocked-WR .emblem-jewel:nth-child(1),body.world-unlocked-WY .emblem-jewel:nth-child(2),body.world-unlocked-WB .emblem-jewel:nth-child(3),body.world-unlocked-WP .emblem-jewel:nth-child(4){filter:none}
.win-diamond{width:88px;aspect-ratio:1}.win-diamond .symbol-art{width:100%}
#banner-kicker{font:10px Fredoka;letter-spacing:.25em;margin:2px 0 12px;color:#b6c4ce!important}
#banner .presentation-heading{font:clamp(30px,4.5vw,56px)/1.1 Fredoka;font-weight:400;letter-spacing:.025em;color:var(--accent);text-shadow:2px 2px #0b1018,0 4px #0005;margin:0 0 12px}
#banner #banner-title{display:block;margin:0;font:clamp(42px,7vw,86px)/1.15 Fredoka;letter-spacing:-.02em;max-width:100%;color:#f4f7f8;font-variant-numeric:tabular-nums;text-shadow:2px 3px 0 #080c12,0 5px 0 #080c1280;white-space:nowrap}
#banner .presentation-unit{font:10px Fredoka;letter-spacing:.22em;color:#a7b7c3;margin:6px 0 16px}
#banner-detail{font:12px/1.7 Arial,sans-serif;max-width:390px;color:#c2cdd5;min-height:0;margin-top:3px}
#banner-continue{font:13px Fredoka;min-width:195px;margin:20px 0 0;padding:13px 24px;color:white;border:2px solid white;border-radius:10px;background:#1c1c1c}
.presentation-hint{font:8px Arial,sans-serif;letter-spacing:.15em;color:#80919f;margin-top:14px}
.presentation-stats{display:flex;gap:30px;justify-content:center;margin:5px 0 12px}.presentation-stats:empty{display:none}
.presentation-stats>div{display:flex;flex-direction:column;gap:6px;min-width:75px}
#banner .presentation-stats strong{font:21px Fredoka;margin:0;color:#dce5ea;text-shadow:1px 2px #000}
.presentation-stats span{font:8px Arial,sans-serif;letter-spacing:.1em;color:#92a3b0}
#banner[data-kind=intro] #banner-title{font-size:76px;color:#fff5db}
#banner[data-kind=intro] .presentation-card{min-height:510px}
#banner[data-kind=intro][data-level=god_prism] .presentation-card{background:linear-gradient(135deg,#aa94cd22,#17202bee 36%,#111922f5 78%,#7589c01a)}
#banner[data-kind=intro][data-level=fracture] .presentation-card{background:linear-gradient(135deg,#d8bdc619,#19212aee 36%,#111922f5 78%,#c992a217)}
#banner[data-level=max] .presentation-heading{color:#fff2ce}
#banner.compact-win{background:none;padding:0;pointer-events:none;overflow:hidden}
#banner.compact-win>.world-backdrop,#banner.compact-win>.presentation-wordmark{display:none}
.compact-win .presentation-card{position:absolute;left:var(--board-center-x);top:var(--board-center-y);margin-left:calc(min(280px,var(--board-width) - 20px)/-2);margin-top:-80px;width:min(280px,calc(var(--board-width) - 20px));min-height:160px;padding:14px 20px;background:#111923f2;border:1px solid #b6cad875;box-shadow:0 3px 18px #0007}
#banner.compact-win .presentation-emblem,#banner.compact-win .presentation-heading,#banner.compact-win .presentation-hint,#banner.compact-win #banner-detail{display:none}
#banner.compact-win #banner-kicker{font-size:9px;margin-bottom:6px}
#banner.compact-win #banner-title{font-size:38px}
#banner.compact-win .presentation-unit{font-size:7px;margin:5px 0}
#banner.compact-win #banner-continue{font-size:8px;min-width:100px;padding:6px 10px;border-width:1px;border-radius:5px;margin-top:6px;pointer-events:auto}
@media(max-width:600px){#banner{padding:65px 15px 35px}.presentation-card{width:100%;padding:22px 16px;min-height:450px}.presentation-wordmark{top:27px;font-size:18px}#banner .presentation-heading{font-size:35px}#banner #banner-title{font-size:clamp(34px,11vw,62px)}#banner[data-kind=intro] #banner-title{font-size:68px}#banner[data-kind=intro] .presentation-card{min-height:490px}.presentation-stats{gap:18px}#banner-detail{font-size:11px;max-width:280px}.presentation-emblem{margin-bottom:12px!important}}
@media(max-height:620px) and (min-width:601px){#banner{padding:35px 20px 18px}.presentation-wordmark{top:10px;font-size:14px}.presentation-card,#banner[data-kind=intro] .presentation-card{min-height:0;padding:12px 28px}.presentation-emblem{height:55px!important;margin-bottom:0!important}.presentation-emblem>.symbol-art{width:55px}.win-diamond{width:55px}#banner .presentation-heading{font-size:32px;margin-bottom:5px}#banner #banner-title,#banner[data-kind=intro] #banner-title{font-size:52px}.presentation-unit{margin-bottom:5px!important}#banner-continue{margin-top:12px;padding:10px 24px}.presentation-hint{margin-top:8px}.presentation-stats{margin:0 0 5px}}
