@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#e8d9bd;--bg-solid:#e8d9bd;--surface:#fffbf3cc;--stroke:#2f5e6933;--stroke-strong:#2f5e6957;--text-main:#1f2d33;--text-muted:#4f646b;--accent:#c57843;--accent-strong:#b66a3f;--terra-cotta:#c66a4a;--sand:#e8d9bd;--olive:#7f8150;--ochre:#d0993f;--clay:#c57843;--sea:#2f5e69;--radius-card:18px;--radius-control:12px;--shadow-soft:0 16px 34px #2f5e6924;--focus-ring:0 0 0 3px #c578433d}*{box-sizing:border-box}html{background-color:var(--bg-solid);min-height:100%}body{color:var(--text-main);background-color:var(--bg-solid);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh;margin:0;font-family:DM Sans,sans-serif;line-height:1.45}#root{background:0 0;min-height:100dvh}h1,h2,h3{font-family:Space Grotesk,sans-serif}.auth-shell,.app-shell{width:min(760px,100vw - 28px);margin:0 auto}.app-shell{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(108px + env(safe-area-inset-bottom))}.auth-shell{min-height:100dvh;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;display:flex;overflow-y:auto}.auth-login-stack{gap:10px;width:min(420px,100%);display:grid}.auth-card,.panel,.hero-header,.stats-grid article{border:1px solid var(--stroke);border-radius:var(--radius-card);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft)}.auth-card{--panel-pad:clamp(18px, 1.4vw, 22px);padding:var(--panel-pad);width:100%;overflow:hidden}.panel{padding:clamp(18px,1.4vw,22px)}.auth-card-header{margin:calc(var(--panel-pad) * -1) calc(var(--panel-pad) * -1) 16px;border-bottom:1px solid var(--stroke);position:relative}.auth-card-image{aspect-ratio:16/14;object-fit:cover;object-position:center 21%;width:100%;display:block}.auth-outside-countdown{text-align:center;gap:2px;margin:0;padding:12px 2px 0;display:grid}.countdown-label{color:#213747b8;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.64rem;font-weight:700}.countdown-value{color:#152634e6;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:6px;margin:0;display:flex}.countdown-number{color:var(--clay);font-size:1.05rem;font-weight:700;line-height:1}.countdown-unit{color:#213747b8;letter-spacing:.02em;margin-right:4px;font-size:.74rem}.countdown-live,.countdown-zone{color:#213747b8;margin:0;font-size:.76rem;font-weight:500}.hero-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:20px;padding:18px;display:flex}.hero-copy{min-width:0}.hero-profile{flex-shrink:0}.hero-avatar{object-fit:cover;object-position:center 30%;border:2px solid #ffffffb8;border-radius:50%;width:86px;height:86px;display:block;box-shadow:0 8px 18px #101e2929}.hero-header h1,.auth-card h1{margin:6px 0 8px;font-size:clamp(1.4rem,1.3rem + 1vw,2rem)}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0;font-size:.72rem;font-weight:700}.muted{color:var(--text-muted);margin:0;font-size:.95rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.stats-grid article{padding:12px}.stats-grid span{color:var(--text-muted);font-size:.82rem;display:block}.stats-grid strong{color:var(--text-main);font-size:1.4rem}.panel{margin-top:14px}.panel h2,.panel h3{color:var(--text-main)}.panel h2{margin:0 0 10px}.panel h3{margin:0 0 8px}.panel>.muted{margin:0 0 12px}.auth-form,.stack-form,.proof-panel{gap:10px;display:grid}.stack-form{gap:12px}.auth-form label,.stack-form label,.proof-panel label{color:var(--text-main);gap:6px;font-weight:500;display:grid}input,textarea,button{font:inherit}input,textarea{border:1px solid var(--stroke-strong);border-radius:var(--radius-control);min-height:50px;color:var(--text-main);background:#ffffffd9;padding:.72rem .82rem;transition:border-color .2s,box-shadow .2s,background-color .2s}textarea{resize:vertical;min-height:110px}button{border-radius:var(--radius-control);color:#fff;background:var(--clay);border:0;min-height:50px;padding:.72rem 1rem;font-weight:700;transition:transform .18s,filter .2s,box-shadow .2s}button:disabled{opacity:.55}input:focus-visible,textarea:focus-visible,button:focus-visible,.photo-label span:focus-visible{border-color:var(--accent-strong);box-shadow:var(--focus-ring);outline:none}@media (hover:hover){button:not(:disabled):hover{filter:brightness(1.02);transform:translateY(-1px)}}.draw-button{width:100%;margin-top:10px;font-size:1.04rem}.roulette{border:1px solid var(--stroke);text-align:center;background:linear-gradient(160deg,#ffffffed,#fffaf3e6);border-radius:16px;place-items:center;min-height:150px;margin-top:12px;padding:12px;display:grid;position:relative;overflow:hidden}.roulette:before{content:"";background:linear-gradient(115deg,#0000 18%,#ffffffd9 48%,#0000 70%);position:absolute;inset:0;transform:translate(-110%)}.roulette.is-drawing:before{animation:1.1s linear infinite scan}.roulette.is-revealed{background:linear-gradient(170deg,#fffffff7,#fff3e6f5);border-color:#d0993f70;min-height:220px;padding:16px 14px;box-shadow:0 8px 22px #c5784333}.roulette.is-revealed:before{display:none}.roulette.is-revealed .roulette-title{color:#183143c2;letter-spacing:.12em;font-size:.82rem}.roulette.is-revealed h3{color:#102536;max-width:17ch;margin:8px 0 10px;font-size:clamp(1.55rem,1.1rem + 2.4vw,2.3rem);line-height:1.12}.roulette.is-revealed .muted{color:#183143db;font-size:1.03rem}.roulette.is-revealed .revealed-actions{margin-top:14px}.roulette.is-revealed .mark-button{padding:.76rem 1.12rem;font-size:1rem}.roulette-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:.75rem}.rolling-text{color:var(--text-main);margin:8px 0 0;font-size:1.2rem;font-weight:700}.revealed-actions{gap:8px;width:100%;margin-top:10px;display:flex}.mark-button{flex:1}.discard-button{color:var(--text-muted);border:1px solid var(--stroke-strong);border-radius:var(--radius-control);background:0 0;flex:none;min-height:40px;padding:.5rem .8rem;font-size:.88rem;font-weight:600}.proof-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.proof-panel{border-radius:var(--radius-control);border:1px solid var(--stroke);background:#ffffffd6;margin-top:12px;padding:12px}.photo-label input{display:none}.photo-label span{background:var(--sea);color:#fff;cursor:pointer;border-radius:10px;padding:.6rem .85rem;font-weight:600;display:inline-block}.photo-label:focus-within span{box-shadow:var(--focus-ring)}.photo-preview{border-radius:var(--radius-control);object-fit:cover;border:1px solid var(--stroke-strong);width:100%;max-height:240px}.list-block ul,.done-list{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.list-block{margin-top:14px}.list-block .muted{margin-top:2px}.list-block li,.done-list li{border:1px solid var(--stroke);border-radius:var(--radius-control);background:#ffffffd9;padding:10px}.list-block p,.done-list p{color:var(--text-main);margin:0;font-weight:600}.list-block span,.done-list span,.done-list a,.photo-link-button{color:var(--text-muted);font-size:.87rem}.done-list a,.photo-link-button{color:var(--accent);font-weight:700;text-decoration:none}.photo-link-button{cursor:pointer;background:0 0;border:none;padding:0}.photo-link-button:disabled{opacity:.65;cursor:wait}.lightbox-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;justify-content:center;align-items:center;padding:16px;animation:.2s lightbox-fade-in;display:flex;position:fixed;inset:0}.lightbox-content{gap:12px;width:100%;max-width:520px;display:grid}.lightbox-content img{object-fit:contain;border-radius:var(--radius-card);background:#000;width:100%;max-height:70dvh}.lightbox-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lightbox-actions button{border-radius:var(--radius-control);min-height:48px;font-size:.95rem}.lightbox-close{color:#fff!important;background:#ffffff24!important;border:1px solid #fff3!important}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.draw-modal-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s lightbox-fade-in;display:flex;position:fixed;inset:0}.draw-modal{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-card);text-align:center;width:100%;max-width:440px;padding:clamp(22px,3vw,32px);animation:.3s cubic-bezier(.16,1,.3,1) modal-slide-up;box-shadow:0 12px 40px #00000040}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.draw-modal-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 6px;font-size:.72rem;font-weight:700}.draw-modal h2{color:var(--text-main);margin:0 0 8px;font-size:clamp(1.4rem,1.1rem + 1.6vw,2rem);line-height:1.15}.draw-modal .muted{margin:0 0 20px}.draw-modal-actions{gap:8px;display:grid}.draw-modal-accept{min-height:52px;font-size:1.05rem}.draw-modal-redraw{min-height:44px;color:var(--text-muted);border:1px solid var(--stroke-strong);background:0 0;font-size:.92rem}.mobile-nav-wrap{--bottom-control-size:54px;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:16;align-items:center;gap:8px;width:auto;max-width:760px;margin:0 auto;display:flex;position:fixed;transform:none}.mobile-nav{height:var(--bottom-control-size);border:1px solid var(--stroke);background:#19292feb;border-radius:999px;flex:1;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid;box-shadow:0 10px 24px #0003}.mobile-nav button{color:#eaf1f3;background:0 0;border-radius:999px;place-items:center;min-height:0;padding:0 .7rem;line-height:1;display:grid;position:relative}.mobile-nav button.has-live{animation:2s cubic-bezier(.4,0,.6,1) infinite border-pulse;box-shadow:0 0 0 2px #4ade80a6}@keyframes border-pulse{0%{box-shadow:0 0 0 2px #4ade80a6,0 0 4px #4ade804d}50%{box-shadow:0 0 0 3.5px #4ade8040,0 0 10px #4ade801a}to{box-shadow:0 0 0 2px #4ade80a6,0 0 4px #4ade804d}}.mobile-nav button.active{background:var(--clay);color:#fff}.logout-icon-button{width:var(--bottom-control-size);height:var(--bottom-control-size);border:1px solid var(--stroke);color:#eaf1f3;background:#19292feb;border-radius:50%;flex-shrink:0;place-items:center;min-height:0;padding:0;display:grid;position:static;box-shadow:0 10px 24px #0003}.logout-icon-button:hover{color:#fff;background:#1b333a}.logout-icon{width:18px;height:18px}.error-banner,.success-banner{border-radius:var(--radius-control);border:1px solid #0000;margin:10px 0 0;padding:10px 12px;font-weight:600}.error-banner{color:#7b4534;background:#f4e3dc;border-color:#c66a4a47}.success-banner{color:#596332;background:#e9eddc;border-color:#7f815059}@keyframes scan{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}.live-dot{vertical-align:middle;background:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:5px;animation:1.6s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 6px #4ade8099}.live-badge{letter-spacing:.14em;color:#16a34a;background:#4ade8021;border:1px solid #4ade804d;border-radius:999px;align-items:center;gap:5px;margin:0 0 4px;padding:3px 10px 3px 7px;font-size:.7rem;font-weight:800;display:inline-flex}.live-badge .live-dot{width:7px;height:7px;margin-left:0}@media (width<=640px){.auth-shell,.hero-header{align-items:flex-start}.panel{padding:16px}.panel h2{margin-bottom:8px}.hero-avatar{width:68px;height:68px}.roulette.is-revealed{min-height:206px}.roulette.is-revealed h3{max-width:15ch;font-size:clamp(1.4rem,1.05rem + 2vw,1.9rem)}.mobile-nav-wrap{--bottom-control-size:50px;gap:6px;left:12px;right:12px}.auth-card{width:100%}.auth-login-stack{width:min(390px,100%)}.countdown-value{gap:4px}.countdown-number{font-size:.96rem}.countdown-unit{margin-right:2px;font-size:.72rem}}@media (width>=960px){.auth-shell{width:min(980px,100vw - 72px)}.auth-login-stack{width:min(500px,100%)}.app-shell{width:min(980px,100vw - 72px);padding-bottom:calc(40px + env(safe-area-inset-bottom))}.hero-header{gap:16px;margin-top:18px;padding:22px}.hero-header h1{font-size:clamp(2rem,1.55rem + 1.2vw,2.6rem);line-height:1.06}.hero-avatar{width:98px;height:98px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.stats-grid article{padding:14px}.stats-grid strong{font-size:1.28rem}.panel{margin-top:16px;padding:24px}.panel h2{margin:0 0 14px;font-size:1.5rem}.panel>.muted{margin:0 0 16px;font-size:1rem}.stack-form,.proof-panel{gap:14px}.draw-button{max-width:360px}.mobile-nav-wrap{z-index:auto;width:fit-content;max-width:100%;margin-top:14px;padding:0;position:static;bottom:auto;left:auto;transform:none}.mobile-nav{border-color:var(--stroke-strong);width:clamp(320px,38vw,430px);height:50px;box-shadow:none;background:#f7eee0e6;flex:0 auto}.mobile-nav button{color:var(--text-muted);font-size:.92rem;font-weight:600}.mobile-nav button.active{color:#fff}.logout-icon-button{border-color:var(--stroke-strong);width:50px;height:50px;color:var(--text-main);box-shadow:none;background:#f7eee0e6;position:static}.logout-icon-button:hover{color:var(--text-main);background:#faf3e7fa}}