:root{color:#17231e;--paper:#fffaf0;--ink:#17231e;--muted:#6b6c61;--line:#17231e1f;--sun:#f8c95a;--leaf:#1b4d3e;--coral:#ef6f4f;--sky:#9ed7d1;--shadow:0 18px 45px #342a1429;background:#f7ecd2;font-family:Avenir Next,Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 5%,#f8c95aa6,#0000 34rem),radial-gradient(circle at 92% 18%,#9ed7d1bf,#0000 24rem),linear-gradient(#fff4d7 0%,#f2ddbd 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{background:var(--leaf);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}button:disabled{opacity:.5}input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:#ffffffd9;border-radius:18px;outline:none;padding:0 15px}input:focus{border-color:var(--leaf);box-shadow:0 0 0 4px #1b4d3e1f}label{gap:8px;font-weight:800;display:grid}.screen{width:min(100%,540px);min-height:100vh;margin:0 auto;padding:16px 14px 100px}.center{text-align:center;place-items:center;display:grid}.landing-screen{align-content:center;gap:14px;display:grid}.hero-card,.card,.top-card,.host-panel,.photo-card{box-shadow:var(--shadow);background:#fffaf0e6;border:1px solid #fffc;border-radius:30px;overflow:hidden}.hero-card{background:radial-gradient(circle at 100% 0%, #ef6f4f3d, transparent 12rem), var(--paper);padding:28px 22px}.logo-badge{background:var(--sun);width:fit-content;color:var(--leaf);letter-spacing:-.04em;border-radius:999px;padding:8px 12px;font-weight:950;display:inline-flex}.hero-card h1,.group-title h1,.invalid-card h1{letter-spacing:-.08em;margin:14px 0 10px;font-size:clamp(2.1rem,13vw,4.2rem);line-height:.9}.hero-card p,.muted{color:var(--muted);line-height:1.45}.hero-steps,.share-row,.button-row{flex-wrap:wrap;gap:8px;display:flex}.hero-steps span{background:#1b4d3e1a;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-weight:800;display:inline-flex}.card,.create-card{padding:18px}.create-card{gap:14px;display:grid}.top-card{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px;display:flex;position:sticky;top:10px}.backless,.pill,.ghost,.text-button{color:var(--leaf);background:#1b4d3e14}.backless{letter-spacing:-.04em;min-height:42px;font-size:1.05rem}.pill{min-height:40px;padding:0 12px}.group-title{padding:4px 2px 16px}.group-title h1{font-size:clamp(2.4rem,16vw,4.6rem)}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.78rem;font-weight:950}.full{width:100%}.host-panel{background:#fff1bf;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:grid}.host-panel span,.host-panel small{color:var(--muted);font-size:.88rem;display:block}.host-panel.compact{grid-template-columns:auto 1fr auto}.upload-button{background:var(--leaf);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:900;display:inline-flex;position:relative;overflow:hidden}.upload-button input{opacity:0;position:absolute;inset:0}.section-title{align-items:center;gap:8px;margin-bottom:12px;font-weight:950;display:flex}.leader-row{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:12px 0;display:flex}.round-list{gap:10px;display:grid}.round-item{width:100%;min-height:auto;color:var(--ink);text-align:left;background:#1b4d3e12;border-radius:22px;justify-content:flex-start;padding:8px}.round-item img{object-fit:cover;border-radius:16px;width:68px;height:68px}.round-item span{display:grid}.round-item small{color:var(--muted)}.photo-card{background:#111;margin-bottom:10px;position:relative}.photo-card img{object-fit:contain;width:100%;max-height:72vh;display:block}.winner-ribbon{background:var(--sun);color:var(--leaf);border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-weight:950;display:inline-flex;position:absolute;bottom:12px;left:12px}.share-row{margin-bottom:12px}.share-row button{flex:1}.guesses-card{gap:10px;margin-bottom:14px;display:grid}.guess-bubble{border:1px solid var(--line);background:#fff;border-radius:22px;padding:13px}.guess-bubble.winner{background:#fff1bf;border-color:#f8c95ae6}.guess-bubble div{color:var(--muted);justify-content:space-between;gap:10px;font-size:.9rem;display:flex}.guess-bubble div strong{color:var(--ink)}.guess-bubble p{margin:8px 0;font-size:1.08rem}.guess-bubble small{color:var(--leaf);align-items:center;gap:5px;font-weight:900;display:inline-flex}.guess-input{z-index:5;width:min(100%,540px);padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7ecd2db;border-top:1px solid #17231e1a;grid-template-columns:1fr auto;gap:8px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.guess-input button{width:52px;padding:0}.modal-backdrop{z-index:10;background:#17231e80;align-items:end;padding:12px;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);width:min(100%,520px);box-shadow:var(--shadow);border-radius:30px;gap:12px;margin:0 auto;padding:20px;display:grid}.modal-card h2{letter-spacing:-.06em;margin:6px 0 0;font-size:2rem;line-height:.95}.suggestions{gap:8px;display:grid}.suggestions p{color:var(--muted);margin:0;font-weight:800}.text-button{justify-content:flex-start;min-height:36px;padding:0}.error{color:#9d2b1f;margin:0;font-weight:800}.invalid-card{justify-items:center;gap:8px;display:grid}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=700px){body:after{content:"SpotGuess is designed for mobile sharing. Narrow your browser for the intended feel.";background:var(--leaf);color:#fff;border-radius:18px;max-width:260px;padding:12px 14px;font-weight:800;position:fixed;bottom:18px;right:18px}}