/* The chronicle remains mounted while its standings are refreshed. */
.world-backdrop,.world-board{animation:none!important}
.oath-rankings{background:linear-gradient(135deg,#3d4b30,#162c23);border-color:#a78a50;box-shadow:inset 0 0 0 2px #10261e,0 2px 5px #0006;border-radius:3px;gap:7px;height:39px;top:9px}
.oath-rankings svg{width:30px;height:34px;filter:drop-shadow(0 1px 1px #0008)}
.world-crest{height:45px;width:42px}
/* Stable prize previews and compact, explicitly playtest-only controls. */
.cap-prize-art img{width:60px;height:60px;object-fit:contain;image-rendering:pixelated}
.cap-prize-art [data-keyboard-swatch]{width:110px!important;height:64px!important;max-width:none;transform:translateX(-23px)}
.cap-jackpot [data-keyboard-swatch]{width:46px!important;height:28px!important}
.cap-jackpot .provision-icon{width:28px!important;height:32px!important}
.cap-prize-layer h3{overflow-wrap:normal;word-break:normal;line-height:1.45}
.cap-test-controls{margin-top:7px;padding-top:6px;border-top:1px solid #a58e493b}
.cap-test-controls>small{display:block;font:bold 8px Georgia;letter-spacing:1px;color:#ada983;margin-bottom:5px}
.cap-test-controls>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.cap-test-controls button{min-height:25px;padding:4px 2px;border:1px solid #a28a4c6b;background:#263b2b;color:#dbc797;font:bold 9px Georgia;cursor:pointer}
.cap-test-controls button:disabled{opacity:.35;cursor:default}
.cap-slot-label.slot-teeth{color:#ede2bd}.cap-slot-label.slot-layout,.cap-slot-label.slot-key{color:#f4daa0}
/* Small coins move beneath the lettering on each individual key face. */
.keyboard[data-keyboard-skin=fortune]{--key-face:linear-gradient(145deg,#3c5844,#1b3028);--key-edge:#b9995c;--key-pin:#e9d391;--skin-text:#f5e4b5}
.keyboard[data-keyboard-skin=fortune]:not([data-keyboard-skin=default]) .key:not(.strike-surface):not(.hit):not(.crit):not(.miss):not(.key-charred):not(.key-restoring):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12' shape-rendering='crispEdges'%3E%3Cpath d='M2 1h6v1h1v8H8v1H2v-1H1V2h1z' fill='%2375552d'/%3E%3Cpath d='M3 2h4v1h1v6H7v1H3V9H2V3h1z' fill='%23d6ad50'/%3E%3Cpath d='M3 3h3v1H4v4H3z' fill='%23fff0a9'/%3E%3Cpath d='M6 4h1v4H6z' fill='%239c7335'/%3E%3C/svg%3E"),var(--key-face);background-size:8px 10px,100% 100%;background-repeat:no-repeat;animation:fortune-key-coins 9s linear infinite;animation-delay:calc(var(--key-index,0)*-.61s)}
@keyframes fortune-key-coins{0%{background-position:20% -14px,0 0}100%{background-position:80% 60px,0 0}}
.preview-keyboard[data-keyboard-skin=fortune] .key:before{background-size:4px 5px,100% 100%!important;animation-duration:12s!important}
/* Hold the explanation still long enough to read, including at 2× speed. */
.resonance-bloom{animation:resonance-readable 2.6s ease-out both;background:radial-gradient(ellipse,#15201cd9 0%,#14201c99 34%,transparent 68%)}
.resonance-bloom>b{font:bold 15px/1.4 Georgia;letter-spacing:1.3px;color:#e7d6f1}
.resonance-bloom>strong{font-size:48px;line-height:1.2;margin:6px 0}
.resonance-bloom>small{font:bold 13px/1.4 Georgia;letter-spacing:2px;color:#e2cbe9}
@keyframes resonance-readable{0%{opacity:0;transform:translateY(8px) scale(.9)}10%,85%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px)}}
@media(max-height:720px) and (orientation:portrait){.lucky-cap-dialog{padding-top:11px;padding-bottom:9px}.cap-heading h2{font-size:24px}.cap-heading>p:last-child{margin:4px 0 7px}.cap-status{margin:8px 0 6px}.cap-footnote{margin:6px 0 0;font-size:8px}.cap-test-controls{margin-top:5px;padding-top:4px}.cap-test-controls button{min-height:23px}.cap-test-controls>small{margin-bottom:4px}}
@media(max-height:620px) and (orientation:portrait){.lucky-cap-dialog{padding:9px 10px 7px}.cap-machine{width:min(100%,190px)}.cap-heading h2{font-size:22px}.cap-heading .eyebrow{margin:0 0 4px}.cap-controls .btn{min-height:32px;padding:8px 4px}.cap-test-controls>small{display:none}.cap-footnote{font-size:7px}.cap-prize-layer>p:not(.cap-prize-overline){font-size:9px}.cap-prize-art [data-keyboard-swatch]{width:80px!important;height:46px!important;transform:translateX(-17px)}}
@media(orientation:landscape) and (max-height:500px){.oath-rankings{height:29px;top:3px}.oath-rankings svg{width:23px;height:25px}.world-crest{width:30px;height:32px}.cap-test-controls{margin-top:4px;padding-top:4px}.cap-test-controls>small{display:none}.cap-test-controls button{min-height:20px;font-size:8px;padding:2px}.cap-footnote{margin:3px 0!important;font-size:7px!important}.resonance-bloom>strong{font-size:35px;margin:3px 0}}
@media(prefers-reduced-motion:reduce){.keyboard[data-keyboard-skin=fortune] .key:before{animation:none!important;background-position:20% 4px,0 0}.resonance-bloom{animation:none;opacity:1;transform:none}}
@media(orientation:portrait) and (min-height:621px){.lucky-cap-dialog:has(.cap-test-controls) .cap-machine{width:min(100%,260px);margin-inline:auto}}
.world-columns{height:38px;min-height:38px;box-sizing:border-box}
@media(orientation:landscape) and (max-height:500px){.world-columns{height:32px;min-height:32px}}