/* Format-specific stages. All art below and in mystery.js is original; reference assets are QA-only. */
.mystery-v5{--ink:#263d42;--muted:#657579;font-family:Arial,Helvetica,sans-serif;color:var(--ink);max-width:100%;min-width:0;border-radius:18px;overflow:hidden;font-size:15px;line-height:1.55}.mystery-v5 *{box-sizing:border-box}.mystery-v5 h3,.mystery-v5 h4,.mystery-v5 p{margin:0}.mystery-v5 h3{font-size:25px;line-height:1.15;letter-spacing:-.6px}.mystery-v5 h4{font-size:18px;line-height:1.3}.mystery-v5 button,.mystery-v5 input,.mystery-v5 select{font:inherit}.mystery-v5 button{cursor:pointer}.mystery-v5 button:disabled{cursor:default;opacity:.48}.mystery-v5 button:focus-visible,.mystery-v5 input:focus-visible,.mystery-v5 select:focus-visible{outline:3px solid #d38831;outline-offset:3px}.my-btn{border:1px solid #bcc9c6;border-radius:7px;background:#fffdf8;padding:10px 13px;min-height:44px;color:inherit;text-align:center;transition:background .15s,box-shadow .15s}.my-btn:hover:not(:disabled){box-shadow:0 0 0 2px currentColor inset}.my-btn[aria-pressed=true]{background:#dbe8dd;border-color:#3f6b59;box-shadow:0 0 0 1px #3f6b59 inset}.my-status{padding:15px 19px;background:#fff7dd;border-top:1px solid #d7caa8;color:#4f482f;grid-column:1/-1;min-height:60px}.my-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:1.4px;line-height:1.5}.my-badge{display:inline-block;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.7px;border:1px solid currentColor;border-radius:4px;margin:2px}.my-small{font-size:12px;line-height:1.5;color:var(--muted)}.my-field{display:grid;gap:6px;font-size:13px;font-weight:700}.my-field input,.my-field select{min-height:44px;max-width:100%;width:100%;padding:9px;border:1px solid #a6b6b4;background:#fff;color:#263d42;border-radius:5px}.my-document-text{white-space:pre-line}.mystery-v5 [role=group]{min-width:0}
/* 01 — A document desk, not a grid of generic question cards. */
.my-case{background:#cbbf9d;color:#333b36}.my-case-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;background:#434a40;color:#fff7d9}.my-case-head h3{font-family:Georgia,serif;font-size:30px}.my-stamp{font-family:'Courier New',monospace;font-weight:bold;letter-spacing:2px;border:3px double currentColor;padding:7px 10px;font-size:12px;transform:rotate(-4deg);color:#e9c7af}.my-objective{display:flex;align-items:center;gap:17px;padding:15px 23px;background:#e8daba;border-bottom:1px solid #ab9977}.my-objective b{flex:0 0 auto;text-transform:uppercase;font-size:11px;letter-spacing:1px}.my-objective span{font-size:14px}.my-desk{padding:24px;display:grid;grid-template-columns:180px minmax(0,1.45fr) minmax(180px,.8fr);gap:20px;align-items:start;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#8c7b4f0a 25px)}.my-file-list{display:flex;flex-direction:column;gap:7px}.my-file-list>.my-btn{display:flex;gap:7px;align-items:center;text-align:left;background:#e6ddc4;border-color:#afa17e;min-height:58px;font-size:12px;line-height:1.3}.my-file-list>.my-btn[aria-pressed=true]{background:#fdf8e9;border-left:5px solid #994b3e;box-shadow:2px 3px 0 #86754d35}.my-file-list small{font-family:monospace;font-size:11px;opacity:.55}.my-file-list i{margin-left:auto;color:#567451}.my-envelope{display:block;border:1px solid #9f8964;border-radius:2px;padding:17px 8px;background:linear-gradient(150deg,transparent 50%,#80674510 50%),#cdb284;color:#58462d;margin-top:13px;min-height:100px;text-align:center;box-shadow:2px 3px 0 #78674525}.my-envelope span{font-size:30px;line-height:1}.my-envelope small{font-size:10px}.my-envelope.is-ready{border:2px dashed #8e3c32;background-color:#dfc69a}.my-paper{position:relative;background:#fffdf2;box-shadow:3px 5px 8px #63523835;padding:23px 22px 22px;min-height:400px;transform:rotate(-.4deg);border-top:5px solid #b6ae95}.my-paper-kind{font-family:monospace;letter-spacing:1.5px;font-size:10px;color:#8c463c;border-bottom:1px solid #b9b4a4;padding-bottom:12px;margin-bottom:19px}.my-paper h4{font-family:Georgia,serif;font-size:22px;margin-bottom:23px}.my-paper p{font-family:Georgia,serif;font-size:16px;line-height:1.9;margin-bottom:28px}.my-paper footer{font-family:monospace;font-size:9px;letter-spacing:.5px;padding:13px 0 22px;border-top:1px solid #ddd7c5}.my-paper .my-btn{background:#eee5cf;border-color:#b7a98a;font-size:12px;width:100%}.my-case-board{background:#e8dfc9;border:1px solid #b7a98d;padding:17px;display:grid;gap:15px;box-shadow:0 5px 0 #b9aa86}.my-case-board h4{font-family:Georgia,serif}.my-case-board>.my-btn{background:#566449;color:#fff;border-color:#43563a}.my-pinned{padding-left:20px;margin:0;min-height:70px;font:13px Georgia,serif}.my-pinned li{margin:8px 0}.my-evidence-photo{height:160px;background:#84959a;position:relative;overflow:hidden;margin:0 0 18px;border:8px solid #eee9da;box-shadow:0 2px 5px #0002}.my-evidence-photo svg{width:130px;height:150px;margin-left:10%}.my-gate-bars{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 55px,#1b34394a 55px 63px)}.my-evidence-photo>span{position:absolute;bottom:4px;right:5px;background:#192e37;color:#d4ece3;font:10px monospace;padding:3px 7px}
/* 02 — Wide location scene, visible hotspots, verb and inventory control strip. */
.my-adventure{background:#17263c;color:#e7e5d6;font-family:'Courier New',monospace}.my-adventure-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;background:#111c2e;border-bottom:2px solid #42546c}.my-adventure-head>span{font-size:10px;color:#8ca7bc}.my-adventure-head h3{font-size:20px;color:#e0bb79}.my-scene{position:relative;aspect-ratio:960/440;background:#17243d;overflow:hidden;border-bottom:3px solid #0c1523}.my-scene>svg{display:block;width:100%;height:100%}.my-hotspot{position:absolute;transform:translate(-50%,-50%);background:#0f2031e6;border:1px solid #b8c7c781;border-radius:0;color:#e4dcac;padding:8px 9px;font:12px 'Courier New',monospace!important;min-height:44px;max-width:170px;line-height:1.2;box-shadow:0 0 0 2px #1d2c3a90}.my-hotspot:hover{color:#fff2bf;background:#425e70;outline:2px solid #e2bd73}.my-dialogue{padding:18px 24px;min-height:145px;border-bottom:2px solid #435168;background:#0f1a2c}.my-speaker{display:block;color:#dcba73;letter-spacing:1.5px;font-size:10px;margin-bottom:8px}.my-dialogue p{color:#f0eee2;font-size:14px;line-height:1.6}.my-dialogue-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.my-adventure .my-btn{background:#20344a;color:#cedadf;border-color:#527185;border-radius:0;font-family:inherit;font-size:13px}.my-adventure .my-btn[aria-pressed=true]{background:#1d596c;color:#fbe8b5;border-color:#d4b873;box-shadow:inset 0 -3px #d4b873}.my-command-strip{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;padding:18px 24px;background:#18273e}.my-verbs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.my-verbs .my-btn{font-weight:700;color:#bcddeb;letter-spacing:.2px}.my-inventory{border-left:1px solid #52667a;padding-left:24px}.my-inventory>span{font-size:9px;color:#7f9aaf;letter-spacing:.5px}.my-inventory>div{display:flex;gap:10px;margin-top:8px;min-height:66px;align-items:center}.my-inventory .my-btn{display:flex;align-items:center;gap:10px;font-size:11px;min-height:64px;text-align:left}.my-inventory .my-btn b{font-size:28px;color:#d0ad60}.my-inventory em{font-size:13px;color:#7892a8}.my-dark-note{color:#a6b8c6;padding:12px 24px;border-top:1px solid #314a5e;background:#142136}
/* 08 — A numbered card table and a distinct companion decoder device. */
.my-escape{background:#202f3d;color:#f1eee3}.my-escape>header{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#172431}.my-escape>header h3{font-family:Georgia,serif}.my-escape-table{display:grid;grid-template-columns:minmax(220px,1.05fr) minmax(240px,1.3fr) 230px;gap:20px;padding:22px;align-items:start;background:radial-gradient(ellipse at center,#42616b,#243c48)}.my-room-card{background:#ede8da;color:#39464a;border-radius:9px;padding:9px;box-shadow:0 7px 12px #0004}.my-card-top{font:10px 'Courier New',monospace;font-weight:700;letter-spacing:1px;padding:8px 10px;background:#d8d5c9;border-radius:4px 4px 0 0;display:flex;justify-content:space-between;align-items:center}.my-card-top b{font-size:27px;line-height:1}.my-card-room{height:205px;position:relative;background:linear-gradient(90deg,#807869 0 64%,#524f46 64%);margin-top:5px;overflow:hidden}.my-room-shelf{position:absolute;left:10px;top:30px;width:95px;height:145px;border:8px solid #574f3f;background:repeating-linear-gradient(0deg,#a59165 0 35px,#574f3f 35px 43px)}.my-room-door{position:absolute;width:74px;height:172px;right:14px;top:20px;border:6px solid #958668;background:#414649}.my-number{position:absolute;border:2px solid #eee4bc;background:#ded4ac;color:#314650;border-radius:50%;width:44px;height:44px;font-weight:900;font-size:19px}.my-num12{left:14px;top:34px}.my-num20{left:50px;top:128px}.my-num7{right:20px;top:95px}.my-uv-writing{position:absolute;left:110px;top:37px;color:#a1a080;font:9px monospace;line-height:1.8}.my-uv-writing.revealed{color:#c3f1db;background:#234e4a;box-shadow:0 0 28px #98c5e3;padding:8px;font-size:17px;left:100px;top:20px}.my-room-card>p{font-size:12px;padding:13px 8px}.my-room-card>.my-btn{width:100%;font-size:12px}.my-card-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;min-width:0}.my-playing-card{background:#f8f1dc;color:#334e53;border-radius:8px;padding:7px;box-shadow:3px 7px 8px #0004;min-height:260px;transform:rotate(1deg);border:2px solid #f4ecd8}.my-playing-card:nth-child(even){transform:rotate(-2deg)}.my-playing-card.selected{border-color:#ffde64;box-shadow:0 0 0 3px #f6d95a,3px 7px 8px #0004}.my-playing-card.blue .my-card-top{background:#327b95;color:#fff}.my-playing-card.red .my-card-top{background:#b84d4c;color:#fff}.my-playing-card.green .my-card-top{background:#487a54;color:#fff}.my-card-icon{height:76px;display:grid;place-items:center;background:#e3dcc5;font-size:43px;margin:7px 0;color:#50626b}.my-playing-card h4{font-size:14px;min-height:38px}.my-playing-card>p{font:12px Georgia,serif;line-height:1.4;min-height:66px;margin:6px 0}.my-playing-card>.my-btn{font-size:11px;padding:8px;width:100%;min-height:44px}.my-playing-card>small{font-size:10px;display:block}.my-deck-back{background:repeating-linear-gradient(45deg,#253d49 0 6px,#294552 6px 9px);border:8px solid #e7e0cd;border-radius:8px;min-height:270px;box-shadow:3px 5px 0 #d4cebc,6px 9px 0 #263542;color:#dacd9a;text-align:center;font:90px Georgia,serif;padding:30px 10px}.my-deck-back small{display:block;font:11px Arial,sans-serif;line-height:1.7;margin-top:20px}.my-lock-device{background:#101c22;border:5px solid #182a32;border-radius:20px;box-shadow:4px 8px 12px #0005;padding:14px;color:#c2e1cf;min-height:330px}.my-device-top{font:10px monospace;letter-spacing:2px;margin-bottom:25px;color:#7aada4}.my-lock-device h4{font-size:16px}.my-lock-device p{font-size:12px;margin:12px 0}.my-dials{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.my-dials>div{display:grid;gap:4px}.my-dials output{font:29px monospace;text-align:center;background:#c5d5b6;color:#1c3d37;border:2px inset #b5c2a6;padding:6px}.my-lock-device .my-btn{background:#233d40;border-color:#507071;color:#d5eee0;width:100%;font-size:12px;margin:4px 0}.my-dials .my-btn{min-height:44px;margin:0;padding:4px}.my-device-rule{border-top:1px solid #3e5c5e;margin:17px 0}.my-escape .my-status{background:#e6eadc;color:#31464a;border-color:#9cae9e}
/* offline 1 — A portable equipment case and team tablet. */
.my-fieldkit{background:#101e25;color:#c0e3de}.my-fieldkit>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px;background:#0c171d;border-bottom:1px solid #30636a}.my-fieldkit h3{font-family:'Courier New',monospace;font-size:23px}.my-fieldkit .my-eyebrow{color:#6aa5a8;margin-bottom:7px}.my-kit-layout{padding:30px 22px;display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;background:repeating-linear-gradient(0deg,#12252d,#12252d 32px,#17313a 33px)}.my-kit-case{position:relative;background:#1b3038;padding:21px;border:10px solid #101b20;border-radius:17px;box-shadow:inset 0 0 0 2px #537277,4px 9px 13px #0006}.my-case-handle{position:absolute;width:95px;height:14px;border:5px solid #07151b;border-bottom:none;top:-24px;left:calc(50% - 47px);border-radius:7px 7px 0 0}.my-kit-case h4{font-size:13px;letter-spacing:.4px}.my-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0}.my-tools>.my-btn{display:flex;flex-direction:column;align-items:center;background:#11232b;color:#b8ddd7;border:2px solid #405a61;min-height:100px;font-size:10px;box-shadow:inset 0 0 12px #000a;padding:8px}.my-tools>.my-btn span{font-size:34px;line-height:1.4;color:#8bc1c2}.my-tools>.my-btn[aria-pressed=true]{border-color:#78dcce;background:#204b50;box-shadow:0 0 12px #47c7bf42}.my-calibration{background:#d1d2b5;color:#344e50;padding:18px;box-shadow:3px 4px 0 #0003;transform:rotate(-1deg);margin:18px 0}.my-calibration>span{font:9px monospace;letter-spacing:1.3px}.my-calibration h4{font:19px Georgia,serif;margin:8px 0 14px}.my-ink{border:1px dashed #979d85;padding:18px 8px;text-align:center;color:#92977a;letter-spacing:3px;font-size:14px;min-height:70px}.my-ink.visible{background:#294a5a;color:#b2e9ee;box-shadow:inset 0 0 40px #556daa;font-size:11px;font-weight:800;letter-spacing:1px}.my-calibration p{font:12px Georgia,serif;margin:12px 0}.my-calibration>.my-btn{font-size:11px;min-height:44px;width:100%;background:#b8c5af;border-color:#788d84}.my-vials{display:flex;justify-content:space-around;gap:15px;padding:15px 6px 3px}.my-vials>div{display:flex;flex-direction:column;align-items:center;color:#bad3cc;font-size:11px}.my-vials small{font-size:10px;opacity:.65}.my-vials span{display:block;height:58px;width:25px;border:3px solid #9ab4b9;border-top:8px solid #617e84;border-radius:3px 3px 12px 12px;margin-bottom:7px;background:linear-gradient(90deg,#2e7293,#7ec3df)}.my-vials .red span{background:linear-gradient(90deg,#9b4853,#de7f7a)}.my-vials .green span{background:linear-gradient(90deg,#2a8864,#81c18c)}.my-field-tablet{background:#08151b;border:3px solid #49616a;border-radius:25px;box-shadow:8px 11px 12px #0006;padding:23px 12px 25px;position:relative;min-width:0;transform:rotate(1deg)}.my-tablet-cam{position:absolute;top:8px;left:50%;width:5px;height:5px;background:#577e87;border-radius:50%}.my-tablet-ui{padding:17px;background:#d9e9e1;color:#29464b;min-height:350px}.my-tablet-status{font:9px monospace;letter-spacing:.5px;border-bottom:1px solid #8db0a6;padding-bottom:12px;margin-bottom:20px;color:#527c75}.my-tablet-ui h4{font-size:22px}.my-tablet-ui p{font-size:12px;margin:13px 0}.my-sample-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0}.my-sample-slots label{font-size:11px;text-align:center}.my-sample-slots select{width:100%;min-height:44px;background:#edf4e8;border:1px solid #8daa9e;color:#29484c;font-size:12px}.my-sample-light{display:block;border:3px solid #8ca69e;border-radius:4px;height:50px;width:100%;background:#aec4b9;margin-top:7px}.my-sample-light.blue{background:#578ea7}.my-sample-light.red{background:#b76565}.my-sample-light.green{background:#619971}.my-tablet-ui .my-btn{background:#2c6667;color:#d9eee8;border-color:#1b5557;width:100%;margin:5px 0;font-size:12px}.my-fieldkit .my-status{background:#153841;color:#bbe0d7;border-color:#315d64}
/* offline 3 — Role envelope, conversation salon, personal notebook. */
.my-salon{background:#332237;color:#efdfce}.my-salon>header{padding:24px;display:flex;justify-content:space-between;gap:15px;background:linear-gradient(100deg,#462b41,#251c30);border-bottom:1px solid #8c6171}.my-salon>header h3{font:28px Georgia,serif;margin-top:7px}.my-salon .my-eyebrow{color:#bd959f}.my-salon-layout{display:grid;grid-template-columns:210px minmax(0,1.3fr) 230px;gap:20px;padding:23px;align-items:start}.my-rolecard{background:#e7d1ae;color:#59423d;border:1px solid #a18a70;padding:18px;box-shadow:0 5px 0 #9d7d65;transform:rotate(-1deg)}.my-rolecard>span{font:8px monospace;letter-spacing:1px;color:#835453}.my-rolecard h4{font:22px Georgia,serif;margin:8px 0 18px}.my-rolecard>.my-btn{background:#ba9b77;color:#342830;border-color:#8b7059;font-size:11px;width:100%}.my-rolecard p{font:13px/1.6 Georgia,serif;margin:15px 0}.my-rolecard .my-small{font-family:Arial,sans-serif;font-size:11px;color:#735b50}.my-secret-card{border:1px dashed #916a53;padding:12px;margin:18px -5px;background:#efdfc5}.my-secret-card b{font-size:11px;text-transform:uppercase;letter-spacing:.6px}.my-secret-card p{margin-bottom:0;font-size:13px}.my-conversation{min-width:0}.my-guests{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.my-guests>.my-btn{padding:5px 5px 9px;background:#4b3449;border-color:#71536a;color:#eedcd0;display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:4px;min-width:0}.my-guests>.my-btn[aria-pressed=true]{background:#72516b;border-color:#dfbb94;box-shadow:0 0 0 2px #dfbb9430}.my-guests svg{width:100%;height:100px;object-fit:cover;filter:saturate(.7)}.my-guests b{font:17px Georgia,serif}.my-guests small{font-size:9px}.my-speech{position:relative;margin:20px 0;background:#f3e5d3;color:#503c41;padding:23px;border-radius:3px;min-height:140px}.my-speech:before{content:'';position:absolute;left:25px;top:-12px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:13px solid #f3e5d3}.my-speech>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9a6265}.my-speech>p{font:16px/1.7 Georgia,serif;margin-top:10px}.my-confidential{margin-top:18px;padding-top:16px;border-top:1px dashed #b29287}.my-confidential b{font-size:10px;color:#825964;letter-spacing:1px;text-transform:uppercase}.my-confidential p{font:14px/1.7 Georgia,serif;margin-top:7px}.my-talk-actions{display:grid;gap:7px}.my-talk-actions .my-btn{background:#5b3e56;color:#e6d2c0;border-color:#8d6b80;font-size:12px}.my-accusation{background:repeating-linear-gradient(0deg,#eee4cf 0 27px,#d8d3bc 28px);color:#503f43;padding:18px 17px;border-left:4px solid #bcae93}.my-accusation h4{font:22px Georgia,serif;margin-bottom:15px}.my-accusation>p{font-size:12px;margin-bottom:15px}.my-personal{background:#e0d3b9;padding:8px;font-weight:700;font-size:11px!important}.my-accusation form{display:grid;gap:14px}.my-accusation .my-btn{background:#6f475e;border-color:#634050;color:#fff4df;font-size:12px}.my-salon .my-status{background:#5c3b50;border-color:#825a70;color:#f4dfc9}
/* offline 9 — A mission dashboard with phone-style mission/feed/ranking sections. */
.my-hunt{display:grid;grid-template-columns:1fr 1fr;background:#e8eee8;border:1px solid #bdcbbf}.my-hunt-overview{padding:28px 27px;background:#dce9df}.my-hunt-overview h3{font-size:29px;line-height:1.1;margin:11px 0 22px;max-width:280px}.my-hunt-overview>p{font-size:13px;margin:17px 0}.my-route-map{height:260px;position:relative;background:linear-gradient(40deg,#c2d9c8 35%,#f5eed7 35% 58%,#b9d4d9 58%);border-radius:15px;overflow:hidden;border:1px solid #b3c6bb}.my-route-map:before,.my-route-map:after{content:'';position:absolute;background:#fcfaf0;width:400px;height:27px;transform:rotate(-35deg);top:130px;left:-70px;border:1px solid #d3d2b8}.my-route-map:after{top:85px;left:40px;transform:rotate(50deg);width:210px}.my-route-path{position:absolute;width:70%;height:100px;border:3px dashed #628b70;transform:rotate(-30deg);top:80px;left:18%;border-radius:40%;z-index:1}.my-route-pin{position:absolute;width:36px;height:36px;border-radius:50%;background:#355c49;border:3px solid #f5f0d3;color:#f5f0d3;display:grid;place-items:center;font-size:14px;font-weight:800;z-index:2}.my-route-pin.p1{left:16%;top:64%}.my-route-pin.p2{left:44%;top:42%}.my-route-pin.p3{left:70%;top:17%}.my-map-label{position:absolute;z-index:2;font-size:10px;background:#fffdf3;padding:3px 5px;border-radius:4px}.my-map-label.l1{left:10%;top:80%}.my-map-label.l2{left:43%;top:58%}.my-map-label.l3{left:65%;top:34%}.my-team-score{display:flex;gap:20px;align-items:center;border-top:1px solid #aec5b4;padding-top:19px}.my-team-score b{font-size:50px;font-weight:900;line-height:1;color:#315f48}.my-team-score span{font-size:12px;font-weight:700;color:#57816b}.my-mission-phone{background:#fbfbf5;border:9px solid #293b3c;border-radius:28px;box-shadow:0 7px 0 #a5b6ab;margin:22px;overflow:hidden;min-width:0;align-self:start}.my-mission-phone>header{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f1dc72;padding:18px 17px;font-size:12px;font-weight:800}.my-phone-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #d4dccc}.my-phone-tabs .my-btn{border:none;border-radius:0;background:#f7f9f1;font-size:11px;padding:10px 5px;min-height:44px}.my-phone-tabs .my-btn[aria-pressed=true]{background:#dceacb;box-shadow:inset 0 -3px #638653}.my-mission-list{padding:12px 10px;display:grid;gap:10px;min-height:310px;align-content:start}.my-mission-row{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #d6ddca;border-radius:7px;padding:14px 10px;min-height:85px;color:#30463a;text-align:left}.my-mission-row>span:nth-child(2){display:grid;gap:7px;flex:1}.my-mission-row b{font-size:13px}.my-mission-row small{font-size:9px;letter-spacing:.5px;color:#6a7c6a}.my-mission-row em{align-self:start;background:#f5eaa7;font-size:10px;font-style:normal;font-weight:800;padding:2px 5px;border-radius:4px}.my-mission-icon{display:grid;place-items:center;width:33px;height:38px;background:#dbe9e4;color:#4c7975;border-radius:5px;font-size:18px;flex:0 0 auto}.my-mission-phone footer{font-size:9px;letter-spacing:1px;padding:13px;text-align:center;background:#e9eddf;color:#6e8065;border-top:1px solid #d3dbc4}.my-mission-detail{padding:17px}.my-mission-detail>small{display:block;font-size:9px;letter-spacing:1px;margin:20px 0 7px;color:#667c62}.my-mission-detail h4{font-size:22px;margin-bottom:14px}.my-mission-detail>p{font-size:13px;margin:14px 0}.my-mission-detail form{display:grid;gap:13px}.my-mission-detail>.my-btn{font-size:12px}.my-building-sign{background:#51716b;border:6px solid #d4be92;color:#eee5c3;text-align:center;padding:23px 10px;line-height:1.8;box-shadow:inset 0 0 0 1px #bfa778;font:15px Georgia,serif}.my-building-sign b{font-size:35px;letter-spacing:5px;display:block}.my-building-sign small{display:block;font-size:9px;letter-spacing:1px}.my-photo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:17px}.my-photo-options .my-btn{font-size:10px;padding:5px;min-height:130px;display:flex;flex-direction:column;align-items:center}.my-sample-photo{display:grid;place-items:center;width:100%;height:85px;color:#ad7654;background:linear-gradient(#cfdfdb 0 65%,#bec6ab 65%);font:bold 37px Georgia,serif;line-height:1;overflow:hidden}.my-sample-photo.wide{font-size:30px}.my-sample-photo.close{font-size:100px;padding-top:23px}.my-sample-photo.wrong{font-size:55px;color:#64805e}.my-checkin-options{display:grid;gap:7px;margin:15px 0}.my-feed,.my-leaderboard{padding:20px 14px;min-height:310px}.my-feed h4{font-size:18px;margin-bottom:16px}.my-feed article{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #d5dfca}.my-feed article>span{color:#54795d;font-size:24px}.my-feed article b{display:block;font-size:12px}.my-feed article small{font-size:9px;display:block;color:#819274;margin-top:7px}.my-feed>p,.my-leaderboard>p{font-size:12px;margin-bottom:20px;color:#71816d}.my-leaderboard>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #d7dfcb;padding:16px 8px;font-size:12px}.my-leaderboard>div.mine{background:#e8ef94}.my-leaderboard>div b{font-size:20px}.my-leaderboard>div span{flex:1}.my-hunt .my-status{background:#f1edce;border-color:#d5d5b4}
/* offline 11 — Cartographic route + media-first checkpoint card. */
.my-city{background:#e1e9e1;border:1px solid #b3c4ba}.my-city>header{display:flex;align-items:center;gap:20px;padding:21px 25px;background:#365c61;color:#eef4e5}.my-city>header h3{font-size:25px;flex:1}.my-city>header>span:last-child{font-size:10px;letter-spacing:1px}.my-city-layout{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:24px;align-items:start}.my-city-layout>aside{min-width:0}.my-city-map{position:relative;border:1px solid #b7c9b4;background:#d8e2cd;box-shadow:0 4px 0 #bacabb;border-radius:5px;overflow:hidden}.my-city-map>svg{width:100%;height:auto;display:block}.my-city-pin{position:absolute;border:3px solid #fff9df;border-radius:50%;width:45px;height:45px;min-height:44px;background:#6e8986;color:#fff9df;font-weight:800;box-shadow:0 2px 4px #0003}.my-city-pin.current{background:#d3854a;outline:5px solid #d9985340}.my-city-pin.visited{background:#507b60}.my-city-pin span{position:absolute;top:44px;left:50%;transform:translateX(-50%);font-size:10px;line-height:1.25;color:#365551;background:#faf9e9;padding:3px 5px;white-space:nowrap;border-radius:3px}.my-city-pin.stop0{top:61%;left:7%}.my-city-pin.stop1{top:44%;left:34%}.my-city-pin.stop2{top:20%;left:68%}.my-city-journal{padding:21px 18px;background:#eff2e6;margin-top:19px;border-left:4px solid #92aa92}.my-city-journal h4{font:20px Georgia,serif;margin-bottom:14px}.my-city-journal p{font-size:12px;color:#889a86;margin:10px 0}.my-city-journal p.checked{color:#3f6952}.my-city-journal p b{margin-right:12px}.my-bound-screen{background:#fafcf5;border:1px solid #bed0bf;box-shadow:0 5px 0 #b4c8b8;border-radius:5px;overflow:hidden}.my-bound-top{background:#2c4247;color:#eff6e6;padding:13px 17px;font-size:10px;letter-spacing:1px}.my-bound-screen>svg{display:block;width:100%;height:auto;max-height:285px;object-fit:cover;background:#dbe7de}.my-bound-content{padding:19px 21px}.my-bound-content>p{font-size:13px;margin-bottom:17px;color:#657d70}.my-bound-content h4{font-size:18px}.my-bound-answers{display:grid;gap:8px;margin:16px 0}.my-bound-answers .my-btn{border-radius:3px;text-align:left;background:#edf2e8;border-color:#c4d0bf;font-size:13px}.my-bound-answers .my-btn[aria-pressed=true]{background:#c9ddbf;border-color:#78986b}.my-bound-content>.my-btn{background:#466e65;color:#f5f8eb;border-color:#466e65;font-size:12px;margin:4px 0;width:100%}.my-bound-content>.my-btn:last-child{background:transparent;color:#557367;border-color:#b9cbb4}.my-directions{min-height:330px;padding:36px 25px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px}.my-directions>span{font-size:70px;color:#a2bbae;line-height:1}.my-directions h4{font-size:24px}.my-directions p{font-size:14px}.my-directions .my-small{font-size:11px;color:#778c7b}.my-city .my-status{background:#f2ecd2;border-color:#c3cba9;color:#566447}
/* Narrow containment and non-pointer access. */
@media(max-width:1100px){.my-desk{grid-template-columns:155px minmax(0,1fr)}.my-case-board{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:start}.my-case-board h4{grid-column:1/-1}.my-case-board .my-field{grid-column:2}.my-escape-table{grid-template-columns:1fr 1.25fr}.my-lock-device{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;min-height:0;border-radius:12px}.my-lock-device .my-device-top{grid-column:1/-1;margin:0}.my-lock-device .my-dials{grid-row:3/6;grid-column:1;margin:5px 0}.my-lock-device>.my-device-rule{display:none}.my-lock-device>.my-btn[data-action=code]{grid-column:1}.my-salon-layout{grid-template-columns:190px minmax(0,1fr)}.my-accusation{grid-column:1/-1}.my-accusation form{grid-template-columns:1fr 1fr}.my-accusation form>.my-btn{grid-column:1/-1}.my-guests svg{height:90px}.my-hunt-overview{padding:23px 20px}.my-mission-phone{margin:20px 14px}.my-kit-layout{gap:20px}.my-tablet-ui{padding:13px}.my-sample-slots{gap:4px}}
@media(max-width:760px){.my-case-head,.my-salon>header,.my-fieldkit>header{padding:18px;gap:10px}.my-desk{padding:15px;gap:14px;grid-template-columns:140px minmax(0,1fr)}.my-paper{padding:18px}.my-paper p{font-size:15px}.my-escape-table{padding:15px;gap:15px;grid-template-columns:1fr 1fr}.my-card-spread{grid-template-columns:1fr}.my-playing-card{min-height:220px}.my-playing-card>p{min-height:0}.my-card-icon{height:55px}.my-kit-layout{grid-template-columns:1fr;padding:32px 20px 24px}.my-field-tablet{max-width:450px;width:100%;justify-self:center;transform:none}.my-salon-layout{padding:17px;gap:15px;grid-template-columns:1fr}.my-rolecard{transform:none}.my-rolecard>p{margin:10px 0}.my-secret-card{margin:12px 0}.my-conversation{grid-row:2}.my-guests svg{height:115px}.my-hunt{grid-template-columns:1fr}.my-hunt-overview{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.my-hunt-overview .my-eyebrow,.my-hunt-overview h3{grid-column:1/-1}.my-hunt-overview h3{max-width:none;margin:0;font-size:25px}.my-hunt-overview .my-route-map{grid-row:3/6;height:210px}.my-hunt-overview>p{font-size:12px;margin:0}.my-hunt-overview .my-team-score{padding-top:10px;gap:12px}.my-team-score b{font-size:40px}.my-mission-phone{margin:0 20px 25px;max-width:450px;width:calc(100% - 40px);justify-self:center}.my-city>header{flex-wrap:wrap;gap:8px;padding:18px}.my-city>header .my-eyebrow{flex-basis:100%}.my-city-layout{padding:17px;gap:16px;grid-template-columns:1fr}.my-city-layout>aside{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;align-items:start}.my-city-journal{margin-top:0;padding:15px 12px}.my-city-journal h4{font-size:18px}.my-city-pin{width:40px;height:44px;font-size:12px}.my-city-pin span{font-size:8px;top:40px}.my-bound-screen>svg{max-height:260px}.my-directions{min-height:250px}.my-adventure-head>span{font-size:8px}.my-hotspot{font-size:10px!important;padding:6px;max-width:115px}.my-command-strip{padding:15px;gap:15px}.my-inventory{padding-left:15px}.my-dialogue{padding:17px}.my-dialogue-options{display:grid}.my-adventure .my-btn{font-size:12px}}
@media(max-width:540px){.mystery-v5{font-size:14px;border-radius:10px}.mystery-v5 h3{font-size:23px}.my-status{padding:13px 15px;font-size:13px}.my-case-head{align-items:flex-start}.my-stamp{font-size:9px;letter-spacing:.5px;max-width:105px}.my-objective{display:block;padding:13px 16px}.my-objective b{display:block;margin-bottom:6px}.my-objective span{font-size:13px}.my-desk{grid-template-columns:1fr;padding:13px}.my-file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.my-file-list>.my-btn{font-size:11px;min-height:54px;padding:8px}.my-envelope{grid-column:1/-1;margin-top:3px;min-height:67px;padding:8px;line-height:1.2}.my-envelope span{display:inline;margin-right:10px;font-size:22px}.my-paper{min-height:320px;transform:none;padding:20px}.my-paper h4{font-size:22px;margin-bottom:17px}.my-case-board{grid-template-columns:1fr}.my-case-board .my-field{grid-column:auto}.my-case-board>h4{grid-column:auto}.my-pinned{min-height:40px}.my-adventure-head{display:block;padding:13px 16px}.my-adventure-head h3{margin:5px 0;font-size:21px}.my-adventure-head>span{font-size:9px}.my-scene{aspect-ratio:auto;display:flex;flex-wrap:wrap;gap:7px;padding:0 10px 11px;align-items:stretch}.my-scene>svg{width:calc(100% + 20px);max-width:none;flex:0 0 calc(100% + 20px);margin:0 -10px 5px;height:auto;aspect-ratio:960/440;object-fit:contain}.my-hotspot{position:static;transform:none;left:auto!important;top:auto!important;max-width:none;flex:1 1 43%;min-height:44px;font-size:11px!important}.my-command-strip{grid-template-columns:1fr;gap:14px}.my-verbs{grid-template-columns:repeat(2,1fr)}.my-inventory{border-left:none;border-top:1px solid #52667a;padding:13px 0 0}.my-dialogue{min-height:135px}.my-dialogue p{font-size:13px}.my-dark-note{padding:12px 15px}.my-escape>header{display:block;padding:17px}.my-escape>header>div{margin-top:10px}.my-escape-table{display:block;padding:14px}.my-room-card{margin-bottom:21px}.my-card-room{height:215px}.my-card-spread{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:21px}.my-playing-card{transform:none!important}.my-playing-card h4{font-size:13px}.my-playing-card>p{font-size:11px;min-height:60px}.my-card-top{font-size:8px;letter-spacing:0;padding:7px}.my-card-top b{font-size:25px}.my-lock-device{display:block;padding:17px}.my-dials{margin:14px 0!important}.my-device-top{margin-bottom:18px!important}.my-lock-device>.my-btn[data-action=code]{margin-bottom:20px}.my-deck-back{min-height:180px;font-size:60px;grid-column:1/-1}.my-deck-back small{margin-top:6px}.my-fieldkit>header{display:block}.my-fieldkit>header .my-badge{margin-top:12px}.my-kit-layout{padding:30px 12px 20px}.my-kit-case{padding:12px;border-width:7px}.my-tools{gap:6px}.my-tools>.my-btn{font-size:9px;min-height:87px}.my-tools>.my-btn span{font-size:29px}.my-calibration{padding:14px}.my-sample-slots select{font-size:11px;padding:3px}.my-field-tablet{padding:21px 9px}.my-tablet-ui{padding:13px}.my-salon>header{display:block}.my-salon>header .my-badge{margin-top:14px;font-size:9px}.my-salon-layout{padding:14px}.my-guests{gap:6px}.my-guests svg{height:82px}.my-guests b{font-size:16px}.my-guests small{font-size:8px}.my-speech{padding:18px}.my-accusation form{grid-template-columns:1fr}.my-speech>p{font-size:15px}.my-hunt-overview{display:block;padding:20px}.my-hunt-overview h3{margin:10px 0 20px}.my-hunt-overview .my-route-map{height:200px}.my-hunt-overview>p{margin:15px 0}.my-team-score b{font-size:43px}.my-mission-phone{margin:0 12px 21px;width:calc(100% - 24px);border-width:7px}.my-mission-detail{padding:14px}.my-photo-options{gap:5px}.my-photo-options .my-btn{font-size:9px;min-height:125px}.my-city>header h3{font-size:23px}.my-city-layout{padding:14px}.my-city-layout>aside{display:block}.my-city-map{max-height:300px}.my-city-map>svg{height:300px;object-fit:fill}.my-city-journal{margin-top:15px;display:flex;flex-wrap:wrap;gap:5px 15px}.my-city-journal h4{width:100%;margin-bottom:4px}.my-city-journal p{margin:3px 0;font-size:11px}.my-city-journal p b{margin-right:6px}.my-city-pin{width:44px}.my-city-pin span{font-size:10px}.my-bound-content{padding:17px}.my-bound-screen>svg{height:auto;max-height:none}.my-directions{min-height:250px;padding:25px 21px}}
@media(prefers-reduced-motion:reduce){.mystery-v5 *{transition:none!important;animation:none!important}}
.my-num15{left:115px;bottom:9px}.my-number:disabled{opacity:.7;background:#8b9e8c;color:#e7efdf;border-color:#afc5ac}.my-device-top [data-clock]{font-size:15px;color:#c8edc7;font-weight:700}
/* Intrinsic-size hardening for real narrow viewports and print-based visual QA. */
.mystery-v5 button{min-width:0;max-width:100%;overflow-wrap:anywhere}.my-desk>*,.my-command-strip>*,.my-salon-layout>*,.my-kit-layout>*,.my-escape-table>*,.my-city-layout>*{min-width:0}.my-command-strip{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.my-verbs{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.my-inventory{min-width:0}.my-inventory>div{flex-wrap:wrap}.my-guests{grid-template-columns:repeat(3,minmax(0,1fr))}.my-salon-layout{grid-template-columns:210px minmax(0,1.3fr) 230px}.my-rolecard{min-width:0}.my-accusation form{min-width:0}.my-field{min-width:0}.my-hotspot{max-width:150px}
@media(max-width:1100px){.my-salon-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){.my-salon-layout{grid-template-columns:minmax(0,1fr)}.my-salon-layout>.my-rolecard,.my-salon-layout>.my-conversation,.my-salon-layout>.my-accusation{grid-column:1/-1;grid-row:auto;width:100%}.my-command-strip{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.my-hotspot{max-width:115px}}
@media(max-width:540px){.my-command-strip{grid-template-columns:minmax(0,1fr)}.my-verbs{grid-template-columns:repeat(2,minmax(0,1fr))}.my-verbs>.my-btn{padding:10px 5px;font-size:11px}.my-hotspot{max-width:none}.my-accusation form{grid-template-columns:minmax(0,1fr)}.my-city-layout{grid-template-columns:minmax(0,1fr)}}
.my-case-board{grid-template-columns:minmax(0,1fr);min-width:0}.my-case-board>.my-btn,.my-case-board .my-field,.my-case-board select{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.my-case-board>.my-btn{padding-left:7px;padding-right:7px;font-size:12px}.my-case-board select{font-size:12px}
@media(max-width:1100px){.my-case-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.my-case-board{grid-template-columns:minmax(0,1fr)}}
.my-hunt{grid-template-columns:repeat(2,minmax(0,1fr))}.my-hunt>*{min-width:0}.my-accusation{background-color:#eee4cf}.my-guests>.my-btn{overflow:hidden}.my-conversation{width:100%}
@media(max-width:760px){.my-hunt{display:block}.my-hunt-overview{width:100%}.my-mission-phone{margin:0 auto 25px;width:calc(100% - 40px)}.my-salon-layout{display:block}.my-salon-layout>.my-rolecard,.my-salon-layout>.my-conversation{margin-bottom:20px}.my-salon-layout>.my-accusation{margin-top:0;width:100%}}
@media(max-width:540px){.my-mission-phone{margin:0 auto 21px;width:calc(100% - 24px)}}
.my-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.my-tools>.my-btn{display:block;text-align:center;min-width:0;padding:8px 3px;overflow:hidden}.my-tools>.my-btn span{display:block;width:100%;text-align:center;line-height:1.6}
/* These compact portrait/answer controls do not need flex/grid intrinsic sizing. */
.my-guests>.my-btn{display:block;text-align:center;overflow:hidden;padding:6px}.my-guests>.my-btn svg{display:block;width:100%;height:auto;max-height:115px;margin:0 auto 6px}.my-guests>.my-btn b,.my-guests>.my-btn small{display:block;margin:3px 0}.my-accusation form{display:block;width:100%;min-width:0}.my-accusation .my-field{display:block;width:100%;min-width:0;margin-bottom:15px}.my-accusation .my-field select{display:block;width:100%;min-width:0;max-width:100%;margin-top:6px;box-sizing:border-box;font-size:12px}.my-accusation form>.my-btn{display:block;width:100%;min-width:0;max-width:100%;font-size:12px;line-height:1.5;padding:12px 9px}
@media(max-width:540px){.my-desk{display:block}.my-desk>.my-file-list,.my-desk>.my-paper,.my-desk>.my-case-board{width:100%;min-width:0;margin-bottom:16px}.my-file-list{display:block}.my-file-list>.my-btn{display:block;width:100%;margin-bottom:6px;min-height:44px;padding:11px;text-align:left}.my-file-list>.my-btn small{display:inline;margin-right:8px}.my-file-list>.my-btn i{margin-left:8px}.my-envelope{width:100%}.my-case-board{display:block}.my-case-board>*{margin-bottom:13px}.my-case-board>:last-child{margin-bottom:0}.my-case-board .my-field{display:block}.my-case-board .my-field select{display:block;margin-top:6px}}
/* Explicit columns avoid negative-grid-line placement and keep the status full-width. */
.my-hunt{display:flex;flex-wrap:wrap;align-items:flex-start}.my-hunt>.my-hunt-overview{flex:0 0 46%;width:46%;min-width:0}.my-hunt>.my-mission-phone{flex:1 1 40%;width:40%;min-width:0;max-width:calc(54% - 44px);margin:22px}.my-hunt>.my-status{flex:0 0 100%;width:100%;min-width:0}
@media(max-width:760px){.my-hunt{display:block}.my-hunt>.my-hunt-overview{width:100%;max-width:none}.my-hunt>.my-mission-phone{width:calc(100% - 40px);max-width:450px;margin:0 auto 25px}}
@media(max-width:540px){.my-hunt>.my-mission-phone{width:calc(100% - 24px);margin:0 auto 21px}}