.oath-key-cost{display:flex;gap:5px;justify-content:center;align-items:center;color:#dfc48d;font:10px/1.35 'Knightle Herald',Georgia;margin:8px 0 0}
.oath-key-cost .provision-icon{width:21px;height:25px;flex:none}
.oath-key-cost b{color:#f0d795}.oath-key-cost small{font:10px Georgia;color:#a7b396;margin-left:5px}
.oath-reset{font:10px/1.5 Georgia;color:#b5bea4;margin:8px 0 0;min-height:16px}.oath-reset strong{font-variant-numeric:tabular-nums;color:#e6cf93;letter-spacing:1px}
.oath-enter .provision-icon{width:23px;height:27px;vertical-align:middle;margin:-6px 7px -5px 0}
.oath-choice .oath-mark>.provision-icon{width:33px;height:39px}
.entry-shop-copy{display:block;line-height:1.5}.entry-shop-copy b{color:#e6d09e;font-weight:normal}.entry-shop-copy .stock-reset{display:block;color:#c4b382;margin-top:3px;font-variant-numeric:tabular-nums}
.entry-unlock{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 50% 44%,#213929f2,#07110af7 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e8d5a2;isolation:isolate;--entry-age:0ms;outline:none}
.entry-unlock-hard{background:radial-gradient(ellipse at 50% 44%,#423526f2,#100e0bf7 65%)}
.entry-gate{position:relative;width:144px;height:155px;margin-bottom:20px;border:5px solid #6b7151;border-bottom:0;border-radius:65px 65px 0 0;box-shadow:0 0 0 3px #17281a,inset 0 0 0 3px #d1bb7566;overflow:visible;background:#07120b}
.entry-gate>i{position:absolute;top:4px;bottom:0;width:50%;background:repeating-linear-gradient(90deg,#3b3e28 0 5px,#222d1b 5px 10px);box-shadow:inset 0 0 0 2px #8b7b4a;animation:entry-door-left 1.85s ease-in-out both paused;animation-delay:var(--entry-age);transform-origin:left center}
.entry-gate>i:first-child{left:0;border-radius:60px 0 0 0}.entry-gate>i:nth-child(2){right:0;border-radius:0 60px 0 0;transform-origin:right center;animation-name:entry-door-right}
.entry-gate>b{position:absolute;left:calc(50% - 13px);top:64px;width:26px;height:32px;background:linear-gradient(110deg,#d2ba75,#695534);box-shadow:0 2px #080c08;border-radius:3px;animation:entry-seal 1.85s ease both paused;animation-delay:var(--entry-age)}
.entry-gate>b:before{content:'';position:absolute;left:5px;top:-11px;width:12px;height:15px;border:3px solid #a99a67;border-bottom:0;border-radius:10px 10px 0 0}.entry-gate>b:after{content:'';position:absolute;left:11px;top:9px;width:5px;height:13px;background:#172116;clip-path:polygon(0 0,100% 0,100% 45%,65% 60%,100% 100%,0 100%,35% 60%,0 45%)}
.entry-item{position:absolute;left:50%;top:calc(50% - 64px);width:100px;height:116px;transform:translate(-50%,-50%);animation:entry-key-turn 1.85s ease both paused;animation-delay:var(--entry-age);filter:drop-shadow(0 4px #060b08) drop-shadow(0 0 10px #ecd48b66)}
.entry-item .provision-icon{width:100%;height:100%;image-rendering:pixelated}.entry-unlock-rerun .entry-item{animation-name:entry-token-break}
.entry-unlock-halo{position:absolute;left:50%;top:calc(50% - 64px);width:310px;height:310px;translate:-50% -50%;background:repeating-conic-gradient(from 10deg,#e2c67a55 0 7deg,transparent 7deg 26deg);mask-image:radial-gradient(circle,#0000 12%,#000 23%,#0000 68%);animation:entry-halo 1.85s ease both paused;animation-delay:var(--entry-age);z-index:-1}
.entry-unlock-sparks{position:absolute;left:50%;top:calc(50% - 64px)}.entry-unlock-sparks i{position:absolute;width:4px;height:5px;background:#ecd590;box-shadow:0 0 6px #d2be6b;animation:entry-shards 1.85s ease-out both paused;animation-delay:var(--entry-age)}.entry-unlock-sparks i:nth-child(3n){background:#a5c3aa;width:3px;height:3px}
.entry-unlock-copy{text-align:center;position:relative;min-height:72px;animation:entry-copy 1.85s ease both paused;animation-delay:var(--entry-age);padding:0 18px}.entry-unlock-copy small{display:block;font:7px 'Knightle Quill',Georgia;letter-spacing:2px;color:#b4c097}.entry-unlock-copy strong{display:block;font:24px/1.3 'Knightle Herald',Georgia;margin-top:8px;text-shadow:0 2px #0b180e}.entry-unlock-copy p{font:italic 12px Georgia;color:#bac4a8;margin:6px 0}
@keyframes entry-key-turn{0%{opacity:0;transform:translate(-50%,-65%) scale(.6)}16%{opacity:1;transform:translate(-50%,-50%) scale(1)}23%,31%,39%{transform:translate(calc(-50% - 3px),-50%) rotate(-5deg)}27%,35%{transform:translate(calc(-50% + 3px),-50%) rotate(5deg)}48%{opacity:1;transform:translate(-50%,-50%) rotate(85deg) scale(.78);filter:brightness(1.7) drop-shadow(0 0 18px #e5c66d)}64%,100%{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(.2)}}
@keyframes entry-token-break{0%{opacity:0;transform:translate(-50%,-65%) scale(.6)}16%{opacity:1;transform:translate(-50%,-50%) scale(1)}23%,31%,39%{transform:translate(calc(-50% - 3px),-50%) rotate(-5deg)}27%,35%{transform:translate(calc(-50% + 3px),-50%) rotate(5deg)}48%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(30deg);filter:brightness(2) drop-shadow(0 0 18px #e5c66d)}64%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.6) rotate(85deg)}}
@keyframes entry-seal{0%,43%{opacity:1;transform:none}52%{filter:brightness(2);transform:scale(1.14)}70%,100%{opacity:0;transform:translateY(28px) scale(.4) rotate(20deg)}}
@keyframes entry-door-left{0%,46%{transform:none}78%,100%{transform:perspective(300px) rotateY(-76deg);opacity:.2}}@keyframes entry-door-right{0%,46%{transform:none}78%,100%{transform:perspective(300px) rotateY(76deg);opacity:.2}}
@keyframes entry-halo{0%,36%{opacity:0;scale:.4}53%{opacity:1;scale:.8;rotate:12deg}100%{opacity:0;scale:1.35;rotate:55deg}}
@keyframes entry-shards{0%,44%{opacity:0;transform:none}49%{opacity:1}96%,100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.3)}}
@keyframes entry-copy{0%,51%{opacity:0;transform:translateY(8px)}68%,100%{opacity:1;transform:none}}
@media(max-width:350px){.entry-unlock-copy strong{font-size:21px}.oath-key-cost{font-size:9px;gap:4px}.oath-key-cost small{font-size:9px}.oath-reset{font-size:9px}}
@media(prefers-reduced-motion:reduce){.entry-unlock *{animation:none!important}.entry-item{opacity:1;scale:.8}.entry-unlock-sparks,.entry-unlock-halo{display:none}.entry-unlock-copy{opacity:1}.entry-gate>b{opacity:0}}

/* Entry costs and the action remain readable on a small phone. */
.quest-prelude .oath-screen{overflow-x:hidden;padding-right:3px;padding-left:3px}
.quest-prelude .oath-route{width:min(280px,100%)}
.oath-choice{grid-template-columns:28px minmax(0,1fr) 47px 13px}
.oath-enter{display:flex;align-items:center;justify-content:center;gap:7px}
.oath-sealed-copy[aria-hidden="true"]{display:none}
.oath-enter .provision-icon{margin:0;flex:none}
@media(max-width:700px){.oath-choice{gap:7px}.oath-blade{height:44px;width:54px}.oath-heading h2{font-size:27px}.oath-heading>p:last-child{font-size:13px}.oath-route{margin-top:11px;margin-bottom:9px}.oath-elixir{margin-top:10px}.oath-enter{margin-top:12px}.oath-key-cost{flex-wrap:wrap;column-gap:5px;row-gap:0}.oath-key-cost small{white-space:nowrap}}
@media(max-width:350px){.oath-heading h2{font-size:25px}.oath-choice{grid-template-columns:25px minmax(0,1fr) 39px 10px;padding:10px 8px;gap:6px}.oath-choice strong{font-size:8px;letter-spacing:1px}.oath-choice em{font-size:10px;line-height:1.25}.oath-enter{font-size:9px;letter-spacing:1px}.oath-elixir{font-size:10px}.oath-key-cost{font-size:9px}}
@media(max-width:700px) and (max-height:640px){.quest-prelude.modal-backdrop{padding:42px 18px 10px}.oath-blade,.oath-route{display:none}.oath-heading h2{margin-top:7px;margin-bottom:5px}.oath-heading>p:last-child{font-size:12px;line-height:1.35}.oath-prompt{font-size:12px;margin:10px 0 6px}.oath-choice{min-height:59px}.oath-choices{gap:6px}.oath-elixir{margin-top:8px}.oath-enter{min-height:44px;margin-top:8px}.oath-footnote{margin-top:8px}.oath-tutorial-link{margin-top:7px}}