:root{--forest:#153c32;--cream:#f8f3e7;--coral:#c54434;--muted:#53665c;--line:#d5decc;--white:#fffdf7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--cream);color:var(--forest);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.header,main,footer{max-width:1080px;margin:auto;padding-left:24px;padding-right:24px}.header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:24px;padding-bottom:24px}.brand{font-weight:850;letter-spacing:-1px;font-size:24px;text-decoration:none}.brand span{color:var(--coral)}.language{display:flex;align-items:center;gap:8px;font-size:13px}.language select{max-width:145px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--forest)}.demo-banner{background:#e5eadb;border:1px solid #cbd6bd;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:650}.screen{padding-top:34px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--muted);margin:10px 0}h1{font-size:clamp(34px,5vw,56px);letter-spacing:-1.8px;line-height:1.12;margin:12px 0 18px;overflow-wrap:anywhere}h2{font-size:22px;line-height:1.3;margin:8px 0 18px;letter-spacing:-.4px}.intro{font-size:18px;color:var(--muted);max-width:650px;margin-bottom:28px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:25px;margin-bottom:20px;box-shadow:0 6px 22px #153c3205}.step{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e5eadb;color:var(--coral);font-size:28px;margin-bottom:12px}label,legend{font-weight:750;display:block;margin-bottom:8px}input{width:100%;border:1px solid #9eae9e;border-radius:12px;padding:12px 14px;color:var(--forest);background:white}.help{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 18px}.primary,.secondary{width:100%;display:block;min-height:48px;border-radius:12px;padding:12px 18px;font-weight:750;border:1px solid transparent}.primary{background:var(--coral);color:white}.secondary{background:var(--forest);color:white}.back,.text-button{border:0;background:transparent;color:var(--forest);padding:12px 4px;text-decoration:underline;text-underline-offset:4px;min-height:44px}.back{text-decoration:none;padding-left:0}.quiet{color:var(--muted);font-size:13px}.profile-card{max-width:640px}fieldset{border:0;padding:0;margin:25px 0 0}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.avatar{display:block;width:58px;height:58px;flex-shrink:0;background-image:url('../assets/avatars-trail-quest.png');background-size:300% 200%;background-repeat:no-repeat;background-color:var(--cream);border-radius:50%;box-shadow:0 0 0 1px var(--line)}.avatar-option{border:3px solid transparent;position:relative;background:var(--cream);border-radius:18px;padding:10px;color:var(--forest);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:110px}.avatar-option .avatar{width:80px;height:80px}.avatar-option[aria-pressed=true]{border-color:var(--forest);background:#e6ecdc}.avatar-option[aria-pressed=true]:after{content:'✓';position:absolute;top:5px;right:8px;font-weight:850}.avatar-option span:last-child{font-size:12px;font-weight:700}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.pill{background:#e5eadb;padding:5px 15px;border-radius:25px;font-size:13px;font-weight:750}.lobby-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.self-card{display:flex;align-items:center;gap:15px}.self-card .help{margin:0}.self-card .text-button{margin-left:auto}.count{float:right;color:var(--muted);font-size:15px}.players{padding:0;margin:0;list-style:none}.player{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.player .avatar{width:48px;height:48px}.player-info{flex:1;min-width:0}.player-name{display:block;font-weight:700;overflow-wrap:anywhere}.player-status{display:block;font-size:12px;color:var(--muted)}.player select{max-width:110px;background:var(--cream);border:1px solid var(--line);border-radius:9px;padding:8px;color:var(--forest);font-size:12px}.invite-card p{font-size:14px;color:var(--muted)}.invite-card .text-button{width:100%}.invite-url{display:block;font-size:12px;overflow-wrap:anywhere;color:var(--muted)}.ready-count{font-size:22px;font-weight:800;margin-top:0}.ready-card .text-button{font-size:13px;width:100%}.ready-card .help{margin-bottom:0}.notice{border:1px solid #bfcdb4;background:#e5eadb;padding:15px;border-radius:14px;overflow-wrap:anywhere}.start-panel{border:2px solid var(--forest)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;margin-top:50px;padding-top:20px;padding-bottom:25px}footer button{font-size:12px}@media(max-width:720px){.entry-grid,.lobby-grid{grid-template-columns:1fr}.header,main,footer{padding-left:18px;padding-right:18px}.header{padding-top:18px;padding-bottom:18px}.brand{font-size:21px}.language>span{display:none}.language select{max-width:125px}.card{padding:20px}.screen{padding-top:25px}.avatar-grid{gap:10px}.avatar-option{padding:10px 4px}.avatar-option .avatar{width:70px;height:70px}.player select{max-width:94px}.lobby-grid{gap:0}footer{flex-direction:column;align-items:flex-start}.self-card{gap:10px}.self-card .text-button{font-size:13px}}@media(prefers-reduced-motion:no-preference){.avatar-option,.primary,.secondary{transition:background .15s,border-color .15s}}
.player-controls{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.remove-button{background:transparent;border:0;color:var(--coral);font-size:12px;text-decoration:underline;text-underline-offset:3px;min-height:36px;padding:6px 2px}.danger-button{background:var(--white);color:var(--coral);border:1px solid var(--coral);border-radius:12px;padding:12px 18px;font-weight:750;min-height:48px;width:100%}.confirmation{border:2px solid var(--coral)}.confirmation-actions{display:flex;gap:12px}.confirmation-actions>button{flex:1}#cancelled-screen{max-width:700px}@media(max-width:720px){.confirmation-actions{flex-direction:column}}
.demo-switch{background:#e5eadb;border:1px dashed #9eae9e;padding:15px 18px;border-radius:14px;margin-bottom:18px}.demo-switch label{font-size:13px}.demo-switch select{width:100%;max-width:360px;background:var(--white);border:1px solid #9eae9e;color:var(--forest);padding:10px;border-radius:10px}.demo-switch .help{margin-bottom:0}
.mode-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.mode-buttons button{width:auto}.error{border:1px solid #d94e3e;background:#fff0e9;padding:14px;border-radius:12px;overflow-wrap:anywhere}.resume-list{display:flex;flex-wrap:wrap;gap:12px}.resume-list button{width:auto}code{overflow-wrap:anywhere}.request-row{padding:14px;border-bottom:1px solid var(--line)}.invite-url{user-select:all}dialog{border:1px solid var(--line);border-radius:20px;max-width:520px}dialog::backdrop{background:#153c3270}.avatar-option{width:100%}.section-actions{display:flex;gap:12px;flex-wrap:wrap}.section-actions button{width:auto}.language-note{margin-bottom:0}

/* Shared 54-avatar picker: fixed scroll area, persistent visible selection. */
.avatar-grid{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:10px;max-height:360px;overflow-y:auto;overscroll-behavior:contain;scroll-padding:8px;padding:6px}.avatar-option{padding:8px 4px;min-height:100px;border-radius:14px}.avatar-option .avatar{width:64px;height:64px}.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-grid:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media(max-width:720px){.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px}.avatar-option .avatar{width:60px;height:60px}}

.checkpoint-optin{display:flex;align-items:center;gap:10px;margin:16px 0}.checkpoint-optin input{width:auto;flex:0 0 auto}.checkpoint-area-map{height:280px;width:100%;border-radius:14px;overflow:hidden;position:relative}.checkpoint-area-map::after{content:"+";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:500;pointer-events:none;font-size:32px;color:#153c32}.checkpoint-area-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}

.wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.wizard-steps button{background:var(--cream);color:var(--forest);border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;font-size:13px;min-height:44px}.wizard-steps button[aria-current=step]{border:2px solid var(--forest);font-weight:750}.wizard-actions{display:flex;gap:10px}.wizard-actions button{flex:1;width:auto}.wizard-steps+ h2{margin:20px 0 12px}@media(max-width:480px){.wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.play-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:4px 14px;z-index:550}.play-footer button{font-size:13px}.play-footer span{font-size:13px;font-weight:750}#play-info{width:min(440px,calc(100vw - 32px))}#play-info ul{padding-left:20px}
.invitation-qr{display:block;width:min(220px,100%);height:auto;margin:12px auto;background:white}

/* Approved compact setup/lobby, scoped away from active play and results. */
.setup-mode{--cream:#f7f3e6;--forest:#173e33;--coral:#39743d;--white:#fffef8;--line:#d5dbc9;background:var(--cream);font-family:system-ui,sans-serif}.setup-mode .header{background:var(--forest);color:var(--white);padding:14px 18px}.setup-mode .header .brand{color:var(--white);font-size:28px;letter-spacing:-1px}.setup-mode .header .brand span{color:#ff765a}.setup-mode .header select{max-width:125px}.setup-mode main{max-width:540px;padding:0 18px}.setup-mode .screen{padding-top:18px}.setup-mode h1{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:18px 0}.setup-mode .demo-banner{display:none}.setup-mode .card{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;margin:0 0 18px}.setup-mode #resume-card{font-size:12px}.setup-mode #resume-card h2{font-size:15px;margin:0 0 6px}.setup-mode #resume-card .help{margin:0 0 8px}.setup-mode .mode-buttons{display:flex;flex-wrap:nowrap;gap:4px;background:#e9ebdd;border-radius:13px;padding:4px;margin:0 0 20px}.setup-mode .mode-buttons button{flex:1;padding:8px 4px;font-size:14px;color:var(--forest);background:transparent;border:0;border-radius:9px;min-height:44px}.setup-mode .mode-buttons button[aria-pressed=true]{background:#39743d;color:white}.setup-mode #entry-form{display:flex;flex-direction:column;gap:8px}.setup-mode #entry-form label{font-size:14px;margin:0}.setup-mode #entry-form input{min-height:46px;margin-bottom:8px}.setup-mode #entry-form fieldset{margin:0 0 12px}.setup-mode #entry-avatar-picker summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:650;min-height:60px}.setup-mode #entry-avatar-picker summary .avatar{width:52px;height:52px}.setup-mode #entry-avatar-picker summary span:last-child{margin-left:auto;color:#244cc4;font-size:13px}.setup-mode #entry-title{margin:0 0 20px}.setup-mode .primary{background:#39743d;color:white}.setup-mode #checkpoint-area h2{font-size:22px;line-height:1.2;margin:0 0 8px}.setup-mode #checkpoint-area>.help{font-size:12px}.setup-mode .checkpoint-area-map{height:285px;border-radius:0;margin:16px -18px;width:calc(100% + 36px)}.setup-mode .checkpoint-area-map::after{background:var(--white);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:25px;box-shadow:0 2px 7px #173e3324}.setup-mode .compact-radii{display:flex;gap:5px;padding:4px;background:#e9ebdd;border-radius:12px;margin:9px 0 18px}.setup-mode .compact-radii button{flex:1;border:0;min-height:44px;border-radius:9px;background:transparent;color:var(--forest);font:650 14px system-ui}.setup-mode .compact-radii button[aria-pressed=true]{background:#39743d;color:white}.setup-mode .checkpoint-area-actions .secondary{background:#39743d}.setup-mode .checkpoint-area-map.provider-searching::before{content:'';position:absolute;left:50%;top:50%;width:190px;height:190px;z-index:501;border-radius:50%;border:3px solid #39743d;background:#39743d25;pointer-events:none;animation:provider-pulse 2.6s ease-out infinite}.setup-mode #compact-lobby{padding-top:0}.compact-game-heading,.compact-participants-heading,.compact-invite,.compact-area,.compact-lobby-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.compact-game-heading h2{font-size:26px;line-height:1.2;margin:0;letter-spacing:-.7px;overflow-wrap:anywhere}.compact-game-heading button,.compact-player>button{font-size:26px;text-decoration:none;min-width:36px;color:#244cc4}.compact-invite{border:1px solid var(--line);background:var(--white);padding:10px 12px;border-radius:13px;margin:12px 0}.compact-invite small{display:block;font-size:11px;color:var(--muted)}.compact-invite strong{display:block;font-size:21px;letter-spacing:1.5px;font-variant-numeric:tabular-nums}.compact-invite button{width:auto;min-height:44px;font-size:13px;padding:8px 12px;background:#244cc4}.compact-area{font-size:12px;color:var(--muted);margin-bottom:14px}.compact-area button{font-size:12px;color:#244cc4}.compact-participants-heading h3{font-size:16px;margin:0}.compact-participants-heading>span{font-size:12px;color:var(--muted)}.compact-player{display:flex;align-items:center;gap:10px;min-height:70px;border-bottom:1px solid #dedfce}.compact-player .avatar{width:44px;height:44px}.compact-person{flex:1;min-width:0}.compact-person strong{display:block;font-size:14px;overflow-wrap:anywhere}.compact-person span{display:block;font-size:11px;color:var(--muted)}.compact-ready{font-size:11px;color:#39743d}.compact-ready.waiting{color:#74613c}.compact-player.is-self{background:#e8eddc;margin:0 -8px;padding:0 8px;border-radius:10px}.compact-requests{margin:14px 0;background:#eeeadd;border-radius:12px;padding:12px}.compact-requests h3{font-size:13px;margin:0}.compact-request{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.compact-request strong{width:100%;font-size:14px}.compact-request button{flex:1;min-height:44px;font-size:13px;padding:8px}.compact-lobby-footer{font-size:11px;margin-top:12px;color:#39743d}.compact-lobby-footer button{font-size:12px;color:#244cc4}#compact-lobby>.primary{margin-top:20px}#compact-lobby>.help{text-align:center;margin:9px 0;font-size:12px}.compact-sheet{position:fixed;inset:auto 0 0;max-width:540px;width:100%;max-height:85dvh;overflow:auto;margin:0 auto;border:0;border-radius:22px 22px 0 0;background:#fffef8;padding:20px 18px;color:#173e33}.compact-sheet h2{font-size:20px;margin:0 0 14px}.compact-sheet .card{border:0;box-shadow:none;padding:0}.compact-sheet-content>button{display:block;width:100%;margin:8px 0}.compact-sheet input{min-height:46px}.compact-sheet>.secondary{margin-top:12px}.setup-mode>footer{max-width:540px;margin:20px auto 0;padding:12px 18px;border:0;font-size:11px}
@keyframes provider-pulse{0%{transform:translate(-50%,-50%) scale(.12);opacity:.9}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.setup-mode .checkpoint-area-map.provider-searching::before{animation:none;transform:translate(-50%,-50%) scale(.75);opacity:.3}}
#compact-lobby>.primary.not-ready{background:#a73527}
.team-quiz{max-width:620px;margin:0 auto 30px;padding-top:16px;overflow-wrap:anywhere}.team-quiz h1{font-size:clamp(28px,5vw,40px)}.team-quiz h2{font-size:clamp(21px,4vw,27px);line-height:1.4}.quiz-reference{font-weight:750;color:var(--coral)}.quiz-answers{display:grid;gap:12px;margin-top:24px}.quiz-answers .quiz-answer{margin:0;text-align:left;white-space:normal;overflow-wrap:anywhere;min-height:58px;background:var(--white);color:var(--forest)}.quiz-explanation{padding:16px;background:#e5eadb;border-radius:14px}.quiz-hud{max-width:620px;margin:0 auto;padding:8px 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.quiz-hud>.secondary{width:auto;margin:0}.quiz-hud>.help{width:100%;margin:0}.team-quiz h3{font-size:15px;margin:20px 0 4px}.team-quiz h3+p{margin-top:0}@media(max-width:360px){.team-quiz .quiz-answer{padding:12px}.quiz-hud>.secondary{width:100%}}

.boundary-notice{position:fixed;z-index:12000;top:calc(env(safe-area-inset-top,0px) + 74px);left:12px;right:12px;max-width:580px;margin:auto;padding:14px 18px;border:2px solid #a44d00;border-radius:18px;background:#fff2d5;color:#452400;box-shadow:0 4px 20px #0003;font:600 15px/1.4 system-ui}.boundary-notice[hidden]{display:none}.boundary-notice strong,.boundary-notice span{display:block}.boundary-notice span{font-weight:400;margin-top:4px}.boundary-notice[data-blocked="true"]{background:#fff0ee;color:#7f1d1d;border-color:#b42318}.boundary-paused #quiz-open,.boundary-paused #capture-claim,.boundary-paused #footer-capture,.boundary-paused #capture-dialog-confirm{pointer-events:none;opacity:.45}

#game-mode-choice{margin-bottom:18px}#lobby-mode-row{display:flex;gap:12px;align-items:center;margin:12px 0}#lobby-mode-row[hidden]{display:none}