.bonus-entry-dialog{width:min(860px,calc(100vw - 20px));max-width:none;max-height:96svh;margin:auto;padding:0;border:0;overflow:visible;background:transparent;color:#fff0c1}
.bonus-entry-dialog::backdrop{background:radial-gradient(ellipse,#211427dc,#03050af2);backdrop-filter:blur(9px)}
.bonus-entry-content{position:relative;isolation:isolate;min-height:700px;max-height:94svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:110px 95px 90px;animation:entry-arrive .75s cubic-bezier(.18,.7,.2,1) both}
.entry-gate{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 0 35px #eda74455)}
.entry-rays{position:absolute;inset:12% 5%;z-index:-1;background:repeating-conic-gradient(#ffc95600 0deg,#ffce6733 8deg,#ffc95600 16deg);mask-image:radial-gradient(ellipse,#000,transparent 68%);animation:rotate 28s linear infinite}
.entry-eyebrow{font:650 13px var(--font);letter-spacing:2px;margin:0;color:#ffe4a9;text-shadow:0 2px 5px #000}
.entry-books{display:flex;align-items:center;justify-content:center;width:340px;height:145px;position:relative;margin:-2px 0 -8px}
.entry-books img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 17px #65ffe282);animation:entry-book .8s .2s both}
.entry-books img:first-child{transform:rotate(-17deg);animation-delay:.05s}.entry-books img:last-child{transform:rotate(17deg);animation-delay:.35s}.entry-books img:nth-child(2){width:155px;height:155px;z-index:1;margin-inline:-18px}
.bonus-entry-content h2{margin:0;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1}
.entry-count{font:600 112px/1 "Aether Numbers",sans-serif;color:#ffeab3;text-shadow:0 4px #926127,0 8px #30200f,0 0 45px #ffd57b9e;animation:entry-number .75s .45s both}
.bonus-entry-content h2 img{width:390px;height:77px;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #000)}
.bonus-entry-content #bonusEntryNote{font:500 15px/1.5 var(--font);max-width:330px;margin:4px 0 9px;color:#f2e8d1;text-shadow:0 1px 4px #000}
.bonus-entry-content .primary{z-index:9;position:relative;min-height:47px;font:650 14px var(--font);letter-spacing:.5px}
.space-hint{display:block;font:500 12px/1.4 var(--font);color:#d6e1dc;letter-spacing:.1px;margin-top:6px;text-align:center;text-shadow:0 1px 3px #000}
.symbol-dialog .dialog-foot{flex-wrap:wrap}.symbol-dialog .space-hint{flex-basis:100%}
@keyframes entry-arrive{from{opacity:0;transform:scale(.82);filter:brightness(2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}
@keyframes entry-book{from{opacity:0;translate:0 40px;scale:.5}to{opacity:1;translate:0 0;scale:1}}
@keyframes entry-number{0%{opacity:0;transform:scale(2)}65%{opacity:1;transform:scale(.93)}100%{opacity:1;transform:scale(1)}}
@media(max-width:600px){.bonus-entry-content{min-height:min(635px,94svh);padding:87px 27px 65px;gap:6px}.entry-eyebrow{font-size:11px;letter-spacing:1px}.entry-books{width:245px;height:115px}.entry-books img{width:90px;height:95px}.entry-books img:nth-child(2){width:125px;height:125px;margin-inline:-14px}.entry-count{font-size:94px}.bonus-entry-content h2 img{width:265px;height:57px}.bonus-entry-content #bonusEntryNote{font-size:14px;max-width:240px;margin:4px 0 8px}.bonus-entry-content .primary{font-size:13px;min-height:45px}.space-hint{font-size:12px}.symbol-dialog .dialog-foot{gap:6px}}
@media(max-height:720px) and (min-width:601px){.bonus-entry-content{min-height:590px;padding:78px 90px 62px;gap:5px}.entry-books{height:110px}.entry-books img{height:95px}.entry-books img:nth-child(2){height:120px}.entry-count{font-size:90px}.bonus-entry-content h2 img{height:60px}}

.bonus-entry-content .space-hint{background:#08141ce6;padding:4px 8px;border-radius:4px;color:#edf2e8}
