:root{color:#263426;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 10% 10%,#ffd8826b,#0000 28%),radial-gradient(circle at 90% 5%,#5c967433,#0000 28%),linear-gradient(135deg,#fff9e9 0%,#eef5dd 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button{-webkit-tap-highlight-color:transparent}h1{color:#1f352b;letter-spacing:-.06em;margin:0 0 16px;font-size:clamp(2.35rem,8vw,5rem);line-height:.95}p{margin:0}.app-shell{width:min(1120px,100%);min-height:100svh;margin:0 auto;padding:32px}.access-page,.landing-page,.menu-page{place-items:center;min-height:calc(100svh - 64px);display:grid}.access-card,.hero-card,.menu-card,.progress-card,.riddle-card,.win-banner{border:1px solid #4d5b4429;box-shadow:0 24px 80px #2a3a2a1f}.access-card,.hero-card,.menu-card{text-align:center;background:radial-gradient(circle at 0 0,#ffce7152,#0000 34%),linear-gradient(145deg,#fffffff0,#f6eed9e6);border-radius:36px;width:min(720px,100%);padding:56px}.map-illustration{background:linear-gradient(90deg,#7c59351a 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#7c59351a 1px,#0000 1px) 0 0/42px 42px,linear-gradient(135deg,#f8edc8,#eecf91);border:10px solid #f8d789;border-radius:28px;width:min(340px,80vw);height:220px;margin:0 auto 28px;position:relative;overflow:hidden}.map-path{border-bottom:6px dashed #b86d3a;border-radius:50%;position:absolute;inset:48px 44px 56px;transform:rotate(-12deg)}.map-pin,.map-treasure{place-items:center;display:grid;position:absolute}.map-pin{background:#db4d37;border-radius:50% 50% 50% 0;width:28px;height:28px;transform:rotate(-45deg);box-shadow:0 8px 18px #6f2d1f38}.map-pin:after{content:"";background:#fff7db;border-radius:999px;width:10px;height:10px}.pin-one{top:58px;left:58px}.pin-two{bottom:58px;right:72px}.map-treasure{color:#fff7db;background:#235347;border-radius:18px;width:56px;height:56px;font-size:32px;font-weight:900;top:38px;right:50px;transform:rotate(8deg)}.eyebrow{color:#bb5d2a;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.intro{color:#5f694f;max-width:640px;margin:0;font-size:1.08rem}.hero-card .intro,.access-card .intro{margin:0 auto 28px}.access-form{text-align:left;gap:10px;margin-top:24px;display:grid}.access-form label{color:#1f352b;font-weight:900}.access-row{gap:12px;display:flex}.access-row input{color:#1f352b;min-width:0;font:inherit;background:#fffdf6e0;border:2px solid #2353472e;border-radius:999px;flex:1;padding:0 18px}.access-row input:focus-visible{outline-offset:3px;outline:3px solid #bb5d2a6b}.access-feedback{color:#66725b;min-height:1.5em;margin-top:14px;font-size:.95rem}.menu-card .intro{margin:0 auto 32px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.mode-card{color:#263426;text-align:center;cursor:pointer;background:#fffdf6e6;border:2px solid #23534724;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:250px;padding:28px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 16px 42px #2a3a2a14}.mode-card:hover{border-color:#22614f6b;transform:translateY(-4px);box-shadow:0 22px 48px #2a3a2a24}.mode-card:focus-visible{outline-offset:3px;outline:3px solid #bb5d2a6b}.map-card{background:radial-gradient(circle at top,#f8d7897a,#0000 42%),#fffdf6e6}.mode-icon{background:#f5ddb1;border-radius:26px;place-items:center;width:84px;height:84px;font-size:3rem;display:grid}.mode-title{color:#1f352b;font-size:1.25rem;font-weight:900}.mode-description{color:#66725b;font-size:.94rem;line-height:1.4}.small-back-button{color:#5f694f;cursor:pointer;font:inherit;text-underline-offset:4px;background:0 0;border:0;margin-top:22px;font-size:.92rem;font-weight:800;text-decoration:underline}.small-back-button:hover{color:#235347}.small-back-button:focus-visible{outline-offset:3px;outline:3px solid #bb5d2a6b}.primary-button,.secondary-button,.board-tile,.mode-card,.photo-button,.remove-photo-button{font:inherit}.primary-button,.secondary-button,.photo-button,.remove-photo-button{cursor:pointer;border:0;border-radius:999px;min-height:48px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.primary-button{color:#fffdf6;background:linear-gradient(135deg,#22614f,#143c33);padding:0 28px;box-shadow:0 14px 32px #1f544647}.secondary-button{color:#235347;background:#f5ddb1;padding:0 22px}.photo-button,.remove-photo-button{justify-content:center;align-items:center;width:100%;margin-top:14px;padding:0 16px;font-size:.9rem;display:inline-flex}.photo-button{color:#fffdf6;background:#22614f}.remove-photo-button{color:#7b321e;background:#f8d789}.primary-button:hover,.secondary-button:hover,.board-tile:hover,.photo-button:hover,.remove-photo-button:hover{transform:translateY(-2px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.primary-button:focus-visible,.secondary-button:focus-visible,.photo-input:focus-visible+.photo-button,.photo-button:focus-visible,.remove-photo-button:focus-visible{outline-offset:3px;outline:3px solid #bb5d2a6b}.game-page{gap:24px;display:grid}.game-header{background:#fffdf6b8;border-radius:32px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.progress-card{background:#fffaf0;border-radius:24px;gap:12px;padding:22px;display:grid}.progress-card strong{color:#235347;font-size:1.7rem}.progress-track{background:#2353471f;border-radius:999px;height:14px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#e7a742,#22614f);height:100%;transition:width .25s;display:block}.riddle-card{background:radial-gradient(circle at 100% 0,#f8d7895c,#0000 36%),#fffaf0f0;border-radius:28px;gap:20px;padding:24px;display:grid}.riddle-card h2{color:#1f352b;letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1}.riddle-prompt,.answer-feedback{color:#66725b}.letter-reveal{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:10px;display:grid}.letter-slot{color:#1f352b;background:#fffdf6b8;border:2px dashed #2353473d;border-radius:16px;place-items:center;min-height:54px;font-size:1.45rem;font-weight:900;display:grid}.letter-slot.is-revealed{background:#d8f1d4;border-style:solid;border-color:#22614f6b}.answer-form{gap:10px;display:grid}.answer-form label{color:#1f352b;font-weight:900}.answer-row{gap:12px;display:flex}.answer-row input{color:#1f352b;min-width:0;font:inherit;background:#fffdf6e0;border:2px solid #2353472e;border-radius:999px;flex:1;padding:0 18px}.answer-row input:disabled{color:#7e8974;background:#fffdf680}.answer-row input:focus-visible{outline-offset:3px;outline:3px solid #bb5d2a6b}.board-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.board-tile{color:#263426;text-align:left;background:#fffdf6e0;border:2px solid #23534724;border-radius:24px;flex-direction:column;min-height:190px;padding:18px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;box-shadow:0 16px 42px #2a3a2a14}.board-tile.is-found{background:linear-gradient(145deg,#d8f1d4,#fff8dd);border-color:#22614f8c;box-shadow:0 18px 44px #22614f29}.tile-icon,.tile-label,.tile-clue,.tile-status,.tile-letter{display:block}.tile-icon{place-items:center;width:64px;height:64px;margin-bottom:14px;font-size:2.4rem;line-height:1;display:grid}.tile-icon img{object-fit:contain;width:100%;height:100%}.tile-label{color:#1f352b;font-size:1.05rem;font-weight:900}.tile-clue{color:#66725b;margin-top:8px;font-size:.9rem;line-height:1.35}.tile-status{color:#bb5d2a;letter-spacing:.1em;text-transform:uppercase;margin-top:18px;font-size:.76rem;font-weight:900}.is-found .tile-status{color:#22614f}.tile-letter{color:#1f352b;background:#f5ddb1;border-radius:999px;width:fit-content;margin-top:10px;padding:5px 10px;font-size:.82rem;font-weight:900}.photo-proof{gap:10px;margin-top:auto;padding-top:14px;display:grid}.photo-proof img{aspect-ratio:4/3;object-fit:cover;border:3px solid #22614f3d;border-radius:18px;width:100%}.photo-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.win-banner{color:#1f352b;background:#fff0bc;border-radius:24px;justify-content:center;align-items:center;gap:12px;padding:20px;font-weight:800;display:flex}@media (width<=800px){.app-shell{padding:18px}.access-card,.hero-card,.menu-card{border-radius:28px;padding:32px 20px}.access-row{flex-direction:column}.access-row input{min-height:48px}.menu-grid{grid-template-columns:1fr}.game-header{flex-direction:column;align-items:stretch;padding:22px}.header-actions{justify-content:stretch}.header-actions .secondary-button{flex:150px}.answer-row{flex-direction:column}.answer-row input{min-height:48px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-tile{min-height:172px;padding:16px}}@media (width<=480px){.board-grid{grid-template-columns:1fr}.map-illustration{height:180px}}