: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}