@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";:root{--bg-color:#0077b6;--text-primary:#1d3557;--text-secondary:#457b9d;--palace-dark:#023e8a;--palace-light:#48cae4;--palace-accent:#fca311;--success-color:#55a630;--danger-color:#d00000;--card-bg:#f8f9fa;--font-heading:"Fredoka One", cursive;--font-body:"Nunito", sans-serif;--radius:20px}body{color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:#023e8a;background-image:url("data:image/svg+xml;utf8,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"20\" cy=\"20\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex;overflow:hidden}*{box-sizing:border-box}.app-container{background-image:linear-gradient(#00b4d8 0%,#0077b6 50%,#023e8a 100%);background-attachment:fixed;flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}@media (width>=768px){.app-container{max-width:100%;height:100vh;box-shadow:none;border:none;border-radius:0}}.btn-palace{color:#fff;font-family:var(--font-heading);text-transform:uppercase;text-shadow:2px 2px #0000004d;cursor:pointer;background:linear-gradient(#48cae4,#0077b6);border:4px solid #023e8a;border-radius:30px;width:100%;padding:16px 24px;font-size:20px;transition:all .1s;box-shadow:0 6px #023e8a,0 10px 10px #0003}.btn-palace:active{transform:translateY(6px);box-shadow:0 0 #023e8a,0 2px 5px #0003}.btn-gold{font-family:var(--font-heading);color:#1d3557;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffe169,#fca311);border:4px solid #d48000;border-radius:30px;padding:16px 24px;font-size:20px;transition:all .1s;box-shadow:0 6px #d48000,0 10px 10px #0003}.btn-gold:active{transform:translateY(6px);box-shadow:0 0 #d48000,0 2px 5px #0003}.parchment{background-color:var(--card-bg);background-image:radial-gradient(#e5e5e5 1px,#0000 1px);background-size:10px 10px;border:2px solid #caf0f8;border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000026}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-pop{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes pulse{0%{box-shadow:0 0 #fca311b3}70%{box-shadow:0 0 0 15px #fca31100}to{box-shadow:0 0 #fca31100}}.animate-pulse{animation:2s infinite pulse}.radar-pulse{opacity:0;border:4px solid #48cae499;border-radius:50%;animation:3s cubic-bezier(.215,.61,.355,1) infinite radarPulse;position:absolute}@keyframes radarPulse{0%{opacity:0;transform:scale(.6)}50%{opacity:.8}to{opacity:0;transform:scale(1.8)}}.map-bg{background-image:url("data:image/svg+xml;utf8,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"20\" cy=\"20\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");flex:1;position:relative;overflow-y:auto}.nav-bottom{background:var(--palace-dark);z-index:100;border-top:4px solid #005f99;justify-content:space-around;padding:12px 0 20px;display:flex;box-shadow:0 -4px 15px #0000004d}.nav-item{color:#caf0f8;text-transform:uppercase;cursor:pointer;opacity:.6;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.nav-item.active{opacity:1;color:#fff;text-shadow:0 0 8px #48cae4cc;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#023e8acc;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.checkbox-row{font-size:18px;font-family:var(--font-heading);color:var(--palace-dark);align-items:center;gap:12px;margin-bottom:12px;display:flex}input[type=checkbox]{width:24px;height:24px;accent-color:var(--palace-dark)}input[type=text]{border:2px solid var(--palace-light);width:100%;font-size:18px;font-family:var(--font-heading);text-align:center;text-transform:uppercase;color:var(--palace-dark);border-radius:8px;padding:12px}.confetti-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.confetti{opacity:.8;width:12px;height:24px;animation:4s linear infinite fall;position:absolute;top:-30px}.confetti-0{background-color:#ffdb58;border-radius:4px}.confetti-1{background-color:#4cc9f0;border-radius:50%;width:15px;height:15px}.confetti-2{background-color:#f72585;border-radius:4px}.confetti-3{background-color:#4ade80;border-radius:50%;width:15px;height:15px}.confetti-4{background-color:#fff;border-radius:4px}@keyframes fall{0%{transform:translateY(-50px)rotate(0)scale(1)}50%{transform:translateY(50vh)rotate(180deg)scale(1.2)}to{transform:translateY(110vh)rotate(360deg)scale(1)}}