.city-dashboard{display:grid;gap:20px;width:100%;grid-template-columns:1fr;grid-template-areas:"virtue" "vice" "todo" "visual"}.habits-grid-wrapper-outer,.habits-grid-wrapper-inner{display:contents}#city-col-virtue{grid-area:virtue}#city-col-vice{grid-area:vice}#city-col-todo{grid-area:todo}.city-dashboard>.card{grid-area:visual}@media (min-width: 768px){.city-dashboard{grid-template-columns:repeat(3,1fr);align-items:start;grid-template-areas:"virtue vice todo" "visual .    ."}.city-dashboard>.card{width:100%;margin-top:20px}}@media (min-width: 1024px){.city-dashboard{grid-template-columns:repeat(4,1fr);align-items:start;grid-template-areas:"visual virtue vice todo"}.city-dashboard>.card{margin-top:0;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}}.adventure-view{width:100%;margin:0 auto;box-sizing:border-box}.quest-list{display:flex;flex-direction:column;gap:15px;width:100%}.quest-card{display:flex;flex-direction:column;background:#ffffffe6;border-radius:8px;padding:14px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;width:100%;max-width:560px;margin:0 auto;box-sizing:border-box}.quest-card-header{display:flex;gap:15px;align-items:flex-start}.quest-card-image{width:80px;height:80px;border-radius:4px;object-fit:cover;flex-shrink:0;border:1px solid #7f8c8d;display:block}@media (max-width: 600px){.adventure-view{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}}@media (max-width: 560px){.quest-card{width:100%;max-width:none;border-radius:0;border-left:none;border-right:none}}@media (max-width: 500px){.quest-card-image{display:none}.quest-card-header{gap:10px}}@media (max-width: 340px){.quest-card{padding:8px}.quest-card h4{font-size:.95rem!important}.quest-card-subtext,.quest-card-stats{font-size:.75rem!important}}.card{background:#fdfbf7;border:1px solid #d4c5b0;border-radius:8px;padding:var(--spacing-md);box-shadow:0 4px 8px #0003,inset 0 0 20px #8b45130d;position:relative;overflow:visible;display:flex;flex-direction:column;height:auto}@media (max-width: 480px){.card{padding:10px 8px}}.card-title{display:flex;align-items:center;gap:var(--spacing-sm);border-bottom:2px solid var(--color-gold);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-red-dark);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.btn{background:var(--color-red);color:#fff;border:none;padding:10px 20px;font-family:var(--font-heading);font-weight:700;cursor:pointer;transition:all .2s;border:2px solid var(--color-red-dark);text-transform:uppercase;letter-spacing:1px}.btn:hover{background:var(--color-red-dark);transform:translateY(-2px);box-shadow:0 4px 0 var(--color-stone)}.btn-icon{padding:8px;border-radius:50%;aspect-ratio:1;background:var(--color-marble);border:1px solid var(--color-marble-dark);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon.small{padding:4px;width:24px;height:24px}.habit-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-marble);border:1px solid var(--color-marble-dark);margin-bottom:var(--spacing-sm);transition:all .3s}.habit-item.completed{background:#c5a05933;border-color:var(--color-gold)}.habit-checkbox{width:24px;height:24px;border:2px solid var(--color-gold);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:var(--spacing-md)}.habit-checkbox.checked{background:var(--color-gold);color:#fff}.habit-item.compact{padding:6px 10px;font-size:.95rem;margin-bottom:4px}.habit-checkbox.compact{width:20px;height:20px;margin-right:8px}.city-visual-container{margin-bottom:var(--spacing-lg);border:4px double var(--color-gold);border-radius:4px;overflow:hidden;position:relative;max-width:100%;box-sizing:border-box;container-type:inline-size}.city-image{width:100%;height:auto;display:block}.city-name-badge{position:absolute;top:5%;left:50%;transform:translate(-50%);background:var(--color-red);color:#fff;padding:2% 4%;font-family:var(--font-heading);border:2px solid #3d0a00;box-shadow:0 4px 8px #00000080;text-transform:uppercase;font-size:clamp(.6rem,4.5cqi,1.2rem);white-space:nowrap;text-align:center;font-weight:700;width:auto;max-width:95%;z-index:5}.city-rank-badge{position:absolute;bottom:5%;left:50%;transform:translate(-50%);background:var(--color-red);color:#fff;padding:2% 4%;font-family:var(--font-heading);border:2px solid #3d0a00;box-shadow:0 4px 8px #00000080;text-transform:uppercase;font-size:clamp(.55rem,4cqi,1.2rem);white-space:nowrap;text-align:center;font-weight:700;width:auto;max-width:95%;z-index:5}.tavern-bg{background-image:url(../assets/tavern.png);background-size:cover;background-position:center;padding:20px;border-radius:8px;color:#fff;text-align:center;box-shadow:inset 0 0 50px #000000b3;margin-bottom:10px;max-height:200px}.heroes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.hero-card{background:#fff;border:2px solid var(--color-marble-dark);padding:10px;border-radius:4px;text-align:center;color:var(--color-text)}.stat-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:1.1rem}.resource{display:flex;align-items:center;gap:8px;font-weight:700}.resource.gold{color:#b8860b}.resource.army{color:#8e1600}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fdfbf7;background-image:url(../assets/papyrus.jpg);background-size:cover;background-position:center;border:4px double var(--color-gold);border-radius:8px;padding:var(--spacing-lg);width:90%;max-width:500px;box-shadow:0 10px 25px #00000080;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-gold);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}.modal-body{display:flex;flex-direction:column;gap:15px}.modal-form-group{display:flex;flex-direction:column}.modal-form-group label{font-weight:700;margin-bottom:5px;display:block}.modal-form-group input[type=text]{width:100%;padding:12px;border-radius:4px;border:1px solid #ccc;font-size:1rem}.modal-form-group .date-display{font-style:italic;color:#666}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-secondary{background:#e0e0e0;color:#333;border-color:#999}.btn-secondary:hover{background:#d0d0d0;transform:translateY(-2px);box-shadow:0 4px #999}@media (max-width: 480px){.modal-content{padding:var(--spacing-md);width:95%}.modal-radio-group{flex-direction:column;gap:5px}.modal-radio-label{width:100%;padding:10px;background:#00000005}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;text-align:center;margin-bottom:5px}}.modal-radio-group{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;width:100%}.modal-form-group .modal-radio-label{cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:4px;border:1px solid transparent;transition:background-color .2s,transform .1s;background:transparent;margin-bottom:0;font-weight:400}.modal-radio-label:hover{background:#00000008}.modal-radio-label.selected{background:#0000000d;border-color:#0000001a}.modal-radio-indicator{display:inline-block;width:18px;height:18px;border-radius:50%;transition:all .2s;flex-shrink:0;border:2px solid #aaa;background:#fff;box-shadow:inset 0 1px 3px #0000001a}.modal-radio-text{font-weight:400;transition:color .2s;line-height:1;padding-top:2px}.modal-radio-label.selected .modal-radio-text{font-weight:700}.modal-radio-label.type-virtue .modal-radio-indicator{border-color:var(--color-virtue)}.modal-radio-label.type-vice .modal-radio-indicator{border-color:var(--color-vice)}.modal-radio-label.type-todo .modal-radio-indicator{border-color:var(--color-mandatum)}.modal-radio-label.selected.type-virtue .modal-radio-indicator{background:var(--color-virtue);box-shadow:0 0 5px var(--color-virtue)}.modal-radio-label.selected.type-vice .modal-radio-indicator{background:var(--color-vice);box-shadow:0 0 5px var(--color-vice)}.modal-radio-label.selected.type-todo .modal-radio-indicator{background:var(--color-mandatum);box-shadow:0 0 5px var(--color-mandatum)}.modal-radio-label.selected.type-virtue .modal-radio-text{color:var(--color-virtue)}.modal-radio-label.selected.type-vice .modal-radio-text{color:var(--color-vice)}.modal-radio-label.selected.type-todo .modal-radio-text{color:var(--color-mandatum)}.modal-checkbox-label{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:400;transition:opacity .2s}.modal-checkbox-label.disabled{cursor:not-allowed;opacity:.5}.mb-md{margin-bottom:var(--spacing-md)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.full-width{width:100%}.settings-row{display:flex;align-items:center;justify-content:space-between}.settings-checkbox{width:20px;height:20px}.habit-menu-container{position:relative}.habit-menu-dropdown{position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--color-gold);border-radius:4px;padding:4px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 8px #0000001a;z-index:100;min-width:120px}.habit-menu-dropdown .menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:.9rem;color:#333;text-align:left;width:100%;border-radius:2px;transition:background .2s}.habit-menu-dropdown .menu-item svg{width:16px;height:16px;flex-shrink:0}.habit-menu-dropdown .menu-item:hover{background:#f0f0f0}.habit-menu-dropdown .menu-item.delete{color:#c00}.habit-menu-dropdown .menu-item.delete:hover{background:#ffebee}.btn-icon.menu-toggle{color:#aaa}.btn-icon.menu-toggle:hover{color:#333;background:#f0f0f0}@media (min-width: 1200px){.welcome-video{display:block!important}}:root{--color-gold: #C5A059;--color-gold-light: #E5C079;--color-red: #8E1600;--color-red-dark: #5E0E00;--color-marble: #F5F5F0;--color-marble-dark: #E0E0DA;--color-stone: #2C2C2C;--color-text: #1A1A1A;--color-virtue: #4CAF50;--color-vice: #F44336;--color-mandatum: #2196F3;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-heading: "Cinzel", serif;--font-body: "Lato", sans-serif}*{box-sizing:border-box}html{overflow-y:auto;height:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f0e6d2;border-left:1px solid #d4c5a3}::-webkit-scrollbar-thumb{background:#c5a059;border-radius:5px;border:2px solid #f0e6d2}::-webkit-scrollbar-thumb:hover{background:#e5c079}body{min-height:100%;overflow:visible;height:auto;margin:0;font-family:var(--font-body);color:var(--color-text)}.wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:#f0e6d2;background-image:url(../assets/pattern.png);background-repeat:repeat;background-size:300px;position:relative;overflow:visible;padding-bottom:100px}.hero-placeholder{height:120px;flex-shrink:0;transition:height .3s cubic-bezier(.4,0,.2,1)}.hero-placeholder.compact{height:60px}@media (max-width: 600px){.hero-placeholder{height:200px}.hero-placeholder.compact{height:60px}}.hero-banner{min-height:60px;height:auto;padding:12px 20px;background-image:url(../assets/banner.png);background-size:cover;background-position:center;position:fixed;top:0;left:0;right:0;width:100%;flex-shrink:0;border-bottom:4px solid var(--color-gold);box-shadow:0 4px 12px #0006;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-banner.compact{min-height:50px;padding:5px 20px}.hero-banner.compact .subtitle{display:none}.hero-banner.compact h1{font-size:1.5rem!important}.hero-overlay{background:#00000080;padding:8px 15px;border-radius:4px;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.header-content h1{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:4px;text-shadow:2px 2px 0px #3d0a00,0px 4px 10px rgba(0,0,0,.8);margin-bottom:0;line-height:1.1}.header-content .subtitle{font-family:var(--font-heading);font-weight:700;font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:3px;text-shadow:3px 3px 0 #000000,0 0 10px rgba(0,0,0,.9);margin-top:4px}.app-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-md);overflow:visible;display:flex;flex-direction:column;position:relative;z-index:1;min-height:200px}@media (max-width: 480px){.app-container{padding:8px 4px}}.main-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"tasks" "visual";gap:var(--spacing-md);height:auto;align-items:start}.city-visual-section{grid-area:visual}.city-dashboard-content{grid-area:tasks;display:flex;flex-direction:column;gap:var(--spacing-md);flex-grow:1}@media (min-width: 900px){.main-grid{grid-template-columns:350px 1fr;grid-template-areas:"visual tasks";grid-template-rows:auto 1fr}}.city-columns-container{display:flex;flex-direction:row;gap:var(--spacing-md);flex-grow:1;align-items:flex-start}@media (max-width: 768px){.city-columns-container{flex-direction:column;width:100%;gap:var(--spacing-lg)}}.city-col{flex:1;min-width:0;width:100%;display:flex;flex-direction:column}.city-col-header{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;border-bottom:3px solid var(--color-gold);margin-bottom:var(--spacing-md);padding-bottom:8px;font-size:1.6rem;text-shadow:1px 1px 0 rgba(255,255,255,.5);letter-spacing:1px;color:#3d0a00}@media (max-width: 480px){.city-col-header{font-size:1.25rem;margin-bottom:var(--spacing-sm)}}.city-col-content{display:flex;flex-direction:column}.tabs{display:flex;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-marble-dark)}.tab-btn{flex:1;padding:10px;background:none;border:none;font-family:var(--font-heading);font-weight:700;color:#777;cursor:pointer;border-bottom:4px solid transparent;transition:all .3s}.tab-btn:hover{background:#00000005;color:var(--color-gold)}.tab-btn.active{color:var(--color-red);border-bottom-color:var(--color-red)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background-color:#2c2f33;background-image:url(../assets/nav_texture.jpg),linear-gradient(to bottom,#3a3f44,#2c2f33);background-blend-mode:overlay;background-size:cover;display:flex;justify-content:center;align-items:center;padding:0 20px;border-top:3px solid var(--color-gold);border-bottom:3px solid var(--color-gold);box-shadow:0 -4px 10px #00000080;z-index:1000}.bottom-nav-content{display:flex;width:100%;max-width:1000px;justify-content:space-between;align-items:center}.nav-group-center{display:flex;justify-content:center;align-items:center;gap:0;flex:1;perspective:1000px;position:relative;height:100%;min-width:250px}@media (max-width: 600px){.nav-group-center{min-width:180px}}.nav-group-center .nav-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;transition:all .6s cubic-bezier(.34,1.56,.64,1);margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.nav-item.role-left{transform:translate(calc(-50% - 130px),-50%) scale(1);opacity:.7;z-index:5}@media (max-width: 600px){.nav-item.role-left{transform:translate(calc(-50% - 85px),-50%) scale(.9)}}.nav-item.role-center{transform:translate(-50%,calc(-50% - 15px)) scale(1.3);opacity:1;z-index:10}@media (max-width: 600px){.nav-item.role-center{transform:translate(-50%,calc(-50% - 10px)) scale(1.1)}}.nav-item.role-right{transform:translate(calc(-50% + 130px),-50%) scale(1);opacity:.7;z-index:5}@media (max-width: 600px){.nav-item.role-right{transform:translate(calc(-50% + 85px),-50%) scale(.9)}}.nav-item.edge-item{flex:0 0 70px;display:flex;flex-direction:column;align-items:center;justify-content:center}.nav-item{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:var(--color-gold);cursor:pointer;transition:all .3s ease;flex:1;position:relative}.nav-item:hover .nav-icon{transform:scale(1.1);box-shadow:0 0 15px var(--color-gold)}.nav-item.active .nav-icon{background:var(--color-gold);color:var(--color-red-dark);box-shadow:0 0 10px var(--color-gold)}.nav-icon{width:52px;height:52px;border-radius:50%;border:3px solid var(--color-gold);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#4a4a4a,#2c2c2c);margin-bottom:0;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00000080,0 2px 5px #0006}.nav-icon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.1) brightness(1.15) sepia(.15);transition:all .4s ease}.stat-item .nav-icon img{transform:scale(2.3)}.nav-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 15px #000c;border-radius:50%;pointer-events:none}.nav-icon.large{width:80px;height:80px;border:4px solid var(--color-gold)}@media (max-width: 600px){.nav-icon{width:44px;height:44px}.nav-icon.large{width:64px;height:64px}}.nav-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-gold);font-family:var(--font-heading);font-weight:700;font-size:1.2rem;text-shadow:0 0 4px #000,0 0 8px #000;pointer-events:none;z-index:2}.nav-value.gold-value{z-index:10;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 8px rgba(0,0,0,1);width:140%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 600px){.nav-value.gold-value{font-size:.9rem}}@media (max-width: 380px){.nav-value.gold-value{font-size:.8rem}}.stat-item{cursor:default;flex-direction:row;justify-content:center;align-items:center}.fab{position:fixed;right:30px;bottom:110px;width:65px;height:65px;border-radius:50%;background-color:var(--color-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;border:4px solid var(--color-gold);box-shadow:0 4px 15px #00000080;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1500}.fab:hover{transform:scale(1.1) rotate(90deg);background-color:var(--color-red-dark)}.fab:active{transform:scale(.9)}.scroll-modal{position:relative;width:95vw;height:95vh;max-width:950px;max-height:1200px;background-image:url(../assets/scroll_texture.png);background-color:transparent;background-size:100% 100%;padding:0;animation:scrollUnroll .5s ease-out;z-index:3001;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(16px,2vmin,24px)}.scroll-content-container{background-color:transparent;width:65%;height:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;padding:15px;box-sizing:border-box}@keyframes scrollUnroll{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.scroll-modal:before,.scroll-modal:after{display:none}.scroll-inner{background:transparent;padding:0;border-radius:5px;display:flex;flex-direction:column;color:#3d0a00;width:100%;height:100%;margin:0 auto;overflow:visible}.scroll-title{text-align:center;font-family:var(--font-heading);font-size:2.5em;margin-top:0;margin-bottom:.5em;color:#3d0a00;font-weight:700;line-height:1.2}.scroll-form{display:grid;grid-template-columns:40% 1fr;gap:15px;padding:0 30px;align-items:center;width:100%}.scroll-field{display:contents}.scroll-field label{font-family:var(--font-heading);font-size:1.3em;font-weight:700;text-align:right;white-space:nowrap;grid-column:1;margin:0;line-height:1;justify-self:end}.scroll-field input[type=text]{grid-column:2;min-width:0;padding:10px;border:2px solid #a0522d;background:#fff;font-family:var(--font-body);font-size:1.1rem;height:44px;width:100%;margin:0}.date-display{grid-column:2;padding:10px;background:#ccc;border:2px solid #333;font-family:var(--font-body);font-size:1.1rem;font-weight:700;min-width:0;text-align:center;height:44px;display:flex;align-items:center;justify-content:center;width:100%;margin:0}.scroll-radio-group{grid-column:2;display:flex;flex-direction:column;gap:8px;padding-left:0;justify-self:start;width:100%}.scroll-radio-item{display:flex;align-items:center;gap:15px;font-family:var(--font-heading);font-size:1.3rem;cursor:pointer}.scroll-radio-item input{display:none}.radio-dot{width:25px;height:25px;flex-shrink:0;border-radius:50%;border:2px solid #333}.dot-green{background-color:#4caf50}.dot-red{background-color:#f44}.dot-blue{background-color:#2196f3}.scroll-radio-item input:checked+.radio-dot{box-shadow:0 0 0 3px #3d0a00,0 0 8px #00000080}.checkbox-field{display:flex;flex-direction:column}.scroll-field.checkbox-field label{grid-column:2;text-align:left;padding-right:0;width:100%;display:flex;align-items:center;gap:15px;cursor:pointer}.scroll-checkbox-item{display:flex;align-items:center}.scroll-checkbox-item input{display:none}.checkbox-box{width:25px;height:25px;flex-shrink:0;border:2px solid #333;border-radius:4px;background:#fff}.recurring-circle{border-radius:50%}.scroll-checkbox-item input:checked+.checkbox-box{background:#333;position:relative;box-shadow:0 0 0 3px #3d0a00,0 0 8px #00000080}.scroll-checkbox-item input:checked+.checkbox-box:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px;display:block}.scroll-actions{grid-column:1 / -1;display:flex;justify-content:center;gap:15px;margin-top:20px;margin-bottom:0}.btn-scroll{padding:.4em 1em;border:2px solid #333;background:#fff;font-family:var(--font-heading);font-size:1.3em;font-weight:700;cursor:pointer;transition:all .2s}.btn-scroll:hover{background:#f0f0f0;box-shadow:0 2px 5px #0003}.btn-scroll.ok{min-width:100px}.habit-controls{position:relative;z-index:10}.habit-controls button{cursor:pointer;pointer-events:auto}@media (max-width: 768px){.scroll-modal{width:100vw;height:92vh}.scroll-content-container{width:70%;height:80%;padding:5px}.scroll-title{font-size:1.5em;margin-bottom:5px;margin-top:35px}.scroll-form{display:flex;flex-direction:column;gap:10px;padding:0;align-items:stretch}.scroll-field{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%}.scroll-field:not(.checkbox-field){width:85%;margin-left:auto;margin-right:auto}.scroll-field label{text-align:left;width:100%;padding-right:0;margin-bottom:2px;grid-column:auto}@media (max-width: 380px){.bottom-nav{padding:0 4px}.nav-group-center{min-width:130px}.nav-item.role-left{transform:translate(calc(-50% - 55px),-50%) scale(.8)}.nav-item.role-right{transform:translate(calc(-50% + 55px),-50%) scale(.8)}.nav-item.edge-item{flex:0 0 45px}.nav-item.edge-item .nav-icon{width:38px;height:38px}}.scroll-field input[type=text],.date-display{width:100%;grid-column:auto}.scroll-radio-group{align-items:flex-start;padding-left:0;grid-column:auto;margin-top:5px;width:auto;margin-left:30%;margin-right:auto}.scroll-field.checkbox-field label{justify-content:flex-start;grid-column:auto;width:auto;margin-left:30%}.btn-scroll{font-size:1.1em;padding:.4em .8em}.scroll-actions{flex-wrap:wrap;gap:10px;margin-top:10px}}@media (max-width: 768px){.hero-banner{min-height:50px!important;padding:5px 20px!important}.hero-banner .subtitle{display:none!important}.hero-banner h1{font-size:1.5rem!important}.hero-placeholder{height:60px!important}}.adventure-view-stable{width:90%;max-width:600px;padding:20px 20px 80px;color:#ecf0f1;margin:0 auto;box-sizing:border-box}@media (min-width: 620px){.adventure-view-stable{margin-left:calc(50vw - 300px);margin-right:0}}.adventure-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.combat-area{background:#2c2c2c;color:#fff;padding:15px;border-radius:8px;border:4px double var(--color-red);display:flex;flex-direction:column;height:300px}.combat-log{flex:1;overflow-y:auto;background:#0000004d;padding:10px;margin:10px 0;font-family:monospace;font-size:.85rem;border:1px solid #444}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px,-2px)}20%,40%,60%,80%{transform:translate(2px,2px)}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.shake{animation:shake .5s}.combat-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:1.5rem;pointer-events:none;z-index:999;text-shadow:2px 2px 0 #000;animation:floatUp 1.5s ease-out forwards}.effect-damage{color:#f44}.effect-xp{color:#8f8}.effect-gold{color:gold}@media (max-width: 1024px){.adventure-grid{flex-direction:column;display:flex}.city-columns-container{flex-direction:column!important;align-items:stretch!important}}.toast-container{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:11000;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 24px;border-radius:4px;color:#fff;font-family:var(--font-heading);box-shadow:0 4px 12px #0000004d;animation:popIn .3s ease-out}.toast.success{background:#4caf50}.toast.error{background:#f44336}.toast.info{background:#2196f3}.toast.warning{background:#ff9800}.toast.mandatum{background:var(--color-mandatum)}