:root{--cream: #f9f6f1;--ink: #2a2622;--muted: #8c8275;--accent: #c05b3c;--accent-soft: #f3e1d9;--border: #d9cfc0;--soft: #efeae2;--green: #5f7a50;--radius: 20px;--font-display: "Dokdo", system-ui, cursive;--font-script: "Parisienne", cursive}*{box-sizing:border-box;margin:0}html{min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:transparent;color:var(--ink);-webkit-font-smoothing:antialiased}.display{font-family:var(--font-display);font-weight:400;font-size:48px;line-height:1.15}.display.welcome{font-size:32px;line-height:1.35;max-width:330px}h2{font-size:22px;font-weight:800}h3{font-size:18px;font-weight:800}.muted{color:var(--muted);font-size:17px}.small{font-size:13px}.error{color:var(--accent);font-size:14px}.grow{flex:1}.center-text{text-align:center}.screen{min-height:100dvh;max-width:480px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:22px}.screen.center{align-items:center;text-align:center}html.tex-wait{background-color:#eef2f3;background-image:linear-gradient(#eef2f3de,#eef2f3de),url(/rocks/tex-wait.jpg)}html.tex-describe{background-color:#f9f1f1;background-image:linear-gradient(#f9f1f1e6,#f9f1f1e6),url(/rocks/tex-describe.jpg)}html.tex-locked{background-color:#f9f6f1;background-image:linear-gradient(#f9f6f1e6,#f9f6f1e6),url(/rocks/tex-locked.jpg)}html.tex-find{background-color:#f9f8f1;background-image:linear-gradient(#f9f8f1e8,#f9f8f1e8),url(/rocks/tex-find.jpg)}html.tex-admin{background-color:#f9f6f1;background-image:linear-gradient(#f9f6f1eb,#f9f6f1eb),url(/rocks/tex-describe.jpg)}html.tex-reveal{background-color:#14100c;background-image:linear-gradient(#00000059,#00000059),url(/rocks/reveal.jpg)}html.tex-secret{background-color:#190f0a;background-image:linear-gradient(#00000059,#00000059),url(/rocks/secret.jpg)}html[class*=tex-]{background-size:cover;background-position:center;background-repeat:no-repeat}@keyframes rock-spin{to{transform:rotate(360deg)}}.rock-btn{border:none;background:none;position:relative;isolation:isolate;font-family:var(--font-display);color:#fff;cursor:pointer;display:grid;place-items:center;width:250px;height:170px;font-size:48px;align-self:center;text-shadow:0 1px 8px rgba(0,0,0,.45);transition:transform .1s}.rock-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rock) center/contain no-repeat;filter:drop-shadow(0 6px 10px rgba(42,38,34,.25));animation:rock-spin 26s linear infinite;z-index:-1}.rock-btn:active{transform:scale(.95)}.rock-btn:disabled{opacity:.55;cursor:default}.rock-btn.ready{--rock: url(/rocks/btn-rock-02.png)}.rock-btn.waiting{--rock: url(/rocks/btn-rock-25.png)}.rock-btn.submit{--rock: url(/rocks/btn-rock-16.png);height:150px}.rock-btn.you{--rock: url(/rocks/btn-rock-10.png);width:200px;height:185px;font-size:74px;cursor:default}.arrow-img{height:64px;width:auto;align-self:center}.arrow-img.down{transform:rotate(180deg)}.card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px}.textarea{width:100%;min-height:210px;resize:none;font:inherit;font-size:18px;line-height:1.5;outline:none}.textarea:focus{border-color:var(--accent)}.btn{background:var(--accent);color:#fff;border:none;font:inherit;font-weight:600;font-size:20px;padding:17px;border-radius:18px;width:100%;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--soft);color:var(--ink)}.btn.locked{background:var(--soft);color:var(--muted)}.funfact{color:var(--muted);font-size:15px;line-height:1.55;max-width:310px;margin-top:10px}.count-display{font-family:var(--font-display);font-size:39px;color:var(--accent)}.bar{width:min(280px,100%);height:10px;border-radius:5px;background:var(--soft);overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:5px;transition:width .4s}.neighbor{display:flex;flex-direction:column;gap:8px}.neighbor-label{font-family:var(--font-display);font-size:28px;letter-spacing:.08em;color:var(--muted)}.quote{font-family:var(--font-script);font-size:28px;line-height:1.3}.reveal{color:#fff;justify-content:center}.secret-msg{font-family:var(--font-display);font-size:32px;color:#fff;text-align:center;max-width:330px}.secret-word{font-family:var(--font-display);font-size:88px;line-height:1;color:#fff;text-align:center;overflow-wrap:anywhere;max-width:100%}.secret-num{font-family:var(--font-display);font-size:34px;color:#ffffffb0}.secret-hint{color:#ffffffb0;font-size:15px;line-height:1.5;max-width:280px}.reveal-number{font-family:var(--font-display);font-size:126px;font-weight:400;line-height:1}.reveal-rock{width:342px;height:244px;position:relative;isolation:isolate;display:grid;place-items:center}.reveal-rock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/rocks/reveal-rock.png) center/contain no-repeat;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4));animation:rock-spin 26s linear infinite;z-index:-1}@media (prefers-reduced-motion: reduce){.rock-btn:before,.reveal-rock:before{animation:none}}.reveal-rock .reveal-number{color:var(--ink);font-size:110px}.debug-badge{position:fixed;bottom:8px;right:8px;z-index:99;background:#2a2622cc;color:#fff;font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;pointer-events:none}.admin{min-height:100dvh;padding:28px 36px 36px;display:flex;flex-direction:column;gap:22px;max-width:1440px;margin:0 auto}.center-page{align-items:center;justify-content:center}.key-card{display:flex;flex-direction:column;gap:14px;width:320px;padding:28px}.key-card input{font:inherit;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;outline:none}.wordmark{font-weight:800;font-size:17px;display:flex;align-items:center;gap:8px}.wordmark img{width:22px;height:22px;object-fit:contain}.admin-bar{display:flex;align-items:center;justify-content:space-between}.admin-bar .wordmark{font-size:23px}.phase-pill{background:var(--accent);color:#fff;font-weight:800;font-size:16px;padding:8px 16px;border-radius:999px;display:flex;gap:8px;align-items:center}.phase-pill span{font-size:13px;font-weight:600;letter-spacing:.08em;color:#ffe9e0}.stepper{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;flex-wrap:wrap;gap:10px}.step{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500}.step.current{font-weight:800}.step.next{color:var(--muted)}.step .dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--muted);font-weight:600;font-size:17px}.step.done .dot{background:var(--green);color:#fff;font-weight:800}.step.current .dot{background:var(--accent);color:#fff;font-weight:800}.progress-row{display:flex;align-items:center;gap:24px;padding:20px 28px}.progress-row .label{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.progress-row .bar{width:auto;flex:1;height:12px;border-radius:6px}.progress-row strong{font-size:25px;white-space:nowrap}.admin-cols{display:flex;gap:22px;flex:1;align-items:stretch}.controls{width:340px;display:flex;flex-direction:column;gap:14px;padding:24px}.size-row{background:var(--cream);border-radius:14px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500}.ready-count{font-size:30px;font-weight:800}.stepper-mini{display:flex;align-items:center;gap:12px}.stepper-mini button{width:34px;height:34px;border-radius:50%;border:none;background:var(--soft);font-size:21px;font-weight:600;cursor:pointer}.stepper-mini strong{font-size:25px;min-width:34px;text-align:center}.feed{flex:1;display:flex;flex-direction:column;gap:10px;padding:24px;overflow-y:auto;max-height:60vh}.feed-row{background:var(--cream);border-radius:12px;padding:11px 16px;display:flex;gap:14px;align-items:baseline;font-size:16px}.feed-row strong{color:var(--accent)}@media (max-width: 860px){.admin{padding:20px}.admin-cols{flex-direction:column}.controls{width:100%}}@media (max-width: 640px){.admin{padding:14px 14px 32px;gap:14px}.admin-bar{flex-wrap:wrap;gap:10px}.admin-bar .wordmark{font-size:19px}.phase-pill{font-size:14px;padding:7px 13px}.stepper{padding:12px 14px;gap:8px;justify-content:center}.step{gap:6px;font-size:15px}.step .dot{width:30px;height:30px;font-size:14px;flex-shrink:0}.step:not(.current) .step-label{display:none}.progress-row{padding:14px 16px;gap:12px}.progress-row .label{display:none}.progress-row strong{font-size:19px}.controls,.feed{padding:16px}.controls .grow{min-height:10px}.feed{max-height:none}.feed-row{font-size:14px;padding:10px 14px}.btn{font-size:18px;padding:15px}.ready-count{font-size:26px}}