/* The mine entrance is the hub; the landscape remains the whole screen. */
.wallet-button{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 12px;background:#102a26e8;border:1px solid #7de7af70;border-radius:4px;color:#d7ffe1;font:700 12px var(--mono);box-shadow:0 3px 0 #09241e;white-space:nowrap}
.wallet-button small{font:8px var(--mono);letter-spacing:.5px;color:#93c6aa}
.emerald-icon{display:inline-block;flex:none;width:13px;height:17px;background:linear-gradient(130deg,#b8ffc4 0 24%,#58d98e 25% 52%,#229f68 53% 76%,#126849 77%);clip-path:polygon(26% 0,74% 0,100% 27%,100% 73%,74% 100%,26% 100%,0 73%,0 27%);filter:drop-shadow(0 0 5px #73f3a050);vertical-align:middle}
body:not([data-view=intro]) .wallet-button{display:none}
.emerald-result{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin-top:13px!important;color:#9bd8af!important;font:11px var(--sans)!important;min-height:17px}
.emerald-result strong{color:#b5f8c7;font:700 13px var(--mono)}.reward-breakdown{flex-basis:100%;color:#799d91;font:9px var(--sans);margin-top:1px}.emerald-result button{background:none;border:0;color:#d7e5cb;font:9px var(--mono);text-decoration:underline;text-underline-offset:3px}
.summary-actions{flex-wrap:wrap}.summary-actions .primary{gap:21px;padding-inline:19px}.summary-actions .practice-button{gap:12px;padding-inline:16px}
.emerald-toast{position:fixed;z-index:25;top:75px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:11px 17px;background:#10372cef;border:1px solid #82e9a67a;box-shadow:0 6px 24px #06150f60;color:#b4f7c5;font:700 12px var(--mono);border-radius:4px;pointer-events:none;animation:emerald-collect 2.6s ease both}
@keyframes emerald-collect{0%{opacity:0;transform:translate(-50%,12px) scale(.94)}15%,75%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-14px)}}

/* One compact departure tray; the hillside stays visible around it. */
body[data-view=intro] .hero{max-width:390px;top:clamp(106px,16vh,160px)}
body[data-view=intro] .hero h1{font-size:clamp(44px,5vw,64px);line-height:1.02;margin:14px 0;letter-spacing:-2.8px}
body[data-view=intro] .hero p{font-size:14px;color:#eef0dd;line-height:1.5}
body[data-view=intro] .hero .eyebrow{font-size:8px;letter-spacing:1.3px;color:#e9f3da}
body[data-view=intro] .hero .eyebrow span{width:5px;height:5px;background:#c3d69c;box-shadow:none}
body[data-view=intro] .game-frame{width:min(370px,calc(100vw - 48px));bottom:clamp(42px,6vh,64px)}
.home-layout{width:100%;padding:15px 16px 10px;border:1px solid #c2d6bf30;border-radius:5px;background:#102329ee;box-shadow:0 12px 32px #06131530;backdrop-filter:blur(8px)}
.home-date{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;text-transform:uppercase}
.home-mine-status{display:flex;align-items:center;gap:7px;font:700 9px var(--mono);letter-spacing:.5px;color:#c4d6b4}
.home-mine-status i{width:5px;height:5px;display:inline-block;background:#b9dc95}
.home-mine-status.is-complete i{background:#e3bf7c}
.home-date time{font:9px var(--mono);color:#9eb0a7;letter-spacing:.5px;white-space:nowrap}
.home-layout>.primary{width:100%;min-height:50px;padding-inline:15px;font-size:11px;border-radius:3px;box-shadow:0 3px 0 #946a36;border-top-color:#ffecc1;transition:background .15s,transform .15s}
.home-layout>.primary:hover{background:#ffdda0;box-shadow:0 3px 0 #946a36}
.home-layout>.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #946a36}
.home-layout>.primary>span{font-size:21px}
.home-layout .home-facts{display:flex;justify-content:center;align-items:center;gap:11px;margin:12px 0;color:#a9b9ac;font:8px var(--mono);letter-spacing:.6px}
.home-layout .home-facts i{width:2px;height:2px;background:#7d9387}
.home-destinations{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.home-destination{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;padding:3px 10px 3px 5px;border:1px solid #91ae9c38;border-radius:3px;background:#233c3b70;color:#dee7d8;text-align:left;transition:background .15s,border-color .15s}
.home-destination:hover{background:#2e4944;border-color:#a6c49c88;filter:none}
.home-destination>span{font:700 9px var(--mono);letter-spacing:.3px;white-space:nowrap}
.home-destination>b{margin-left:auto;font:12px var(--mono);color:#9eb6a7}
.home-chest-preview,.home-miner-preview{display:block;flex:none;width:34px;height:35px;object-fit:contain;image-rendering:pixelated}
.home-miner-preview{width:29px;height:35px;margin-inline:3px 2px}
.home-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px}
.home-footer .practice-button{display:inline-flex;align-items:center;min-height:28px;padding:3px 0;border:0;background:none;box-shadow:none;font:700 9px var(--mono);letter-spacing:.3px;color:#b7cab7}
.home-footer .practice-button:hover{color:#f4e5bf;filter:none}
.home-footer .reset-note{display:block;margin:0;font:9px var(--mono);letter-spacing:0;color:#8ea59a;line-height:1.5;text-align:right}
.home-footer .reset-note span{color:#c5d7bb;font-variant-numeric:tabular-nums}
@media(max-width:760px){body[data-view=intro] .hero{top:91px;max-width:330px}body[data-view=intro] .hero h1{font-size:45px;letter-spacing:-2px;margin:12px 0}body[data-view=intro] .hero p{font-size:12px}.wallet-button{padding:7px 9px;gap:6px;font-size:10px;min-height:33px}.wallet-button small{display:none}.wallet-button .emerald-icon{width:11px;height:15px}.home-layout{padding:13px 13px 8px}.home-layout>.primary{min-height:47px}.home-destination{min-height:44px}.home-destination>b{display:none}.emerald-toast{top:72px;font-size:10px;padding:9px 13px}.summary-actions .primary,.summary-actions .practice-button{min-height:40px;font-size:8px;padding-inline:12px;gap:10px}}
@media(max-width:430px){body[data-view=intro] .topbar{padding:17px 14px;gap:7px}.topbar .brand{gap:0}.topbar .mindshaft-logo{width:126.4px;height:25.6px}.wallet-button{padding-inline:7px}body[data-view=intro] .hero h1{font-size:42px}body[data-view=intro] .game-frame{left:18px;width:calc(100vw - 36px);bottom:38px}.home-destination{gap:6px}.home-destination>span{font-size:8px}}
@media(max-width:350px){body[data-view=intro] .topbar{padding-inline:10px;gap:5px}.wallet-button{font-size:9px;padding-inline:5px}body[data-view=intro] .hero h1{font-size:37px}.home-destination>span{font-size:7px}.home-chest-preview{width:28px}.home-miner-preview{width:24px}.home-footer .reset-note{font-size:7px}}
@media(max-height:600px){body[data-view=intro] .hero{top:80px}body[data-view=intro] .hero h1{font-size:37px;margin:9px 0}body[data-view=intro] .hero p{font-size:11px}body[data-view=intro] .game-frame{bottom:32px}.home-layout{padding:10px 12px 6px}.home-layout>.primary{min-height:43px}.home-date{margin-bottom:8px}.home-layout .home-facts{margin:10px 0}.home-footer{padding-top:5px}}
@media(prefers-reduced-motion:reduce){.home-destination,.home-layout>.primary{transition:none}.emerald-toast{animation:none}}

@media (min-width:600px) and (max-height:600px) and (orientation:landscape) {
  body[data-view=intro] main {
    position:fixed;
    left:clamp(14px,3vw,36px);
    top:59px;
    bottom:26px;
    width:clamp(220px,32vw,325px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:12px;
  }
  body[data-view=intro] .hero,body[data-view=intro] .game-frame {position:static;width:100%;max-width:none}
  body[data-view=intro] .hero h1 {font-size:clamp(22px,3.3vw,35px);letter-spacing:-1.4px;margin:5px 0}
  body[data-view=intro] .hero h1 br {display:none}
  body[data-view=intro] .hero p {font-size:11px}
}
@media (min-width:600px) and (max-height:365px) and (orientation:landscape) {
  body[data-view=intro] main {gap:5px;top:50px;bottom:18px}
  body[data-view=intro] .hero p {display:none}
  .home-layout .home-facts {margin:6px 0}
}

/* Practice choices live in a focused dialog, leaving the home landscape clear. */
.practice-modal{width:min(530px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:26px;border:1px solid #718e8370;border-radius:9px;background:#102329;color:#eff0df;box-shadow:0 24px 80px #0009}.practice-modal::backdrop{background:#061417b8;backdrop-filter:blur(6px)}.practice-modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.practice-modal-head .eyebrow{color:#a3d1b5;font-size:8px;letter-spacing:1px}.practice-modal h2{font:700 31px var(--sans);letter-spacing:-1px;margin:14px 0 8px}.practice-modal>p{color:#a5bdb6;font:12px/1.6 var(--sans);margin:0 0 20px}.practice-route{display:flex;align-items:center;width:100%;gap:14px;text-align:left;padding:17px 14px;margin:9px 0;background:#20393b;border:1px solid #8cae9b35;border-radius:5px;color:#edf1e1;transition:background .15s,border-color .15s}.practice-route:hover{background:#2b4846;border-color:#aad0a7}.practice-route .route-number{font:10px var(--mono);color:#9ac5a4}.practice-route strong{display:block;font:700 16px var(--sans)}.practice-route small{display:block;margin-top:5px;font:12px/1.5 var(--sans);color:#a5bdb6}.practice-route>b{margin-left:auto;color:#ffda91;font:20px var(--sans)}.practice-random{width:100%;padding:16px 10px;margin-top:9px;border:1px dashed #8cae9b50;border-radius:5px;background:transparent;color:#d4ddbf;font:10px var(--mono);text-align:left}.practice-random span{display:block;margin-top:6px;color:#92aaa0;font:12px var(--sans)}.practice-modal .practice-rewards-note{margin:18px 0 0;font-size:11px}.practice-modal button:focus-visible{outline:2px solid #ffda91;outline-offset:3px}@media(max-width:430px){.practice-modal{padding:19px}.practice-modal h2{font-size:27px}.practice-route{padding:14px 12px;gap:10px}.practice-route strong{font-size:15px}.practice-route small{font-size:11px}}@media(prefers-reduced-motion:reduce){.practice-route{transition:none}}