:root{--ink:#181512;--paper:#f5f1e8;--muted:#b8aa96;--line:#f5f1e82e;--teal:#2b7a78;--copper:#b75d36;--gold:#d6a84f;--danger:#c24b4b;--shadow:0 24px 80px #00000057}*{box-sizing:border-box}html{background:var(--ink);min-height:100%}body{background:var(--ink);min-height:100%;color:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit}.page-shell{background:radial-gradient(circle at 15% 15%,#b75d3633,#0000 32%),linear-gradient(135deg,#181512 0%,#202726 46%,#141312 100%);min-height:100vh}.full-experience{background:#000;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.presentation-video{object-fit:contain;opacity:0;width:auto;max-width:100%;height:100svh;max-height:100svh;transition:opacity .7s;display:block}.presentation-started .presentation-video{opacity:1}.presentation-ended .presentation-video{opacity:0}.presentation-intro{z-index:2;opacity:1;background:#f2eee6;align-content:center;justify-items:center;gap:28px;padding:32px 24px;transition:opacity .65s,visibility 0s linear .65s;display:grid;position:absolute;inset:0}.presentation-intro img{width:min(360px,76vw);height:auto;display:block}.presentation-intro .primary-button{width:min(320px,100%);min-height:54px}.presentation-intro .error-text{margin:0}.presentation-started .presentation-intro{visibility:hidden;opacity:0;pointer-events:none}.presentation-action{color:var(--ink);opacity:0;background:#f2eee6;align-content:center;justify-items:center;gap:22px;padding:34px 24px;animation:.5s .45s forwards reveal-presentation-action;display:grid;position:absolute;inset:0;overflow-y:auto}.presentation-action .primary-button{width:auto}.purchase-logo{width:min(340px,72vw);height:auto;display:block}.purchase-heading{text-align:center;justify-items:center;gap:8px;display:grid}.purchase-location{color:var(--copper);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.purchase-heading h1{letter-spacing:0;margin:0;font-size:2.2rem;line-height:1.08}.purchase-description{color:#181512ad;margin:0;font-size:1rem;line-height:1.5}.purchase-details{color:#181512c7;border-top:1px solid #1815122e;border-bottom:1px solid #1815122e;justify-content:center;align-items:center;gap:24px;width:min(520px,100%);padding:16px 0;display:flex}.purchase-details span,.secure-payment{align-items:center;gap:8px;display:inline-flex}.purchase-details svg{color:var(--copper)}.purchase-checkout{justify-items:stretch;gap:14px;width:min(360px,100%);display:grid}.purchase-price{color:#181512ad;justify-content:space-between;align-items:baseline;gap:20px;margin:0;display:flex}.purchase-price strong{color:var(--ink);font-size:1.8rem}.purchase-button{min-height:54px;width:100%!important}.secure-payment{color:#1815128a;justify-content:center;margin:0;font-size:.8rem}.post-purchase-page{min-height:100svh;color:var(--ink);background:#f2eee6;place-items:center;padding:34px 24px;display:grid}.post-purchase-content{text-align:center;justify-items:center;gap:24px;width:min(560px,100%);display:grid}.post-purchase-logo{width:min(320px,72vw);height:auto;display:block}.post-purchase-heading{justify-items:center;gap:7px;display:grid}.post-purchase-heading p{color:var(--copper);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.post-purchase-heading h1{letter-spacing:0;margin:0;font-size:2.2rem;line-height:1.08}.post-purchase-status{color:#181512b8;justify-content:center;align-items:center;gap:10px;min-height:52px;display:inline-flex}.post-purchase-status.error{color:var(--danger)}.claim-result{border-top:1px solid #1815122e;justify-items:center;gap:20px;width:100%;padding-top:22px;display:grid}.claim-success-icon{width:62px;height:62px;color:var(--teal);background:#2b7a781a;border:1px solid #2b7a7852;border-radius:50%;place-items:center;display:grid}.tutorial-experience{background:#000;place-items:center;width:100%;min-height:100svh;display:grid;position:relative;overflow:hidden}.tutorial-video{object-fit:contain;opacity:.48;background:#000;width:100vw;height:100svh;transition:opacity .5s;display:block}.tutorial-video.started{opacity:1}.tutorial-start-button{bottom:max(32px, calc(env(safe-area-inset-bottom) + 20px));z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0e0dc7;border-color:#ffffff7a;width:auto;min-width:220px;min-height:52px;padding:0 24px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000061}.tutorial-start-button:hover{background:#0e0e0de6;transform:translate(-50%,-1px)}@media (orientation:portrait){.tutorial-video{object-fit:cover}}.claim-copy{justify-items:center;gap:9px;display:grid}.claim-copy h2,.claim-copy p{margin:0}.claim-copy h2{font-size:1.55rem;line-height:1.2}.claim-copy p{color:#181512ad;max-width:440px;line-height:1.55}.claim-actions{justify-items:stretch;gap:12px;width:min(360px,100%);display:grid}.claim-start-button{width:100%;min-height:54px}.automatic-redirect{color:#18151285;margin:0;font-size:.82rem;line-height:1.4}.claim-secondary-button{min-height:48px;color:var(--ink);border:1px solid #18151238;border-radius:8px;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.custode-page{min-height:100svh;color:var(--ink);background:#f2eee6;place-items:center;padding:34px 20px;display:grid}.custode-content{text-align:center;justify-items:center;gap:24px;width:min(540px,100%);display:grid}.custode-logo{width:min(320px,74vw);height:auto;display:block}.custode-heading{justify-items:center;gap:8px;display:grid}.custode-heading p,.custode-heading h1,.custode-heading span{margin:0}.custode-heading p{color:var(--copper);text-transform:uppercase;font-size:.78rem;font-weight:800}.custode-heading h1{font-size:2rem;line-height:1.1}.custode-heading span{color:#181512a3}.custode-video{aspect-ratio:9/16;object-fit:contain;background:#000;width:min(360px,100%);max-height:58svh;display:block}.custode-actions{gap:12px;width:min(360px,100%);display:grid}.custode-actions .primary-button,.custode-actions .claim-secondary-button{width:100%;min-height:52px}.custode-share-message{color:var(--danger);margin:0;font-size:.85rem;line-height:1.5}.completion-emblem{width:72px;height:72px;color:var(--copper);background:#b75d361a;border:1px solid #b75d3652;border-radius:50%;place-items:center;display:grid}.completion-emblem.completed{color:var(--teal);background:#2b7a781a;border-color:#2b7a7852}.completion-count-row{color:#181512ad;border-top:1px solid #18151229;border-bottom:1px solid #18151229;align-items:center;gap:9px;padding:11px 16px;font-size:.9rem;font-weight:700;display:inline-flex}@keyframes reveal-presentation-action{to{opacity:1}}.action-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.primary-button,.secondary-button,.icon-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:800;line-height:1;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.primary-button{background:var(--gold);color:#17120a}.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button{border-color:var(--line);color:var(--paper);background:#f5f1e814}.icon-button{border-color:var(--line);min-width:48px;color:var(--paper);background:#f5f1e814;padding:0}.center-page{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.panel{border:1px solid var(--line);width:min(680px,100%);box-shadow:var(--shadow);background:#181512e6;border-radius:8px;padding:clamp(24px,5vw,42px)}.panel.compact{width:min(560px,100%)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:0;margin:0 0 12px;font-size:.78rem;font-weight:800}.panel h1,.track-layout h1{letter-spacing:0;margin:0 0 14px;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.panel p,.track-layout p{color:#f5f1e8c2;line-height:1.65}.status-line{color:#f5f1e8d1;align-items:center;gap:10px;margin:18px 0;display:flex}.status-line.error{color:#f1a0a0}.spinner{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.track-layout{background:#0b0b0a;min-height:100svh;padding:0}.track-experience{grid-template-rows:minmax(0,1fr) auto;width:100%;min-height:100svh;display:grid}.tour-map-stage{place-items:center;min-height:0;padding:16px;display:grid;position:relative}.tour-map{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 92px);display:block}.tour-map-frame{place-items:center;width:fit-content;max-width:100%;max-height:calc(100svh - 92px);display:grid;position:relative}.map-status-marker{z-index:2;aspect-ratio:1;color:#fff;border:2px solid #ffffffeb;border-radius:50%;place-items:center;width:2.8%;min-width:24px;max-width:36px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 12px #00000075}.map-status-marker svg{stroke-width:3px;width:58%;height:58%}.map-status-marker.completed{background:#287a50}.map-status-marker.listening{background:#b75d36;animation:1.4s ease-in-out infinite map-marker-pulse}@keyframes map-marker-pulse{0%,to{box-shadow:0 3px 12px #00000075,0 0 #b75d3680}50%{box-shadow:0 3px 12px #00000075,0 0 0 9px #b75d3600}}.tour-map-stage audio{display:none}.map-play-button{color:#fff;cursor:pointer;background:#080807d1;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:68px;height:68px;transition:background .16s,transform .16s;display:inline-grid;position:absolute;box-shadow:0 12px 36px #00000057}.map-play-button:hover{background:#080807f0;transform:scale(1.04)}.map-play-button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.track-message{min-height:76px;color:var(--paper);text-align:center;place-items:center;margin:0;padding:18px 20px 22px;font-size:1.15rem;font-weight:700;line-height:1.4;display:grid}.track-message.error{color:#f1a0a0}.progress-bar{background:#f5f1e81f;border-radius:999px;height:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--gold));height:100%;display:block}.error-text{color:#f1a0a0}@media (max-width:820px){.action-row{align-items:stretch}.primary-button,.secondary-button{width:100%}.presentation-action{align-content:start;gap:17px;padding:28px 20px}.purchase-logo{width:min(270px,72vw)}.purchase-heading h1{font-size:1.75rem}.purchase-details{gap:18px;padding:13px 0}.post-purchase-page{align-items:start;padding:28px 20px}.post-purchase-content{gap:20px}.post-purchase-logo{width:min(270px,72vw)}.post-purchase-heading h1{font-size:1.75rem}.tour-map-stage{padding:10px}.track-message{min-height:68px;padding:14px 16px 18px;font-size:1rem}}
