@import"https://fonts.googleapis.com/css?family=Open+Sans:300,700|Quattrocento:700";:root{--top-bar-height: 60px;--bottom-bar-height: 60px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;width:100%;overflow:hidden}html{overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.menu-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);z-index:1000;overflow:hidden}.menu-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/storm-alert/Images/Room.jpg);background-size:cover;background-position:center;opacity:.15;filter:blur(2px)}.menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0000004d,#000c);pointer-events:none}.menu-content{position:relative;z-index:2;text-align:center;padding:40px;max-width:600px;width:90%}.menu-header{margin-bottom:50px;animation:fadeInDown 1s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.emergency-badge{display:inline-block;background:#f33;color:#fff;padding:8px 20px;font-size:11pt;font-weight:700;letter-spacing:3px;margin-bottom:20px;border-left:4px solid #ff6666;border-right:4px solid #ff6666;box-shadow:0 0 20px #ff333380;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #ff333380}50%{box-shadow:0 0 30px #f33c}}.menu-title{font-size:72pt;font-weight:700;color:#fff;text-shadow:0 0 30px rgba(255,51,51,.5),0 4px 6px rgba(0,0,0,.8);letter-spacing:8px;margin:20px 0;font-family:Quattrocento,Georgia,serif}.menu-subtitle{font-size:16pt;color:#ccc;font-weight:300;letter-spacing:2px;text-transform:uppercase;margin-top:10px}.menu-buttons{display:flex;flex-direction:column;gap:15px;margin:40px 0;animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.menu-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:18px 40px;font-size:14pt;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:none;cursor:pointer;transition:all .3s ease;overflow:hidden;font-family:Open Sans,sans-serif}.menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.menu-btn:hover:before{left:100%}.menu-btn.primary{background:linear-gradient(135deg,#f33,#c00);color:#fff;box-shadow:0 4px 15px #f336}.menu-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #f339;background:linear-gradient(135deg,#f44,#d00)}.menu-btn.primary:active{transform:translateY(0)}.menu-btn.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-btn.secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.btn-icon{font-size:18pt;display:inline-block}.btn-text{display:inline-block}.menu-footer{margin-top:40px;animation:fadeIn 1s ease-out .6s both}.tagline{color:#999;font-size:12pt;font-style:italic;font-weight:300}.menu-eu-logo{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1100;opacity:.85;transition:opacity .3s ease}.menu-eu-logo:hover{opacity:1}.menu-eu-logo img{height:110px;width:auto;display:block;border-radius:4px}.modal{display:flex;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.modal-content{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:40px;border:2px solid rgba(255,51,51,.3);border-radius:8px;max-width:500px;width:90%;position:relative;box-shadow:0 10px 50px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{color:#fff;font-size:24pt;margin-bottom:20px;text-align:left;border-bottom:2px solid #ff3333;padding-bottom:10px;font-family:Quattrocento,Georgia,serif}.modal-content p{color:#ccc;font-size:13pt;line-height:1.8;margin-bottom:15px;text-align:left}.modal-eu-logo{text-align:center;margin:20px 0}.modal-content .menu-btn{display:block;margin:0 auto;width:fit-content}.modal-eu-logo img{height:80px;width:auto;border-radius:4px}.close-modal{position:absolute;top:15px;right:20px;color:#999;font-size:32pt;font-weight:300;cursor:pointer;transition:color .3s;line-height:1}.close-modal:hover{color:#f33}@media screen and (max-width:768px){.menu-title{font-size:48pt;letter-spacing:4px}.menu-subtitle{font-size:12pt}.emergency-badge{font-size:9pt;padding:6px 15px}.menu-btn{padding:15px 30px;font-size:12pt}.modal-content{padding:30px 20px}.modal-content h2{font-size:18pt}}@media screen and (max-width:480px){.menu-title{font-size:36pt;letter-spacing:2px}.menu-content{padding:20px}}.ink-story-container{width:100%;height:100vh;overflow:hidden;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;padding:var(--top-bar-height) 20px var(--bottom-bar-height);position:relative;box-sizing:border-box}.ink-story-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;pointer-events:none}.story-wrapper{max-width:700px;width:100%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;max-height:100%;overflow-y:auto;scrollbar-width:none}.story-wrapper::-webkit-scrollbar{display:none}.story-content{overflow-y:auto;scrollbar-width:none;max-height:55vh;background:linear-gradient(165deg,#121216d9,#1c1c22bf);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:30px 36px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:panel-appear .5s ease}.story-content:after{content:"";position:sticky;bottom:0;left:0;display:block;width:100%;height:35px;margin-top:-35px;background:linear-gradient(to bottom,transparent,rgba(18,18,22,.9));pointer-events:none;border-radius:0 0 16px 16px}@keyframes panel-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.story-content::-webkit-scrollbar{display:none}.text-instant .story-text p{animation:none}.story-text{font-size:16pt;line-height:1.8;text-align:center}.story-text p{margin-bottom:16px;color:#d4d4d4;animation:line-fade-in .4s ease backwards}.story-text p:nth-child(1){animation-delay:.05s}.story-text p:nth-child(2){animation-delay:.15s}.story-text p:nth-child(3){animation-delay:.25s}.story-text p:nth-child(4){animation-delay:.35s}.story-text p:nth-child(5){animation-delay:.45s}.story-text p:nth-child(6){animation-delay:.55s}@keyframes line-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.story-text p i{color:#888;font-size:.9em}.story-text p b{display:inline;color:#ffcc80}.story-text p:has(>b:only-child){background:#ff993314;border-left:3px solid #b97c2c;border-radius:0 8px 8px 0;padding:12px 16px;text-align:left;margin-top:8px}.story-text p:not(:last-child):after{content:"";display:block;width:40px;height:1px;background:#ffffff14;margin:16px auto 0}.story-text p:has(>b:only-child):after,.story-text p:has(.clock-display):after,.story-text p:has(.clock-subtitle):after,.story-text p:has(.note-hint):after{display:none}.story-text p:first-child:last-child:after{display:none}.choices{display:flex;flex-direction:column;gap:10px;margin-top:14px}.choice-btn{display:flex;align-items:center;gap:14px;padding:14px 24px;font-size:13pt;background:linear-gradient(145deg,#b97c2c1f,#b97c2c0f);border:1px solid rgba(185,124,44,.4);border-radius:10px;color:#d4a54a;cursor:pointer;transition:all .25s ease;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;text-align:left}.choice-btn:not(:has(.choice-icon)){justify-content:center;text-align:center}.choice-icon{font-size:1.6em;line-height:1;flex-shrink:0;text-transform:none;filter:drop-shadow(0 0 4px rgba(185,124,44,.5))}.choice-label{flex:1}.choice-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(185,124,44,.08),transparent);transition:left .5s ease}.choice-btn:hover:before{left:100%}.choice-btn:focus{outline:none}.choice-btn:hover{background:linear-gradient(145deg,#b97c2c40,#b97c2c1f);border-color:#f93;color:#ffb347;transform:translateY(-2px);box-shadow:0 4px 20px #b97c2c33}.choice-btn:active{transform:translateY(0);box-shadow:none}.ink-story-container.prep-hub-container{align-items:flex-start}.story-wrapper.prep-hub-mode{max-width:min(95vw,1200px);margin:auto}.prep-choices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;width:100%}.prep-choice-card{display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:0;gap:0;background:linear-gradient(145deg,#b97c2c1f,#b97c2c0f);border:1px solid rgba(185,124,44,.4);border-radius:12px;color:#d4a54a;cursor:default;transition:all .25s ease;font-family:inherit;position:relative;overflow:hidden}.prep-card-header{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 14px 8px;cursor:pointer;text-align:center}.prep-card-header-text{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.prep-card-chevron{display:none}.prep-card-body{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 14px 12px;text-align:center}.prep-card-prepare-btn{display:none}.prep-card-prepare-btn:hover{background:linear-gradient(145deg,#b97c2c73,#b97c2c47);border-color:#f93;color:#ffc060;transform:translateY(-1px)}.prep-card-prepare-btn:active{transform:translateY(0)}.prep-card-done-msg{display:none}.prep-choice-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(185,124,44,.08),transparent);transition:left .5s ease}.prep-choice-card:hover:before{left:100%}.prep-card-header:hover{background:#b97c2c12}.prep-choice-card:has(.prep-card-header:hover){border-color:#b97c2ca6}.prep-choice-icon{font-size:40px;display:block;line-height:1}.prep-choice-label{font-size:12pt;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:block}.prep-choice-desc{font-size:11pt;font-weight:400;color:#9a7030;text-transform:none;letter-spacing:0;line-height:1.5;display:block;opacity:1}.prep-choice-card:hover .prep-choice-desc{color:#b88840}.prep-choice-time{font-size:9pt;font-weight:600;color:#7a6020;background:#b97c2c1f;border:1px solid rgba(185,124,44,.25);border-radius:6px;padding:2px 8px;letter-spacing:.5px;text-transform:none;display:inline-block;margin-top:2px}.prep-choice-card:hover .prep-choice-time{color:#a07830;background:#b97c2c33}.prep-action-time{font-size:10pt;font-weight:500;opacity:.7;margin-left:8px}.prep-choice-card.prep-choice-done{background:linear-gradient(145deg,#32a0502e,#23783c1a);border-color:#46b9648c;color:#72d48a}.prep-choice-card.prep-choice-done:hover{background:linear-gradient(145deg,#32a0504d,#23783c2e);border-color:#5c7;color:#90ddaa;box-shadow:0 4px 20px #32a05038}.prep-choice-card.prep-choice-done .prep-choice-desc{color:#4a9960}.prep-choice-card.prep-choice-done:hover .prep-choice-desc{color:#62b878}.prep-choice-tick{position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:50%;background:#4caf5040;border:1px solid rgba(76,175,80,.6);color:#4caf50;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.prep-choice-card.prep-choice-locked{background:#ffffff05;border-color:#ffffff14;color:#444;cursor:not-allowed;opacity:.45}.prep-choice-card.prep-choice-locked:hover{transform:none;box-shadow:none;border-color:#ffffff14}.prep-choice-lock{position:absolute;top:7px;right:7px;font-size:13px;line-height:1;opacity:.6}.prep-storm-warning{display:flex;align-items:flex-start;gap:12px;background:#c8281e1f;border:1px solid rgba(220,60,40,.45);border-radius:12px;padding:14px 18px;color:#f08070;font-size:14px;line-height:1.55;animation:storm-warning-pulse 2.5s ease-in-out infinite}.prep-storm-warning strong{color:#f87060}.prep-storm-warning-icon{font-size:22px;flex-shrink:0;margin-top:1px}@keyframes storm-warning-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 18px #dc3c2840}}.story-content-fixed{overflow-y:visible;max-height:none}.story-content-fixed:after{display:none}.prep-hub-layout{display:flex;flex-direction:column;gap:10px;margin-top:14px;width:100%}.prep-action-btn{width:100%;padding:11px 24px;font-size:12pt;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:10px;border:1px solid;cursor:pointer;transition:all .25s ease;font-family:inherit;position:relative;overflow:hidden}.prep-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:left .5s ease}.prep-action-btn:hover:before{left:100%}.prep-action-btn:focus{outline:none}.prep-action-btn:active{transform:translateY(0);box-shadow:none}.prep-shop-btn{background:linear-gradient(145deg,#2c82d259,#1e64af40);border-color:#50a0e6b3;color:#7ec8f5;box-shadow:0 2px 12px #2c82d240}.prep-shop-btn:hover{background:linear-gradient(145deg,#2c82d280,#1e64af61);border-color:#5bb8f0;color:#a8deff;transform:translateY(-2px);box-shadow:0 6px 24px #2c82d266}.prep-done-btn{background:linear-gradient(145deg,#32a05033,#23783c1f);border-color:#46b46480;color:#6dcc88}.prep-done-btn:hover{background:linear-gradient(145deg,#32a05057,#23783c38);border-color:#5c7;color:#90ddaa;transform:translateY(-2px);box-shadow:0 4px 20px #32a05040}.prep-shop-card{background:linear-gradient(145deg,#2c78b91f,#2c78b90f);border-color:#2c78b966;color:#5aaae0}.prep-shop-card:before{background:linear-gradient(90deg,transparent,rgba(44,120,185,.08),transparent)}.prep-shop-card:hover{background:linear-gradient(145deg,#2c78b940,#2c78b91f);border-color:#49d;color:#7bbfee;box-shadow:0 4px 20px #2c78b933}.prep-shop-card .prep-choice-desc{color:#3a6fa0}.prep-shop-card:hover .prep-choice-desc{color:#5090c0}.resource-bar{position:fixed;top:0;left:0;width:100%;height:var(--top-bar-height);padding:0 30px;box-sizing:border-box;background:#000c;display:flex;justify-content:space-between;align-items:center;z-index:2500;border-bottom:1px solid rgba(255,255,255,.1)}.resource-bar-left{display:flex;align-items:center;gap:10px}.back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#999;font-size:16px;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.back-btn:hover{background:#ffffff24;color:#fff;border-color:#ffffff4d}.temperature{font-size:18px;font-weight:700;transition:color .8s ease}.temperature.temp-normal{color:#5cb8ff}.temperature.temp-prestorm{color:#2d8cff}.temperature.temp-storm{color:#b3d9ff;text-shadow:0 0 6px rgba(179,217,255,.6)}.wind-speed{font-size:18px;font-weight:700;transition:color .8s ease}.wind-speed.wind-calm{color:#aaa}.wind-speed.wind-prestorm{color:#fb4}.wind-speed.wind-storm{color:#f53;text-shadow:0 0 6px rgba(255,85,51,.5)}.resource-bar-right{display:flex;align-items:center;gap:15px}.resources{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end}.settings-fab-container{position:fixed;bottom:calc(var(--bottom-bar-height) + 16px);right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:900}.settings-fab{width:44px;height:44px;border-radius:50%;background:#1e1e28e0;border:1px solid rgba(255,255,255,.18);color:#aaa;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s,transform .2s;box-shadow:0 2px 12px #00000080;line-height:1}.settings-fab:hover,.settings-fab.active{background:#323241f2;color:#e0e0e0;border-color:#ffffff52}.settings-fab.active{transform:rotate(45deg)}.settings-panel{background:#16161ef5;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:10px;min-width:200px;box-shadow:0 4px 20px #0009;animation:settingsFadeIn .15s ease}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-label{color:#aaa;font-size:13px;white-space:nowrap}.settings-toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#888;font-size:12px;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:62px;text-align:center}.settings-toggle.on{background:#50c8781f;border-color:#50c87859;color:#7ddc9c}.settings-toggle.off{background:#c850501a;border-color:#c8505047;color:#c77}.settings-toggle:hover{filter:brightness(1.2)}.resource-item{font-size:48px;opacity:.3;filter:grayscale(100%);transition:all .3s ease}.resource-item.prep-basic{opacity:.7;filter:grayscale(30%)}.resource-item.prep-thorough{opacity:1;filter:grayscale(0%)}.shopping-list{position:fixed;bottom:var(--bottom-bar-height);left:20px;background:#141414f2;border:1px solid rgba(255,153,51,.3);border-radius:12px;padding:12px 16px;z-index:98;min-width:180px;animation:list-slide-in .4s ease}@keyframes list-slide-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.shopping-list-header{font-size:14px;font-weight:700;color:#f93;margin-bottom:8px;letter-spacing:.5px}.shopping-list-items{list-style:none;padding:0;margin:0}.shopping-list-items li{font-size:13px;color:#ddd;padding:4px 0;border-top:1px solid rgba(255,255,255,.05)}.clock-display{display:block;font-size:4rem;font-weight:700;text-align:center;color:#fff;letter-spacing:4px;margin-bottom:0}.clock-subtitle{display:block;text-align:center;color:#f93;font-size:1rem;font-weight:600;margin-bottom:10px}.sms-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1000;animation:sms-fade-in .3s ease;padding:var(--top-bar-height) 20px var(--bottom-bar-height);box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.sms-overlay::-webkit-scrollbar{width:6px}.sms-overlay::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}@keyframes sms-fade-in{0%{opacity:0}to{opacity:1}}.sms-phone{width:min(360px,100%);background:#1a1a1e;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0009;border:1px solid rgba(255,255,255,.1);animation:sms-slide-up .4s ease;flex-shrink:0;margin:auto 0}@keyframes sms-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.sms-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#1e2530;border-bottom:2px solid rgba(30,90,160,.5)}.sms-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#1a3a6e,#0f2348);border:1px solid rgba(80,140,220,.5);color:#7ab4f0;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sms-avatar-govt{border-radius:10px}.sms-contact-info{flex:1;display:flex;flex-direction:column;gap:2px}.sms-contact{color:#c8ddf5;font-weight:700;font-size:15px;letter-spacing:.5px}.sms-contact-sub{color:#5a7a9a;font-size:11px;font-style:italic}.sms-time{color:#556;font-size:12px;flex-shrink:0}.sms-body{padding:20px;display:flex;flex-direction:column;gap:8px}.sms-bubble{background:#1e2530;color:#c8d8e8;padding:14px 16px;border-radius:4px 18px 18px;font-size:14px;line-height:1.65;max-width:100%;border-left:3px solid #1a5cb0;animation:bubble-pop .4s ease backwards;animation-delay:.2s}.sms-bubble-govt{background:#161e2c}.sms-alert-tag{display:inline-block;background:#dc503226;border:1px solid rgba(220,80,50,.4);color:#e07060;font-size:11px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:4px;margin-bottom:10px}.sms-ref{display:block;margin-top:4px;font-size:11px;color:#3a5570;font-style:italic}@keyframes bubble-pop{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.sms-close-btn{width:100%;padding:16px;background:none;border:none;border-top:1px solid rgba(255,255,255,.07);color:#4a8fd5;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;letter-spacing:.5px}.sms-close-btn:hover{background:#1e5aa01f}.radio-broadcast-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:2000;animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--top-bar-height) 20px var(--bottom-bar-height);box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.radio-broadcast-overlay::-webkit-scrollbar{width:6px}.radio-broadcast-overlay::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.radio-broadcast{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:20px;padding:clamp(14px,2vh,36px) clamp(16px,3vw,36px);width:100%;max-width:560px;height:calc(100vh - var(--top-bar-height) - var(--bottom-bar-height) - 16px);height:calc(100dvh - var(--top-bar-height) - var(--bottom-bar-height) - 16px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(10px,1.8vh,20px);border:2px solid #444;box-shadow:0 0 60px #ffa50033,inset 0 0 30px #00000080;margin:auto 0;box-sizing:border-box}@media(min-width:640px){.radio-broadcast{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;align-items:start;max-width:min(90vw,960px);height:auto;max-height:calc(100vh - var(--top-bar-height) - var(--bottom-bar-height) - 16px);overflow:hidden;gap:clamp(20px,3vw,40px);padding:clamp(24px,3vh,40px) clamp(24px,4vw,48px)}.radio-broadcast-left{grid-column:1;grid-row:1}.radio-broadcast-right{grid-column:2;grid-row:1}.broadcast-close-btn{grid-column:1 / -1;grid-row:2}}.radio-broadcast-left{display:flex;flex-direction:column;gap:clamp(6px,1.2vh,14px);text-align:center;flex:1;min-height:0}.radio-icon{font-size:clamp(28px,4.5vh,56px);animation:pulse 2s infinite;display:block;flex-shrink:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.radio-broadcast h3{color:#f93;font-size:clamp(13px,1.9vh,22px);margin:0;text-transform:uppercase;letter-spacing:3px;flex-shrink:0}.broadcast-content{text-align:left;color:#ccc;font-size:clamp(12px,1.6vh,15px);line-height:1.65;display:flex;flex-direction:column;gap:clamp(5px,1vh,10px);flex:1;min-height:0;overflow-y:scroll;scrollbar-width:auto;scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.05);background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:clamp(8px,1.2vh,14px) clamp(10px,1.5vw,14px);box-sizing:border-box}.broadcast-content::-webkit-scrollbar{width:6px}.broadcast-content::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.broadcast-content::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:3px}.broadcast-content p{margin:0}.broadcast-static{color:#555;font-style:italic;text-align:center}.radio-broadcast-right{display:flex;flex-direction:column;gap:clamp(6px,1.2vh,14px);background:#ff99330a;border:1px solid rgba(255,153,51,.2);border-radius:14px;padding:clamp(10px,1.6vh,22px) clamp(12px,2vw,20px);flex-shrink:0}.broadcast-numbers-title{color:#f93;font-size:clamp(12px,1.6vh,14px);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 clamp(4px,1vh,8px)}.broadcast-number-item{display:flex;align-items:center;gap:10px;padding:clamp(5px,.8vh,12px) clamp(8px,1.2vw,14px);background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.broadcast-number{font-size:clamp(16px,2.2vh,22px);font-weight:700;color:#f44;font-family:Courier New,monospace;min-width:clamp(44px,6vw,56px);flex-shrink:0}.broadcast-number-desc{font-size:clamp(11px,1.4vh,13px);color:#aaa;line-height:1.3}.broadcast-hint{display:flex;align-items:center;gap:10px;background:#ffcc801f;border:1px solid rgba(255,204,128,.45);border-left:4px solid #ffcc80;border-radius:6px;padding:10px 14px;margin-top:clamp(8px,1.5vh,14px);color:#ffe0a0;font-size:clamp(12px,1.5vh,14px);font-style:italic;animation:hint-glow 2.5s ease-in-out infinite}@keyframes hint-glow{0%,to{opacity:.75;box-shadow:none}50%{opacity:1;box-shadow:0 0 12px #ffcc8040}}.note-hint{display:flex;align-items:center;gap:10px;background:#ffcc801f;border:1px solid rgba(255,204,128,.45);border-left:4px solid #ffcc80;border-radius:6px;padding:10px 14px;margin-top:14px;color:#ffe0a0;font-size:1rem;font-style:italic;animation:hint-glow 2.5s ease-in-out infinite}.broadcast-numbers{background:#ff99331a;padding:12px 15px;border-left:3px solid #ff9933;margin:15px 0}.broadcast-numbers .number{color:#f33;font-size:20px;font-weight:700;letter-spacing:2px}.broadcast-close-btn{flex-shrink:0;margin-top:0;background:linear-gradient(145deg,#b97c2c,#8a5d21);border:none;color:#fff;padding:clamp(10px,1.8vh,15px) clamp(24px,5vw,50px);border-radius:8px;font-size:clamp(13px,1.8vh,16px);font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .2s ease}.broadcast-close-btn:hover{background:linear-gradient(145deg,#d4923a,#b97c2c);transform:translateY(-2px);box-shadow:0 4px 15px #b97c2c66}@media(max-width:639px){.prep-choices-grid{display:flex;flex-direction:column;gap:8px;margin-top:10px}.prep-choice-card{border-radius:10px;text-align:left}.prep-card-header{flex-direction:row;align-items:center;gap:12px;padding:13px 14px;text-align:left}.prep-choice-icon{font-size:28px;flex-shrink:0}.prep-card-header-text{flex:1;min-width:0;align-items:flex-start;gap:3px}.prep-choice-label{font-size:11pt;text-align:left}.prep-choice-time{font-size:8.5pt;margin-top:0}.prep-card-chevron{display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(185,124,44,.65);flex-shrink:0;transition:transform .25s ease;margin-top:2px}.prep-choice-expanded .prep-card-chevron{transform:rotate(180deg)}.prep-choice-tick,.prep-choice-lock{position:static;flex-shrink:0}.prep-card-body{display:none;padding:10px 14px 14px;align-items:stretch;gap:10px;text-align:left;border-top:1px solid rgba(185,124,44,.2)}.prep-choice-expanded .prep-card-body{display:flex}.prep-choice-desc{font-size:10pt;line-height:1.5;padding-top:2px;margin:0}.prep-card-prepare-btn{display:block;width:100%;padding:10px 16px;background:linear-gradient(145deg,#b97c2c47,#b97c2c29);border:1px solid rgba(185,124,44,.55);border-radius:8px;color:#ffb347;font-size:10pt;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-top:2px}.prep-card-prepare-btn:hover{background:linear-gradient(145deg,#b97c2c73,#b97c2c47);border-color:#f93;color:#ffc060;transform:translateY(-1px)}.prep-card-prepare-btn:active{transform:translateY(0)}.prep-card-done-msg{display:block;font-size:10pt;color:#72d48a;font-style:italic;margin:0;padding-top:2px}}@media(max-width:639px){.ink-story-container.prep-hub-container{height:100dvh}.story-wrapper.prep-hub-mode{height:calc(100dvh - var(--top-bar-height) - var(--bottom-bar-height));max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.prep-action-footer{position:fixed;bottom:var(--bottom-bar-height);left:0;right:0;display:flex;flex-direction:column;gap:8px;padding:20px 10px 10px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.95) 28%);z-index:100}.prep-hub-layout{padding-bottom:300px}}@media(max-width:639px){.radio-broadcast{height:auto;max-height:none;overflow:visible}.radio-broadcast-left{flex:none}.broadcast-content{flex:none;min-height:130px;max-height:35vh;overflow-y:auto}}@media(max-width:768px){.ink-story-container{padding:55px 10px}.story-content{padding:20px 18px;border-radius:12px;max-height:none;overflow-y:visible}.story-content:after{display:none}.story-wrapper{scrollbar-width:thin;scrollbar-color:rgba(185,124,44,.4) transparent}.story-wrapper::-webkit-scrollbar{display:block;width:3px}.story-wrapper::-webkit-scrollbar-thumb{background:#b97c2c66;border-radius:2px}.resource-bar-right{gap:10px}.settings-fab-container{bottom:calc(var(--bottom-bar-height) + 12px);right:16px}.story-text{font-size:13pt;line-height:1.6;margin-bottom:10px}.story-text p{margin-bottom:12px}.choices{gap:8px;margin-top:14px;padding-top:14px}.choice-btn{padding:12px 18px;font-size:11pt}.prep-choices-grid{grid-template-columns:repeat(2,1fr);gap:10px}.prep-choice-card{padding:18px 12px 16px;gap:7px}.prep-choice-icon{font-size:32px}.prep-choice-label{font-size:11pt}.prep-choice-desc{font-size:9.5pt}.prep-action-btn{padding:16px 20px;font-size:12pt}.resource-bar{padding:8px 15px}.temperature,.wind-speed{font-size:14px}.resources{gap:8px}.resource-item{font-size:28px}.shopping-list{bottom:60px;left:10px;min-width:150px;padding:10px 12px}.shopping-list-header{font-size:12px}.shopping-list-items li{font-size:11px}.sms-phone{width:290px}.radio-broadcast{padding:25px;max-width:90vw}.radio-icon{font-size:40px}.broadcast-content{font-size:14px}.broadcast-numbers{padding:8px 10px;margin:10px 0}.broadcast-close-btn{padding:12px 30px;font-size:14px}.clock-display{font-size:3rem}.clock-subtitle{font-size:.85rem}}@media(max-width:400px){.ink-story-container{padding:50px 6px}.story-content{padding:18px 14px;border-radius:10px}.story-text{font-size:12pt}.choice-btn{padding:10px 15px;font-size:11pt;letter-spacing:0}.prep-choices-grid{gap:8px}.prep-choice-card{padding:16px 10px 14px;gap:6px}.prep-choice-icon{font-size:28px}.prep-choice-label{font-size:10pt;letter-spacing:.5px}.prep-choice-desc{font-size:9pt}.prep-action-btn{padding:15px;font-size:12pt}.resource-bar{padding:6px 10px}.resource-item{font-size:22px}.resources{gap:5px}.sms-phone{width:260px}.sms-bubble{font-size:13px}.radio-broadcast{padding:20px 15px}.clock-display{font-size:2.5rem}}.sleep-fade-overlay{position:fixed;inset:0;z-index:990;background:#000;pointer-events:none;animation:sleep-fade-in 2.5s cubic-bezier(.4,0,1,1) forwards}@keyframes sleep-fade-in{0%{opacity:0}to{opacity:1}}.sleep-fade-overlay.sleep-fade-out{animation:sleep-fade-out 1.8s ease forwards}@keyframes sleep-fade-out{0%{opacity:1}to{opacity:0}}.phone-keypad-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1000;animation:fadeIn .3s ease;padding:var(--top-bar-height) 20px var(--bottom-bar-height);box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.phone-keypad-overlay::-webkit-scrollbar{width:6px}.phone-keypad-overlay::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phone-keypad{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:24px;padding:clamp(14px,2.5vh,24px);width:min(320px,100%);flex-shrink:0;margin:auto 0;box-shadow:0 20px 60px #00000080,0 0 40px #ff33331a,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1)}.phone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.phone-title{color:#f33;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px}.phone-cancel{background:none;border:none;color:#666;font-size:20px;cursor:pointer;padding:5px 10px;transition:color .2s ease}.phone-cancel:hover{color:#f33}.phone-display{background:#0a0a0a;border-radius:12px;padding:clamp(10px,2vh,20px);margin-bottom:clamp(10px,2vh,20px);text-align:center;border:1px solid rgba(255,255,255,.05)}.dialed-number{font-size:clamp(20px,4vh,32px);font-weight:300;color:#fff;letter-spacing:4px;font-family:Courier New,monospace}.dialed-number:empty:before,.dialed-number:not(:empty){min-height:40px;display:block}.phone-display .dialed-number:first-child:last-child:empty:before{content:"Enter number";color:#444;font-size:18px;letter-spacing:1px}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vh,12px);margin-bottom:clamp(10px,2vh,20px)}.keypad-digit{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:clamp(50px,9vh,70px);height:clamp(50px,9vh,70px);font-size:clamp(20px,3.5vh,28px);font-weight:400;color:#fff;cursor:pointer;transition:all .15s ease;justify-self:center;display:flex;align-items:center;justify-content:center}.keypad-digit:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);transform:scale(1.05);border-color:#fff3}.keypad-digit:active{transform:scale(.95);background:linear-gradient(145deg,#1f1f1f,#2a2a2a)}.phone-actions{display:flex;gap:15px;justify-content:center}.action-btn{padding:15px 30px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.clear-btn{background:linear-gradient(145deg,#333,#222);color:#fff;flex:1}.clear-btn:hover{background:linear-gradient(145deg,#444,#333)}.call-btn{background:linear-gradient(145deg,#2d8f2d,#1f6b1f);color:#fff;flex:2;box-shadow:0 4px 15px #2d8f2d4d}.call-btn:hover:not(:disabled){background:linear-gradient(145deg,#3aa33a,#2d8f2d);transform:translateY(-2px);box-shadow:0 6px 20px #2d8f2d66}.call-btn:disabled{background:linear-gradient(145deg,#333,#222);color:#555;cursor:not-allowed;box-shadow:none}.call-btn:active:not(:disabled){transform:translateY(0)}.call-result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1001;animation:fadeIn .3s ease;padding:var(--top-bar-height) 20px var(--bottom-bar-height);box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.call-result-overlay::-webkit-scrollbar{width:6px}.call-result-overlay::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.call-result{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:20px;padding:clamp(20px,4vh,40px) clamp(20px,4vw,40px);width:100%;max-width:500px;text-align:center;border:1px solid rgba(255,255,255,.1);flex-shrink:0;margin:auto 0}.call-result.success{border-color:#2d8f2d80;box-shadow:0 0 40px #2d8f2d33}.call-result.partial{border-color:#6495ed80;box-shadow:0 0 40px #6495ed33}.call-result.wrong{border-color:#ffa50080;box-shadow:0 0 40px #ffa50033}.call-result.critical{border-color:#ff333380;box-shadow:0 0 40px #f333}.call-result-icon{font-size:clamp(36px,6vh,60px);margin-bottom:clamp(10px,2vh,20px)}.call-result h3{color:#fff;font-size:clamp(16px,2.5vh,24px);margin-bottom:clamp(8px,1.5vh,15px)}.call-result p{color:#aaa;font-size:clamp(13px,1.8vh,16px);line-height:1.6;margin-bottom:clamp(14px,2.5vh,25px)}.call-result .continue-btn{background:linear-gradient(145deg,#b97c2c,#8a5d21);border:none;color:#fff;padding:15px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.call-result .continue-btn:hover{background:linear-gradient(145deg,#d4923a,#b97c2c);transform:translateY(-2px)}.call-result .continue-btn.secondary-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#aaa}.call-result .continue-btn.secondary-btn:hover{background:#ffffff24;color:#ddd;transform:translateY(-1px)}.call-attempt-counter{font-size:13px;color:#888;margin:4px 0 16px;text-align:center}.call-attempt-counter .last-chance{color:#e07040;font-weight:600}.time-bar-container{position:fixed;bottom:0;left:0;width:100%;height:var(--bottom-bar-height);padding:0 30px;background:#000000e6;z-index:2499;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:20px;box-sizing:border-box}.current-time{color:#fff;font-weight:600;font-size:16px;white-space:nowrap}.time-remaining{color:#f93;font-weight:600;font-size:16px;white-space:nowrap}.time-bar-track{width:65%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;flex-shrink:0}.time-bar-fill{height:100%;border-radius:5px;transition:width .5s ease,background-color .5s ease}.time-bar-fill.time-safe{background:linear-gradient(90deg,#2d8f2d,#3aa33a);box-shadow:0 0 10px #2d8f2d80}.time-bar-fill.time-warning{background:linear-gradient(90deg,#c80,#f93);box-shadow:0 0 10px #ff993380}.time-bar-fill.time-critical{background:linear-gradient(90deg,#c33,#f44);box-shadow:0 0 10px #ff444480;animation:pulse-critical 1s infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:600px){.time-bar-container{padding:12px 15px;gap:12px}.current-time,.time-remaining{font-size:13px}.time-bar-track{width:50%}}.store-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1500;animation:store-fade-in .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--top-bar-height) 20px var(--bottom-bar-height);box-sizing:border-box;overflow:hidden}@keyframes store-fade-in{0%{opacity:0}to{opacity:1}}.store-container{width:100%;max-width:700px;height:calc(100dvh - var(--top-bar-height) - var(--bottom-bar-height) - 16px);height:calc(100vh - var(--top-bar-height) - var(--bottom-bar-height) - 16px);background:linear-gradient(145deg,#1a1a1a,#252525);border-radius:20px;border:1px solid rgba(255,153,51,.2);box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;overflow:hidden;animation:store-slide-up .4s ease}@keyframes store-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.store-warning-panel{background:linear-gradient(145deg,#1a1a1a,#252525);border:1px solid rgba(255,153,51,.35);border-radius:20px;padding:clamp(24px,4vh,48px) clamp(20px,4vw,36px);max-width:420px;width:100%;flex-shrink:0;margin:auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;animation:store-slide-up .4s ease;box-shadow:0 20px 60px #0009}.store-warning-icon{font-size:52px;line-height:1}.store-warning-title{color:#f93;font-size:24px;font-weight:700;margin:0;letter-spacing:.5px}.store-warning-body{color:#bbb;font-size:15px;line-height:1.65;margin:0}.store-warning-rule{background:#ff99331a;border:1px solid rgba(255,153,51,.3);border-radius:10px;padding:12px 18px;color:#ffb74d;font-size:14px;line-height:1.5;margin:0;width:100%;box-sizing:border-box}.store-warning-rule strong{color:#f93}.store-warning-btn{background:linear-gradient(145deg,#b97c2c,#8a5d21);border:none;color:#fff;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;width:100%;font-family:inherit;letter-spacing:.5px;transition:all .2s ease;margin-top:4px}.store-warning-btn:hover{background:linear-gradient(145deg,#d4923a,#b97c2c);transform:translateY(-2px);box-shadow:0 4px 15px #b97c2c66}.store-warning-btn:active{transform:translateY(0)}.store-header{padding:clamp(12px,2vh,20px) 24px clamp(10px,1.5vh,16px);text-align:center;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.store-title{display:block;font-size:22px;font-weight:700;color:#f93;letter-spacing:1px;text-transform:uppercase}.store-subtitle{display:block;font-size:13px;color:#888;margin-top:4px}.store-shelves{display:flex;flex-direction:column;gap:0;padding:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,153,51,.3) transparent}.store-shelves::-webkit-scrollbar{width:4px}.store-shelves::-webkit-scrollbar-thumb{background:#ff99334d;border-radius:4px}.store-category{padding:14px 20px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.store-category:last-child{border-bottom:none}.store-category-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;border-radius:8px;border-left:3px solid}.store-category-essentials{background:#ff993314;border-left-color:#f93}.store-category-food{background:#4caf5014;border-left-color:#4caf50}.store-category-luxury{background:#9c27b014;border-left-color:#9c27b0}.store-category-emoji{font-size:22px;line-height:1;flex-shrink:0}.store-category-name{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ddd}.store-category-desc{display:block;font-size:11px;color:#777;margin-top:1px}.store-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.store-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;color:#ddd;font-family:inherit}.store-item:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.store-item:active:not(:disabled){transform:translateY(0)}.store-item-selected{border-color:#4caf50!important;background:#4caf501f!important;cursor:default}.store-item-selected-okay{border-color:#ffb74d!important;background:#ffb74d1f!important}.store-item-selected:hover{transform:none!important}.store-item-bad{opacity:.75}.store-item-bad:hover:not(:disabled){opacity:1;border-color:#e5393566!important}.store-item-expanded-bad{border-color:#e53935!important;background:#e539351a!important;opacity:1}.store-item-feedback{display:block;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;line-height:1.4;text-align:center;animation:feedback-reveal .2s ease}.store-item-feedback-bad{color:#ef9a9a}.store-item-feedback-okay{color:#ffe0b2}@keyframes feedback-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.store-item-shake{animation:item-shake .5s ease;border-color:#e53935!important;background:#e539351a!important}@keyframes item-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.store-item-emoji{font-size:32px;line-height:1}.store-item-name{font-size:12px;font-weight:600;text-align:center;line-height:1.2;color:#eee}.store-item-desc{font-size:10px;color:#888;text-align:center;line-height:1.2}.store-item-check{position:absolute;top:6px;right:6px;color:#4caf50;font-size:16px;font-weight:700}.store-item-check-okay{color:#ffb74d}.store-basket{padding:12px 20px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:56px}.store-basket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.store-basket-label{font-size:13px;font-weight:600;color:#f93}.store-basket-time{font-size:12px;font-weight:600;color:#aaa}.store-basket-items{display:flex;flex-wrap:wrap;gap:6px}.store-basket-empty{font-size:12px;color:#666;font-style:italic}.store-basket-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:20px;font-size:12px;color:#c8e6c9;animation:chip-pop .3s ease}.store-basket-chip-okay{background:#ffb74d26;border-color:#ffb74d4d;color:#ffe0b2}@keyframes chip-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.store-checkout-btn{margin:0 20px 16px;background:linear-gradient(145deg,#b97c2c,#8a5d21);border:none;color:#fff;padding:14px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .2s ease;flex-shrink:0}.store-checkout-btn:hover{background:linear-gradient(145deg,#d4923a,#b97c2c);transform:translateY(-2px);box-shadow:0 4px 15px #b97c2c66}.store-checkout-btn:active{transform:translateY(0)}.store-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;z-index:1600;animation:toast-in .3s ease,toast-out .3s ease 2.2s forwards;max-width:90vw;text-align:center}@keyframes toast-in{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.store-toast-bad{background:#e53935f2;color:#fff;border:1px solid #e53935}.store-toast-okay{background:#ffb74df2;color:#333;border:1px solid #ffb74d}@media(max-width:768px){.store-container{max-width:95vw}.store-header{padding:16px 16px 12px}.store-title{font-size:18px}.store-category{padding:12px 14px 14px}.store-items-grid{grid-template-columns:repeat(3,1fr);gap:7px}.store-item{padding:10px 6px}.store-item-emoji{font-size:26px}.store-item-name{font-size:11px}.store-item-desc{font-size:9px}.store-basket{padding:10px 14px}.store-checkout-btn{margin:0 14px 12px;padding:12px 30px;font-size:14px}}@media(max-width:400px){.store-category{padding:10px 12px 12px}.store-items-grid{grid-template-columns:repeat(3,1fr);gap:6px}.store-item{padding:10px 5px}.store-item-emoji{font-size:22px}.store-item-name{font-size:10px}.store-checkout-btn{margin:0 12px 10px;padding:10px 20px;font-size:13px}}.wc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000ae0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:wc-fade .3s ease;padding:var(--top-bar-height) 20px var(--bottom-bar-height);box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(100,160,255,.3) transparent}.wc-overlay::-webkit-scrollbar{width:6px}.wc-overlay::-webkit-scrollbar-thumb{background:#64a0ff4d;border-radius:3px}@keyframes wc-fade{0%{opacity:0}to{opacity:1}}.wc-panel{background:linear-gradient(145deg,#141c2a,#1a2438);border:1px solid rgba(70,130,210,.25);border-radius:20px;padding:clamp(18px,3vh,36px) clamp(18px,4vw,32px);max-width:480px;width:100%;flex-shrink:0;margin:auto 0;box-shadow:0 20px 60px #0000008c,0 0 0 1px #4682d214;animation:wc-up .4s ease}.wc-panel::-webkit-scrollbar{display:none}@keyframes wc-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.wc-screen{display:flex;flex-direction:column;gap:clamp(12px,2.5vh,24px)}.wc-icon{display:block;font-size:clamp(28px,5vh,42px);text-align:center;margin-bottom:4px}.wc-header{text-align:center}.wc-header h2{color:#dceeff;font-size:clamp(16px,2.5vh,22px);font-weight:700;margin:0 0 6px}.wc-subtitle{color:#5a8ab0;font-size:clamp(12px,1.6vh,14px);margin:0}.wc-info-block{background:#14325a59;border:1px solid rgba(60,120,200,.18);border-radius:14px;padding:clamp(14px,2.5vh,22px);display:flex;flex-direction:column;gap:clamp(10px,1.8vh,18px)}.wc-text{color:#a8c8e0;font-size:clamp(12px,1.6vh,14px);line-height:1.65;margin:0}.wc-text strong{color:#70bcf0}@keyframes wc-hint-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.03);text-shadow:0 0 8px rgba(255,204,128,.4)}}.wc-note-reminder{background:#ffc83c14;border:1px solid rgba(255,200,60,.3);border-radius:8px;padding:10px 14px;font-size:13px;color:#e0c060;line-height:1.5;animation:wc-hint-glow 2s ease-in-out infinite}.wc-note-reminder strong{color:#f0d070}.wc-formula-box{background:#08163299;border:1px solid rgba(60,120,200,.22);border-radius:12px;padding:clamp(10px,2vh,20px) clamp(10px,2vw,16px)}.wc-formula-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.wc-formula-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.wc-formula-value{background:#3c78d22e;border:1px solid rgba(60,120,210,.4);color:#80c8f8;padding:5px 10px;border-radius:8px;font-size:clamp(14px,2.2vh,18px);font-weight:700;min-width:clamp(38px,6vw,52px);text-align:center}.wc-formula-caption{font-size:10px;color:#3a6080;text-align:center;letter-spacing:.3px}.wc-formula-op{color:#3a5a78;font-size:20px;font-weight:300;margin-bottom:14px}.wc-formula-unknown .wc-formula-value{background:#3c78d24d;border-color:#3c78d2b3;color:#a8dcff;animation:wc-pulse 2s ease-in-out infinite}@keyframes wc-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 12px #3c8cdc73}}.wc-options{display:flex;flex-direction:column;gap:10px}.wc-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#b8d0e8;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left;width:100%}.wc-option:hover:not(:disabled){background:#3c78d21a;border-color:#3c78d266;transform:translate(4px)}.wc-option-joke{border-color:#dca0282e;color:#c8a850}.wc-option-joke:hover:not(:disabled){background:#dca02812;border-color:#dca02866}.wc-option-faded{opacity:.3;cursor:default}.wc-option-correct{background:#32a55029!important;border-color:#46be6499!important;color:#78e095!important;opacity:1!important;transform:none!important}.wc-option-wrong{background:#d2372d24!important;border-color:#e64b3c80!important;color:#e88878!important;opacity:1!important;transform:none!important}.wc-option-ridiculous-selected{background:#dc961e24!important;border-color:#f0aa288c!important;color:#f0b84a!important;opacity:1!important;transform:none!important}.wc-option-label{font-size:16px;font-weight:700}.wc-option-feedback{font-size:13px;font-weight:400;line-height:1.55;opacity:.9;animation:wc-fade .3s ease}.wc-input-group{display:flex;align-items:center;gap:12px;margin:4px 0}.wc-number-input{width:90px;padding:10px 14px;background:#081632b3;border:1px solid rgba(60,120,200,.45);border-radius:10px;color:#80c8f8;font-size:22px;font-weight:700;font-family:inherit;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease;-moz-appearance:textfield}.wc-number-input::-webkit-outer-spin-button,.wc-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wc-number-input:focus{border-color:#3c8cdccc;box-shadow:0 0 12px #3c8cdc40}.wc-input-unit{color:#5a8ab0;font-size:15px;font-weight:600;letter-spacing:.3px}.wc-text-hint{color:#3a5a6a;font-size:clamp(11px,1.4vh,13px);font-style:italic}.wc-btn-primary{background:linear-gradient(145deg,#1a5cb0,#0e3d7a);border:1px solid rgba(70,130,220,.5);color:#b8d8f8;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%;letter-spacing:.5px}.wc-btn-primary:hover{background:linear-gradient(145deg,#2470cc,#1a5cb0);transform:translateY(-2px);box-shadow:0 4px 20px #1a5cb073}.wc-btn-primary:active{transform:translateY(0)}.wc-btn-back{background:transparent;border:none;color:#96b4dc8c;font-size:13px;cursor:pointer;padding:8px 0 0;width:100%;text-align:center;font-family:inherit;letter-spacing:.5px;transition:color .2s}.wc-btn-back:hover{color:#96b4dce6}.cq-card{--cq-color: #4caf50;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--cq-color);border-radius:10px;padding:16px 18px;margin:16px auto 0;max-width:480px;width:100%;box-shadow:0 0 20px #0000004d;animation:cq-fade-in .4s ease}@keyframes cq-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cq-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cq-icon{font-size:1.6rem;line-height:1}.cq-title-block{flex:1;display:flex;flex-direction:column;gap:2px}.cq-label{font-size:.95rem;font-weight:700;color:#eee;letter-spacing:.03em;text-transform:uppercase}.cq-level-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.cq-dots{display:flex;gap:5px;align-items:center}.cq-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:transparent;transition:background .2s}.cq-dot.filled{border-color:transparent}.cq-prepared{font-size:.82rem;color:#ffffff80;margin-bottom:8px}.cq-prepared strong{color:#ffffffbf}.cq-consequence{font-size:.95rem;font-weight:500;line-height:1.45;margin-bottom:10px}.cq-check{font-weight:700}.cq-tip{font-size:.8rem;color:#ffffff73;border-top:1px solid rgba(255,255,255,.08);padding-top:8px;line-height:1.4}.ending-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:flex-start;justify-content:center;z-index:3000;overflow-y:auto;animation:ending-fade-in .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes ending-fade-in{0%{opacity:0}to{opacity:1}}.ending-screen{width:100%;max-width:720px;padding:40px 30px 60px;box-sizing:border-box}.ending-badge{text-align:center;border:2px solid;border-radius:16px;padding:30px 20px;margin-bottom:35px;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);animation:badge-pop .5s ease .3s backwards}@keyframes badge-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.ending-badge h2{font-size:28px;letter-spacing:4px;text-transform:uppercase;margin:0 0 12px}.ending-summary{color:#ccc;font-size:16px;line-height:1.5;margin:0}.section-title{color:#f93;font-size:18px;text-transform:uppercase;letter-spacing:2px;margin:30px 0 15px;padding-bottom:8px;border-bottom:1px solid rgba(255,153,51,.3)}.report-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.report-card{background:linear-gradient(145deg,#1a1a1a,#252525);border:2px solid;border-radius:12px;padding:14px;transition:transform .2s}.report-card:hover{transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.card-icon{font-size:22px}.card-label{color:#fff;font-weight:700;font-size:14px;flex:1}.prep-dots{display:flex;gap:4px}.dot{width:8px;height:8px;border-radius:50%;background:#444;display:inline-block}.dot.filled{background:#f93}.card-consequence{color:#bbb;font-size:13px;line-height:1.4;margin:0 0 6px}.card-feedback{color:#ffcc80;font-size:12px;font-style:italic;line-height:1.4;margin:0;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.numbers-box{background:linear-gradient(145deg,#1a1a1a,#252525);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1)}.number-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;margin-bottom:6px;transition:background .2s}.number-row.dialed{background:#ffffff0d}.num{color:#f33;font-size:18px;font-weight:700;letter-spacing:1px;min-width:50px}.num-desc{color:#ccc;font-size:14px;flex:1}.num-tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;background:#e74c3c33;color:#e74c3c;white-space:nowrap}.number-row.dialed.correct-number .num-tag,.num-tag.best{background:#4caf5033;color:#4caf50}.numbers-hint{color:#ffcc80;font-style:italic;font-size:13px;text-align:center;margin:12px 0 0}.takeaways{list-style:none;padding:0;margin:0}.takeaways li{color:#ccc;font-size:14px;line-height:1.5;padding:8px 0 8px 20px;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.takeaways li:before{content:"→";position:absolute;left:0;color:#f93}.takeaways li:last-child{border-bottom:none;color:#6495ed}.prep-score{text-align:center;margin:30px 0 20px}.score-number{font-size:48px;font-weight:700;color:#f93}.score-label{font-size:18px;color:#888;margin-left:4px}.score-breakdown{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-top:8px;font-size:16px;color:#aaa}.score-breakdown small{font-size:12px;color:#666;margin-left:3px}.play-again-btn{display:block;width:100%;max-width:300px;margin:0 auto;padding:16px 40px;background:linear-gradient(145deg,#b97c2c,#8a5d21);border:none;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;border-radius:8px;cursor:pointer;transition:all .2s ease}.play-again-btn:hover{background:linear-gradient(145deg,#d4923a,#b97c2c);transform:translateY(-2px);box-shadow:0 4px 15px #b97c2c66}.play-again-btn:active{transform:translateY(0)}@media(max-width:768px){.ending-screen{padding:25px 20px 50px}.ending-badge{padding:20px 15px}.ending-badge h2{font-size:22px;letter-spacing:3px}.ending-summary{font-size:14px}.report-grid{grid-template-columns:1fr 1fr}.section-title{font-size:16px}.score-number{font-size:40px}}@media(max-width:400px){.ending-screen{padding:20px 15px 40px}.ending-badge h2{font-size:18px;letter-spacing:2px}.ending-summary{font-size:13px}.report-grid{grid-template-columns:1fr 1fr;gap:8px}.report-card{padding:10px}.card-icon{font-size:18px}.card-label,.card-consequence{font-size:12px}.card-feedback{font-size:11px}.num{font-size:16px;min-width:42px}.num-desc{font-size:12px}.score-number{font-size:36px}.score-label{font-size:14px}.play-again-btn{font-size:14px;padding:14px 30px}}.crisis-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:3000;overflow-y:auto;animation:crisis-fade-in .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crisis-screen{margin:auto}@keyframes crisis-fade-in{0%{opacity:0}to{opacity:1}}.crisis-screen{width:100%;max-width:720px;padding:40px 30px 60px;box-sizing:border-box}.crisis-header{text-align:center;margin-bottom:30px}.crisis-title{color:#f93;font-size:28px;text-transform:uppercase;letter-spacing:3px;margin:0 0 10px}.crisis-subtitle{color:#999;font-size:15px;margin:0;font-style:italic}.crisis-grid{display:grid;gap:14px}.crisis-grid.grid-2,.crisis-grid.grid-4{grid-template-columns:1fr 1fr}.crisis-card{background:linear-gradient(145deg,#1a1a1a,#252525);border:2px solid;border-radius:12px;padding:18px;animation:crisis-card-in .4s ease backwards}.crisis-card:nth-child(1){animation-delay:.1s}.crisis-card:nth-child(2){animation-delay:.2s}.crisis-card:nth-child(3){animation-delay:.3s}.crisis-card:nth-child(4){animation-delay:.4s}@keyframes crisis-card-in{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.crisis-card-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.crisis-card-icon{font-size:24px}.crisis-card-label{color:#fff;font-weight:700;font-size:16px;flex:1}.crisis-dots{display:flex;gap:4px}.crisis-dot{width:9px;height:9px;border-radius:50%;background:#444}.crisis-dot.filled{background:#f93}.crisis-card-prepared{color:#aaa;font-size:13px;margin-bottom:8px}.crisis-card-prepared strong{color:#ddd}.crisis-card-consequence{font-size:15px;font-weight:600;line-height:1.4;margin-bottom:8px}.crisis-card-tip{font-size:12px;color:#ffcc80;font-style:italic;line-height:1.4;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.crisis-warning{background:#ff99331a;border:1px solid rgba(255,153,51,.3);border-radius:10px;padding:14px 18px;margin-top:16px;color:#f93;font-size:14px;text-align:center}.crisis-warning-tip{display:block;color:#ffcc80;font-style:italic;font-size:12px;margin-top:6px}.crisis-continue-btn{display:block;width:100%;max-width:300px;margin:30px auto 0;padding:16px 40px;background:linear-gradient(145deg,#b97c2c,#8a5d21);border:none;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;border-radius:8px;cursor:pointer;transition:all .2s ease}.crisis-continue-btn:hover{background:linear-gradient(145deg,#d4923a,#b97c2c);transform:translateY(-2px);box-shadow:0 4px 15px #b97c2c66}.crisis-continue-btn:active{transform:translateY(0)}@media(max-width:768px){.crisis-screen{padding:25px 20px 50px}.crisis-title{font-size:22px}.crisis-card{padding:14px}.crisis-card-icon{font-size:20px}.crisis-card-label,.crisis-card-consequence{font-size:14px}}@media(max-width:400px){.crisis-screen{padding:20px 15px 40px}.crisis-title{font-size:18px;letter-spacing:2px}.crisis-subtitle{font-size:13px}.crisis-grid.grid-2,.crisis-grid.grid-4{grid-template-columns:1fr}.crisis-card{padding:12px}.crisis-card-icon{font-size:18px}.crisis-card-label,.crisis-card-consequence{font-size:13px}.crisis-card-tip{font-size:11px}.crisis-continue-btn{font-size:14px;padding:14px 30px}}.storm-arrival{position:fixed;inset:0;z-index:1000;overflow:hidden;animation:storm-fade-out .8s ease-in 3.4s forwards}@keyframes storm-fade-out{to{opacity:0;pointer-events:none}}.storm-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.6) saturate(.15) blur(3px)}.storm-fog{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 40%,rgba(220,230,245,.55),transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(200,215,235,.5),transparent 65%),linear-gradient(to bottom,#d2e1f073,#b4c8dc99);animation:fog-drift 6s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes fog-drift{0%{transform:translate(-3%) scale(1.05);opacity:.85}to{transform:translate(3%) scale(1.1);opacity:1}}.storm-snow{position:absolute;inset:0;pointer-events:none}.snow-flake{position:absolute;top:-5%;background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc;animation:snow-fall linear infinite;will-change:transform}@keyframes snow-fall{0%{transform:translateY(-10vh)}to{transform:translate(var(--drift, -20vw),120vh)}}.storm-lightning{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;animation:lightning 4.2s ease-out forwards}@keyframes lightning{0%{opacity:0}4%{opacity:.85}7%{opacity:0}14%{opacity:.6}16%{opacity:0}22%{opacity:.45}24%{opacity:0}to{opacity:0}}.storm-shake{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:screen-shake .55s ease-out .05s}@keyframes screen-shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-6px,-4px) rotate(-.5deg)}20%{transform:translate(6px,4px) rotate(.5deg)}30%{transform:translate(-5px,2px) rotate(-.3deg)}40%{transform:translate(5px,-3px) rotate(.3deg)}50%{transform:translate(-3px,4px) rotate(-.2deg)}60%{transform:translate(3px,-2px) rotate(.2deg)}80%{transform:translate(-2px,1px) rotate(0)}to{transform:translate(0) rotate(0)}}.storm-content{text-align:center;animation:content-fade-in 1.2s ease-out .3s both}@keyframes content-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.storm-time{font-size:5rem;font-weight:700;color:#c8d8f0;letter-spacing:.08em;margin:0 0 .4rem;text-shadow:0 0 40px rgba(100,160,255,.6),0 2px 8px rgba(0,0,0,.8);font-family:Courier New,monospace}.storm-label{font-size:1.3rem;color:#c8dcffbf;letter-spacing:.15em;text-transform:uppercase;margin:0;text-shadow:0 0 20px rgba(100,160,255,.4)}.bn-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#000;animation:bn-fade-in .4s ease}@keyframes bn-fade-in{0%{opacity:0}to{opacity:1}}.bn-screen{position:relative;width:min(680px,96vw);background:#0a0e14;border:3px solid #1a2030;border-radius:6px;overflow:hidden;box-shadow:0 0 0 6px #111,0 0 60px #0064ff26,0 0 120px #000000e6}.bn-scanlines{position:absolute;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(to bottom,transparent,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px)}.bn-topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 8px;background:#0d1218;border-bottom:1px solid #1c2535}.bn-channel{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:#4a6fa5;font-family:Courier New,monospace}.bn-live{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#e74c3c;animation:live-blink 1.4s ease-in-out infinite}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.4}}.bn-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#c0392b;animation:bn-banner-slide .5s cubic-bezier(.22,1,.36,1) both}@keyframes bn-banner-slide{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.bn-banner-icon{font-size:1.3rem}.bn-banner-text{font-size:1.05rem;font-weight:800;letter-spacing:.22em;color:#fff;text-transform:uppercase}.bn-content{padding:36px 28px 28px;min-height:160px;display:flex;flex-direction:column;gap:18px}.bn-line{font-size:1.25rem;font-weight:600;color:#c8d8f0;line-height:1.4;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease}.bn-line-0{font-size:1.45rem;font-weight:700;color:#eaf0fb}.bn-line-2{font-size:1.1rem;color:#f93;font-weight:700;letter-spacing:.04em}.bn-line.visible{opacity:1;transform:translateY(0)}.bn-continue-wrap{display:flex;justify-content:flex-end;padding:0 28px 24px;opacity:0;transition:opacity .5s ease}.bn-continue-wrap.visible{opacity:1}.bn-continue-btn{background:transparent;border:1px solid #4a6fa5;color:#8aadd4;padding:8px 24px;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:background .2s,color .2s,border-color .2s}.bn-continue-btn:hover{background:#4a6fa5;color:#fff;border-color:#4a6fa5}.bn-ticker{display:flex;align-items:center;background:#1a0a0a;border-top:2px solid #c0392b;height:34px;overflow:hidden}.bn-ticker-label{flex-shrink:0;background:#c0392b;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.14em;padding:0 12px;height:100%;display:flex;align-items:center}.bn-ticker-track{flex:1;overflow:hidden;white-space:nowrap}.bn-ticker-track span{display:inline-block;font-size:.78rem;color:#e8c98a;letter-spacing:.06em;animation:ticker-scroll 22s linear infinite;padding-left:100%}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.outcome-overlay{position:fixed;inset:0;z-index:950;display:flex;align-items:center;justify-content:center;background:#08090c;animation:outcome-fade-in .6s ease}@keyframes outcome-fade-in{0%{opacity:0}to{opacity:1}}.outcome-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 38%,color-mix(in srgb,var(--outcome-accent) 18%,transparent),transparent 70%)}.outcome-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;padding:48px 32px;width:min(560px,92vw);text-align:center}.outcome-icon-wrap{width:80px;height:80px;border-radius:50%;border:2px solid var(--outcome-accent);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--outcome-accent) 12%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--outcome-accent) 35%,transparent),0 0 80px color-mix(in srgb,var(--outcome-accent) 12%,transparent);animation:icon-pulse 3s ease-in-out infinite}@keyframes icon-pulse{0%,to{box-shadow:0 0 30px color-mix(in srgb,var(--outcome-accent) 35%,transparent),0 0 80px color-mix(in srgb,var(--outcome-accent) 12%,transparent)}50%{box-shadow:0 0 45px color-mix(in srgb,var(--outcome-accent) 55%,transparent),0 0 120px color-mix(in srgb,var(--outcome-accent) 20%,transparent)}}.outcome-icon{font-size:2rem;color:var(--outcome-accent);font-style:normal}.outcome-headline{font-size:2rem;font-weight:700;color:#e8eaf0;letter-spacing:.03em;margin:0;text-shadow:0 0 40px color-mix(in srgb,var(--outcome-accent) 40%,transparent);animation:outcome-fade-in .8s ease .2s both}.outcome-lines{display:flex;flex-direction:column;gap:16px;width:100%}.outcome-line{font-size:1.05rem;line-height:1.65;color:#c8d2e6d9;margin:0;opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease}.outcome-line.visible{opacity:1;transform:translateY(0)}.outcome-line:is([data-quote]){font-style:italic;color:#c8d7f0b3}.outcome-btn-wrap{opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.outcome-btn-wrap.visible{opacity:1;transform:translateY(0)}.outcome-btn{background:transparent;border:1px solid var(--outcome-accent);color:color-mix(in srgb,var(--outcome-accent) 80%,white);padding:12px 32px;font-size:.95rem;font-weight:600;letter-spacing:.1em;cursor:pointer;border-radius:4px;font-family:inherit;transition:background .2s,color .2s,box-shadow .2s}.outcome-btn:hover{background:color-mix(in srgb,var(--outcome-accent) 20%,transparent);color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--outcome-accent) 30%,transparent)}.fs-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000aeb;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:2500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fs-fade .3s ease;padding:var(--top-bar-height, 60px) 20px var(--bottom-bar-height, 20px);box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(100,160,255,.3) transparent}@keyframes fs-fade{0%{opacity:0}to{opacity:1}}.fs-panel{background:linear-gradient(145deg,#141c2a,#1a2438);border:1px solid rgba(70,130,210,.25);border-radius:20px;padding:clamp(18px,3vh,36px) clamp(18px,4vw,32px);max-width:480px;width:100%;margin:auto 0;box-shadow:0 20px 60px #0000008c,0 0 0 1px #4682d214;animation:fs-up .4s ease;display:flex;flex-direction:column;gap:clamp(14px,2.5vh,22px)}@keyframes fs-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fs-icon{display:block;font-size:clamp(28px,5vh,40px);text-align:center;margin-bottom:4px}.fs-header{text-align:center}.fs-header h2{color:#dceeff;font-size:clamp(16px,2.5vh,22px);font-weight:700;margin:0 0 6px}.fs-subtitle{color:#5a8ab0;font-size:clamp(12px,1.6vh,14px);margin:0}.fs-member-list{background:#14325a59;border:1px solid rgba(60,120,200,.18);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.fs-member-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(60,120,200,.1)}.fs-member-row:last-child{border-bottom:none}.fs-member-name{flex:1;color:#b8d0e8;font-size:14px;font-weight:500}.fs-member-tag{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.fs-tag-you{background:#3c78d226;color:#60a8e0;border:1px solid rgba(60,120,210,.3)}.fs-tag-adult{background:#50a05026;color:#70c870;border:1px solid rgba(80,160,80,.3)}.fs-tag-elderly{background:#c8963c26;color:#e0b860;border:1px solid rgba(200,150,60,.3)}.fs-tag-child{background:#a050c826;color:#c080e0;border:1px solid rgba(160,80,200,.3)}.fs-remove-btn{background:none;border:1px solid rgba(200,80,60,.3);color:#c06050;border-radius:50%;width:24px;height:24px;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease;flex-shrink:0}.fs-remove-btn:hover{background:#c8503c26;border-color:#c8503c99;color:#e07060}.fs-add-buttons{display:flex;flex-wrap:wrap;gap:8px}.fs-add-btn{flex:1;min-width:120px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#9ab8d0;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease;text-align:center}.fs-add-btn:hover{background:#3c78d21f;border-color:#3c78d266;color:#c0d8f0;transform:translateY(-1px)}.fs-add-elderly{border-color:#c8963c40;color:#c8a050}.fs-add-elderly:hover{background:#c8963c1a;border-color:#c8963c80;color:#e0c070}.fs-add-child{border-color:#a050c840;color:#a870c8}.fs-add-child:hover{background:#a050c81a;border-color:#a050c880;color:#c090e0}.fs-elderly-form{background:#c8963c12;border:1px solid rgba(200,150,60,.25);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;animation:fs-fade .2s ease}.fs-elderly-label{color:#c8a050;font-size:13px;font-weight:600}.fs-elderly-input{background:#081632b3;border:1px solid rgba(200,150,60,.4);border-radius:8px;color:#e0c070;padding:10px 14px;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.fs-elderly-input:focus{border-color:#c8963cb3;box-shadow:0 0 10px #c8963c26}.fs-elderly-hint{color:#7a6030;font-size:12px;font-style:italic;margin:0}.fs-elderly-add-btn{background:linear-gradient(145deg,#7a5010,#5a3a0a);border:1px solid rgba(200,150,60,.5);color:#e0c070;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.fs-elderly-add-btn:hover:not(:disabled){background:linear-gradient(145deg,#9a6818,#7a5010);transform:translateY(-1px)}.fs-elderly-add-btn:disabled{opacity:.4;cursor:not-allowed}.fs-water-preview{background:#143c6459;border:1px solid rgba(60,130,200,.22);border-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fs-water-people{color:#7aaccc;font-size:14px;font-weight:600}.fs-water-divider{color:#3c78c866;font-size:16px}.fs-water-target{color:#7aaccc;font-size:14px}.fs-water-target strong{color:#80c8f8;font-size:16px}.fs-done-btn{background:linear-gradient(145deg,#1a5cb0,#0e3d7a);border:1px solid rgba(70,130,220,.5);color:#b8d8f8;padding:15px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%;letter-spacing:.5px}.fs-done-btn:hover{background:linear-gradient(145deg,#2470cc,#1a5cb0);transform:translateY(-2px);box-shadow:0 4px 20px #1a5cb073}.fs-done-btn:active{transform:translateY(0)}.loading-screen{position:fixed;inset:0;background-color:#000;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-overlay{position:absolute;inset:0;background:#080502d1}.loading-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}.loading-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:1}.loading-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:28px;width:min(480px,88vw);text-align:center}.loading-alert-band{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:3px;color:#f93;border:1px solid rgba(255,153,51,.3);padding:5px 16px;border-radius:3px;background:#ff993312;animation:band-flicker 5s ease-in-out infinite}.loading-alert-dot{width:6px;height:6px;border-radius:50%;background:#f93;animation:dot-blink 1.2s ease-in-out infinite;flex-shrink:0}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes band-flicker{0%,89%,91%,93%,to{opacity:1}90%,92%{opacity:.6}}.loading-title-block{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-title{font-size:clamp(3rem,12vw,5.5rem);font-weight:900;letter-spacing:10px;text-transform:uppercase;color:#fff;margin:0;line-height:.95;text-shadow:0 0 20px rgba(255,140,40,.45),0 0 60px rgba(255,100,20,.2);animation:title-pulse 4s ease-in-out infinite}@keyframes title-pulse{0%,to{text-shadow:0 0 20px rgba(255,140,40,.45),0 0 60px rgba(255,100,20,.2)}50%{text-shadow:0 0 30px rgba(255,140,40,.65),0 0 80px rgba(255,100,20,.35)}}.loading-tagline{font-size:12px;letter-spacing:2px;color:#666;text-transform:uppercase;margin:0}.loading-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,153,51,.4),transparent)}.loading-progress-area{width:100%;display:flex;flex-direction:column;gap:10px}.loading-bar-track{width:100%;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#c60,#f93);border-radius:2px;transition:width .35s ease;box-shadow:0 0 10px #ff9933b3}.loading-status{font-size:11px;letter-spacing:1px;color:#555;margin:0;min-height:1.4em;transition:opacity .4s ease;font-style:italic}.loading-enter-btn{margin-top:4px;padding:13px 52px;font-size:13px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:#444;background:transparent;border:1px solid #333;border-radius:4px;cursor:default;opacity:.4;transition:opacity .6s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}.loading-enter-btn.ready{color:#f93;border-color:#f939;background:#ff99330f;opacity:1;cursor:pointer;animation:enter-glow 2.2s ease-in-out infinite}.loading-enter-btn.ready:hover{background:#ff993324;border-color:#f93;box-shadow:0 0 28px #f936;animation:none}@keyframes enter-glow{0%,to{box-shadow:0 0 8px #f933}50%{box-shadow:0 0 22px #ff993380}}.loading-eu-logo{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:3;opacity:.85;transition:opacity .3s ease}.loading-eu-logo:hover{opacity:1}.loading-eu-logo img{height:110px;width:auto;display:block;border-radius:4px}.lang-screen{position:fixed;inset:0;background-color:#000;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.lang-overlay{position:absolute;inset:0;background:#080502d9}.lang-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none}.lang-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.lang-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff;margin:0}.lang-subtitle{font-size:clamp(.9rem,2.5vw,1.1rem);letter-spacing:2px;color:#888;margin:-18px 0 0;font-style:italic}.lang-buttons{display:flex;gap:24px}.lang-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 44px;background:#ffffff0a;border:1px solid rgba(255,153,51,.25);border-radius:8px;cursor:pointer;transition:all .3s ease}.lang-btn:hover{background:#ff99331a;border-color:#f93;box-shadow:0 0 24px #ff99334d;transform:translateY(-2px)}.lang-flag{font-size:2.8rem;line-height:1}.lang-label{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ccc}.lang-btn:hover .lang-label{color:#f93}.lang-eu-logo{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:3;opacity:.85}.lang-eu-logo:hover{opacity:1}.lang-eu-logo img{height:110px;width:auto;display:block;border-radius:4px}.demo-screen{position:fixed;inset:0;background-color:#000;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;z-index:9999;overflow-y:auto;padding:32px 16px}.demo-overlay{position:absolute;inset:0;background:#080502e0}.demo-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none}.demo-card{position:relative;z-index:2;display:flex;flex-direction:column;gap:24px;max-width:560px;width:100%;padding:36px 32px;background:#140e0899;border:1px solid rgba(255,153,51,.2);border-radius:10px;text-align:left}.demo-title{font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0;text-align:center}.demo-subtitle{font-size:.9rem;color:#aaa;margin:-10px 0 8px;text-align:center;line-height:1.5}.demo-field{display:flex;flex-direction:column;gap:10px}.demo-label{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#f93}.demo-select{appearance:none;background:#ffffff0d;border:1px solid rgba(255,153,51,.3);border-radius:6px;padding:12px 14px;color:#eee;font-size:15px;cursor:pointer;transition:all .2s ease}.demo-select:hover,.demo-select:focus{border-color:#f93;outline:none;background:#ff993314}.demo-select option{background:#1a1208;color:#eee}.demo-pills{display:flex;flex-wrap:wrap;gap:8px}.demo-pill{padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,153,51,.25);border-radius:999px;color:#ccc;font-size:13px;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.demo-pill:hover{background:#ff99331a;border-color:#f939;color:#fff}.demo-pill.is-active{background:#ff99332e;border-color:#f93;color:#f93;box-shadow:0 0 12px #ff993340}.demo-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}.demo-skip{background:none;border:none;color:#888;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;padding:8px 4px;text-decoration:underline;transition:color .2s ease}.demo-skip:hover{color:#ccc}.demo-continue{padding:12px 32px;background:#ff993326;border:1px solid #ff9933;border-radius:6px;color:#f93;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.demo-continue:hover:not(:disabled){background:#ff993340;box-shadow:0 0 16px #f936}.demo-continue:disabled{opacity:.4;cursor:not-allowed}#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}