/* Mobile player tokens and a fixed hardware silhouette. Screen content never scales. */
.mobile-experience{--mg-ink:#0c2430;--mg-gold:#dec18a;--mg-paper:#f4ecda;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:clamp(36px,6vw,100px);align-items:center;padding-block:70px;scroll-margin-top:100px}.mobile-stage-copy{max-width:510px}.mobile-stage-copy h2{font:500 clamp(32px,3.4vw,49px)/1.4 var(--display);margin:18px 0 22px;color:#f2e6cd}.mobile-stage-copy>p{font-size:16px;line-height:1.9;color:#bcbea9}.mobile-tour-choices{display:grid;gap:9px;margin:30px 0}.mobile-tour-choices button{display:grid;grid-template-columns:38px 1fr;text-align:left;align-items:center;gap:4px 12px;border:1px solid #b39a5d44;background:#102a34;color:#e8d6ae;border-radius:9px;padding:17px;min-height:74px;cursor:pointer}.mobile-tour-choices button>span{grid-row:span 2;color:#ad925d;font:22px Georgia,serif}.mobile-tour-choices button>b{font-size:17px}.mobile-tour-choices small{font-size:13px;color:#b5b8a6}.mobile-tour-choices button[aria-pressed=true]{border-color:#d4b97b;background:linear-gradient(110deg,#233e40,#122b35)}.mobile-experience .mobile-demo-note{font-size:13px;line-height:1.8;color:#a7afa4}.mobile-simulation{margin:18px 0;color:#c8b58e;font-size:13px}.mobile-simulation summary{cursor:pointer;min-height:40px}.mobile-simulation label{display:grid;gap:8px}.mobile-simulation select{max-width:100%;padding:10px;background:#102b35;color:#e9ddc3;border:1px solid #9d875b}.mobile-experience .experience-autoplay{display:flex;flex-wrap:wrap;margin:12px 0;padding:14px;border-radius:8px;gap:8px;background:#132c35}.mobile-experience .experience-autoplay>span{flex-basis:100%;font-size:13px;line-height:1.5}.mobile-experience .experience-autoplay>button{font-size:13px;min-height:44px;padding:9px 12px}.mobile-record-status{font-size:12px!important;color:#b6bbad!important;line-height:1.6!important}.mobile-device-stage{width:100%;min-width:0}.mobile-frame-caption{text-align:center;color:#9ba89e;font-size:11px;margin:17px 0}.mobile-page-heading{padding-top:65px}.mobile-page-heading h1{font:500 clamp(30px,4vw,52px)/1.4 var(--display);margin:15px 0 0}.mobile-anchor{display:block;height:0;scroll-margin-top:100px}.mobile-field-note{padding-block:40px 90px;border-top:1px solid #a68a5144}.mobile-field-note h2{font:28px/1.5 var(--display)}.mobile-field-note p{max-width:750px;line-height:1.9;color:#bfc0ac}.mg-device{width:100%;aspect-ratio:78.1/163.6;position:relative;border-radius:8.96%/4.28%;background:linear-gradient(100deg,#3c454b,#080d10 15%,#111b21 80%,#5d676c);box-shadow:0 35px 75px #0006,0 2px 2px #fff2,inset 0 0 0 3px #0c1319;display:flex;align-items:center;justify-content:center;isolation:isolate}.mg-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}.mg-display{width:94%;aspect-ratio:1440/3120;max-height:98%;border-radius:7.6%/3.5%;overflow:hidden;position:relative;display:flex;flex-direction:column;background:var(--mg-ink);color:var(--mg-paper);isolation:isolate}.mg-status{height:33px;flex:none;position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 22px 0;background:#0c2430;color:#eee1c4;font:600 11px/1 system-ui;z-index:4}.mg-camera{position:absolute;width:11px;height:11px;border:2px solid #293944;background:#02070a;border-radius:50%;left:calc(50% - 6px);top:10px;box-shadow:0 0 0 2px #10212d;pointer-events:none}.mg-home{height:15px;flex:none;background:#0d2531;position:relative}.mg-home:after{content:'';position:absolute;left:36%;right:36%;height:3px;bottom:5px;border-radius:3px;background:#d7d0bd}.mg-app{min-height:0;flex:1;display:grid;grid-template-rows:57px minmax(0,1fr) 62px;overflow:hidden;position:relative;font:14px/1.55 var(--body,Arial,sans-serif);text-align:left;letter-spacing:normal}.mg-app *{box-sizing:border-box}.mg-app [hidden]{display:none!important}.mg-app button,.mg-app input,.mg-app select{font:inherit;min-height:44px;touch-action:manipulation}.mg-app button{cursor:pointer}.mg-app button:disabled{opacity:.42;cursor:default}.mg-app :is(button,input,select):focus-visible{outline:3px solid #b67932;outline-offset:2px}.mg-header{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #c5ad7544;background:#0c2430;color:#eedcb7;position:relative;z-index:3}.mg-header .mg-button{width:44px;min-width:44px;font-size:29px;background:none;color:#eedcb7;border:0;padding:0;margin:0}.mg-header>div{min-width:0;flex:1}.mg-header small{display:block;font-size:8px;letter-spacing:.17em;color:#c3b186}.mg-header h1{font:600 17px/1.3 var(--display);margin:3px 0 0;color:#f0e4cc;letter-spacing:0}.mg-header-score{font-size:17px;color:#e7c987;min-width:36px;text-align:right}.mg-header-score small{font:8px/1.2 sans-serif}.mg-content{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bca779 #efe6d4;background:radial-gradient(ellipse at 10% 0,#fff9e7,#eee2cc);color:#263a39;position:relative}.mg-content.is-map{display:flex;flex-direction:column;overflow:hidden;background:#0e2933}.mg-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b6a16f66;background:#0c2430;z-index:3}.mg-tabs button{border:0;background:none;color:#a7b7b0;font-size:12px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.mg-tabs button>span{font:23px/1.1 Georgia,serif}.mg-tabs button[aria-current=page]{color:#f0d39b;background:linear-gradient(#cfa85c18,transparent)}.mg-app .mg-button{display:block;width:100%;min-height:46px;border:1px solid #203f40;border-radius:8px;background:#153b3d;color:#faf0d9;padding:11px 13px;text-align:center;line-height:1.4;font-size:14px;font-weight:600;margin-top:12px;white-space:normal}.mg-app .mg-button.mg-secondary{background:#eee3cc;color:#244442;border-color:#a38a59}.mg-app .mg-button.mg-quiet{background:none;border-color:transparent;color:#4c6258;font-weight:500;padding:8px}.mg-app .mg-header .mg-button{width:44px;background:none;color:#efdbb1;border:0;padding:0;font-size:28px;margin:0}.mg-copy{padding:22px 19px 28px}.mg-copy>small,.mg-nfc>small,.mg-reward>small{font-size:10px;letter-spacing:.11em;color:#7a683e;display:block}.mg-app h2{font:600 25px/1.4 var(--display);color:#1b3637;letter-spacing:-.02em;margin:12px 0 16px}.mg-app h3{font:600 17px/1.5 var(--display);color:#2a423b;margin:16px 0 10px}.mg-app p{font-size:14px;line-height:1.8;color:#4c5c50;margin:12px 0}.mg-place-art{display:block;position:relative;width:100%;overflow:hidden;flex:none;background:#f1e8d7;mix-blend-mode:multiply}.mg-place-art>img{position:absolute;max-width:none!important;height:auto!important}.mg-landscape{display:block;width:100%;height:200px;object-fit:cover}.mg-detail-picture{background:#e9dcbf;padding:24px 0 12px}.mg-detail-picture .mg-place-art{min-height:0}.mg-reward-line{display:flex;align-items:center;gap:12px;padding:16px 0;border-block:1px solid #a78f5955;margin:24px 0}.mg-reward-line span{font:24px Georgia,serif;color:#9d6e28;white-space:nowrap}.mg-reward-line b{font-size:14px}.mg-map-tools{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#112e37;flex:none}.mg-scale-label{flex:1;min-width:0}.mg-scale-label select{width:100%;background:#183c40;color:#efd7aa;border:1px solid #a28a5855;border-radius:5px;padding:9px;font-size:14px}.mg-map-tools .mg-button{width:44px;flex:none;margin:0;padding:0;font-size:23px;background:#183c40;color:#e9d2a2;border-color:#a28a5855}.mg-map{min-height:0;flex:1;position:relative;overflow:hidden;isolation:isolate}.mg-map .area-layout,.mg-map .area-map-column{display:block;height:100%;border:0}.mg-map .geo-viewport{width:100%;height:100%;min-height:180px;touch-action:none}.mg-map .area-pin{width:44px;height:44px}.mg-map .area-pin-dot{width:29px;height:29px;font-size:11px}.mg-map .area-pin-label{font-size:12px;max-width:210px;white-space:normal;text-align:center;line-height:1.3;bottom:39px;padding:5px 8px}.mg-map .area-map-legend{left:8px;bottom:28px;font-size:9px;gap:7px;padding:6px 8px}.mg-map .area-map-credit{font-size:7px;bottom:3px;max-width:83%;padding:2px 4px}.mg-map .area-reset{width:44px;height:44px;right:7px;bottom:6px}.mg-map .area-north{font-size:10px;right:8px;top:8px}.mg-map-bottom{background:#132e37;color:#eddfc3;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:7px;align-items:center;border-top:1px solid #c4a76b77;flex:none}.mg-map-bottom>div{min-width:0}.mg-map-bottom strong{display:block;font:600 17px/1.35 var(--display);overflow-wrap:anywhere;margin-top:4px}.mg-map-bottom small{font-size:10px;color:#b7b598}.mg-map-bottom .mg-button{margin:0;background:#dcc08c;color:#16343a;border-color:#e0cda7;padding:10px 8px;font-size:13px}.mg-map-bottom .mg-button.mg-quiet{grid-column:1/-1;color:#e0cc9e;border:1px solid #ac925555;padding:7px;min-height:44px;background:none}.mg-map-counter{grid-column:1/-1;text-align:center;font-size:10px;line-height:1.4;color:#bbbaa3}.mg-quest-row{display:flex;align-items:center;gap:11px;min-height:105px;width:100%;text-align:left;border:0;border-bottom:1px solid #a78e5a55;background:transparent;color:#274341;padding:14px 0}.mg-quest-thumb{width:85px;flex:none}.mg-quest-row>span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px;font-size:12px}.mg-quest-row b{font-size:16px}.mg-quest-row small{color:#8b6a35;font-size:11px}.mg-quest-row i{font-size:22px}.mg-nfc{padding:35px 22px;text-align:center}.mg-nfc-symbol{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;border:1px solid #aa8a4f;margin:0 auto 25px;font:56px Georgia;color:#8e713d;box-shadow:0 0 0 12px #ac8b4b13,0 0 0 24px #ac8b4b09}.mg-nfc .mg-place-art{margin:24px 0}.mg-observation{overflow:auto;max-height:260px;background:#e4d2ac;border:1px solid #b9a275;overscroll-behavior:contain;touch-action:pan-x pan-y}.mg-observation img{display:block;max-width:none;height:auto}.mg-observation-tools{display:flex;gap:8px}.mg-observation-tools .mg-button{width:48px;font-size:23px;padding:3px}.mg-app fieldset{border:0;padding:0;margin:20px 0}.mg-app legend{font-size:14px;font-weight:700;margin-bottom:9px}.mg-face-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mg-face-options button,.mg-seal-options button,.mg-roof-tray button,.mg-blueprint button,.mg-answers button{border:1px solid #b4a075;background:#f7edda;color:#263c39;border-radius:7px;min-width:0;padding:10px 4px;line-height:1.4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.mg-face-options .guardian-face{width:70px;max-width:100%;height:auto;aspect-ratio:1}.mg-app .guardian-face img{max-width:none!important}.mg-app .guardian-pair{width:100%;max-width:240px;margin:12px auto;display:flex;align-items:center;justify-content:center;gap:3px;animation:none!important}.mg-app .guardian-pair .guardian-face{width:50%;height:auto;aspect-ratio:1}.mg-app .mirrored{transform:scaleX(-1)}.mg-app .printed-result{display:block;transform:scaleX(-1)}.mg-seal-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.mg-seal-options .guardian-pair{margin:0}.mg-seal-options button>span:last-child{font-size:12px}.mg-app button[aria-pressed=true]:not(.area-pin){border-color:#8e582c;background:#e4d2a9;box-shadow:inset 0 0 0 1px #8e582c}.mg-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mg-comparison figure{margin:0;background:#fff9ec;border:1px solid #b8a47b;padding:9px}.mg-comparison figcaption{font-size:12px;text-align:center}.mg-observe-gate{width:100%;display:block;mix-blend-mode:multiply}.mg-roof-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mg-roof-tray button{min-height:75px}.mg-app .roof-piece{display:block;position:relative;overflow:hidden;width:100%;min-height:0}.mg-app .roof-piece img{position:absolute;height:auto;max-width:none}.mg-blueprint{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px 0}.mg-blueprint button{min-height:75px;padding:8px}.mg-blueprint button:nth-child(-n+2){grid-column:1/-1;width:66%;margin:auto}.mg-blueprint small{font-size:11px}.mg-answers{display:grid;gap:9px;margin-top:20px}.mg-answers button{min-height:52px;font-size:15px;padding:12px}.mg-clue,.mg-hint{border:1px solid #b29b6c;background:#e9ddc3;padding:14px;font-size:14px;line-height:1.8;margin-top:20px;border-radius:6px}.mg-feedback{margin:0!important;padding:14px 20px 24px;font-size:14px!important;line-height:1.7!important;color:#794529!important;background:#eee2cc;overflow-wrap:anywhere}.mg-reward{padding:28px 22px;text-align:center;background:radial-gradient(ellipse at 50% 20%,#fff5d8,#e6d4af);min-height:100%}.mg-reward .mg-medal{width:210px;height:210px;max-width:85%;margin:10px auto}.mg-points{display:block;font:53px/1.1 Georgia,serif;color:#9c6b29;margin:15px 0}.mg-medal{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1;animation:none!important}.mg-medal img{position:absolute;width:300%;max-width:none;left:calc(var(--mx)*-100%);top:calc(var(--my)*-100%);height:auto}.mg-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mg-gallery-grid button{min-width:0;background:#102d37;border:1px solid #a48a55;color:#eed7aa;border-radius:7px;padding:7px}.mg-gallery-grid button>span:last-child{display:block;padding:7px 3px;font-size:12px;line-height:1.4;min-height:46px}.mg-gallery-grid button[aria-pressed=true]{background:#29433d;color:#fff1d2}.mg-profile-hero{text-align:center}.mg-profile-hero>.avatar-art{width:140px;height:170px;margin:auto;display:block}.mg-app .avatar-art{overflow:hidden;position:relative;aspect-ratio:1/1.22}.mg-app .avatar-art>img{height:auto;max-width:none;width:300%;position:absolute;left:calc(var(--ax)*-100%);top:0}.mg-stats{display:flex;justify-content:space-around;padding:18px 0;border-block:1px solid #b09c6f70}.mg-stats span{font-size:12px;text-align:center;display:grid;gap:3px}.mg-stats b{font:30px Georgia,serif}.mg-avatars{display:flex;gap:10px;margin:20px 0}.mg-avatars button{width:33.333%;padding:6px;border:1px solid #b3a071;border-radius:6px;background:#dfd5bf}.mg-avatars .avatar-art{display:block;width:100%}.mg-name{font-size:14px;display:grid;gap:8px}.mg-name input{width:100%;border:1px solid #ad986d;background:#fff7e7;color:#1f3d3b;border-radius:6px;padding:12px;font-size:16px}.mg-item{padding:15px 0;border-bottom:1px solid #b5a07066}.mg-item .mg-place-art{max-height:130px;width:75%;margin:auto}.mg-letter{background:linear-gradient(135deg,#fff4dc,#e4d1a9);min-height:100%}.mg-letter>p{font:18px/1.9 var(--display);margin:22px 0}.mg-rank{display:flex;align-items:center;gap:12px;padding:18px 12px;border-bottom:1px solid #baa57666}.mg-rank b{flex:1;font-size:15px;overflow-wrap:anywhere}.mg-rank strong{font:22px Georgia,serif}.mg-rank.is-me{background:#213e3e;color:#f3e4bd;border-radius:6px}.mg-app button:hover:not(:disabled){filter:brightness(1.07)}
@media(max-width:760px){.mobile-experience{display:flex;flex-direction:column;gap:28px;padding:35px 0;width:calc(100% - 24px);max-width:460px}.mobile-stage-copy{width:100%;max-width:none}.mobile-stage-copy h2{font-size:30px}.mobile-stage-copy>p{font-size:15px}.mobile-tour-choices{grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0}.mobile-tour-choices button{display:block;padding:10px 7px;text-align:center;min-width:0;min-height:92px}.mobile-tour-choices button>span{display:block;font-size:15px;margin-bottom:7px}.mobile-tour-choices button>b{font-size:13px;line-height:1.4;display:block}.mobile-tour-choices button>small{display:none}.mobile-device-stage{max-width:430px}.mobile-page-heading{padding-top:35px}.mobile-page-heading h1{font-size:29px}.mobile-experience .experience-autoplay{padding:10px;margin-bottom:0}.mobile-experience .experience-autoplay button{font-size:12px;padding:7px}.mobile-frame-caption{font-size:10px}.mg-copy{padding:18px 15px 25px}.mg-header{padding-inline:8px}.mg-header h1{font-size:16px}.mg-header>div{min-width:0}.mg-app h2{font-size:23px}.mg-map-bottom{grid-template-columns:minmax(0,1fr) 95px;padding:10px}.mg-map-bottom strong{font-size:16px}.mg-app .mg-button{font-size:14px}.mg-map-bottom .mg-button{font-size:12px}.mg-map .area-pin-label{max-width:165px;font-size:11px}.mg-face-options .guardian-face{width:63px}.mg-status{height:30px}.mg-app{grid-template-rows:54px minmax(0,1fr) 60px}.mg-map-counter{font-size:9px}.mobile-field-note{padding-bottom:60px}.mobile-field-note h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.mg-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.mobile-experience{display:block}.mobile-device-stage{max-width:360px;margin:25px auto}.mobile-experience .experience-autoplay,.mobile-simulation{display:none}}

.mg-map .geo-viewport{height:100%!important;aspect-ratio:auto!important}.mg-map .area-pin-label{width:max-content}.mg-app .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.mobile-preview-link{padding:24px;margin:30px 0;background:#102c36;border:1px solid #b89b5e55;border-radius:9px}.mobile-preview-link>span{font-size:10px;letter-spacing:.13em;color:#c3a771}.mobile-preview-link h3{margin:12px 0!important;font-size:21px!important}.mobile-preview-link p{font-size:14px!important}.mobile-preview-link .button{font-size:13px}

/* Keep the original bronze artwork legible on ivory app surfaces. */
.mg-app .mg-medal{mix-blend-mode:normal;border-radius:16px;background:#05171f}