*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:700px){.map-wrapper{height:auto;min-height:100vh}.icon-grid{gap:20px 8px;grid-template-columns:repeat(2,1fr);max-width:100vw;padding-top:100px;width:98vw}.map-icon img{height:70px;width:70px}.map-icon .label{font-size:13px;margin-top:4px}.hero-name h1{font-size:28px}}.hero-name{align-items:center;color:#fdf6e3;display:flex;font-family:MedievalSharp,serif;justify-content:center;margin-bottom:48px;margin-top:32px;position:static;text-shadow:2px 2px 8px #000;width:100%;z-index:2}.hero-name h1{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e1e1ebf;border-radius:22px;box-shadow:0 2px 12px 0 #00000047;color:#fff;display:inline-block;font-size:48px;font-weight:700;letter-spacing:2px;margin:0;padding:16px 36px 14px;text-shadow:1px 1px 6px #000,0 0 10px #ffffff2e}.map-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;position:relative;width:100vw}.icon-grid{grid-gap:32px 48px;display:grid;gap:32px 48px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding-top:0;width:90vw;z-index:2}.map-background{height:100%;object-fit:cover;position:absolute;width:100%;z-index:0}.map-icon{cursor:pointer;flex-direction:column;position:static;transition:transform .3s ease;z-index:1}.icon-bg,.map-icon{align-items:center;display:flex}.icon-bg{background:radial-gradient(circle at 60% 40%,#fffbe6 60%,#e0c97f 100%);border:2px solid #b8860b4d;border-radius:50%;box-shadow:0 8px 32px 0 #00000040,0 4px 16px 0 #00000026,inset 0 2px 4px #fff6,0 0 0 4px #ffffff1a;height:170px;justify-content:center;margin-bottom:8px;position:relative;transition:box-shadow .3s ease,transform .3s ease,border .3s ease;width:170px}.icon-bg:before{background:linear-gradient(135deg,#ffd70066,#b8860b33);border-radius:50%;bottom:-6px;content:"";left:-6px;opacity:.6;position:absolute;right:-6px;top:-6px;transition:opacity .3s ease;z-index:-1}.map-icon img{height:120px;transition:transform .3s ease;width:120px;z-index:2}.map-icon.music img{height:170px;transition:transform .3s ease;width:100px}.map-icon.film img{height:125px;width:125px}.map-icon.artwork img,.map-icon.experience img{height:170px;width:125px}.map-icon .label{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e1e1ebf;border-radius:18px;box-shadow:0 2px 8px 0 #00000040;color:#fff;font-family:MedievalSharp,cursive;font-size:20px;font-weight:700;letter-spacing:.75px;margin-top:10px;padding:8px 18px 7px;text-shadow:1px 1px 4px #000,0 0 8px #ffffff26;transition:font-size .3s ease,text-shadow .3s ease,background .3s}.map-icon:hover img{transform:scale(1.18)}.map-icon:hover .icon-bg{border:2px solid #ffd70099;box-shadow:0 12px 48px 0 #00000059,0 6px 24px 0 #00000040,inset 0 3px 6px #ffffff80,0 0 0 6px #ffd70033,0 0 20px #ffd7004d;transform:scale(1.08)}.map-icon:hover .icon-bg:before{opacity:1}.map-icon:hover .label{font-size:18px;text-shadow:3px 3px 10px #000,0 0 12px #ffffff4d}.miniatures{left:45%;top:30%}.experience{right:20%;top:20%}.music{left:15%;top:55%}.film{right:40%;top:70%}.chef{left:10%;top:15%}.sawyer{bottom:10%;right:10%}.about{right:20%;top:60%}.robot{right:60%;top:65%}.adventure{right:10%;top:10%}.writing{left:25%;top:25%}.artwork{right:33%;top:25%}.map-icon.walkthroughs .icon-bg{background:radial-gradient(circle at 50% 30%,#f0e6d2 40%,#c89f4c 100%);border-radius:50%;box-shadow:0 6px 24px 0 #8b45134d,0 1.5px 6px 0 #0003,inset 0 2px 4px #ffffff4d}.map-icon.walkthroughs:hover .icon-bg{box-shadow:0 10px 32px 0 #8b451366,0 2px 12px 0 #0000004d,inset 0 2px 6px #fff6;transform:scale(1.08)}.map-icon.walkthroughs img{border-radius:50%;height:110px;object-fit:cover;width:110px}.about-container{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:80px auto;max-width:700px;padding:24px;text-align:center}h2{font-family:MedievalSharp,serif}.profile-pic{border:4px solid #ccc;border-radius:50%;height:150px;margin-bottom:20px;object-fit:cover;width:150px}.about-content h2{font-size:28px;margin-bottom:16px}.about-content p{font-size:16px;line-height:1.6;margin-bottom:24px}.social-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.social-links a{border:1px solid #ccc;border-radius:6px;color:#0366d6;font-weight:700;padding:8px 14px;text-decoration:none;transition:background .2s ease}.social-links a:hover{background-color:#f0f0f0}.video-gallery{background-color:#f2e6d9;border-radius:20px;box-shadow:0 8px 16px #0003;color:#2b1d0e;font-family:Georgia,serif;margin:40px auto;max-width:700px;padding:24px}.video-gallery-title{border-bottom:2px solid #c69c6d;font-size:24px;margin-bottom:20px;margin-top:24px;padding-bottom:10px;text-align:center}.video-list{list-style:none;margin-bottom:20px;padding:0}.video-link{background-color:#fff5e1;border:1px solid #c69c6d;border-radius:10px;color:#2b1d0e;display:block;margin-bottom:12px;padding:12px;text-decoration:none;transition:background-color .2s}.video-link:hover{background-color:#e5d4a3}.channel-button-wrapper{text-align:center}.channel-button{background-color:#c69c6d;border-radius:10px;color:#fff;font-weight:700;padding:10px 24px;text-decoration:none;transition:background-color .2s}.channel-button:hover{background-color:#b58c5a}.gallery-container{grid-gap:16px;background-color:#f9fafb;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:100px 24px 24px}.photo-card{align-items:center;aspect-ratio:1/1;background:#fff;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:center;margin:0;overflow:hidden;padding:0;transition:transform .2s ease-in-out}.photo-card:hover{transform:scale(1.02)}.media{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.caption{display:none}.lightbox{background:#000c;height:100vh;top:0}.lightbox img,.lightbox video{border-radius:8px;box-shadow:0 0 12px #fff6;max-height:90%;max-width:90%}.lightbox-arrow.left{left:30px}.lightbox-arrow.right{right:30px}.section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-top:60px;scroll-margin-top:80px}.experience-container{margin:0 auto;max-width:900px;padding:40px 20px}.experience-header{color:#1a1a2e;font-family:Georgia,serif;font-size:42px;font-weight:700;margin-bottom:50px;position:relative;text-align:center}.experience-header:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;content:"";display:block;height:4px;margin:16px auto 0;width:80px}.timeline{padding-left:40px;position:relative}.timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px;bottom:10px;content:"";left:0;position:absolute;top:10px;width:3px}.job-card{background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:40px;padding:28px 32px;position:relative;transition:all .3s ease}.job-card:before{background:#667eea;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #667eea33;content:"";height:16px;left:-52px;position:absolute;top:22px;width:16px}.job-card:hover{border-left-color:#667eea;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.job-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:18px}.job-title-section{flex:1 1;min-width:250px}.job-title{color:#1a1a2e;font-family:Georgia,serif;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 6px}.job-company{color:#667eea;font-size:17px;font-weight:600}.job-company,.job-date{font-family:system-ui,-apple-system,sans-serif}.job-date{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:14px;font-weight:500;padding:6px 14px;white-space:nowrap}.job-bullets{list-style:none;margin:0;padding-left:20px}.job-bullets li{color:#334155;font-size:15px;line-height:1.7;margin-bottom:10px;padding-left:12px;position:relative}.job-bullets li:before{color:#667eea;content:"▹";font-size:18px;font-weight:700;left:-8px;position:absolute}.job-bullets li:last-child{margin-bottom:0}@media (max-width:768px){.timeline{padding-left:30px}.timeline:before{left:0}.job-card:before{border-width:3px;height:12px;left:-42px;width:12px}.experience-header{font-size:32px}.job-card{padding:20px 24px}.job-title{font-size:19px}.job-company{font-size:15px}.job-header{flex-direction:column;gap:10px}.job-date{align-self:flex-start}}.oracle-main-layout{margin:0 auto;max-width:1220px}.oracle-catalog{background:#fffff0eb;border:1px solid #e0d6b8;border-radius:12px;box-shadow:0 2px 8px #0000001a;justify-self:end;max-height:calc(100vh - 200px);overflow:auto;padding:1rem;position:sticky;top:180px;width:100%}@media (max-width:600px){.oracle-wrapper{padding:.5rem!important}.oracle-box{margin:1rem auto;max-width:100%;padding:1rem}.oracle-main-layout{margin:0;max-width:100vw}.oracle-answer{font-size:1rem!important;min-height:120px!important;padding:.5rem!important}.oracle-box h2{font-size:1.2rem;padding:.5rem .7rem}.oracle-form button,.oracle-form input{font-size:15px;padding:.5rem}}.oracle-box{color:#3b2f2f;font-family:MedievalSharp,cursive;margin:3rem auto;max-width:600px;padding:2rem}.oracle-wrapper{align-items:center;background:url(/static/media/parchment-background.ffb6a65e9728a3ed8b80.png) no-repeat 50% fixed;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:2rem}.oracle-box h2{color:#472e1f;font-size:2rem;margin-bottom:1.5rem;text-align:center}.oracle-box form{display:flex;flex-direction:column;gap:1rem}.oracle-box input{background-color:#fff8dce6;border:2px solid #a9825a;border-radius:8px;color:#3b2f2f;font-size:16px;padding:.75rem}.oracle-box button{background-color:#8b4513;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:.75rem;transition:background .3s}.oracle-box button:hover{background-color:sienna}.oracle-answer{background:#fffff0e6;border-left:4px solid #c9a84e;border-radius:8px;box-shadow:inset 0 0 8px #0003;margin-top:2rem;padding:1rem}body,html{height:100%;margin:0;padding:0}.game-container{background-color:#1e1e1e;border-radius:12px;box-shadow:0 0 12px #0006;box-sizing:border-box;color:#d4d4d4;display:flex;flex-direction:column;font-family:Russo One,Courier New,Courier,monospace;margin:48px auto 0;max-width:600px;min-height:80vh;overflow-x:hidden;padding:24px;width:90vw}@media (max-width:600px){.game-container{margin:24px auto 0;max-width:100vw;min-height:70vh;padding:12px;width:100vw}.game-output{font-size:1.05rem;padding:10px}.game-input-form input{font-size:1.05rem;padding:10px 8px}.game-output img{border-radius:6px;margin:10px auto}}.game-page-background{align-items:flex-start;background:url(/static/media/left-background.5a69a53faadf327f3d2a.png) 0 no-repeat,url(/static/media/right-background.d7664c1b009ed9d41010.png) 100% no-repeat;background-attachment:fixed;background-position:0 0,100% 0;background-repeat:no-repeat;background-size:50% 100%,50% 100%;display:flex;justify-content:center;min-height:100vh}.game-output{background-color:#121212;border:1px solid #333;border-radius:8px;flex-grow:1;font-family:Russo One,Courier New,Courier,monospace;font-size:1.25rem;margin-bottom:16px;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.game-output img{border-radius:8px;box-shadow:0 2px 8px #0000002e;display:block;height:auto;margin:16px auto;max-width:100%}.game-input-form{display:flex;gap:12px}.game-input-form input{background-color:#232323;border:1.5px solid #555;border-radius:6px;box-shadow:0 1px 4px #0000001a;color:#fff;flex-grow:1;font-family:Russo One,Courier New,Courier,monospace;font-size:1.3rem;letter-spacing:1px;padding:14px 16px}@media (max-width:600px){.game-container{max-width:100vw;min-height:70vh;padding:60px 12px 12px;width:100vw}.game-output{font-size:1.05rem;padding:10px}.game-input-form input{font-size:1.05rem;padding:10px 8px}.game-output img{border-radius:6px;margin:10px auto}}.game-input-form input:focus{border-color:#6c9eff;outline:none}.game-input-form button{background-color:#6c9eff;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:700;padding:10px 16px}.game-input-form button:hover{background-color:#4a87e0}.title-overlay{color:#e63946;font-family:Russo One,sans-serif;font-size:48px;left:2%;pointer-events:none;position:absolute;text-shadow:2px 2px 4px #000c;top:120px;z-index:1}.music-gallery{grid-gap:32px;background-color:#222;display:grid;font-family:Courier New,monospace;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:40px}.track-card{background:linear-gradient(180deg,#444,#2a2a2a);border:3px solid #111;border-radius:12px;box-shadow:inset 0 0 8px #000,0 0 10px #0009;color:#eee;padding:24px;position:relative;text-align:center}.track-card:before{background:repeating-linear-gradient(90deg,#999,#999 2px,#666 0,#666 4px);border:2px inset #444;border-radius:4px;box-shadow:inset 0 0 4px #111;content:"";height:40px;left:12px;position:absolute;right:12px;top:12px}.track-card h3{color:#fd8;font-size:20px;margin-bottom:16px;margin-top:60px;text-shadow:1px 1px #000}.track-card button{background-color:#d32f2f;border:2px solid #900;border-radius:4px;box-shadow:0 2px 6px #000;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;padding:10px 20px;transition:all .2s ease-in-out}.track-card button:hover{background-color:#ff5252;transform:scale(1.05)}.drawings-gallery{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:100px 32px 32px}.drawing-card{background:#1e1e1e;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#eee;cursor:pointer;padding:16px;text-align:center;transition:transform .2s ease-in-out}.drawing-card:hover{transform:scale(1.03)}.drawing-card img{border-radius:6px;height:auto;margin-bottom:12px;width:100%}.drawing-card h3{color:#ffd166;font-size:18px;margin-bottom:8px}.lightbox{align-items:center;background:#000000f2;cursor:zoom-out;display:flex;height:calc(100vh - 80px);justify-content:center;left:0;position:fixed;top:80px;width:100vw;z-index:9999}.lightbox-img{border-radius:12px;box-shadow:0 0 20px #ffffff4d;max-height:90%;max-width:90%}.lightbox-arrow{background:none;border:none;color:#fff;cursor:pointer;font-size:48px;padding:8px 16px;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:10000}.lightbox-arrow.left{left:40px}.lightbox-arrow.right{right:40px}.lightbox-arrow:hover{color:#ccc}body.recipes-body{color:#2d1f1f;font-family:Georgia,serif;margin:0;padding:0}.recipes-body-wrapper,body.recipes-body{background:url(/static/media/parchment-background.ffb6a65e9728a3ed8b80.png) no-repeat 50% fixed;background-size:cover}.recipes-body-wrapper{min-height:100vh;padding-top:100px}.recipes-list-page{background-color:#fff8dceb;border:6px solid #8b5e3c;border-radius:10px;box-shadow:0 0 20px #0000004d;margin:0 auto 60px;max-width:800px;padding:32px}.parchment-title{color:#4a2f1b;font-family:MedievalSharp,cursive;font-size:36px;margin-bottom:24px;text-align:center}.recipes-list{list-style:none;margin:0;padding:0}.recipe-link{border-bottom:1px dashed #963;color:#3b2f2f;cursor:pointer;font-size:20px;padding:12px 8px;text-align:left;transition:all .2s ease-in-out}.recipe-link:hover{background-color:#fff3;color:#7a1500;text-decoration:underline}.recipe-page{background:url(/static/media/parchment-background.ffb6a65e9728a3ed8b80.png) no-repeat 50% fixed;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:100px 20px 60px}.parchment-box{background-color:#fffae1f2;border:6px solid #8b5e3c;border-radius:10px;box-shadow:0 0 24px #0006;color:#2d1f1f;max-width:1200px;padding:24px;width:100%}.recipe-header{border-bottom:2px solid #8b5e3c;margin-bottom:20px;padding-bottom:16px}.recipe-title{color:#5b3e2b;font-family:MedievalSharp,cursive;font-size:32px;margin-bottom:12px;text-align:center}.recipe-meta{color:#5b3e2b;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;justify-content:center}.recipe-meta span{white-space:nowrap}.recipe-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1.5fr}.recipe-column h2{border-bottom:1px solid #8b5e3c;color:#5b3e2b;font-size:22px;margin-bottom:12px;padding-bottom:6px}.recipe-image{border:3px solid #5d3c1c;border-radius:4px;display:block;margin:20px auto;max-height:300px;max-width:100%;object-fit:contain}.ingredients-list,.instructions-list{line-height:1.5;margin:0;padding-left:20px}.ingredients-list li{font-size:14px;margin-bottom:6px}.instructions-list li{font-size:14px;margin-bottom:12px}.ingredient-section-header{color:#5b3e2b;font-size:15px;font-weight:700;list-style-type:none;margin-bottom:4px;margin-left:-20px;margin-top:12px}.ingredient-section-header:first-child{margin-top:0}.ingredient-section-header+li{margin-top:6px}@media (max-width:900px){.recipe-content{gap:20px;grid-template-columns:1fr}}@media (max-width:600px){.parchment-box,.recipes-list-page{margin:20px;padding:16px}.recipe-title{font-size:24px}.recipe-meta{font-size:12px;gap:12px}}.writing-list-page{font-family:Georgia,serif;margin:60px auto;max-width:1000px;padding:24px;text-align:center}.writing-heading{font-family:MedievalSharp,cursive;font-size:36px;margin-bottom:40px}.writing-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.writing-card{cursor:pointer;text-align:center;transition:transform .2s ease;width:220px}.writing-card:hover{transform:scale(1.05)}.writing-thumb{border:3px solid #5d3c1c;border-radius:6px;box-shadow:0 0 12px #0003;height:auto;width:100%}.writing-page{background-color:#f4f1e9;display:flex;font-family:Georgia,serif;justify-content:center;padding:60px 20px}.writing-scroll-box{background-size:cover;border:6px solid #8b5e3c;border-radius:10px;box-shadow:0 0 24px #0000004d;color:#3b2f2f;height:80vh;max-width:800px;overflow-y:auto;padding:32px;white-space:pre-wrap;width:100%;word-break:break-word}.writing-title{font-family:MedievalSharp,cursive;font-size:32px;margin-bottom:24px;text-align:center}.writing-content{font-size:18px;line-height:1.6}.crypto-card-link{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001f;color:inherit;display:block;padding:1.5rem;text-align:center;text-decoration:none;width:260px}.cards-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(3,minmax(260px,1fr));justify-items:center;max-width:1200px;padding:0 16px;width:100%}.crypto-card{max-width:360px;width:100%}@media (max-width:1024px){.cards-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (max-width:640px){.cards-grid{grid-template-columns:1fr}.crypto-card{max-width:520px}}.sports-container{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.sports-content{max-width:1200px;text-align:center;width:100%}.sports-title{color:#fff;font-size:3rem;font-weight:800;margin-bottom:3rem;text-shadow:0 2px 10px #0000004d}.teams-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center}.team-section{cursor:pointer;display:block;text-align:center;text-decoration:none;transition:transform .3s ease}.team-section:hover{transform:translateY(-8px)}.team-section img{height:400px;margin-bottom:1.5rem;object-fit:contain;transition:filter .3s ease;width:400px}.team-section:hover img{filter:drop-shadow(0 8px 20px rgba(255,255,255,.3))}.team-section h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.team-section p{color:#fffc;font-size:1.2rem}@media (max-width:768px){.sports-title{font-size:2.2rem}.teams-grid{gap:1.5rem;grid-template-columns:1fr}.team-card{max-width:100%}}.mets-container{background:linear-gradient(135deg,#002d72,#ff5910);font-family:Arial,sans-serif;min-height:100vh;padding:2rem}.mets-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;margin:0 auto;max-width:1200px;overflow:hidden}.mets-team-header{background:linear-gradient(45deg,#002d72,#ff5910);color:#fff;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.mets-team-header:before{animation:slide 20s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff1a 0,#ffffff1a 20px);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.mets-team-header-logo{animation:float 3s ease-in-out infinite;background:#fff;border:4px solid #fff;border-radius:50%;height:120px;margin-bottom:1rem;object-fit:contain;padding:10px;position:relative;width:120px;z-index:2}.mets-team-page-title{font-size:3.5rem;font-weight:700;margin:0;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:2}.mets-team-info{padding:3rem 2rem}.mets-section{border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:3rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.mets-section:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.mets-about-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #002d72}.mets-stats-section{background:linear-gradient(135deg,#fff5f5,#ffe6e6);border-left:5px solid #ff5910}.mets-fan-section{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-left:5px solid #002d72}.mets-section h2{align-items:center;color:#002d72;display:flex;font-size:2.2rem;gap:1rem;margin-bottom:1.5rem}.mets-section h2:before{content:"⚾";font-size:1.5rem}.mets-section h3{align-items:center;color:#ff5910;display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:1rem}.mets-section h3:before{content:"🏆";font-size:1.2rem}.mets-section p{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.mets-stats-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;padding:0}.mets-stats-list li{align-items:center;background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.mets-stats-list li:hover{box-shadow:0 5px 20px #0003;transform:scale(1.05)}.mets-stats-list li:before{content:"📊";font-size:1.5rem;min-width:30px}.mets-stats-list strong{color:#002d72;font-weight:700}.mets-back-button{align-items:center;background:linear-gradient(45deg,#002d72,#ff5910);border:none;border-radius:50px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;left:2rem;padding:1rem 2rem;position:fixed;text-decoration:none;top:100px;transition:all .3s ease;z-index:1000}.mets-back-button:hover{box-shadow:0 8px 25px #0006;color:#fff;text-decoration:none;transform:translateY(-3px)}.mets-back-button:before{content:"←";font-size:1.2rem}@media (max-width:768px){.mets-container{padding:1rem}.mets-team-header{padding:2rem 1rem}.mets-team-page-title{font-size:2.5rem}.mets-team-header-logo{height:80px;width:80px}.mets-team-info{padding:2rem 1rem}.mets-section{margin-bottom:2rem;padding:1.5rem}.mets-stats-list{grid-template-columns:1fr}.mets-back-button{font-size:.9rem;left:1rem;padding:.8rem 1.5rem;top:80px}}@media (max-width:480px){.mets-team-page-title{font-size:2rem}.mets-section h2{font-size:1.8rem}.mets-section h3{font-size:1.5rem}}.rangers-container{background:linear-gradient(135deg,#0038a8,#ce1126 50%,#fff);font-family:Arial,sans-serif;min-height:100vh;padding:2rem}.rangers-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;margin:0 auto;max-width:1200px;overflow:hidden}.rangers-team-header{background:linear-gradient(45deg,#0038a8,#ce1126);color:#fff;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.rangers-team-header:before{animation:slide 20s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff1a 0,#ffffff1a 20px);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes slide{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.rangers-team-header-logo{animation:float 3s ease-in-out infinite;background:#fff;border:4px solid #fff;border-radius:50%;height:120px;margin-bottom:1rem;object-fit:contain;padding:10px;position:relative;width:120px;z-index:2}.rangers-team-page-title{font-size:3.5rem;font-weight:700;margin:0;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:2}.rangers-team-info{padding:3rem 2rem}.rangers-section{border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:3rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.rangers-section:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.rangers-about-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #0038a8}.rangers-stats-section{background:linear-gradient(135deg,#fff5f5,#ffe6e6);border-left:5px solid #ce1126}.rangers-fan-section{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-left:5px solid #0038a8}.rangers-section h2{align-items:center;color:#0038a8;display:flex;font-size:2.2rem;gap:1rem;margin-bottom:1.5rem}.rangers-section h2:before{content:"🏒";font-size:1.5rem}.rangers-section h3{align-items:center;color:#ce1126;display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:1rem}.rangers-section h3:before{content:"🏆";font-size:1.2rem}.rangers-section p{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.rangers-stats-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;padding:0}.rangers-stats-list li{align-items:center;background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.rangers-stats-list li:hover{box-shadow:0 5px 20px #0003;transform:scale(1.05)}.rangers-stats-list li:before{content:"🥅";font-size:1.5rem;min-width:30px}.rangers-stats-list strong{color:#0038a8;font-weight:700}.rangers-back-button{align-items:center;background:linear-gradient(45deg,#0038a8,#ce1126);border:none;border-radius:50px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;left:2rem;padding:1rem 2rem;position:fixed;text-decoration:none;top:100px;transition:all .3s ease;z-index:1000}.rangers-back-button:hover{box-shadow:0 8px 25px #0006;color:#fff;text-decoration:none;transform:translateY(-3px)}.rangers-back-button:before{content:"←";font-size:1.2rem}.stanley-cup-highlight{background:linear-gradient(135deg,gold,#ffed4e);border:3px solid gold;overflow:hidden;position:relative}.stanley-cup-highlight:after{content:"🏆";font-size:2rem;opacity:.3;position:absolute;right:15px;top:10px}.rangers-schedule-section{background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border-left:5px solid #0038a8}.schedule-container{grid-gap:2rem;display:grid;gap:2rem;margin-top:1.5rem}.schedule-tabs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.schedule-tab{background:#fff;border:2px solid #0038a8;border-radius:25px;color:#0038a8;cursor:pointer;flex:1 1;font-weight:700;min-width:120px;padding:.8rem 1.5rem;text-align:center;transition:all .3s ease}.schedule-tab:hover{background:#0038a8;color:#fff;transform:translateY(-2px)}.schedule-tab.active{background:#0038a8;box-shadow:0 5px 15px #0038a84d;color:#fff}.games-list{grid-gap:1rem;display:grid;gap:1rem}.game-card{background:#fff;border-left:4px solid #0000;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:1.5rem;transition:all .3s ease}.game-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-3px)}.game-card.win{border-left-color:#28a745}.game-card.loss{border-left-color:#dc3545}.game-card.overtime-loss{border-left-color:#ffc107}.game-card.upcoming{border-left-color:#0038a8}.game-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.game-date{color:#666;font-size:.9rem;font-weight:500}.game-time{color:#0038a8;font-weight:700}.game-matchup{justify-content:space-between;margin-bottom:1rem}.team-info{align-items:center;display:flex;flex:1 1;gap:1rem}.team-logo{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:40px;object-fit:contain;padding:5px;width:40px}.team-name{color:#333;font-size:1.1rem;font-weight:700}.vs-indicator{color:#666;font-size:1.2rem;font-weight:700;padding:0 1rem}.game-score{color:#0038a8;font-size:1.5rem;gap:1rem}.game-result,.game-score{align-items:center;display:flex}.game-result{font-size:.9rem;font-weight:700;gap:.5rem}.result-win{color:#28a745}.result-loss{color:#dc3545}.result-ot-loss{color:#ffc107}.game-details{align-items:center;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.game-venue{color:#666;font-size:.9rem}.game-broadcast{color:#0038a8;font-size:.9rem;font-weight:500}.goal-scorer{align-items:center;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:2px solid #28a745;border-radius:10px;box-shadow:0 2px 8px #28a74533;display:flex;gap:1rem;margin:.5rem 0;padding:.8rem}.scorer-photo-container{align-items:center;background:linear-gradient(135deg,#0038a8,#ce1126);border:3px solid #28a745;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.scorer-photo{filter:brightness(1.2);height:30px;object-fit:contain;transition:transform .2s ease;width:30px}.scorer-photo:hover{transform:scale(1.1)}.scorer-info{flex:1 1}.scorer-name{color:#28a745;font-size:1rem;font-weight:700;margin-bottom:.2rem}.scorer-time{color:#666;font-size:.85rem;font-weight:500}.home-indicator{background:#0038a8}.away-indicator,.home-indicator{border-radius:15px;color:#fff;font-size:.8rem;font-weight:700;padding:.2rem .8rem}.away-indicator{background:#ce1126}.record-display{background:#0038a81a;border-radius:10px;margin-top:1.5rem;padding:1rem;text-align:center}.current-record{color:#0038a8;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.record-breakdown{color:#666;font-size:.9rem}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#0038a8;display:inline-block;height:20px;width:20px}.api-error{background:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;color:#856404;margin-bottom:1rem;padding:1rem}.no-data-message{color:#666;font-style:italic;padding:2rem;text-align:center}.rangers-team-header:after{background:repeating-linear-gradient(90deg,#ce1126,#ce1126 20px,#0000 0,#0000 40px);bottom:0;content:"";height:4px;left:0;position:absolute;right:0;z-index:3}@media (max-width:768px){.rangers-container{padding:1rem}.rangers-team-header{padding:2rem 1rem}.rangers-team-page-title{font-size:2.5rem}.rangers-team-header-logo{height:80px;width:80px}.rangers-team-info{padding:2rem 1rem}.rangers-section{margin-bottom:2rem;padding:1.5rem}.rangers-stats-list{grid-template-columns:1fr}.rangers-back-button{font-size:.9rem;left:1rem;padding:.8rem 1.5rem;top:80px}}.games-section{margin:2rem 0}.games-section h3{color:#0038a8;font-size:1.2rem;margin-bottom:1rem}.simple-game-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin:.5rem 0;padding:1rem;transition:all .2s ease}.simple-game-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.simple-game-card.win{background:linear-gradient(135deg,#f8fff8,#e8f5e8);border-color:#28a745}.simple-game-card.loss{background:linear-gradient(135deg,#fff8f8,#f8e8e8);border-color:#dc3545}.simple-game-card.upcoming{background:linear-gradient(135deg,#f8f9ff,#e8ebff);border-color:#0038a8}.game-date{color:#333;font-weight:700;min-width:80px}.game-matchup{align-items:center;display:flex;font-weight:700;gap:.5rem}.team{color:#0038a8}.vs{color:#666;font-size:.9rem}.game-score{color:#333;font-size:1.1rem;font-weight:700}.result{border-radius:4px;font-weight:700;min-width:30px;padding:.2rem .5rem;text-align:center}.simple-game-card.win .result{background:#28a745;color:#fff}.simple-game-card.loss .result{background:#dc3545;color:#fff}.game-time,.venue{color:#666;font-size:.9rem}.venue{max-width:150px;text-align:right}.loading{color:#666;padding:2rem;text-align:center}.error-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;color:#856404;padding:1rem}@media (max-width:480px){.rangers-team-page-title{font-size:2rem}.rangers-section h2{font-size:1.8rem}.rangers-section h3{font-size:1.5rem}.simple-game-card{flex-direction:column;gap:.5rem;text-align:center}.game-matchup{order:1}.game-date{min-width:auto;order:2}.game-score,.game-time{order:3}.result,.venue{order:4}}.walkthroughs-container{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e6ed;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding-top:100px;position:relative}.walkthroughs-back-button{background:#ecb365e6;border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#1a1a2e;font-weight:700;left:20px;padding:.8rem 1.5rem;position:absolute;text-decoration:none;top:120px;transition:all .3s ease;z-index:100}.walkthroughs-back-button:hover{background:#ecb365;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.walkthroughs-content{margin:0 auto;max-width:1400px;padding:2rem}.walkthroughs-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;justify-content:space-between;margin:4rem 0 3rem;padding:2rem}.header-content{flex:1 1}.walkthroughs-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ecb365,#f4e4bc);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.walkthroughs-subtitle{color:silver;font-size:1.2rem;margin:0}.header-illustration{align-items:center;display:flex;justify-content:center}.adventure-icon{animation:float 3s ease-in-out infinite;font-size:4rem;opacity:.8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.walkthroughs-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:10px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.search-section{flex:1 1}.search-input{background:#ffffff1a;border:2px solid #ecb3654d;border-radius:8px;color:#e0e6ed;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#ecb365;box-shadow:0 0 0 3px #ecb36533;outline:none}.search-input::placeholder{color:#a0a0a0}.filter-section{align-items:center;display:flex;gap:.5rem}.filter-section label{color:silver;font-weight:500}.genre-select{background:#ffffff1a;border:2px solid #ecb3654d;border-radius:8px;color:#e0e6ed;cursor:pointer;font-size:1rem;padding:.8rem}.genre-select:focus{border-color:#ecb365;outline:none}.walkthroughs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:3rem}.walkthrough-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;transition:all .3s ease}.walkthrough-card:hover{border-color:#ecb36580;box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.walkthrough-thumbnail{height:200px;overflow:hidden;position:relative}.thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border-bottom:3px solid #ecb365;display:flex;flex-direction:column;height:100%;justify-content:center;transition:transform .3s ease;width:100%}.walkthrough-card:hover .thumbnail-placeholder{transform:scale(1.02)}.game-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.game-year{background:#ecb36533;border-radius:15px;color:#ecb365;font-size:1.1rem;font-weight:700;padding:.3rem .8rem}.walkthrough-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.walkthrough-card:hover .walkthrough-thumbnail img{transform:scale(1.05)}.difficulty-badge{background:#ecb365e6;border-radius:15px;color:#1a1a2e;font-size:.8rem;font-weight:700;padding:.3rem .8rem;position:absolute;right:10px;top:10px}.walkthrough-info{padding:1.5rem}.walkthrough-meta{display:flex;gap:1rem;margin-bottom:.8rem}.genre,.year{background:#ffffff1a;border-radius:12px;color:silver;font-size:.8rem;padding:.2rem .6rem}.walkthrough-title{color:#ecb365;font-size:1.3rem;font-weight:700;margin-bottom:.3rem}.walkthrough-subtitle{color:#a0a0a0;font-size:.9rem;font-style:italic;margin-bottom:.8rem}.walkthrough-description{color:#d0d0d0;line-height:1.5;margin-bottom:1rem}.walkthrough-details{background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.8rem}.chapters-info,.time-info{color:silver;font-size:.9rem}.walkthrough-actions{align-items:center;display:flex;justify-content:space-between}.view-walkthrough-btn{background:linear-gradient(135deg,#ecb365,#f4e4bc);border-radius:8px;box-shadow:0 4px 15px #0003;color:#1a1a2e;font-weight:700;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.view-walkthrough-btn:hover{background:linear-gradient(135deg,#f4e4bc,#ecb365);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.last-updated{color:#a0a0a0;font-size:.8rem}.walkthroughs-footer{background:#ffffff0d;border-radius:15px;margin-top:3rem;padding:2rem;text-align:center}.footer-content h3{color:#ecb365;margin-bottom:1rem}.footer-content p{color:silver;line-height:1.6;margin:0 auto 1rem;max-width:800px}.loading-state{align-items:center;color:silver;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.no-results{color:#a0a0a0;grid-column:1/-1;padding:3rem;text-align:center}.no-results p{margin-bottom:.5rem}@media (max-width:768px){.walkthroughs-content{padding:1rem}.walkthroughs-header{flex-direction:column;gap:1rem;margin:2rem 0;text-align:center}.walkthroughs-title{font-size:2.2rem}.walkthroughs-controls{flex-direction:column;gap:1rem}.walkthroughs-grid{gap:1.5rem;grid-template-columns:1fr}.walkthrough-actions{align-items:stretch;flex-direction:column;gap:1rem}.view-walkthrough-btn{text-align:center}.walkthroughs-back-button{display:inline-block;left:0;margin-bottom:1rem;position:relative;top:0}}@media (max-width:480px){.walkthrough-details{flex-direction:column;gap:.5rem}.walkthroughs-title{font-size:1.8rem}.adventure-icon{font-size:2.5rem}}.walkthrough-page{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e6ed;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding-top:100px}.walkthrough-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;padding:1rem 2rem;position:sticky;top:100px;z-index:100}.nav-back-button{background:#ecb365e6;border-radius:20px;color:#1a1a2e;display:inline-block;font-weight:700;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.nav-back-button:hover{background:#ecb365;transform:translateY(-1px)}.walkthrough-container{display:flex;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem}.walkthrough-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;height:fit-content;padding:1.5rem;position:sticky;top:120px;width:300px}.walkthrough-info h2{color:#ecb365;font-size:1.5rem;margin-bottom:.5rem}.walkthrough-info .subtitle{color:#a0a0a0;font-style:italic;margin-bottom:1.5rem}.game-details{margin-bottom:2rem}.detail-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item .label{color:silver;font-weight:500}.detail-item .value{color:#ecb365;font-weight:700}.chapter-nav h3{border-bottom:2px solid #ecb3654d;color:#ecb365;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.chapter-nav ul{list-style:none;margin:0;padding:0}.chapter-nav li{margin-bottom:.5rem}.chapter-link{background:none;border:none;border-radius:8px;color:silver;cursor:pointer;display:block;font-size:.9rem;padding:.8rem;text-align:left;transition:all .3s ease;width:100%}.chapter-link:hover{background:#ecb3651a;color:#ecb365}.chapter-link.active{background:#ecb36533;border-left:4px solid #ecb365;color:#ecb365}.walkthrough-actions{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem}.print-button{background:linear-gradient(135deg,#ecb365,#f4e4bc);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-weight:700;padding:.8rem;transition:all .3s ease;width:100%}.print-button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.walkthrough-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;flex:1 1;padding:2rem}.markdown-content{color:#e0e6ed;line-height:1.7}.markdown-content h1{border-bottom:3px solid #ecb3654d;color:#ecb365;font-size:2.5rem;padding-bottom:.5rem}.markdown-content h1,.markdown-content h2{margin:2rem 0 1rem;scroll-margin-top:180px}.markdown-content h2{border-bottom:2px solid #f4e4bc33;color:#f4e4bc;font-size:2rem;padding-bottom:.3rem}.markdown-content h3{color:#ecb365;font-size:1.5rem;margin:1.5rem 0 .8rem;scroll-margin-top:180px}.markdown-content h4{color:#d0d0d0;font-size:1.2rem;margin:1rem 0 .5rem}.markdown-content p{color:#d0d0d0;margin-bottom:1rem}.markdown-content ol,.markdown-content ul{margin:1rem 0;padding-left:2rem}.markdown-content li{color:#d0d0d0;margin-bottom:.5rem}.markdown-content strong{color:#ecb365;font-weight:700}.markdown-content em{color:#f4e4bc;font-style:italic}.inline-code{background:#ecb36533;border-radius:4px;color:#ecb365;font-size:.9rem;padding:.2rem .4rem}.code-block,.inline-code{font-family:Courier New,monospace}.code-block{background:#0000004d;border:1px solid #ecb3654d;border-radius:8px;color:#f4e4bc;margin:1rem 0;overflow-x:auto;padding:1rem}.image-container{margin:2rem 0;text-align:center}.image-placeholder{align-items:center;background:linear-gradient(135deg,#ecb3651a,#f4e4bc0d);border:2px solid #ecb3654d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:2rem}.placeholder-icon{font-size:3rem;opacity:.6}.placeholder-text{color:#ecb365;font-size:1.1rem;font-weight:700}.placeholder-caption{color:#a0a0a0;font-size:.9rem;font-style:italic}.image-container img{border:2px solid #ecb3654d;border-radius:8px;box-shadow:0 8px 25px #0000004d;max-width:100%;transition:transform .3s ease}.image-container img:hover{transform:scale(1.02)}.image-caption{color:#a0a0a0;font-size:.9rem;font-style:italic;margin-top:.5rem}.tip-box{background:linear-gradient(135deg,#ecb3651a,#f4e4bc0d);border-left:4px solid #ecb365;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem;position:relative}.tip-box:before{align-items:center;background:#1a1a2e;border-radius:50%;content:"💡";display:flex;font-size:.8rem;height:24px;justify-content:center;left:-12px;position:absolute;top:1rem;width:24px}.tip-box p{color:#f4e4bc;margin-bottom:.5rem}.tip-box p:last-child{margin-bottom:0}.markdown-content table{background:#ffffff0d;border-collapse:collapse;border-radius:8px;margin:2rem 0;overflow:hidden;width:100%}.markdown-content td,.markdown-content th{border-bottom:1px solid #ffffff1a;padding:.8rem;text-align:left}.markdown-content th{background:#ecb36533;color:#ecb365;font-weight:700}.markdown-content td{color:#d0d0d0}.markdown-content a{color:#ecb365;text-decoration:underline;transition:color .3s ease}.markdown-content a:hover{color:#f4e4bc}.error-state,.loading-state{align-items:center;color:silver;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{border:4px solid #ecb3654d;border-top-color:#ecb365;height:40px;width:40px}.error-state h2{color:#ecb365;margin-bottom:1rem}.back-link{color:#ecb365;font-weight:700;text-decoration:none}.back-link:hover{color:#f4e4bc}@media (max-width:1024px){.walkthrough-container{flex-direction:column}.walkthrough-sidebar{position:static;width:100%}.chapter-nav{display:none}}@media (max-width:768px){.walkthrough-container{padding:1rem}.walkthrough-content{padding:1.5rem}.markdown-content h1{font-size:2rem}.markdown-content h2{font-size:1.6rem}.nav-back-button{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:480px){.walkthrough-nav{padding:1rem}.markdown-content h1{font-size:1.6rem}.markdown-content h2{font-size:1.4rem}.markdown-content{font-size:.9rem}}@media print{.walkthrough-page{background:#fff!important;color:#000!important}.walkthrough-nav,.walkthrough-sidebar{display:none!important}.walkthrough-content{background:#fff!important;border:none!important;box-shadow:none!important;padding:0!important}.markdown-content{color:#000!important}.markdown-content h1,.markdown-content h2,.markdown-content h3{break-after:avoid;color:#000!important;page-break-after:avoid}.tip-box{background:#f5f5f5!important;border-left:4px solid #666!important}.image-container img{border:1px solid #ccc!important;box-shadow:none!important}}.admin-landing{align-items:center;background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}.admin-landing-container{margin:0 auto;max-width:1000px;width:100%}.admin-header{margin-bottom:3rem;text-align:center}.admin-header h1{color:#fff;font-size:3rem;font-weight:800;margin-bottom:.5rem}.admin-subtitle{color:#9ca3af;font-size:1.125rem;margin:0}.admin-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f293780;border:2px solid #374151;border-radius:1rem;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s}.admin-card:not(.disabled):hover{border-color:#3b82f6;box-shadow:0 20px 25px -5px #3b82f64d;transform:translateY(-4px)}.admin-card.disabled{cursor:not-allowed;opacity:.5}.admin-card-icon{font-size:3rem;margin-bottom:1rem}.admin-card h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.admin-card p{color:#9ca3af;font-size:.875rem;line-height:1.5;margin:0}.admin-card-arrow{bottom:1.5rem;color:#3b82f6;font-size:1.5rem;position:absolute;right:1.5rem;transition:transform .3s}.admin-card:not(.disabled):hover .admin-card-arrow{transform:translateX(.5rem)}.admin-card-lock{bottom:1.5rem;font-size:1.25rem;opacity:.5;position:absolute;right:1.5rem}.admin-footer{text-align:center}.back-button{background:#1f2937cc;border:1px solid #4b5563;color:#9ca3af;font-size:.875rem;font-weight:600}.back-button:hover{background:#374151cc;border-color:#6b7280;color:#d1d5db}@media (max-width:768px){.admin-header h1{font-size:2rem}.admin-cards{grid-template-columns:1fr}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1f2937,#111827);border:2px solid #374151;border-radius:1rem;max-width:400px;padding:2rem;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;transition:color .2s;width:2rem}.modal-close:hover{color:#fff}.modal-content h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.modal-subtitle{color:#9ca3af;font-size:.875rem;margin:0 0 1.5rem}.password-input{background:#1f293780;border:2px solid #374151;border-radius:.5rem;color:#fff;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.password-input:focus{border-color:#3b82f6;outline:none}.password-input::placeholder{color:#6b7280}.error-message{background:#dc262633;border:1px solid #ef444480;border-radius:.375rem;color:#fca5a5;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.modal-buttons{display:flex;gap:.75rem;justify-content:flex-end}.cancel-button,.submit-button{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.cancel-button{background:#37415180;color:#d1d5db}.cancel-button:hover{background:#374151cc}.submit-button{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff}.submit-button:hover{background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:translateY(-1px)}.goals-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);min-height:100vh;padding:1.5rem 1rem}.goals-container{margin:0 auto;max-width:1400px}.goals-header{margin-bottom:1rem;text-align:center}.goals-header h1{color:#fff;font-size:1.75rem;margin-bottom:.25rem}.goals-header .subtitle{color:#9ca3af;font-size:.875rem}.message-banner{border-radius:.5rem;font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}.message-banner.success{background:#22c55e33;border:1px solid #22c55e80;color:#4ade80}.message-banner.error{background:#ef444433;border:1px solid #ef444480;color:#f87171}.category-nav{background:#1f29374d;border:1px solid #374151;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.5rem}.category-nav-button{background:#37415180;border:2px solid #4b5563;border-radius:.375rem;color:#9ca3af;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.category-nav-button:hover{background:#4b556399;border-color:#6b7280;color:#d1d5db;transform:translateY(-2px)}.category-nav-button.active{background:linear-gradient(90deg,#2563eb,#7c3aed);border-color:#3b82f6;box-shadow:0 4px 6px -1px #2563eb66;color:#fff}.category-nav-button.active:hover{background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:translateY(-2px)}.goals-list{gap:1.5rem;margin-bottom:1rem}.goals-category,.goals-list{display:flex;flex-direction:column}.goals-category{gap:.75rem}.category-title{border-bottom:2px solid #3b82f64d;color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .5rem;padding-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.category-goals{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (min-width:1200px){.category-goals{grid-template-columns:repeat(2,1fr)}}.goal-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f293780;border:1px solid #374151;border-radius:.5rem;padding:.75rem;transition:border-color .3s}.goal-item:hover{border-color:#4b5563}.goal-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.goal-title-section{flex:1 1}.goal-header h3{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 .125rem}.goal-target{color:#9ca3af;font-size:.75rem;font-style:italic;margin:0}.goal-percentage{color:#60a5fa;flex-shrink:0;font-size:.95rem;font-weight:700}.slider-input{margin-bottom:.75rem}.goal-slider{-webkit-appearance:none;appearance:none;background:#374151;border-radius:.5rem;cursor:pointer;height:.5rem;outline:none;width:100%}.goal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:1.25rem;-webkit-transition:background .2s;transition:background .2s;width:1.25rem}.goal-slider::-webkit-slider-thumb:hover{background:#60a5fa}.goal-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:1.25rem;-moz-transition:background .2s;transition:background .2s;width:1.25rem}.goal-slider::-moz-range-thumb:hover{background:#60a5fa}.progress-bar-container{background:#374151;border-radius:9999px;height:.625rem;overflow:hidden;width:100%}.progress-bar-fill{align-items:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6);display:flex;height:100%;justify-content:flex-end;padding-right:.5rem;transition:width .3s ease-out}.progress-text{color:#fff;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px #00000080}.save-section{bottom:.75rem;margin-bottom:.75rem;position:sticky}.save-button{background:linear-gradient(90deg,#2563eb,#7c3aed);border:none;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000004d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:.625rem 1.5rem;transition:all .2s;width:100%}.save-button:hover:not(:disabled){background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 20px 25px -5px #0000004d;transform:scale(1.02)}.save-button:active:not(:disabled){transform:scale(.98)}.save-button:disabled{background:linear-gradient(90deg,#4b5563,#4b5563);cursor:not-allowed}.goals-footer{color:#6b7280;font-size:.7rem;margin-top:.75rem;text-align:center}.goals-loading{align-items:center;background:#111827;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #374151;border-radius:50%;border-top-color:#3b82f6;height:3rem;margin-bottom:1rem;width:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.number-input{margin-bottom:.75rem}.input-label{align-items:center;color:#d1d5db;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.375rem}.number-field{background:#374151;border:1px solid #4b5563;border-radius:.375rem;color:#fff;font-size:1rem;margin:0 .5rem;padding:.5rem;width:100px}.number-field:focus{border-color:#3b82f6;outline:none}.unit{color:#9ca3af;font-weight:500}.target-info{color:#6b7280;font-size:.75rem;margin-top:.25rem}.checkbox-input{margin-bottom:.75rem}.checkbox-label{align-items:center;background:#374151;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .2s}.checkbox-label:hover{background:#4b5563}.goal-checkbox{accent-color:#3b82f6;cursor:pointer;height:1.5rem;width:1.5rem}.checkbox-text{color:#d1d5db;font-size:1rem;font-weight:500}.milestones-input{margin-bottom:.75rem}.milestones-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:.5rem}.milestone-button{background:#374151;border:2px solid #4b5563;border-radius:.5rem;color:#9ca3af;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem .75rem;text-align:left;transition:all .2s}.milestone-button:hover{background:#4b5563;border-color:#6b7280}.milestone-button.current{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}.milestone-button.completed{background:#064e3b;border-color:#10b981;color:#6ee7b7}.milestone-button.completed:hover{background:#065f46}.milestone-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem}.reset-milestone-button{background:#7f1d1d;border:1px solid #991b1b;border-radius:.375rem;color:#fca5a5;cursor:pointer;font-size:.75rem;font-weight:600;padding:.375rem .75rem;transition:all .2s;white-space:nowrap}.reset-milestone-button:hover{background:#991b1b;border-color:#b91c1c;color:#fecaca;transform:scale(1.05)}.reset-milestone-button:active{transform:scale(.95)}.weekly-tracker-input{margin-bottom:.75rem}.current-week-section{background:#374151;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.week-complete-badge{animation:pulse 2s ease-in-out infinite;color:#6ee7b7;display:inline-block;font-size:.875rem;font-weight:600;margin-left:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.weeks-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));margin-bottom:.75rem}.week-checkbox{align-items:center;aspect-ratio:1;background:#374151;border:2px solid #4b5563;border-radius:.5rem;color:#9ca3af;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;min-height:50px;transition:all .2s}.week-checkbox:hover:not(:disabled){background:#4b5563;border-color:#6b7280;transform:scale(1.05)}.week-checkbox.current{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd;cursor:default}.week-checkbox.completed{background:#064e3b;border-color:#10b981;color:#6ee7b7;font-size:1.25rem}.week-checkbox.completed:hover:not(:disabled){background:#065f46;transform:scale(1.05)}.week-checkbox:disabled{cursor:default;opacity:.8}.streak-input{margin-bottom:.75rem}.week-progress-bar{background:#1f29374d;border:1px solid #4b556366;border-radius:.375rem;margin-bottom:.625rem;padding:.625rem .75rem}.week-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.week-progress-label{color:#9ca3af;font-size:.75rem;font-weight:500}.week-progress-count{color:#60a5fa;font-size:.75rem;font-weight:600}.week-progress-track{align-items:center;display:flex;gap:.375rem}.week-progress-dot{background:#37415199;border:1px solid #4b556380;border-radius:.25rem;cursor:pointer;flex:1 1;height:.5rem;padding:0;transition:all .2s}.week-progress-dot:hover{background:#4b5563cc;border-color:#6b7280b3}.week-progress-dot.completed{background:linear-gradient(90deg,#10b981,#34d399);border-color:#6ee7b7}.week-progress-dot.completed:hover{background:linear-gradient(90deg,#059669,#10b981)}.streak-counter{background:#1f293766;border:1px solid #4b556380;border-radius:.25rem;gap:.5rem;justify-content:flex-start;margin-bottom:.5rem;padding:.5rem .75rem;width:fit-content}.streak-button,.streak-counter{align-items:center;display:flex}.streak-button{background:#2563eb4d;border:1px solid #3b82f666;border-radius:.25rem;color:#93c5fd;cursor:pointer;font-size:.875rem;font-weight:600;height:1.5rem;justify-content:center;transition:all .15s;width:1.5rem}.streak-button:hover:not(:disabled){background:#3b82f666;border-color:#3b82f699;color:#bfdbfe}.streak-button:active:not(:disabled){transform:scale(.95)}.streak-button:disabled{background:#3741514d;border-color:#4b55634d;color:#6b7280;cursor:not-allowed;opacity:.5}.streak-button.increment{background:#05966940;border-color:#10b98166;color:#6ee7b7}.streak-button.increment:hover:not(:disabled){background:#05966959;border-color:#10b98199;color:#a7f3d0}.streak-button.decrement{background:#dc262640;border-color:#ef444466;color:#fca5a5}.streak-button.decrement:hover:not(:disabled){background:#dc262659;border-color:#ef444499;color:#fecaca}.streak-display{min-width:60px;text-align:left}.streak-number{color:#e5e7eb;font-size:1rem;font-weight:600;line-height:1;margin-bottom:.125rem}.streak-label{color:#9ca3af;font-size:.625rem;font-weight:400;letter-spacing:0}.tapering-input{display:flex;flex-direction:column;gap:1rem}.date-picker-section{background:#1e293b66;border:1px solid #4755694d;border-radius:.5rem;padding:1rem}.date-field{background:#0f172a99;border:1px solid #47556966;border-radius:.375rem;color:#e5e7eb;cursor:pointer;font-size:.875rem;margin-left:.5rem;padding:.5rem}.date-field:focus{border-color:#3b82f699;outline:none}.phase-info-section{background:#1e293b66;border:1px solid #4755694d;border-radius:.5rem;padding:1rem}.phase-header{display:flex;flex-direction:column;gap:.75rem}.phase-header h4{color:#e5e7eb;font-size:1rem;font-weight:600;margin:0}.daily-counter{display:flex;flex-direction:column;gap:.5rem}.number-field.small{width:80px}.over-limit-warning{color:#fca5a5;font-size:.875rem;font-weight:600}.quit-day-celebration{background:#10b98133;border:1px solid #10b9814d;border-radius:.375rem;color:#6ee7b7;font-size:1rem;font-weight:600;padding:.75rem;text-align:center}.phases-timeline{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.phase-button{align-items:center;background:#1e293b66;border:1px solid #47556966;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .5rem;transition:all .2s ease}.phase-button.completed{background:#05966940;border-color:#10b98180}.phase-button.current{background:#3b82f640;border-color:#3b82f699;box-shadow:0 0 12px #3b82f64d}.phase-button.future{opacity:.6}.phase-button:hover{border-color:#3b82f699;transform:translateY(-2px)}.phase-number{color:#9ca3af;font-size:.75rem;font-weight:500}.phase-button.completed .phase-number,.phase-button.current .phase-number,.phase-limit{color:#e5e7eb}.phase-limit{font-size:.875rem;font-weight:600}.auto-advance-suggestion{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:.5rem;display:flex;gap:1rem;justify-content:space-between;padding:.75rem}.auto-advance-suggestion p{color:#93c5fd;font-size:.875rem;margin:0}.advance-button{background:#3b82f64d;border:1px solid #3b82f680;border-radius:.375rem;color:#93c5fd;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.advance-button:hover{background:#3b82f666;border-color:#3b82f6b3;color:#bfdbfe}.tapering-footer{display:flex;justify-content:flex-end}.quit-countdown-input{display:flex;flex-direction:column;gap:1.5rem}.countdown-display{background:#1e293b66;border:2px solid #3b82f666;border-radius:.75rem;padding:1.5rem;text-align:center}.countdown-number{color:#60a5fa;font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.countdown-label{color:#9ca3af;font-size:1rem;font-weight:500}.daily-puff-counter{background:#1e293b66;border:1px solid #4755694d;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.puff-counter-header{align-items:center;display:flex;justify-content:space-between}.puff-counter-header h4{color:#e5e7eb;font-size:1rem;font-weight:600;margin:0}.daily-limit-badge{background:#3b82f633;border:1px solid #3b82f666;border-radius:.375rem;color:#93c5fd;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.puff-counter-controls{gap:1.5rem}.puff-button,.puff-counter-controls{align-items:center;display:flex;justify-content:center}.puff-button{background:#1e293b99;border:1px solid #47556980;border-radius:50%;color:#e5e7eb;cursor:pointer;font-size:1.5rem;font-weight:600;height:48px;transition:all .2s ease;width:48px}.puff-button:hover:not(:disabled){border-color:#3b82f699;transform:scale(1.1)}.puff-button:disabled{cursor:not-allowed;opacity:.4}.puff-button.increment{background:#05966940;border-color:#10b98166;color:#6ee7b7}.puff-button.increment:hover:not(:disabled){background:#05966959;border-color:#10b98199}.puff-button.decrement{background:#dc262640;border-color:#ef444466;color:#fca5a5}.puff-button.decrement:hover:not(:disabled){background:#dc262659;border-color:#ef444499}.puff-display{min-width:120px;text-align:center}.puff-number{color:#e5e7eb;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.puff-label{color:#9ca3af;font-size:.875rem;font-weight:500}.within-limit-message{background:#05966933;border:1px solid #10b9814d;border-radius:.375rem;color:#6ee7b7;font-size:.875rem;font-weight:600;padding:.75rem;text-align:center}.milestones-countdown-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.milestone-countdown-button{background:#1e293b66;border:1px solid #47556966;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:left;transition:all .2s ease}.milestone-countdown-button.completed{background:#05966940;border-color:#10b98199}.milestone-countdown-button.current{background:#3b82f640;border-color:#3b82f6cc;box-shadow:0 0 16px #3b82f666}.milestone-countdown-button.missed{background:#dc262626;border-color:#ef44444d;opacity:.7}.milestone-countdown-button.future{opacity:.6}.milestone-countdown-button.quit-day{border:2px solid #fbbf2499;box-shadow:0 0 20px #fbbf244d}.milestone-countdown-button:hover{border-color:#3b82f699;transform:translateY(-2px)}.milestone-date{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.milestone-countdown-button.completed .milestone-date,.milestone-countdown-button.current .milestone-date{color:#e5e7eb}.milestone-description{color:#e5e7eb;font-size:.95rem;font-weight:500;line-height:1.4}.milestone-countdown-button.quit-day .milestone-description{color:#fcd34d;font-size:1.05rem;font-weight:700}.sobriety-tracker{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.sobriety-tracker{grid-template-columns:1fr}}.countdown-to-quit{background:#3b82f61a;border:2px solid #3b82f64d;border-radius:.5rem;grid-column:1/-1;padding:.5rem;text-align:center}.countdown-to-quit .countdown-number{color:#60a5fa;font-size:1.5rem;font-weight:800;line-height:1}.countdown-to-quit .countdown-label{color:#d1d5db;font-size:.75rem;font-weight:500;margin-top:.25rem}.quit-date-display{background:#ffffff14;border-radius:.375rem;color:#e5e7eb;font-size:.7rem;font-weight:500;margin-top:.5rem;padding:.25rem}.sobriety-gauge{background:#ffffff14;border:1px solid #ffffff26;border-radius:.5rem;padding:.5rem}.gauge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.gauge-label{color:#f3f4f6;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.gauge-value{color:#34d399;font-size:1.125rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.gauge-visual{margin:.25rem 0}.gauge-svg{display:block;height:auto;margin:0 auto;max-width:100px;width:100%}.gauge-progress{transition:stroke-dasharray .5s ease}.milestone-badges{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-top:.375rem}.milestone-badges .badge{background:#22c55e40;border:1px solid #22c55e80;border-radius:.5rem;color:#6ee7b7;font-size:.625rem;font-weight:600;padding:.125rem .375rem;text-shadow:0 1px 2px #0000004d}.money-breakdown{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:.5rem}.breakdown-item{display:flex;font-size:.7rem;justify-content:space-between;padding:.25rem 0}.breakdown-label{color:#d1d5db;font-weight:500}.breakdown-value{color:#60a5fa;font-weight:700;text-shadow:0 1px 2px #0000004d}.sobriety-footer{background:#ffffff0d;border-radius:.375rem;grid-column:1/-1;padding:.5rem;text-align:center}.sobriety-date{color:#d1d5db;font-size:.7rem;font-style:italic;font-weight:500;margin:0}:root{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--ukraine-blue:#3b82f6;--russia-red:#ef4444;--contested-orange:#f59e0b;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent-gold:#fbbf24;--success-green:#10b981;--danger-red:#dc2626}.eastern-front-app{background:#111827;background:var(--bg-primary);color:#f9fafb;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.main-menu{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.main-menu h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3b82f6,#ef4444);background:linear-gradient(45deg,var(--ukraine-blue),var(--russia-red));background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem;text-align:center}.main-menu .subtitle{color:#9ca3af;color:var(--text-secondary);font-size:1.25rem;margin-bottom:3rem;text-align:center}.menu-buttons{display:flex;flex-direction:column;gap:1rem;max-width:300px;width:100%}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .2s}.btn-primary{background:#3b82f6;background:var(--ukraine-blue);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#374151;background:var(--bg-tertiary);color:#f9fafb;color:var(--text-primary)}.btn-secondary:hover{background:#4b5563}.btn-danger{background:#dc2626;background:var(--danger-red);color:#fff}.btn-danger:hover{background:#b91c1c}.faction-selection{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:2rem}.faction-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:800px;width:100%}.faction-card{background:#1f2937;background:var(--bg-secondary);border:2px solid #0000;border-radius:1rem;cursor:pointer;padding:2rem;transition:all .2s}.faction-card:hover{transform:translateY(-2px)}.faction-card.ukraine,.faction-card:hover{border-color:#3b82f6;border-color:var(--ukraine-blue)}.faction-card.russia{border-color:#ef4444;border-color:var(--russia-red)}.faction-flag{display:block;font-size:3rem;margin-bottom:1rem}.faction-card h3{color:#fbbf24;color:var(--accent-gold);font-size:1.5rem;margin-bottom:1rem}.faction-description{color:#9ca3af;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.faction-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;text-align:left}.advantages,.challenges{background:#111827;background:var(--bg-primary);border-radius:.5rem;padding:1rem}.advantages h4,.challenges h4{color:#fbbf24;color:var(--accent-gold);font-size:1rem;margin-bottom:.5rem}.advantages ul,.challenges ul{list-style:none;padding:0}.advantages li,.challenges li{color:#9ca3af;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:.5rem;padding-left:1rem;position:relative}.advantages li:before{color:#10b981;color:var(--success-green);content:"✓";font-weight:700;left:0;position:absolute}.challenges li:before{color:#dc2626;color:var(--danger-red);content:"⚠";font-weight:700;left:0;position:absolute}.difficulty-selection,.faction-selection{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.selection-container{max-width:1200px;text-align:center;width:100%}.selection-container h2{color:#f9fafb;color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem}.difficulty-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:900px;width:100%}.difficulty-card{background:#1f2937;background:var(--bg-secondary);border:2px solid #374151;border:2px solid var(--bg-tertiary);border-radius:.5rem;cursor:pointer;padding:1.5rem;transition:all .2s}.difficulty-card:hover{border-color:#3b82f6;border-color:var(--ukraine-blue)}.difficulty-card.selected{background:#374151;background:var(--bg-tertiary);border-color:#fbbf24;border-color:var(--accent-gold)}.campaign-screen{display:flex;flex-direction:column;min-height:100vh}.campaign-header{background:#1f2937;background:var(--bg-secondary);border-bottom:1px solid #374151;border-bottom:1px solid var(--bg-tertiary);gap:1rem;justify-content:space-between;padding:1rem 2rem}.campaign-header,.header-info{align-items:center;display:flex;flex-wrap:wrap}.header-info{gap:2rem}.faction-indicator{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem}.header-stats{display:flex;font-size:.875rem;gap:1.5rem}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-label{color:#9ca3af;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}.campaign-tabs{background:#1f2937;background:var(--bg-secondary);border-bottom:1px solid #374151;border-bottom:1px solid var(--bg-tertiary);display:flex}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#9ca3af;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:1rem 2rem;transition:all .2s}.tab-button:hover{background:#374151;background:var(--bg-tertiary);color:#f9fafb;color:var(--text-primary)}.tab-button.active{background:#111827;background:var(--bg-primary);border-bottom-color:#3b82f6;border-bottom-color:var(--ukraine-blue);color:#3b82f6;color:var(--ukraine-blue)}.brigades-list{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.brigade-card{background:#1f2937;background:var(--bg-secondary);border:1px solid #374151;border:1px solid var(--bg-tertiary);border-radius:.5rem;cursor:pointer;margin-bottom:1rem;padding:1.5rem;transition:all .2s}.brigade-card:hover{border-color:#3b82f6;border-color:var(--ukraine-blue);transform:translateY(-1px)}.brigade-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.brigade-name{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.select-faction-btn{background:#3b82f6;background:var(--ukraine-blue);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .2s;width:100%}.select-faction-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.back-button{background:#374151;background:var(--bg-tertiary);border:none;border-radius:.5rem;color:#f9fafb;color:var(--text-primary);cursor:pointer;font-size:1rem;margin-top:2rem;padding:.75rem 1.5rem;transition:all .2s}.back-button:hover{background:#4b5563;transform:translateY(-1px)}.select-difficulty-btn{background:#fbbf24;background:var(--accent-gold);border:none;border-radius:.5rem;color:#111827;color:var(--bg-primary);cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .2s;width:100%}.select-difficulty-btn:hover{background:#d97706;box-shadow:0 4px 12px #fbbf2466;transform:translateY(-2px)}.brigade-type{color:#9ca3af;color:var(--text-secondary);text-transform:capitalize}.brigade-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-bar{display:flex;flex-direction:column;gap:.25rem}.stat-bar-label{color:#9ca3af;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}.progress-bar{background:#374151;background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{height:100%;transition:width .3s ease}.progress-fill.high{background:#10b981;background:var(--success-green)}.progress-fill.medium{background:#fbbf24;background:var(--accent-gold)}.progress-fill.low{background:#dc2626;background:var(--danger-red)}.tactical-map{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:2rem}.map-svg{background:#1f2937;background:var(--bg-secondary);border:1px solid #374151;border:1px solid var(--bg-tertiary);border-radius:.5rem;height:auto;max-width:100%}.region-node{cursor:pointer;transition:all .2s}.region-node:hover{filter:brightness(1.2)}.region-friendly{fill:#3b82f6;fill:var(--ukraine-blue)}.region-enemy{fill:#ef4444;fill:var(--russia-red)}.region-contested{fill:#f59e0b;fill:var(--contested-orange)}.region-label{fill:#f9fafb;fill:var(--text-primary);text-anchor:middle;font-size:12px;pointer-events:none}.connection-line{stroke:#6b7280;stroke:var(--text-tertiary);stroke-width:2;stroke-opacity:.5}.frontline{stroke:#dc2626;stroke:var(--danger-red);stroke-width:3;stroke-dasharray:5,5}.supply-line{stroke:#10b981;stroke:var(--success-green);stroke-width:2;stroke-dasharray:3,3}.event-log{margin:0 auto;max-width:800px;padding:2rem}.log-container{background:#1f2937;background:var(--bg-secondary);border-radius:.5rem;max-height:60vh;overflow-y:auto;padding:1rem}.log-entry{border-bottom:1px solid #374151;border-bottom:1px solid var(--bg-tertiary);font-family:Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;padding:.75rem;white-space:pre-wrap}.log-entry:last-child{border-bottom:none}@media (max-width:768px){.main-menu h1{font-size:2rem}.difficulty-cards,.faction-cards{grid-template-columns:1fr}.campaign-header{align-items:flex-start;flex-direction:column}.header-info{width:100%}.brigade-stats{grid-template-columns:1fr 1fr}.tab-button{font-size:.875rem;padding:.75rem 1rem}}.game-over-screen,.loading-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.victory{color:#10b981;color:var(--success-green)}.defeat{color:#dc2626;color:var(--danger-red)}
/*# sourceMappingURL=main.1a6873d9.css.map*/