:root{--ds-bg-home: #f9e3b4;--ds-surface-primary: #fff8e8;--ds-surface-secondary: #ebd7a9;--ds-surface-white: #ffffff;--ds-accent-orange: #d45d2b;--ds-accent-green: #3bae0e;--ds-accent-green-border: #79d846;--ds-accent-blue: #2b7cd3;--ds-accent-red: #d42b2b;--ds-progress-track: #d0e0ed;--ds-border-primary: #c8b282;--ds-border-secondary: #d3bd8d;--ds-map-track: #e2cc98;--ds-map-track-border: #d1bb8c;--ds-map-fill: linear-gradient(180deg, #FFE658 0%, #FFE555 44.71%, #FBBD14 55.29%, #FBBD14 100%);--ds-text-primary: #000000;--ds-text-secondary: #555555;--ds-text-inverse: #ffffff}*{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}body{font-family:Roboto,sans-serif;background-color:var(--ds-bg-home);color:var(--ds-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.font-baloo{font-family:"Baloo 2",cursive}.app-container{display:flex;flex-direction:column;height:100dvh;width:100vw;margin:0 auto;position:relative;overflow:hidden}.content-area{flex:1;overflow-y:auto;padding-bottom:calc(85px + env(safe-area-inset-bottom))}.card-panel{background-color:var(--ds-surface-primary);border-radius:24px;border:2px solid var(--ds-border-primary);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px #0000001a;font-family:"Baloo 2",cursive;font-weight:600}.btn-primary{background:linear-gradient(180deg,#6fd21d 0%,var(--ds-accent-green) 100%);border:4px solid var(--ds-surface-white);border-radius:40px;box-shadow:0 -4px #038b17 inset,0 5px #a5e742 inset;color:var(--ds-text-inverse);font-family:"Baloo 2",cursive;font-weight:700;font-size:24px;text-shadow:2px 0px 0px rgba(0,0,0,.2);padding:16px 32px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px #218406,0 4px 5px #0000004d}.btn-secondary{background-color:var(--ds-accent-blue);color:var(--ds-text-inverse);padding:16px 24px;border-radius:30px;font-family:"Baloo 2",cursive;font-weight:700;font-size:18px;border:none;box-shadow:0 4px 0 var(--ds-surface-white),0 -4px #104178 inset,0 4px #3d88df inset;cursor:pointer;transition:all .2s ease}.btn-success{background-color:var(--ds-accent-green);color:var(--ds-text-inverse);padding:16px 24px;border-radius:30px;font-family:"Baloo 2",cursive;font-weight:700;font-size:18px;border:none;box-shadow:0 -4px #038b17 inset,0 0 0 4px #fff,0 4px #a5e742 inset;cursor:pointer;transition:all .2s ease}.btn-secondary:active,.btn-success:active{transform:translateY(2px);box-shadow:0 2px 5px #0003}.pill-status{display:inline-flex;align-items:center;gap:8px;background-color:var(--ds-surface-white);border-radius:30px;padding:6px 16px;font-weight:700;font-size:18px}.pill-status.correct{border:2px solid var(--ds-accent-green-border);color:var(--ds-accent-green-border)}.pill-status.error{border:2px solid var(--ds-accent-red);color:var(--ds-accent-red)}.pill-icon{border-radius:50%;padding:2px;display:flex;color:var(--ds-text-inverse)}.pill-icon.correct{background-color:var(--ds-accent-green-border)}.pill-icon.error{background-color:var(--ds-accent-red)}.option-card{background-color:var(--ds-surface-primary);border:2px solid var(--ds-border-primary);padding:16px 20px;border-radius:24px;font-size:18px;font-family:"Baloo 2",cursive;color:var(--ds-text-primary);font-weight:600;cursor:pointer;transition:all .1s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.option-card.unselected-dim{background-color:transparent;opacity:.5}.option-card:disabled{cursor:default}.option-card.selected{font-weight:700;color:var(--ds-text-primary)}.option-card.confirmed-correct{background-color:var(--ds-surface-white);border-color:var(--ds-accent-green-border);color:var(--ds-text-primary);font-weight:700}.option-card.confirmed-error{background-color:var(--ds-surface-white);border-color:var(--ds-accent-red);color:var(--ds-accent-red)}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;padding:10px 10px calc(14px + env(safe-area-inset-bottom)) 10px;background-color:var(--ds-surface-white);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -4px 15px #0000000d;z-index:50}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.slide-up-sheet{animation:slideUpSheet .3s cubic-bezier(.16,1,.3,1) forwards}.nav-pill{background-color:transparent;color:var(--ds-text-secondary);padding:4px 16px;border-radius:20px;font-size:14px;font-weight:700;font-family:"Baloo 2",cursive;transition:all .2s ease;margin-top:4px}.nav-pill.active{background-color:var(--ds-accent-blue);color:var(--ds-text-inverse)}.page-bg-home{background-image:url(/assets/home-bg.png);background-size:cover;background-position:center bottom;min-height:100%}.page-bg-progress{background-image:url(/assets/progress-bg.png);background-size:cover;background-position:center bottom;min-height:100%}.page-bg-shop{background-image:url(/assets/shop-bg.png);background-size:cover;background-position:center;min-height:100%}.page-bg-quest{background-image:url(/assets/map-bg.png);background-size:cover;background-position:center;min-height:100%}