:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;line-height:1.5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden;background:#020408;color:#e8dcc8}.camp-scene{position:relative;width:100vw;height:100vh;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#020408,#061224 20%,#0a1e3d,#0d2847 50%,#102e4a 60%,#14352e 72%,#1a3a2a 80%,#1e3f24)}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.shooting-star{position:absolute;width:120px;height:2px;background:linear-gradient(90deg,#fff0,#fff);border-radius:2px;animation:shoot 1.2s ease-out forwards;transform:rotate(-35deg)}@keyframes shoot{0%{opacity:1;transform:rotate(-35deg) translate(0)}to{opacity:0;transform:rotate(-35deg) translate(300px)}}.moon-wrapper{position:absolute;top:8%;right:14%;z-index:2}.moon{position:relative;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fdf4dc,#e8d5a3);box-shadow:0 0 30px #fdf4dc4d,0 0 80px #fdf4dc1a}.moon-crater{position:absolute;border-radius:50%;background:#b4a0784d}.moon-crater-1{width:14px;height:14px;top:18px;left:20px}.moon-crater-2{width:8px;height:8px;top:35px;left:38px}.moon-crater-3{width:10px;height:10px;top:12px;left:40px}.moon-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:50%;background:radial-gradient(circle,rgba(253,244,220,.06) 0%,transparent 70%);animation:moonPulse 6s ease-in-out infinite alternate}@keyframes moonPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.15);opacity:1}}.mountains{position:absolute;bottom:28%;left:0;width:100%;height:30%;z-index:3}.forest-svg{position:absolute;bottom:20%;left:0;width:100%;height:35%;z-index:4}.tree-sway{animation:sway 5s ease-in-out infinite alternate;transform-origin:bottom center}@keyframes sway{0%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}.ground{position:absolute;bottom:0;left:0;width:100%;height:28%;background:linear-gradient(180deg,#1a3a1a,#142e14,#0f220f 60%,#0a180a);z-index:5}.ground:before{content:"";position:absolute;top:-30px;left:0;width:100%;height:60px;background:linear-gradient(180deg,transparent,#1a3a1a)}.grass-tuft{position:absolute;width:3px;height:14px;background:#2a5a1a;border-radius:50% 50% 0 0;z-index:6;animation:grassSway 3s ease-in-out infinite alternate;transform-origin:bottom center}.grass-tuft:before,.grass-tuft:after{content:"";position:absolute;bottom:0;width:3px;height:10px;background:#234e15;border-radius:50% 50% 0 0}.grass-tuft:before{left:-5px;transform:rotate(-15deg)}.grass-tuft:after{left:5px;transform:rotate(15deg)}@keyframes grassSway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.campsite-layer{position:absolute;bottom:18%;left:0;width:100%;height:35%;z-index:10;display:flex;align-items:flex-end;justify-content:center}.bonfire-area{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:160px;display:flex;align-items:flex-end;justify-content:center}.log{position:absolute;bottom:8px;background:linear-gradient(90deg,#3a2010,#5a3420,#3a2010);border-radius:4px;box-shadow:inset 0 2px 4px #0006}.log-1{width:55px;height:10px;transform:rotate(20deg) translate(-8px)}.log-2{width:55px;height:10px;transform:rotate(-20deg) translate(8px)}.log-3{width:50px;height:9px;transform:rotate(8deg) translate(-2px);bottom:16px}.log-4{width:50px;height:9px;transform:rotate(-8deg) translate(2px);bottom:16px}.stone{position:absolute;bottom:-2px;left:50%;margin-left:-7px;width:14px;height:10px;background:radial-gradient(ellipse,#4a4a4a,#2a2a2a);border-radius:50%;transform-origin:center 48px;box-shadow:0 2px 3px #00000080}.flames{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:50px;height:90px}.flame{position:absolute;bottom:0;border-radius:50%/60% 60% 40% 40%;filter:blur(1px)}.flame-core{left:50%;transform:translate(-50%);width:20px;height:60px;background:linear-gradient(0deg,#f60,#fa0 40%,#fd4 70%,#fff8e0);animation:flicker .3s ease-in-out infinite alternate}.flame-left{left:8px;width:16px;height:45px;background:linear-gradient(0deg,#f40,#f80 50%,#fc2);animation:flickerLeft .4s ease-in-out infinite alternate;opacity:.8}.flame-right{right:8px;width:16px;height:45px;background:linear-gradient(0deg,#f40,#f80 50%,#fc2);animation:flickerRight .35s ease-in-out infinite alternate;opacity:.8}.flame-inner{left:50%;transform:translate(-50%);width:10px;height:35px;background:linear-gradient(0deg,#48f,#6af 50%,#adf);animation:flicker .25s ease-in-out infinite alternate;opacity:.7}@keyframes flicker{0%{height:60px;opacity:1}25%{height:55px;opacity:.9}50%{height:65px;opacity:1}75%{height:52px;opacity:.85}to{height:58px;opacity:.95}}@keyframes flickerLeft{0%{height:45px;transform:rotate(-3deg)}to{height:40px;transform:rotate(-8deg)}}@keyframes flickerRight{0%{height:45px;transform:rotate(3deg)}to{height:40px;transform:rotate(8deg)}}.spark{position:absolute;bottom:80px;width:3px;height:3px;background:#fa0;border-radius:50%;animation:rise 2.5s ease-out infinite;box-shadow:0 0 4px #f60}@keyframes rise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) translate(15px) scale(0)}}.fire-glow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:200px;height:50px;background:radial-gradient(ellipse,rgba(255,120,0,.25) 0%,rgba(255,80,0,.1) 40%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite alternate}@keyframes glowPulse{0%{opacity:.7;transform:translate(-50%) scaleX(1)}to{opacity:1;transform:translate(-50%) scaleX(1.1)}}.smoke-container{position:absolute;bottom:38%;left:50%;transform:translate(-50%);width:40px;height:200px;z-index:11;pointer-events:none}.smoke-puff{position:absolute;bottom:0;left:50%;width:20px;height:20px;background:radial-gradient(circle,rgba(180,180,180,.15),transparent);border-radius:50%;animation:smokeRise 5s ease-out infinite}@keyframes smokeRise{0%{opacity:.3;transform:translate(-50%) translateY(0) scale(1)}50%{opacity:.15;transform:translate(calc(-50% + 20px)) translateY(-100px) scale(2.5)}to{opacity:0;transform:translate(calc(-50% + 40px)) translateY(-200px) scale(4)}}.tent-wrapper{position:absolute;bottom:-5px;right:calc(50% + 120px);width:160px;height:120px;animation:tentBreath 4s ease-in-out infinite alternate}.tent-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.tent-shadow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:140px;height:12px;background:radial-gradient(ellipse,rgba(0,0,0,.3),transparent);border-radius:50%}@keyframes tentBreath{0%{transform:scale(1)}to{transform:scale(1.005)}}.camp-sign{position:absolute;bottom:0;left:calc(50% - 220px)}.sign-post{width:6px;height:65px;background:linear-gradient(90deg,#3a2810,#5a3c1a,#3a2810);margin:0 auto;border-radius:2px;box-shadow:2px 0 4px #0000004d}.sign-board{position:absolute;top:5px;left:50%;transform:translate(-50%) rotate(-2deg);background:linear-gradient(135deg,#6b4c2a,#8b6340,#6b4c2a);border:2px solid #4a3218;border-radius:4px;padding:6px 14px;display:flex;align-items:center;gap:8px;box-shadow:2px 3px 8px #0006;white-space:nowrap}.sign-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700;letter-spacing:.15em;color:#f0dcc0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.sign-arrow{font-size:.9rem;color:#d4b890}.log-bench{position:absolute;bottom:0}.bench-left{left:calc(50% - 100px)}.bench-right{right:calc(50% - 100px)}.bench-log{width:70px;height:14px;background:linear-gradient(180deg,#5a3c1a,#4a2e12,#3a2008);border-radius:6px;box-shadow:0 3px 6px #0006;position:relative}.bench-log:before{content:"";position:absolute;top:2px;left:5px;right:5px;height:2px;background:#ffffff0d;border-radius:1px}.bench-stump{position:absolute;bottom:-8px;width:10px;height:10px;background:linear-gradient(90deg,#4a2e12,#3a2008);border-radius:2px}.bench-stump-1{left:8px}.bench-stump-2{right:8px}.cooler-wrapper{position:absolute;bottom:0;right:calc(50% + 200px)}.cooler-body{width:36px;height:28px;background:linear-gradient(180deg,#c0392b,#a93226);border-radius:4px;position:relative;box-shadow:2px 3px 6px #0006}.cooler-lid{position:absolute;top:-5px;left:-1px;right:-1px;height:7px;background:linear-gradient(180deg,#e74c3c,#c0392b);border-radius:3px 3px 0 0;border:1px solid #922b21}.cooler-handle{position:absolute;top:-9px;left:50%;transform:translate(-50%);width:16px;height:5px;border:2px solid #7f1d13;border-bottom:none;border-radius:4px 4px 0 0}.cooler-stripe{position:absolute;top:50%;left:3px;right:3px;height:3px;background:#ffffff26;border-radius:1px}.backpack-wrapper{position:absolute;bottom:0;left:calc(50% + 180px);transform:rotate(8deg)}.backpack-body{width:30px;height:40px;background:linear-gradient(180deg,#5b7d3a,#4a6a2e);border-radius:6px 6px 4px 4px;position:relative;box-shadow:2px 3px 6px #0006}.backpack-top{position:absolute;top:-6px;left:4px;right:4px;height:8px;background:linear-gradient(180deg,#6b8d4a,#5b7d3a);border-radius:4px 4px 0 0}.backpack-flap{position:absolute;top:6px;left:2px;right:2px;height:10px;background:linear-gradient(180deg,#4a6a2e,#3d5a24);border-radius:0 0 3px 3px;border-bottom:1px solid rgba(0,0,0,.2)}.backpack-strap{position:absolute;width:4px;background:#3d5a24;border-radius:2px}.backpack-strap-l{top:8px;left:-3px;height:20px;transform:rotate(-5deg)}.backpack-strap-r{top:8px;right:-3px;height:20px;transform:rotate(5deg)}.backpack-pocket{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:16px;height:12px;background:#00000026;border-radius:3px;border:1px solid rgba(0,0,0,.1)}.lantern-wrapper{position:absolute;bottom:0;left:calc(50% + 110px);display:flex;flex-direction:column;align-items:center}.lantern-hook{width:2px;height:25px;background:#5a5040}.lantern-body{position:relative;display:flex;flex-direction:column;align-items:center}.lantern-glass{width:22px;height:28px;background:linear-gradient(135deg,#ffb43266,#ff78004d);border:2px solid #5a4a30;border-radius:4px 4px 2px 2px;position:relative;overflow:hidden}.lantern-flame{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:12px;background:linear-gradient(0deg,#f80,#fc4,#fff8e0);border-radius:50%/60% 60% 40% 40%;animation:lanternFlicker .5s ease-in-out infinite alternate}@keyframes lanternFlicker{0%{opacity:.8;height:12px}to{opacity:1;height:14px}}.lantern-base{width:26px;height:5px;background:#5a4a30;border-radius:0 0 3px 3px}.lantern-glow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(255,180,50,.12),transparent 60%);border-radius:50%;animation:lanternGlow 3s ease-in-out infinite alternate}@keyframes lanternGlow{0%{opacity:.5}to{opacity:1}}.firefly{position:absolute;background:#b8ff60;border-radius:50%;box-shadow:0 0 8px 3px #b8ff6066,0 0 20px 6px #b8ff6026;animation:fireflyFloat 6s ease-in-out infinite alternate;z-index:15}@keyframes fireflyFloat{0%{opacity:0;transform:translate(0)}20%{opacity:1}50%{opacity:.3;transform:translate(30px,-20px)}70%{opacity:1}to{opacity:0;transform:translate(-20px,10px)}}.camp-card{position:absolute;top:24px;left:24px;z-index:20;max-width:340px;animation:fadeIn 1.5s ease-out}.camp-card-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,rgba(255,140,40,.06),transparent 70%);border-radius:24px;pointer-events:none}.camp-card-inner{position:relative;background:#0a0a0a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,200,100,.1);border-radius:16px;padding:28px 24px}.camp-badge{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#d4a054;border:1px solid rgba(212,160,84,.25);padding:3px 10px;border-radius:20px;margin-bottom:12px;background:#d4a0540f}.camp-card h1{font-family:Georgia,serif;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:#f0e6d0;margin-bottom:4px}.camp-subtitle{font-size:.85rem;color:#dcc8aa99;margin-bottom:20px;font-style:italic}.camp-stats{display:flex;gap:16px;margin-bottom:18px}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:10px 6px;background:#ffc8640a;border:1px solid rgba(255,200,100,.08);border-radius:10px}.stat-icon{font-size:1.2rem;margin-bottom:2px}.stat-val{font-size:.9rem;font-weight:600;color:#f0e6d0}.stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#dcc8aa66}.camp-vibe{font-size:.75rem;color:#dcc8aa66;text-align:center;padding-top:12px;border-top:1px solid rgba(255,200,100,.06)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-arrow{position:absolute;top:24px;right:24px;z-index:20;display:flex;align-items:center;gap:8px;padding:10px 18px 10px 14px;background:#0a0a0a80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,200,100,.12);border-radius:40px;color:#d4a054;font-family:Georgia,serif;font-size:.85rem;letter-spacing:.04em;cursor:pointer;transition:all .3s ease;animation:fadeIn 1.5s ease-out}.back-arrow:hover{background:#d4a0541f;border-color:#d4a0544d;transform:translate(-3px);box-shadow:0 0 20px #d4a0541a}.back-arrow:active{transform:translate(-1px)}.back-arrow svg{flex-shrink:0;transition:transform .3s ease}.back-arrow:hover svg{transform:translate(-2px)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:18}