:root{--forest:#123f32;--forest2:#082b24;--pine:#24613f;--cream:#fbf3dd;--paper:#f5e8c7;--gold:#e6a538;--orange:#ef7d20;--cranberry:#8c2738;--ink:#2f2018;--muted:#756655;--white:#fff;--shadow:0 24px 70px rgba(6,27,21,.34)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#0a2b23 url('../../assets/kiosk/mount-st-helens-kiosk.webp') center/cover no-repeat}.kiosk-shell{height:100%;display:grid;grid-template-rows:104px 1fr;background:linear-gradient(180deg,rgba(6,35,27,.22),rgba(6,35,27,.5))}.kiosk-header{display:grid;grid-template-columns:240px 1fr 170px;align-items:center;gap:18px;padding:10px 24px;background:rgba(5,40,31,.94);border-bottom:3px solid var(--gold);box-shadow:0 6px 25px rgba(0,0,0,.28);z-index:3}.lone-fir-logo{width:205px;height:82px;object-fit:contain;background:#fff;border-radius:14px;padding:7px}.trail-wrap{text-align:center;color:#fff}.trail-label{font:900 18px/1 Georgia,serif;letter-spacing:.12em;color:#ffe4a5;margin-bottom:10px}.trail-steps{display:flex;align-items:center;justify-content:center;gap:5px}.trail-dot{width:23px;height:23px;border-radius:50%;border:2px solid rgba(255,255,255,.5);display:grid;place-items:center;font:800 10px/1 Arial;color:#fff}.trail-dot.done{background:var(--gold);border-color:var(--gold);color:var(--forest2)}.trail-dot.active{width:31px;height:31px;background:var(--orange);border-color:#fff;box-shadow:0 0 0 5px rgba(239,125,32,.22)}.trail-line{height:3px;width:19px;background:rgba(255,255,255,.32)}.trail-line.done{background:var(--gold)}.device-badge{justify-self:end;padding:12px 15px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;font:800 12px/1 Arial;letter-spacing:.08em;text-align:center}.parchment-stage{position:relative;min-height:0;padding:24px 28px 28px;display:grid;place-items:center}.parchment-stage:before{content:"";position:absolute;inset:15px 19px;border:1px solid rgba(255,225,159,.28);border-radius:26px;pointer-events:none}.screen-card{position:relative;width:min(1040px,calc(100vw - 100px));height:min(650px,calc(100vh - 150px));overflow:hidden;padding:36px 44px 34px;border:4px solid #7b4b27;border-radius:30px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.72),transparent 45%),linear-gradient(135deg,#fff8e8,#f0dfba);box-shadow:var(--shadow),inset 0 0 70px rgba(119,73,33,.1)}.screen-card:after{content:"";position:absolute;inset:11px;border:2px dashed rgba(108,64,31,.32);border-radius:20px;pointer-events:none}.screen-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.screen-kicker{text-align:center;color:var(--cranberry);font:900 15px/1 Arial;letter-spacing:.12em;text-transform:uppercase}.screen-content h1{font:900 clamp(34px,4.4vw,58px)/1 Georgia,serif;text-align:center;margin:8px 0 8px;color:var(--forest2)}.screen-content .lead{max-width:780px;margin:0 auto 24px;text-align:center;font:600 20px/1.35 Arial;color:#5a4737}.home-title{font-size:64px!important;margin-top:2px!important}.home-subtitle{font:700 22px/1.2 Georgia,serif;text-align:center;color:var(--cranberry);margin-bottom:22px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(820px,100%);margin:auto}.choice-card{min-height:132px;border:3px solid #744522;border-radius:18px;padding:16px;background:linear-gradient(#fffdf6,#ead4a8);box-shadow:0 8px 0 #6d4023,0 13px 20px rgba(68,37,19,.18);color:var(--forest2);font:900 23px/1.15 Georgia,serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center}.choice-card:active{transform:translateY(6px);box-shadow:0 2px 0 #6d4023}.choice-card.primary{background:linear-gradient(#f3a23e,#db681e);color:#fff;border-color:#7a351b}.choice-icon{font-size:38px}.button-row{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:auto}.trail-button,.secondary-button,.danger-button{min-height:58px;border:0;border-radius:14px;padding:13px 28px;font:900 17px/1 Arial;letter-spacing:.04em;cursor:pointer}.trail-button{background:linear-gradient(#ef8b29,#d65e18);color:#fff;box-shadow:0 6px 0 #873a18}.trail-button:active{transform:translateY(4px);box-shadow:0 2px 0 #873a18}.secondary-button{background:#e6d2a7;color:var(--forest2);border:2px solid #8a633d}.danger-button{background:var(--cranberry);color:#fff}.trail-button:disabled,.secondary-button:disabled{opacity:.45;box-shadow:none}.back-button{position:absolute;z-index:5;left:48px;top:43px;border:2px solid rgba(255,255,255,.8);border-radius:12px;padding:11px 17px;background:rgba(8,43,36,.9);color:#fff;font-weight:900;cursor:pointer}.hidden{display:none!important}.guide-request{position:absolute;z-index:6;right:42px;bottom:38px;width:215px;border:2px solid #f1c878;border-radius:15px;background:rgba(5,43,34,.96);padding:8px 11px;box-shadow:0 9px 25px rgba(0,0,0,.3);cursor:pointer}.guide-request img{display:block;width:100%;height:57px;object-fit:contain}.guide-request span{display:block;color:#fff7dc;font:900 11px/1 Arial;letter-spacing:.05em;margin-top:4px}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:min(700px,100%);margin:18px auto auto}.number-choice{height:86px;border:3px solid #8b5c31;border-radius:17px;background:#fffaf0;color:var(--forest2);font:900 36px/1 Georgia,serif;cursor:pointer}.number-choice.selected{background:var(--forest);color:#fff;border-color:var(--gold);box-shadow:0 0 0 5px rgba(230,165,56,.28)}.yes-no{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(700px,100%);margin:18px auto}.yes-no button{min-height:115px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:min(760px,100%);margin:8px auto}.field{display:flex;flex-direction:column;gap:7px;font:800 13px/1 Arial;color:var(--forest2);text-transform:uppercase;letter-spacing:.05em}.field input,.field select{height:58px;border:2px solid #9a7653;border-radius:12px;background:#fffdf7;padding:12px 15px;font:700 19px/1 Arial;color:var(--ink)}.field.full{grid-column:1/-1}.helper{text-align:center;color:var(--muted);font:600 14px/1.3 Arial}.stay-card,.review-card,.rule-card{width:min(820px,100%);margin:10px auto;padding:18px 22px;border:2px solid #b28b5e;border-radius:16px;background:rgba(255,255,255,.62)}.stay-row,.review-row{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid rgba(85,55,31,.18);font-size:17px}.stay-row:last-child,.review-row:last-child{border:0}.stay-row strong,.review-row strong{text-align:right;color:var(--forest2)}.notice{padding:13px 16px;border-radius:12px;background:#fff3c9;border:1px solid #d7a73c;font-weight:700}.notice.good{background:#e5f2e8;border-color:#64a26f}.notice.danger{background:#f8dee2;border-color:#b95b69}.signature-wrap{display:grid;grid-template-columns:1fr 290px;gap:18px;min-height:0;flex:1}.agreement-text{overflow:auto;padding:17px;border:2px solid #b48b60;border-radius:15px;background:#fffdf7;font:600 16px/1.42 Arial}.signature-panel{display:flex;flex-direction:column;gap:9px}.signature-panel input{height:48px;border:2px solid #9a7653;border-radius:11px;padding:10px;font-size:16px}.signature-canvas{width:100%;height:165px;border:2px dashed #77583a;border-radius:12px;background:#fff;touch-action:none}.signature-actions{display:flex;gap:8px}.signature-actions button{flex:1}.addon-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:min(820px,100%);margin:8px auto}.addon-card{padding:15px;border:2px solid #a37b52;border-radius:15px;background:rgba(255,255,255,.7)}.addon-card h3{margin:0;color:var(--forest2)}.qty{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:10px}.qty button{width:46px;height:46px;border:0;border-radius:50%;background:var(--forest);color:#fff;font-size:27px}.qty output{min-width:40px;text-align:center;font:900 25px/1 Georgia,serif}.payment-total{text-align:center;font:900 60px/1 Georgia,serif;color:var(--forest2);margin:25px 0}.loading-state{height:100%;display:grid;place-content:center;text-align:center}.paw-loader{font-size:58px;animation:paw 1s ease-in-out infinite alternate}@keyframes paw{to{transform:translateY(-8px) rotate(-5deg)}}.modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:rgba(1,24,18,.78);backdrop-filter:blur(5px)}.modal-card{width:min(720px,calc(100vw - 60px));max-height:calc(100vh - 80px);overflow:auto;padding:28px;border:4px solid var(--gold);border-radius:24px;background:linear-gradient(#fff8e8,#ecd9ad);box-shadow:0 30px 90px rgba(0,0,0,.55);text-align:center}.modal-card h2{font:900 38px/1.05 Georgia,serif;color:var(--forest2);margin:8px}.modal-guide-logo{width:min(520px,90%);height:155px;object-fit:contain}.assistance-active .modal-card{animation:guidePulse 1.3s ease-in-out infinite alternate}@keyframes guidePulse{to{box-shadow:0 0 0 12px rgba(140,39,56,.38),0 30px 90px rgba(0,0,0,.55)}}.pin-input{width:210px;height:58px;border:2px solid #8a633d;border-radius:12px;text-align:center;font:900 24px/1 Arial;letter-spacing:.22em}.toast{position:fixed;z-index:50;left:50%;bottom:22px;transform:translateX(-50%);max-width:680px;padding:14px 20px;border-radius:12px;background:#8c2738;color:#fff;font-weight:800;box-shadow:0 9px 30px rgba(0,0,0,.34)}.camera-box{width:min(680px,100%);margin:10px auto;padding:18px;border:2px dashed #927150;border-radius:15px;background:rgba(255,255,255,.62);text-align:center}.camera-box input[type=file]{font-size:16px}.boat-banner{display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center}.boat-banner .icon{font-size:58px}.finish-mark{font-size:72px;text-align:center}.receipt-reminder{font:900 21px/1.3 Arial;text-align:center;color:var(--cranberry);padding:17px;border:2px solid var(--cranberry);border-radius:15px;background:#fff6ed}.timeout-warning{font-size:28px;color:var(--cranberry);font-weight:900}.site-map-thumb{position:absolute;z-index:0;right:-85px;bottom:-90px;width:310px;opacity:.1;transform:rotate(-7deg);pointer-events:none}
@media(max-width:900px){.kiosk-header{grid-template-columns:170px 1fr 110px;padding:8px 14px}.lone-fir-logo{width:160px}.screen-card{width:calc(100vw - 44px);padding:30px 32px}.choice-card{min-height:110px}.guide-request{right:28px;width:185px}.signature-wrap{grid-template-columns:1fr 250px}}
@media(max-height:760px){.kiosk-shell{grid-template-rows:88px 1fr}.kiosk-header{padding-top:5px;padding-bottom:5px}.lone-fir-logo{height:68px}.screen-card{height:calc(100vh - 118px);padding-top:25px}.screen-content h1{font-size:39px}.choice-card{min-height:90px}.guide-request{bottom:24px}.number-choice{height:68px}.signature-canvas{height:120px}}

/* Kiosk assets live together so Basecamp can install them under an approved path. */
body{background-image:url('mount-st-helens-kiosk.webp')}