/* Voyager's Discovery: a table, three crossings, one place worth remembering. */
.discovery-launch-panel{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:25px;margin:30px 0 18px;padding:26px 32px;border:1px solid #b49b6452;border-radius:14px;background:linear-gradient(115deg,#283d3e,#142e36);box-shadow:0 14px 50px #0002}
.discovery-launch-panel>img{width:110px;height:140px;object-fit:contain;filter:drop-shadow(0 5px 8px #0006)}
.discovery-launch-panel h2{font-size:27px;color:#f1dfb9;margin-bottom:9px}.discovery-launch-panel p:not(.eyebrow){font-size:13px;color:#bdcec7;max-width:650px}.discovery-launch-panel small{display:block;font-size:11px;color:#a0b5ad;margin-top:10px}
#discovery-launch{background:#d8bd87;color:#172e31;border:1px solid #efd9b2;border-radius:5px;padding:14px 18px;font-size:12px;min-height:48px;white-space:nowrap}
#discovery-log{list-style:none;display:grid;gap:15px;padding:0}#discovery-log li{border-top:1px solid #bbc2a523;padding-top:12px}#discovery-log strong,#discovery-log span{display:block}#discovery-log strong{color:#dbc596;font:18px Georgia,serif}#discovery-log span{color:#a5bcb4;font-size:12px;margin-top:6px}
.discovery-dialog{width:min(1000px,calc(100vw - 28px));max-width:none;max-height:94dvh;overflow-y:auto;padding:0;color:#efe9d8;background:#102a33;border:1px solid #c3ae7477;border-radius:16px;box-shadow:0 25px 110px #000b;overscroll-behavior:contain}.discovery-dialog::backdrop{background:#030e16d9;backdrop-filter:blur(8px)}
.discovery-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 28px;border-bottom:1px solid #c6b78b25}.discovery-top>span{font-size:9px;letter-spacing:1.6px;color:#a9c6ba}.discovery-top button{flex-shrink:0}
.discovery-heading{padding:24px 32px 23px;background:linear-gradient(115deg,#263d3e,#152e36)}.discovery-heading h2{font:36px/1.1 Georgia,serif;color:#efdfb9}.discovery-heading h2 em{color:#d1b97c}.discovery-heading>p:last-child{font-size:13px;color:#b4c9c1;margin-top:12px}
.discovery-scene{height:390px;position:relative;isolation:isolate;overflow:hidden;background:#0c2732;border-block:1px solid #b5baa024}.voyage-landscape{position:absolute;z-index:-3;inset:-3%;background:url('/slot-assets/discovery/island.webp') center 55%/cover;transition:filter 1.5s,transform 1.5s,opacity 1.5s;filter:blur(14px) brightness(.4);transform:scale(1.13)}
.discovery-scene[data-phase=table] .voyage-landscape,.discovery-scene[data-phase=returned] .voyage-landscape,.discovery-scene[data-phase=storm] .voyage-landscape{background-image:url('/slot-assets/discovery/round-table.webp');filter:none;transform:none}
.discovery-scene[data-phase=sailing][data-step="1"] .voyage-landscape{filter:blur(8px) brightness(.52)}.discovery-scene[data-phase=sailing][data-step="2"] .voyage-landscape{filter:blur(4px) brightness(.7)}.discovery-scene[data-phase=island] .voyage-landscape{filter:none;transform:scale(1);animation:island-arrival 3s ease-out both}
.voyage-mist{position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse at 25% 60%,#bccfc886,transparent 50%),radial-gradient(ellipse at 75% 40%,#77989ba1,transparent 60%),linear-gradient(#102f3955,#193e4d88);filter:blur(22px);animation:voyage-fog 15s ease-in-out infinite alternate;transition:opacity 2.1s;pointer-events:none}.discovery-scene[data-phase=table] .voyage-mist,.discovery-scene[data-phase=returned] .voyage-mist,.discovery-scene[data-phase=storm] .voyage-mist{opacity:0}.discovery-scene[data-step="1"] .voyage-mist{opacity:.75}.discovery-scene[data-step="2"] .voyage-mist{opacity:.5}.discovery-scene[data-phase=island] .voyage-mist{opacity:0}
.discovery-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(#0619226b,transparent 42%,#0a222433);pointer-events:none;z-index:-1}
.discovery-scene-caption{position:absolute;top:23px;left:28px;right:28px;text-align:center;text-shadow:0 2px 15px #000d}.discovery-scene-caption>span{font-size:9px;letter-spacing:2px;color:#d4e5d5}.discovery-scene-caption h3{font:italic 30px/1.2 Georgia,serif;color:#f7e9cd;margin:9px 0}
.discovery-bottle{position:absolute;width:230px;height:230px;object-fit:contain;left:50%;bottom:15px;transform:translateX(-50%) rotate(-7deg);filter:drop-shadow(0 15px 12px #0009);animation:bottle-to-table 1.1s ease-out both}
.discovery-map{position:absolute;left:24px;bottom:22px;width:174px;transform:rotate(-7deg);background:linear-gradient(135deg,#d8c698,#b6a176);border:1px solid #776847;padding:12px 13px 9px;box-shadow:0 5px 15px #0009;border-radius:3px 9px 4px 7px;z-index:2;animation:unfold-route .7s ease-out both;color:#4e4937}.discovery-map svg{width:100%;fill:none;stroke:#655137;stroke-width:2}.discovery-map .map-coast{opacity:.35;stroke-width:4}.discovery-map .charted-route{stroke:#537668;stroke-dasharray:3;stroke-dashoffset:3;transition:stroke-dashoffset 1s}.discovery-map span{display:block;font:italic 10px Georgia,serif;text-align:center}.discovery-scene[data-step="1"] .charted-route{stroke-dashoffset:2}.discovery-scene[data-step="2"] .charted-route{stroke-dashoffset:1}.discovery-scene[data-step="3"] .charted-route{stroke-dashoffset:0}
.discovery-bow{position:absolute;bottom:-10px;left:0;right:0;width:100%;height:70px;filter:drop-shadow(0 -3px 3px #0005);animation:voyage-bob 5s ease-in-out infinite alternate;pointer-events:none}
.voyage-rain{position:absolute;inset:-50%;z-index:3;opacity:0;pointer-events:none;background:repeating-linear-gradient(110deg,transparent 0 48px,#cfe6df52 49px 50px,transparent 51px 85px);transform:translateY(-12%)}
.voyage-moving[data-direction=port] .voyage-landscape{transform:scale(1.22) translateX(5%)}.voyage-moving[data-direction=starboard] .voyage-landscape{transform:scale(1.22) translateX(-5%)}.voyage-moving .discovery-bow{animation:voyage-crossing .6s ease-in-out infinite alternate}.voyage-moving[data-weather=storm] .voyage-rain{animation:voyage-rain .6s linear infinite;opacity:.6}.voyage-moving[data-weather=storm] .voyage-landscape{filter:brightness(.3)}
.discovery-progress{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 30px;border-bottom:1px solid #b8bfa322;background:#18333a}.discovery-progress ol{display:flex;list-style:none;margin:0;padding:0;gap:16px}.discovery-progress li{width:30px;height:30px;display:grid;place-items:center;border:1px solid #a1baaf4a;border-radius:50%;font:italic 15px Georgia,serif;color:#839d98;position:relative}.discovery-progress li+li:before{content:'';position:absolute;right:100%;width:17px;height:1px;background:#acbc9b33}.discovery-progress li.current{border-color:#e1c789;color:#e1c789;box-shadow:0 0 15px #d0bf6733}.discovery-progress li.complete{background:#96b6a4;color:#142f32}.discovery-progress>div{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;justify-content:flex-end}.discovery-progress strong{font:20px Georgia,serif;color:#eed39a}.discovery-progress span{font-size:12px;color:#a1caba}.discovery-progress small{font-size:8px;letter-spacing:1px;color:#b9c6ae}
.discovery-controls{padding:22px 30px 26px}.discovery-notice{color:#d0d9c9;font:16px/1.6 Georgia,serif;margin-bottom:20px;min-height:26px}.discovery-routes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.discovery-routes button{background:linear-gradient(135deg,#22484c,#16363e);color:#eee1c3;border:1px solid #739f9c75;border-radius:10px;padding:21px 20px;text-align:left;transition:background .2s,transform .2s}.discovery-routes button:last-child{background:linear-gradient(135deg,#3b4545,#1e343c);border-color:#b9a06a8a}.discovery-routes button:hover:enabled{transform:translateY(-2px);background:#315355}.discovery-routes strong{display:block;font:25px Georgia,serif;margin:12px 0 8px}.route-direction{font-size:8px;letter-spacing:1.4px;color:#a0c7bb}.route-value{display:block;font-size:14px;color:#ebd196}.route-risk{display:block;margin-top:8px;color:#b0c2b6;font-size:11px}.discovery-routes button[data-condition=storm]{border-color:#d7a079}.discovery-routes button[data-condition=storm] .route-risk{color:#e9b098}.discovery-routes button[data-condition=clear] .route-risk{color:#b2ead0}
.discovery-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.voyage-tool{display:flex;align-items:center;gap:8px;padding:12px 9px;background:#18363b;border:1px solid #bda26845;border-radius:9px;color:#e0d3b2;text-align:left;min-height:124px}.voyage-tool:disabled{opacity:.5}.voyage-tool>span:first-child{flex:0 0 54px}.voyage-tool img{width:54px;height:72px;object-fit:contain}.voyage-tool strong{display:block;font:16px/1.2 Georgia,serif}.voyage-tool small{display:block;font-size:10px;line-height:1.5;color:#a5beb2;margin-top:5px}.voyage-tool em{display:block;color:#dfc48f;font:10px Arial,sans-serif;margin-top:9px}.voyage-tool:hover:enabled{background:#23474a;border-color:#d1c58d}
#discovery-loan-title{font-size:12px;color:#b1c4b9}#discovery-loans{border:0;padding:0;margin:13px 0 22px;display:flex;gap:10px;flex-wrap:wrap}#discovery-loans label{font-size:12px;display:flex;align-items:center;gap:7px;border:1px solid #9ab7a748;border-radius:6px;padding:9px 12px;color:#c9d2bd;cursor:pointer}#discovery-loans input{accent-color:#b6d0ae}
.voyage-primary{background:#dfc58f;color:#193438;border:1px solid #f1dab2;border-radius:6px;padding:13px 20px;font-size:13px;min-height:48px}.voyage-primary:hover:enabled{background:#edd9ae}.voyage-home{display:block;width:100%;margin-top:20px;min-height:45px;border:1px solid #acc5a544;background:transparent;color:#b8d4c3;border-radius:6px;font-size:12px}.voyage-home:hover:enabled{background:#203e42}
.discovery-narrator{display:flex;gap:20px;align-items:center;padding:22px 30px;border-top:1px solid #b6c0a42a;background:#142e35}.discovery-narrator .catch-portrait{width:76px;height:106px;flex-shrink:0;position:relative;overflow:hidden;border-radius:40px 40px 5px 5px}.discovery-narrator .catch-portrait>img{width:100%;height:100%;object-fit:cover}.discovery-narrator>div:last-child{min-width:0}.discovery-narrator span{font-size:9px;color:#a4c0b3;letter-spacing:1.4px;text-transform:uppercase}.discovery-narrator blockquote{margin:8px 0;font:italic 17px/1.5 Georgia,serif;color:#dac9a3}.discovery-narrator button{font-size:10px}.discovery-note{padding:16px 30px 21px;color:#93aba2;font-size:10px;line-height:1.7}
.discovery-dialog [hidden]{display:none!important}
@keyframes voyage-fog{from{transform:translateX(-5%) scale(1)}to{transform:translateX(5%) scale(1.12)}}@keyframes island-arrival{from{transform:scale(1.08);filter:blur(9px) brightness(.6)}to{transform:scale(1);filter:none}}@keyframes voyage-bob{from{transform:translateY(0) rotate(-.6deg)}to{transform:translateY(5px) rotate(.6deg)}}@keyframes voyage-crossing{from{transform:translateY(-4px) rotate(-1deg)}to{transform:translateY(4px) rotate(1deg)}}@keyframes voyage-rain{to{transform:translateY(10%)}}@keyframes bottle-to-table{from{opacity:0;transform:translateX(-50%) translateY(-20px) rotate(-10deg)}to{opacity:1;transform:translateX(-50%) rotate(-7deg)}}@keyframes unfold-route{from{opacity:0;transform:rotate(-7deg) scaleX(.1)}to{opacity:1;transform:rotate(-7deg)}}
@media(max-width:760px){.discovery-launch-panel{grid-template-columns:70px 1fr;gap:14px;padding:20px}.discovery-launch-panel>img{width:70px;height:120px}.discovery-launch-panel h2{font-size:23px}.discovery-launch-panel .eyebrow{font-size:8px}.discovery-launch-panel p:not(.eyebrow){font-size:12px}#discovery-launch{grid-column:1/-1;width:100%}.discovery-dialog{width:calc(100vw - 16px);max-height:95dvh;border-radius:12px}.discovery-top{padding:13px 17px}.discovery-top>span{font-size:8px;line-height:1.5;max-width:175px}.discovery-top button{font-size:10px;padding:8px 10px}.discovery-heading{padding:23px 20px}.discovery-heading h2{font-size:30px}.discovery-heading>p:last-child{font-size:12px}.discovery-scene{height:300px}.discovery-scene-caption{left:15px;right:15px;top:20px}.discovery-scene-caption h3{font-size:25px}.discovery-bottle{width:185px;height:185px;bottom:8px}.discovery-map{width:124px;left:18px;bottom:22px;padding:9px}.discovery-map span{font-size:8px}.discovery-bow{height:50px}.discovery-progress{padding:15px 19px;gap:10px}.discovery-progress ol{gap:10px}.discovery-progress li{width:25px;height:25px;font-size:13px}.discovery-progress li+li:before{width:11px}.discovery-progress>div{gap:4px;flex-direction:column;align-items:flex-end}.discovery-progress strong{font-size:18px}.discovery-progress span{font-size:10px}.discovery-progress small{font-size:7px}.discovery-controls{padding:18px 19px 22px}.discovery-notice{font-size:14px}.discovery-routes{gap:9px}.discovery-routes button{padding:16px 12px}.discovery-routes strong{font-size:20px;line-height:1.2;min-height:48px;margin:10px 0 7px}.route-direction{font-size:7px;letter-spacing:.6px}.route-value{font-size:12px}.route-risk{font-size:10px}.discovery-tools{grid-template-columns:1fr;gap:8px;margin-top:16px}.voyage-tool{min-height:85px;padding:8px 12px;gap:14px}.voyage-tool img{height:64px}.voyage-tool strong{font-size:16px}.voyage-tool small{font-size:11px}.voyage-tool em{margin-top:5px}#discovery-loans{gap:8px}#discovery-loans label{font-size:11px;padding:9px}.voyage-primary{width:100%;font-size:12px}.discovery-narrator{padding:20px;gap:14px}.discovery-narrator blockquote{font-size:15px}.discovery-note{padding:15px 20px}}
@media(prefers-reduced-motion:reduce){.discovery-dialog *,.discovery-dialog *:after{animation:none!important;transition:none!important}.voyage-mist{transform:none}}
.page-hidden .discovery-dialog *{animation-play-state:paused!important}
/* Keep the scene and decisions side by side during a desktop walkthrough. */
@media(min-width:761px){.discovery-dialog[open]{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:'top top' 'heading heading' 'scene controls' 'progress controls' 'narrator controls' 'note note';align-items:start}.discovery-top{grid-area:top;padding:11px 24px}.discovery-heading{grid-area:heading;padding:17px 25px}.discovery-heading .eyebrow{margin-bottom:7px}.discovery-heading h2{font-size:31px}.discovery-heading>p:last-child{margin-top:7px;font-size:12px}.discovery-scene{grid-area:scene;height:310px;width:100%}.discovery-scene-caption h3{font-size:25px}.discovery-bottle{width:190px;height:190px;bottom:5px}.discovery-progress{grid-area:progress;padding:13px 22px;align-self:stretch}.discovery-progress>div{gap:7px}.discovery-progress small{display:none}.discovery-controls{grid-area:controls;padding:21px 20px;border-left:1px solid #afbe9e29;height:100%}.discovery-notice{font-size:14px;margin-bottom:15px}.discovery-routes{gap:10px}.discovery-routes button{padding:14px 12px}.discovery-routes strong{font-size:20px;min-height:46px;line-height:1.15;margin:9px 0 7px}.route-direction{font-size:7px;letter-spacing:.8px}.route-value{font-size:12px}.route-risk{font-size:10px}.discovery-tools{grid-template-columns:1fr;gap:7px;margin-top:14px}.voyage-tool{min-height:73px;padding:7px 9px;gap:12px}.voyage-tool>span:first-child{flex-basis:42px}.voyage-tool img{width:42px;height:58px}.voyage-tool strong{font-size:15px}.voyage-tool small{font-size:10px}.voyage-tool em{margin-top:5px;font-size:10px}.voyage-home{margin-top:14px;min-height:40px}.discovery-narrator{grid-area:narrator;padding:17px 22px}.discovery-narrator blockquote{font-size:15px}.discovery-narrator .catch-portrait{width:55px;height:77px}.discovery-note{grid-area:note;padding:12px 24px}.discovery-map{width:140px;bottom:20px;left:20px}}
@media(max-width:760px){.discovery-heading{padding:16px 19px}.discovery-heading .eyebrow{font-size:8px;margin-bottom:7px}.discovery-heading h2{font-size:27px}.discovery-heading>p:last-child{margin-top:8px;font-size:11px}.discovery-scene{height:215px}.discovery-bottle{width:145px;height:145px;bottom:-1px}.discovery-scene-caption{top:13px}.discovery-scene-caption h3{font-size:22px}.discovery-scene-caption>span{font-size:8px}.discovery-map{width:105px;bottom:15px}.discovery-progress{padding:11px 18px}.discovery-controls{padding:16px 18px}.discovery-notice{font-size:13px;margin-bottom:15px}.discovery-routes strong{font-size:19px}.discovery-routes button{padding:13px 10px}}