:root{color:#17211a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#7dd39f52,#0000 32rem),linear-gradient(135deg,#f8f3e9 0%,#e8f4eb 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(100%,980px);min-height:100vh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.25rem, env(safe-area-inset-bottom));margin:0 auto}.hero,.panel{align-content:center;gap:clamp(.85rem,2vw,1.15rem);min-height:calc(100vh - 2.5rem);display:grid}.hero{text-align:center;align-content:start;justify-items:center;padding-top:clamp(3.25rem,12vh,7rem)}.panel{align-content:start;padding-top:1rem}.brand-mark{border-radius:clamp(1.55rem,4vw,2.1rem);justify-self:center;place-items:center;width:clamp(7.5rem,32vw,9rem);height:clamp(7.5rem,32vw,9rem);display:grid;box-shadow:0 1.25rem 3rem #183b2a38}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.eyebrow{color:#567061;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:12ch;margin-bottom:0;font-size:clamp(3.05rem,13vw,5.8rem);line-height:.96}h2{letter-spacing:-.04em;margin-bottom:.25rem;font-size:clamp(1.45rem,5vw,2rem);line-height:1.05}h3{margin-bottom:.2rem;font-size:1rem}.hero-copy{color:#405548;text-wrap:balance;max-width:25rem;margin-bottom:0;font-size:1.05rem}.primary-actions,.form-grid,.play-stack,.creator-library{gap:.8rem;display:grid}.hero .primary-actions{width:min(100%,25rem);margin-top:.35rem}.hero .privacy-note{text-wrap:balance;max-width:24rem}.button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:3.25rem;padding:.85rem 1.2rem;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button svg{width:1.15rem;height:1.15rem}.button.primary{color:#f8f3e9;background:#183b2a;box-shadow:0 1rem 2rem #183b2a2e}.button.secondary,.button.ghost{color:#183b2a;background:#fff;box-shadow:inset 0 0 0 1px #183b2a1f}.button.compact{min-height:2.8rem;padding-inline:1rem}.privacy-note,.inline-note,.status-message,.empty-state{color:#62766a;margin:0;font-size:.92rem}.back-button{color:#183b2a;background:#ffffffb8;border:0;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.6rem .85rem;display:inline-flex}.section-heading{gap:.35rem;display:grid}.section-heading h1{max-width:11ch;font-size:clamp(2.25rem,10vw,4.8rem)}.player-heading h1{max-width:none}.card,.code-card,.completion-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #183b2a1a;border-radius:1.5rem;padding:1rem;box-shadow:0 1rem 3rem #183b2a14}.stepper,.icon-grid{gap:.45rem;display:grid}.stepper{grid-template-columns:repeat(3,1fr)}.step,.icon-choice{color:#405548;background:#ffffffad;border:0;border-radius:999px;padding:.7rem .75rem;font-weight:800}.step.active,.icon-choice.active{color:#f8f3e9;background:#183b2a}.icon-grid{grid-template-columns:repeat(2,1fr)}.task-intro{gap:.2rem;display:grid}.option-card{background:#f8f3e9;border:1px solid #183b2a1f;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.option-card.active{background:#e8f6eceb;border-color:#183b2a3d}.option-card strong,.option-card p{margin:0}.toggle-switch{color:#62766a;background:#fff;border:0;border-radius:999px;flex:none;align-items:center;padding:.35rem;font-size:.78rem;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #183b2a24}.toggle-switch span{text-align:center;background:#eef3ea;border-radius:999px;min-width:3rem;padding:.35rem .65rem}.toggle-switch.active{color:#f8f3e9;background:#183b2a}.toggle-switch.active span{background:0 0}.icon-choice{text-align:center;border-radius:1rem;align-content:center;justify-items:center;gap:.18rem;min-height:6.5rem;display:grid;position:relative}.icon-choice svg{width:1.35rem;height:1.35rem}.icon-choice span,.field-title{font-weight:900}.icon-choice small{max-width:11rem;color:inherit;opacity:.7;font-size:.72rem;font-weight:700;line-height:1.2}.selected-check{position:absolute;top:.55rem;right:.55rem}.field-title{color:#405548;margin-bottom:.15rem}label{color:#405548;gap:.35rem;font-size:.9rem;font-weight:800;display:grid}input,textarea{color:#17211a;background:#fffdf7;border:1px solid #183b2a29;border-radius:1rem;outline:none;width:100%;padding:.9rem 1rem}input:focus,textarea:focus{border-color:#1f7a4a;box-shadow:0 0 0 3px #1f7a4a24}textarea{resize:vertical}.location-grid{gap:.75rem;display:grid}.creator-list{gap:.45rem;display:grid}.creator-library{padding:0}.creator-library summary{border-radius:inherit;color:#183b2a;cursor:pointer;gap:.15rem;padding:1rem;font-weight:900;list-style:none;display:grid}.creator-library summary::-webkit-details-marker{display:none}.creator-library summary small{color:#62766a;font-size:.86rem;font-weight:700}.creator-access-body{border-top:1px solid #183b2a14;gap:.8rem;padding:0 1rem 1rem;display:grid}.creator-record{text-align:left;color:#183b2a;background:#f8f3e9;border:0;border-radius:1rem;gap:.1rem;padding:.8rem;display:grid}.creator-record span{color:#62766a;font-size:.86rem;font-weight:800}.edit-key-form{gap:.65rem;display:grid}.edit-key-panel{background:#f8f3e9b8;border-radius:1rem}.edit-key-panel summary{color:#183b2a;cursor:pointer;gap:.1rem;padding:.8rem;font-weight:900;list-style:none;display:grid}.edit-key-panel summary::-webkit-details-marker{display:none}.edit-key-panel summary small{color:#62766a;font-size:.82rem;font-weight:700}.edit-key-panel .edit-key-form{padding:0 .8rem .8rem}.review-header,.post-item,.post-card-heading,.solved-label{align-items:center;gap:.75rem;display:flex}.review-header{justify-content:space-between}.post-list{gap:.65rem;display:grid}.post-item{background:#f8f3e9;border-radius:1rem;padding:.75rem}.post-item>div:nth-child(2){flex:1;min-width:0}.post-item strong,.post-item span{display:block}.post-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-item span,.post-card p{color:#62766a;font-size:.9rem}.post-actions{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.post-actions button{color:#183b2a;background:#fffdf7;border:0;border-radius:999px;padding:.45rem .55rem;font-size:.78rem;font-weight:800}.status-message{background:#ffffffb3;border-radius:999px;padding:.75rem 1rem}.code-card,.completion-card{text-align:center;justify-items:center;gap:.55rem;display:grid}.code-card.local-only{background:#fff7df}.edit-access{gap:.4rem;width:100%;display:grid}.edit-access p{color:#62766a;margin:0;font-size:.9rem}.edit-access code{overflow-wrap:anywhere;color:#183b2a;background:#f8f3e9;border-radius:.85rem;padding:.65rem;font-size:.82rem}.code-card strong,.completion-card strong{letter-spacing:.08em;font-size:clamp(2rem,12vw,4rem);line-height:1}.post-card{gap:.9rem;display:grid}.post-card.solved{background:#e8f6eceb}.step-number{color:#f8f3e9;background:#183b2a;border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.post-card-heading svg{flex:none}.answer-row{grid-template-columns:1fr auto;gap:.5rem;display:grid}.completion-card{color:#f8f3e9;background:#183b2a}.completion-card span{color:#f8f3e9c2}@media (width>=860px){.app-shell{padding:2rem}.hero{text-align:center;align-content:center;justify-items:center;width:min(100%,760px);min-height:calc(100vh - 4rem);margin:0 auto;padding-top:0}.hero .brand-mark{justify-self:center;width:clamp(5.8rem,9vw,7.2rem);height:clamp(5.8rem,9vw,7.2rem)}.hero h1{white-space:nowrap;max-width:none;font-size:clamp(4.1rem,7.2vw,5.8rem);line-height:.9}.hero .hero-copy{max-width:42rem}.hero .primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,34rem);margin-top:1.2rem;margin-bottom:0}.hero .privacy-note{max-width:32rem}.primary-actions{align-content:center}.panel{width:min(100%,760px);margin:0 auto}.player-heading h1{white-space:nowrap}.card,.code-card,.completion-card{padding:1.25rem}.location-grid{grid-template-columns:repeat(3,1fr)}.location-grid .button,.location-grid .inline-note{grid-column:1/-1}.icon-grid{grid-template-columns:repeat(4,1fr)}.edit-key-form{grid-template-columns:1fr 1fr auto;align-items:end}}