@import"https://fonts.googleapis.com/css2?family=Silkscreen&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Uncial+Antiqua&display=swap";.confirmation-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-popup{background-color:var(--bg-panel);border-radius:12px;box-shadow:var(--shadow-lg);max-width:480px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.popup-message{font-family:Dogica Pixel,sans-serif;font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6;text-align:center}.popup-button{font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;min-width:100px;letter-spacing:.3px}.cancel-button:hover{background-color:var(--hover-medium);color:var(--text-primary);border-color:var(--border-active)}.confirm-button.danger{background-color:#f44;color:#fff;box-shadow:0 2px 8px #ff44444d}.confirm-button.danger:hover{background-color:#f33;box-shadow:0 4px 12px #f446;transform:translateY(-1px)}.confirm-button.primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-1px)}.confirm-button.secondary{background-color:var(--text-muted);color:#fff;box-shadow:0 2px 8px #0003}.confirm-button.secondary:hover{background-color:var(--text-secondary);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.popup-button:active{transform:translateY(0)}@media(max-width:768px){.confirmation-popup{width:95%;margin:1rem}.popup-actions{flex-direction:column}.popup-button{width:100%}}.checkpoint-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.checkpoint-popup{background-color:var(--bg-panel);border-radius:12px;box-shadow:var(--shadow-lg);max-width:480px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.popup-header{padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--border-light);margin-bottom:1rem}.popup-title{font-family:Dogica Pixel,sans-serif;font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center}.popup-body{padding:0 1.5rem 1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:500;color:var(--text-primary);margin:0}.checkpoint-input{font-family:Dogica Pixel,sans-serif;font-size:1rem;padding:.75rem;border:2px solid var(--border-medium);border-radius:6px;background-color:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color .2s ease}.checkpoint-input:focus{border-color:var(--primary)}.checkpoint-input:disabled{opacity:.6;cursor:not-allowed}.checkpoint-input::placeholder{color:var(--text-muted);opacity:.7}.popup-actions{display:flex;gap:1rem;padding:1rem 1.5rem 1.5rem;justify-content:center}.popup-button{font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;min-width:120px;letter-spacing:.3px}.popup-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-medium)}.cancel-button:hover:not(:disabled){background-color:var(--hover-medium);color:var(--text-primary);border-color:var(--border-active)}.confirm-button.primary{background-color:var(--primary);color:var(--bg-topbar);box-shadow:0 2px 8px var(--primary-shadow)}.confirm-button.primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-1px)}.confirm-button.disabled{background-color:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-medium);box-shadow:none}.popup-button:active:not(:disabled){transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.checkpoint-popup{width:95%;margin:1rem}.popup-actions{flex-direction:column}.popup-button{width:100%}}.top-bar{background-color:var(--bg-topbar);height:75px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;position:relative;z-index:10;border-bottom:1px solid var(--border-light);box-shadow:0 5px 8px rgba(var(--bg-app-rgb),.3);border-style:solid;border-image-slice:16 16 16 16 fill;border-image-width:96px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges}.top-bar.chat-active{box-shadow:0 20px 15px rgba(var(--bg-app-rgb),1)!important}.status-left{display:flex;align-items:center;gap:12px;justify-self:start}.status-placeholder{min-width:100px}.title-center{display:flex;align-items:center;justify-content:center}.site-title{color:var(--primary);margin:0;font-size:1.6rem;letter-spacing:.5px;font-family:Uncial Antiqua,cursive;font-weight:400;text-shadow:0 0 10px var(--primary-shadow)}.game-name{color:#fff;margin:0;font-size:1.2rem;letter-spacing:.3px;font-family:Dogica Pixel,sans-serif;font-weight:400}.contextual-title{color:var(--text-muted);margin:0;font-size:.7rem;letter-spacing:.05em;font-family:Dogica Pixel,monospace;font-weight:400;line-height:1.6}.cc-topbar-title{color:var(--primary);margin:0;font-size:.85rem;font-family:"Press Start 2P",cursive;font-weight:400;text-shadow:0 0 10px var(--primary-shadow);letter-spacing:1px}.site-title.clickable{cursor:pointer;transition:all .2s ease;position:relative}.site-title.clickable:hover{color:var(--primary-hover);text-shadow:0 0 15px var(--primary-shadow)}.site-title.clickable:active{transform:scale(.98)}.status-right{display:flex;align-items:center;gap:16px;justify-self:end}.health-container{display:flex;align-items:center}.heart-icon{position:relative;width:48px;height:44px;display:flex;align-items:center;justify-content:center}.heart-svg{width:100%;height:100%;fill:#c44040;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Silkscreen,cursive;font-size:.85rem;font-weight:400;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;padding-bottom:8px}.character-info{display:flex;flex-direction:column;gap:0}.character-name{font-family:"Press Start 2P",cursive;font-size:.7rem;font-weight:400;transform:scaleX(.85);transform-origin:left;color:var(--text-primary);line-height:1.2}.character-subtitle{font-family:Silkscreen,cursive;font-size:.65rem;color:var(--text-muted);text-transform:lowercase;line-height:1.2}.time-date{display:flex;flex-direction:column;align-items:flex-end;gap:0}.time,.date{font-family:Dogica Pixel,monospace;font-size:.55rem;color:var(--text-muted);line-height:1.6}.location-info{display:flex;flex-direction:column;align-items:center;align-self:center;gap:0!important}.location-info.clickable{cursor:pointer;border-radius:4px;padding:2px 6px;margin:-2px -6px;transition:background-color .15s ease}.location-info.clickable:hover{background-color:#ffffff14}.location-pin{width:18px;height:18px;fill:var(--error);margin-bottom:8px}.location-name{font-family:Dogica Pixel,monospace;font-size:.55rem;font-weight:600;color:var(--text-primary);line-height:1.6}.menu-container{position:relative}.menu-button{background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.menu-button:hover{background-color:var(--hover-medium)}.menu-icon{display:block}.dropdown-menu{position:absolute;top:50px;right:0;background-color:var(--bg-dropdown);border-radius:4px;box-shadow:var(--shadow-md);overflow:hidden;z-index:100;min-width:180px}.dropdown-menu ul{list-style-type:none;padding:0;margin:0}.dropdown-menu li{border-bottom:1px solid var(--border-medium)}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu button{width:100%;text-align:left;padding:12px 16px;background:none;border:none;color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.dropdown-menu button:hover{background-color:var(--hover-primary)}.delete-game-dropdown-button{color:var(--text-primary)!important}.delete-game-dropdown-button:hover{background-color:var(--hover-medium)!important;color:#f44!important}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.toggle-label{font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:500;color:var(--text-primary);letter-spacing:.2px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-darker);transition:.3s;border-radius:24px;border:1px solid var(--border-medium)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 2px var(--primary)}@media(max-width:768px){.top-bar{padding:0 12px}.site-title{font-size:1.3rem}.game-name{font-size:1rem}.time-date{display:none}.status-left,.status-right{gap:8px}}@media(max-width:480px){.character-info,.location-name{display:none}}.side-panel{height:100vh;display:flex;flex-direction:column;box-shadow:5px 0 8px rgba(var(--bg-app-rgb),.3);position:relative;z-index:10;transition:width .3s cubic-bezier(.25,.8,.25,1),margin-left .3s cubic-bezier(.25,.8,.25,1);border-right:none;overflow:visible;border-style:solid;border-image-slice:32 32 32 32 fill;border-image-width:96px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges}.side-panel.collapsed{width:250px;min-width:250px;margin-left:-190px}.side-panel.expanded{width:20%;min-width:200px;max-width:300px}.side-panel-header{padding:8px;border-bottom:1px solid var(--border-medium);display:flex;align-items:center;justify-content:center;height:75px;min-height:75px;overflow:visible}.header-expanded{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-title{color:var(--primary);margin:0;font-size:1.2rem;letter-spacing:.5px;font-family:Uncial Antiqua,cursive;white-space:nowrap;overflow:hidden;text-overflow:clip;font-weight:400;text-shadow:0 0 10px var(--primary-shadow);cursor:pointer;transition:all .2s ease;flex:1;opacity:1}.side-panel.collapsed .sidebar-title{opacity:0}.sidebar-logo{height:20px;width:auto;image-rendering:pixelated;cursor:pointer;transition:all .2s ease;object-fit:contain;margin-left:8px;margin-top:12px}.sidebar-logo:hover{filter:drop-shadow(0 0 10px var(--primary-shadow)) drop-shadow(0 0 20px var(--primary-shadow))}.sidebar-title:hover{color:var(--primary-hover);text-shadow:0 0 15px var(--primary-shadow)}.expand-button,.collapse-button{background:transparent;border:none;color:var(--text-muted);font-size:1.8rem;cursor:pointer;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:700;border-radius:6px;margin:0;outline:none!important;position:relative;top:8px}.expand-button:focus,.collapse-button:focus{outline:none!important;box-shadow:none!important}.expand-button:hover,.collapse-button:hover{background-color:transparent;filter:drop-shadow(0 0 8px var(--primary-shadow))}.collapse-button{margin-right:12px;margin-left:4px}.expand-button-default{font-family:Uncial Antiqua,cursive;color:var(--primary);font-size:1.4rem;text-shadow:0 0 10px var(--primary-shadow);display:block}.expand-button-logo{height:1.4rem;width:auto;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 0 6px var(--primary-shadow)) drop-shadow(0 0 12px var(--primary-shadow));position:relative;left:4px}.side-panel-nav{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:4px}.nav-button{background:transparent;border:none;color:#151515;padding:5px 8px;margin:0 8px;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:12px;font-family:Dogica Pixel,sans-serif;font-size:1rem;position:relative;height:auto;outline:none!important}.nav-button:focus{outline:none!important;box-shadow:none!important}.nav-button:hover{background-color:#00000026;color:#93f2ff;text-shadow:0 0 10px rgba(92,236,255,.6)}.nav-button.combat-disabled{opacity:.35;pointer-events:none;cursor:default}.nav-button.active{background-color:#0003;color:#93f2ff;text-shadow:0 0 10px rgba(92,236,255,.6);border:none}.nav-button.active .nav-icon{filter:drop-shadow(0 0 6px rgba(92,236,255,.4))}.nav-button:hover .nav-icon{filter:brightness(1.2)}.nav-button.active:hover .nav-icon{filter:drop-shadow(0 0 6px rgba(92,236,255,.4)) brightness(1.2)}.nav-icon{font-size:1.4rem;display:flex;align-items:center;justify-content:center;min-width:24px;transition:filter .2s ease}.custom-icon{width:1.8rem;height:1.8rem;object-fit:contain;transition:all .2s ease;image-rendering:pixelated;image-rendering:crisp-edges}.nav-label{font-family:"Press Start 2P",cursive;font-size:.7rem;font-weight:400;letter-spacing:.3px;white-space:nowrap;overflow:visible;opacity:1;transition:opacity .2s ease;transform:scaleX(.85);transform-origin:left}.side-panel.collapsed .nav-label{opacity:0}.side-panel.collapsed .nav-button{display:inline-flex;align-self:flex-end;margin-right:8px}.side-panel.collapsed .side-panel-header{justify-content:flex-end;padding-right:18px}.side-panel-footer{border-top:1px solid var(--border-medium);padding:12px 8px}.footer-buttons{display:flex;flex-direction:column;gap:4px}.footer-button{background:transparent;border:none;color:var(--text-muted);padding:8px 12px;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:0;font-family:Dogica Pixel,sans-serif;font-size:.85rem;text-align:left}.footer-button:hover{background-color:var(--hover-dark);color:var(--text-primary)}.footer-icon{font-size:1rem;min-width:16px}.footer-label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .2s ease}.side-panel.collapsed .footer-label{opacity:0}@media(max-width:1024px){.side-panel.expanded{width:25%;min-width:180px}.sidebar-title{font-size:1.1rem}}@media(max-width:768px){.side-panel.collapsed{width:250px;min-width:250px;margin-left:-200px}.side-panel.expanded{width:30%;min-width:160px}.sidebar-title{font-size:1rem}.nav-button{padding:10px;margin:0 6px}.nav-icon{font-size:1.2rem}.nav-label{font-size:.9rem}}@media(max-width:480px){.side-panel.expanded{width:50%;position:fixed;top:0;left:0;z-index:1000;box-shadow:var(--shadow-lg)}.side-panel.collapsed{width:250px;min-width:250px;margin-left:-205px}}@media(max-width:480px){.side-panel.expanded:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:-1;pointer-events:none}}.message-item{margin:8px 20px;padding:4px 16px;border-radius:18px;max-width:85%;word-break:break-word;line-height:1.4;position:relative;animation:fadeIn .3s ease-in-out;font-family:Dogica Pixel,sans-serif;-webkit-user-select:none;user-select:none}.message-header{margin-bottom:5px}.message-source{font-weight:700;font-size:.65rem;font-family:Dogica Pixel,sans-serif;margin-bottom:6px}.message-content{font-size:.7rem;font-family:Dogica Pixel,sans-serif;line-height:1.8}.message-item.player{background-color:#00bfd9;color:#fff;font-weight:700;border:none;align-self:flex-end;margin-left:auto;transition:all .2s ease}.message-item.player:hover{background-color:#00a8bf}.message-item.player.dragging{background-color:#00a8bf;transition:none}.message-item.player .message-source{color:var(--message-player-text);font-family:Dogica Pixel,sans-serif}.message-item.player .message-content{line-height:1.8}.message-item.dm{background-color:#020202;align-self:flex-start;border:1px solid #3a3a3a;transition:all .2s ease}.message-item.dm:hover{background-color:#000;border-color:#4a4a4a}.message-item.dm .message-source{color:var(--message-dm-text);font-family:Dogica Pixel,sans-serif}.message-item.dm .message-content{line-height:1.8;font-family:Dogica Pixel,sans-serif}.message-item.character{background-color:#020202;align-self:flex-start;border:1px solid #3a3a3a;transition:all .2s ease}.message-item.character:hover{background-color:#000;border-color:#4a4a4a}.message-item.character .message-source{color:#d4a84b;font-family:Dogica Pixel,sans-serif}.message-item.character .message-content{line-height:1.8;font-family:Dogica Pixel,sans-serif}.message-item.system{background-color:#020202;align-self:center;font-style:italic;border:1px solid #3a3a3a;max-width:70%;transition:all .2s ease}.message-item.system:hover{background-color:#000;border-color:#4a4a4a}.message-item.system .message-source{color:var(--message-system-text);font-family:Dogica Pixel,sans-serif}@media(max-width:768px){.message-item{max-width:95%;margin:8px 10px}}.game-master-message{width:100%;padding:12px 20px;position:relative;animation:fadeIn .3s ease-in-out}.game-master-message-content{font-family:Dogica Pixel,sans-serif;font-size:.7rem;line-height:1.6;color:#a8b5b4;text-align:left}.game-master-message-sender{color:#66edff;font-weight:700}.game-master-message-text{display:inline}.game-master-message-text p:first-child{display:inline;margin:0}.game-master-message-content p{margin:.8rem 0;white-space:pre-wrap}.game-master-message-content p:first-child{margin-top:0}.game-master-message-content p:last-child{margin-bottom:0}.game-master-message-content h1,.game-master-message-content h2,.game-master-message-content h3,.game-master-message-content h4,.game-master-message-content h5,.game-master-message-content h6{margin:1.2rem 0 .6rem;color:var(--primary);font-weight:700;text-shadow:0 0 1px var(--primary-focus);font-family:Dogica Pixel,sans-serif;letter-spacing:.02em}.game-master-message-content h1{font-size:.85rem}.game-master-message-content h2{font-size:.8rem}.game-master-message-content h3{font-size:.75rem}.game-master-message-content h4,.game-master-message-content h5,.game-master-message-content h6{font-size:.7rem}.game-master-message-content strong{font-weight:700;color:var(--text-primary);letter-spacing:.01em}.game-master-message-content em{font-style:italic;color:var(--text-secondary);letter-spacing:.01em}.game-master-message-content blockquote{margin:.5rem 0;padding-left:1rem;border-left:3px solid var(--primary);color:var(--text-muted);font-style:italic}.game-master-message-content ul,.game-master-message-content ol{margin:.5rem 0;padding-left:1.5rem}.game-master-message-content li{margin:.25rem 0}.game-master-message-content a{color:var(--primary);text-decoration:none}.game-master-message-content a:hover{text-decoration:underline}.game-master-message-content code{font-family:monospace;background-color:var(--hover-medium);padding:.2rem .4rem;border-radius:3px;font-size:.9em}.game-master-message-content pre{background-color:var(--hover-medium);padding:.75rem;border-radius:4px;overflow-x:auto;margin:.75rem 0}.game-master-message-content pre code{background-color:transparent;padding:0;font-size:.9em}@media(max-width:768px){.game-master-message{padding:10px 12px}}.entity-link{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:2px;transition:text-decoration-color .15s ease}.entity-link:hover{text-decoration-style:solid}.entity-link:focus{outline:2px solid var(--text-muted, #888);outline-offset:2px;border-radius:2px}.entity-link:active{opacity:.8}.narrator-message{width:100%;padding:12px 20px;position:relative;animation:fadeIn .3s ease-in-out}.narrator-message.show-line:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background-color:var(--border-light);opacity:1}.narrator-message-content{font-family:Dogica Pixel,sans-serif;font-size:.75rem;line-height:1.7;color:#fff;text-align:left}.narrator-message-content p{margin:.8rem 0;white-space:pre-wrap}.narrator-message-content p:first-child{margin-top:0}.narrator-message-content p:last-child{margin-bottom:0}.narrator-message-content h1,.narrator-message-content h2,.narrator-message-content h3,.narrator-message-content h4,.narrator-message-content h5,.narrator-message-content h6{margin:1.2rem 0 .6rem;color:#fff;font-weight:400;font-family:Dogica Pixel,sans-serif;letter-spacing:.02em}.narrator-message-content h1{font-size:.85rem}.narrator-message-content h2{font-size:.8rem}.narrator-message-content h3{font-size:.75rem}.narrator-message-content h4,.narrator-message-content h5,.narrator-message-content h6{font-size:.7rem}.narrator-message-content strong{font-weight:700;color:#fff;letter-spacing:.01em}.narrator-message-content em{font-style:italic;color:#fff;letter-spacing:.01em}.narrator-message-content blockquote{margin:.5rem 0;padding-left:1rem;border-left:3px solid #ffffff;color:#fffc;font-style:italic}.narrator-message-content ul,.narrator-message-content ol{margin:.5rem 0;padding-left:1.5rem}.narrator-message-content li{margin:.25rem 0}.narrator-message-content a{color:#fff;text-decoration:underline}.narrator-message-content a:hover{color:#fffc}.narrator-message-content code{font-family:monospace;background-color:#ffffff1a;color:#fff;padding:.2rem .4rem;border-radius:3px;font-size:.9em}.narrator-message-content pre{background-color:#ffffff1a;color:#fff;padding:.75rem;border-radius:4px;overflow-x:auto;margin:.75rem 0}.narrator-message-content pre code{background-color:transparent;padding:0;font-size:.9em}@media(max-width:768px){.narrator-message{padding:10px 12px}}.loading-message{padding:12px 20px;font-family:Dogica Pixel,sans-serif;font-size:.7rem;line-height:1.6;animation:fadeIn .3s ease-in-out}.loading-message-spinner{width:11px;height:11px;margin-right:8px;image-rendering:pixelated;vertical-align:-5%;animation:spinner-wobble 24s ease-in-out infinite}@keyframes spinner-wobble{0%{transform:rotate(0)}25%{transform:rotate(120deg)}50%{transform:rotate(60deg)}75%{transform:rotate(300deg)}to{transform:rotate(360deg)}}.loading-message-sender{color:#66edff;font-weight:700;margin-right:.3em}.loading-message .loading-message-text{color:#fff!important;font-weight:700;font-size:.7rem;display:inline-block;animation:loading-drift 4s ease-in-out infinite}@keyframes loading-drift{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.dialogue-banner-message{width:100%;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:16px;animation:fadeIn .3s ease-in-out}.dialogue-banner-line{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-light) 20%,var(--border-medium) 50%,var(--border-light) 80%,transparent);max-width:100px}.dialogue-banner-text{font-family:Dogica Pixel,sans-serif;font-size:1.1rem;color:var(--text-muted);text-align:center;white-space:nowrap;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.dialogue-banner-message{padding:12px}.dialogue-banner-line{max-width:60px}.dialogue-banner-text{font-size:1rem}}.skill-check-result-message{display:inline-flex;flex-direction:column;padding:5px 16px;font-family:Dogica Pixel,sans-serif;color:var(--text-primary);font-size:1rem;max-width:calc(85% - 16px);align-self:flex-end;margin:4px 20px 4px auto;border-radius:18px;background-color:var(--primary-transparent-lighter);transition:background-color .3s ease,color .3s ease;cursor:default;-webkit-user-select:none;user-select:none;position:relative}.skill-check-result-message:hover{background-color:var(--primary-transparent-light);z-index:1001}.skill-check-result-message.dragging{animation:none;background-color:var(--primary-transparent-light);transition:none}.skill-check-result-message.loading{animation:undulate 4s ease-in-out infinite}@keyframes undulate{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.skill-result-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.skill-result-action{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.1;margin-bottom:0}.skill-result-separator{color:var(--text-muted);margin:0 2px}.skill-result-skill{font-family:Dogica Pixel,sans-serif;font-size:.8rem;font-weight:400;color:var(--text-secondary)}.skill-result-rolling{display:flex;align-items:center;gap:8px;margin-top:4px}.skill-result-rolling-text{font-size:.95rem;color:var(--text-secondary);font-style:italic}.dice-spinner-container{display:flex;align-items:center;justify-content:center;position:relative;width:24px;height:24px}.dice-spinner{position:absolute;width:6px;height:6px;background-color:var(--primary);border-radius:50%;animation:orbit 1.5s infinite cubic-bezier(.785,.135,.15,.86);box-shadow:0 0 5px var(--primary-shadow)}@keyframes orbit{0%{transform:translate(9px)}25%{transform:translateY(9px)}50%{transform:translate(-9px)}75%{transform:translateY(-9px)}to{transform:translate(9px)}}.skill-result-dc-loading{display:flex;align-items:center;gap:8px;margin-top:4px}.skill-result-dc-label{font-family:Dogica Pixel,sans-serif;font-size:.9rem;color:var(--text-secondary)}.skill-result-dc-value{font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:700;color:var(--error)}.skill-result-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.skill-result-info{display:flex;flex-direction:column}.skill-result-dice{position:relative;width:44px;height:44px;flex-shrink:0}.dice-icon{width:100%;height:100%;object-fit:contain}.dice-roll-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:700;color:var(--primary)}.skill-result-dice.rolling .dice-icon{animation:diceRoll 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes diceRoll{0%,to{transform:rotate(0)}50%{transform:rotate(360deg)}}.skill-result-outcome{display:block;font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.skill-result-outcome.triumph,.skill-result-outcome.success{color:var(--success)}.skill-result-outcome.narrow_success{color:rgba(var(--success-rgb),.8)}.skill-result-outcome.setback,.skill-result-outcome.failure{color:var(--error)}.skill-result-outcome.disaster{color:var(--error-dark)}.skill-result-tooltip-container{position:relative}.skill-result-tooltip{position:absolute;right:0;background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;padding:12px;min-width:240px;box-shadow:var(--shadow-lg);z-index:1000}.skill-result-tooltip.above{bottom:calc(100% + 8px);animation:tooltipFadeInUp .2s ease}.skill-result-tooltip.below{top:calc(100% + 8px);animation:tooltipFadeInDown .2s ease}@keyframes tooltipFadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeInDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-section{margin-bottom:12px}.tooltip-section:last-child{margin-bottom:0}.tooltip-section-title{font-family:Dogica Pixel,sans-serif;font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.tooltip-row:last-child{margin-bottom:0}.tooltip-row-label{font-family:Dogica Pixel,sans-serif;font-size:.85rem;color:var(--text-primary)}.tooltip-row-value{font-family:Dogica Pixel,sans-serif;font-size:.85rem;font-weight:700;min-width:40px;text-align:right}.tooltip-row-value.positive{color:var(--success)}.tooltip-row-value.negative{color:var(--error)}.tooltip-row-value.neutral{color:var(--text-secondary)}.tooltip-row-value.primary{color:var(--primary)}.tooltip-row-value.dc{color:var(--error)}.tooltip-divider{height:1px;background:var(--border-light);margin:8px 0}.tooltip-total-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600}.tooltip-total-row .tooltip-row-label{font-weight:600}.tooltip-total-row .tooltip-row-value{font-size:.95rem}@media(max-width:768px){.skill-check-result-message{max-width:95%;margin:8px 10px}.skill-result-tooltip{right:auto;left:0;min-width:200px}}.message-input-container{border-top:none;padding:20px;background-color:transparent;border-radius:0;position:relative;overflow:visible;border-style:solid;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges}.input-row{display:flex;align-items:stretch;gap:0;position:relative;overflow:visible}.source-selector select{padding:10px;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-form);border-radius:4px;font-size:14px;cursor:pointer;outline:none;transition:border-color .2s}.source-selector select:focus{border-color:var(--primary)}.source-selector select:hover{background-color:var(--bg-form)}.action-dropdown{position:relative;display:flex;align-items:stretch;overflow:visible}.action-dropdown-button{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-form);border-right:none;border-radius:6px 0 0 6px;padding:0 16px;font-size:.75rem;font-family:Dogica Pixel,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;transition:all .2s;outline:none;min-width:80px;justify-content:center;white-space:nowrap}.action-dropdown-button:hover:not(:disabled){background-color:var(--bg-form)}.action-dropdown-button:focus:not(:disabled){border-color:var(--primary-border-focus);box-shadow:0 0 0 1px var(--primary-transparent-light),0 0 8px var(--primary-transparent-light),0 0 20px #00ffff1a;outline:none}.action-dropdown-button:disabled{opacity:.7;cursor:not-allowed;background-color:var(--bg-card)}.dropdown-arrow{font-size:10px;transition:transform .2s}.action-dropdown .dropdown-menu{position:absolute;bottom:100%;top:auto;left:0;right:auto;margin-bottom:4px;background-color:var(--bg-card);border:1px solid var(--border-form);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:9999;min-width:100px;width:fit-content;height:fit-content}.dropdown-item{padding:12px 16px;cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-primary);transition:background-color .2s}.dropdown-item:hover{background-color:var(--bg-form)}.dropdown-item.active{background-color:var(--primary-transparent-light);color:var(--primary)}.message-textarea{width:100%;position:relative}.textarea-highlight{position:absolute;top:0;left:0;width:100%;height:100%;padding:14px 20px;border:1px solid transparent;border-radius:0 20px 20px 0;font-size:15px;font-family:Dogica Pixel,sans-serif;line-height:1;color:transparent;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto;overflow-x:hidden;pointer-events:none;background-color:var(--bg-card);max-height:150px;scrollbar-width:none;-ms-overflow-style:none}.textarea-highlight::-webkit-scrollbar{display:none}.gm-tag-highlight{color:var(--primary);font-weight:1000}.message-textarea textarea{width:100%;resize:none;background-color:transparent;color:var(--text-primary);border:1px solid var(--border-form);border-radius:0 20px 20px 0;padding:14px 20px;font-size:.6rem;font-family:Dogica Pixel,monospace;max-height:150px;overflow-y:auto;transition:all .2s;outline:none;box-shadow:var(--shadow-sm);line-height:1;vertical-align:middle;position:relative;z-index:2}.message-textarea textarea:focus{border-color:var(--primary-border-focus);box-shadow:0 0 0 1px var(--primary-transparent-light),0 0 8px var(--primary-transparent-light),0 0 20px #00ffff1a;outline:none}.message-textarea textarea:focus~.action-dropdown-button,.input-row:focus-within .action-dropdown-button{border-color:var(--primary-border-focus)}.message-textarea textarea::placeholder{font-family:Dogica Pixel,monospace;font-size:.6rem;color:var(--text-muted);line-height:1;vertical-align:middle}.send-button{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;padding:10px 20px;font-size:14px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s;font-family:Dogica Pixel,sans-serif}.send-button:hover{background-color:var(--btn-primary-hover)}.send-button:disabled{background-color:var(--btn-primary-disabled);opacity:.7;cursor:not-allowed}.message-textarea textarea:disabled{background-color:var(--bg-card);opacity:.7;cursor:not-allowed;border-color:var(--border-medium);box-shadow:none}.input-disabled .message-textarea textarea{border-color:var(--border-medium);box-shadow:none}.message-input-container.dialogue-mode{padding-top:8px}.message-input-container .dialogue-leave-btn{background:none;border:none;color:var(--error);font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;padding:8px 32px;text-align:center;transition:all .2s;border-radius:4px;align-self:center;width:fit-content;margin:0 auto 8px;display:block}.message-input-container .dialogue-leave-btn:hover{background-color:#ff64641a;color:#ff6b6b}@media(max-width:768px){.input-row{flex-direction:column;align-items:stretch}.source-selector,.send-button-container{margin-bottom:10px}.send-button{width:100%}}.skill-check-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.skill-check-action{font-family:Dogica Pixel,sans-serif;font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;line-height:1.1}.skill-check-dc-container{position:relative;flex-shrink:0}.skill-check-dc{font-family:Dogica Pixel,sans-serif;font-size:1.1rem;font-weight:700;color:var(--primary);padding:6px 12px;border:2px solid var(--primary);border-radius:8px;background:rgba(var(--primary-rgb),.1);cursor:help;transition:all .2s ease;-webkit-user-select:none;user-select:none}.skill-check-dc:hover{background:rgba(var(--primary-rgb),.2);box-shadow:var(--shadow-md)}.dc-tooltip{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;padding:12px;min-width:220px;box-shadow:var(--shadow-lg);z-index:1000;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-title{font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.tooltip-breakdown{display:flex;flex-direction:column;gap:6px}.tooltip-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.tooltip-label{font-family:Dogica Pixel,sans-serif;font-size:.9rem;color:var(--text-primary)}.tooltip-value{font-family:Dogica Pixel,sans-serif;font-size:.9rem;font-weight:700;min-width:40px;text-align:right}.tooltip-value.positive{color:var(--success)}.tooltip-value.negative{color:var(--error)}.tooltip-value.neutral{color:var(--text-secondary)}.tooltip-divider{height:1px;background:var(--border-light);margin:6px 0}.tooltip-total,.tooltip-total .tooltip-label{font-weight:600}.tooltip-total .tooltip-value{color:var(--primary);font-size:1rem}@media(max-width:768px){.skill-check-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.skill-check-action{font-size:1.2rem}.skill-check-dc{font-size:1rem;padding:5px 10px}.dc-tooltip{right:auto;left:0;min-width:200px}}.skill-check-approach{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-panel);cursor:pointer;transition:all .2s ease;margin-bottom:0}.skill-check-approach:hover{background:var(--bg-card);border-color:var(--border-medium)}.skill-check-approach.selected{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.approach-content{flex:1;display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.approach-skill{font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:110px}.approach-description{font-family:Dogica Pixel,sans-serif;font-size:.85rem;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.approach-bonus{font-family:Dogica Pixel,sans-serif;font-size:.9rem;font-weight:700;flex-shrink:0;min-width:40px;text-align:right}.approach-bonus.positive{color:var(--success)}.approach-bonus.negative{color:var(--error)}.approach-bonus.neutral{color:var(--text-secondary)}@media(max-width:768px){.skill-check-approach{gap:8px;padding:6px 8px}.approach-skill{font-size:.7rem;min-width:90px}.approach-description{font-size:.8rem}.approach-bonus{font-size:.85rem;min-width:35px}.approach-letter{font-size:.9rem}}.skill-check-custom-approach{border:1px solid var(--border-light);border-radius:8px;background:var(--bg-panel);margin-bottom:0;transition:all .2s ease}.skill-check-custom-approach.selected{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.custom-approach-header{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer}.custom-approach-header:hover{background:rgba(var(--primary-rgb),.05);border-radius:8px 8px 0 0}.approach-radio{display:flex;align-items:center;flex-shrink:0}.approach-radio-input{margin:0;cursor:pointer;width:18px;height:18px}.approach-letter{font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:700;color:var(--primary);margin-left:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-approach-title{font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.coming-soon-badge{font-size:.7rem;padding:2px 8px;background:var(--warning);color:var(--bg-panel);border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.custom-approach-inputs{padding:0 12px 12px;display:flex;flex-direction:row;gap:8px;align-items:flex-start;animation:slideDown .2s ease}.custom-input-group{display:flex;flex-direction:column;gap:4px}.custom-input-group.skill-group{flex-shrink:0;min-width:140px;max-width:140px}.custom-input-group.description-group{flex:1;min-width:0}.custom-input-label{font-family:Dogica Pixel,sans-serif;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.custom-skill-select{padding:8px 12px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-panel);color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:.95rem;cursor:not-allowed;opacity:.6;width:100%}.custom-skill-select:disabled{cursor:not-allowed}.custom-approach-textarea{padding:8px 12px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-panel);color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:.95rem;resize:none;height:38px;cursor:not-allowed;opacity:.6;width:100%;overflow:hidden}.custom-approach-textarea:disabled{cursor:not-allowed}.custom-approach-textarea::placeholder{color:var(--text-muted);opacity:.7}@media(max-width:768px){.custom-approach-header{gap:8px;padding:6px 8px}.custom-approach-title{font-size:.8rem}.coming-soon-badge{font-size:.6rem;padding:2px 6px}.custom-input-label{font-size:.65rem}.custom-skill-select,.custom-approach-textarea{font-size:.85rem}.approach-letter{font-size:.9rem}.custom-approach-inputs{flex-direction:column;gap:8px}.custom-input-group.skill-group,.custom-input-group.description-group{max-width:none;min-width:0}}.skill-check-button{width:50px;height:50px;border-radius:50%;border:2px solid var(--primary);background:var(--bg-card);color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-md);flex-shrink:0}.skill-check-button:hover:not(:disabled){background:var(--primary);transform:scale(1.05);box-shadow:var(--shadow-lg)}.skill-check-button:active:not(:disabled){transform:scale(.95)}.skill-check-button:disabled{opacity:.5;cursor:not-allowed;border-color:var(--text-muted)}.skill-check-button-text{-webkit-user-select:none;user-select:none}@media(max-width:768px){.skill-check-button{width:45px;height:45px;font-size:.75rem}}.skill-check-input-container{border-top:1px solid var(--border-medium);padding:12px;background:var(--bg-panel);border-radius:0 0 8px 8px;position:relative;min-height:auto;max-height:400px;overflow-y:auto;box-shadow:var(--shadow-md);transition:all .3s ease}.skill-check-content{display:flex;flex-direction:column;gap:12px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-check-approaches-section{display:flex;flex-direction:column}.approaches-label{font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.skill-check-approaches-with-button{display:flex;align-items:flex-start;gap:12px;min-height:182px;max-height:182px}.skill-check-approaches{display:flex;flex-direction:column;gap:6px;flex:1}.skill-check-footer{display:none}.predefined-approaches-collapsed{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-panel);cursor:pointer;transition:all .2s ease;margin-bottom:0}.predefined-approaches-collapsed:hover{background:var(--bg-card);border-color:var(--border-medium)}.collapse-icon{font-size:.9rem;color:var(--primary);transition:transform .2s ease;-webkit-user-select:none;user-select:none}.collapse-text{font-family:Dogica Pixel,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-primary);flex:1}.collapse-hint{font-family:Dogica Pixel,sans-serif;font-size:.7rem;color:var(--text-secondary);font-style:italic}.skill-check-input-container::-webkit-scrollbar{width:8px}.skill-check-input-container::-webkit-scrollbar-track{background:var(--bg-card);border-radius:4px}.skill-check-input-container::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.skill-check-input-container::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media(max-width:768px){.skill-check-input-container{padding:10px;min-height:auto;max-height:70vh}.skill-check-content{gap:10px}.approaches-label{font-size:.7rem;margin-bottom:6px}.skill-check-approaches-with-button{flex-direction:column;align-items:center}.predefined-approaches-collapsed{padding:8px 10px}.collapse-text{font-size:.75rem}.collapse-hint{font-size:.65rem}}@media(max-width:480px){.skill-check-input-container{padding:10px;max-height:65vh}}.chat-window{display:flex;flex-direction:column;height:100%;background-color:var(--bg-app)}.game-start{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center}.game-start p{font-size:1.2rem;margin-bottom:30px;color:var(--text-secondary);max-width:500px}.game-select-warning{color:var(--error);font-size:.9rem;margin-top:-20px;margin-bottom:20px}.start-button{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;padding:12px 30px;font-size:1.1rem;border-radius:6px;cursor:pointer;transition:background-color .3s;font-weight:700;box-shadow:var(--shadow-primary)}.start-button:hover{background-color:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-shadow)}.start-button:active{transform:translateY(0)}.start-button:disabled{background-color:var(--btn-primary-disabled);opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.no-games-message{color:var(--warning);font-size:1rem;margin-bottom:20px}.loading-message-text{color:var(--primary);font-size:1rem;margin-top:10px;margin-bottom:20px;animation:pulse 1.5s infinite;font-style:italic}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.create-button{background-color:var(--btn-success-bg);color:var(--btn-success-text);border:none;padding:12px 30px;font-size:1.1rem;border-radius:6px;cursor:pointer;transition:background-color .3s;font-weight:700;box-shadow:0 2px 10px #64ff8e4d}.create-button:hover{background-color:var(--btn-success-hover);transform:translateY(-2px);box-shadow:0 4px 12px #64ff8e66}.create-button:active{transform:translateY(0)}.create-button:disabled{background-color:var(--btn-success-disabled);opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.messages-container{flex:1;overflow-y:auto;padding:10px 16px 0;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border-form) var(--bg-chat);position:relative;border-style:solid;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:var(--bg-chat)}.messages-container::-webkit-scrollbar-thumb{background-color:var(--border-form);border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background-color:var(--hover-medium)}.messages-container.dialogue-active{overflow:visible;overscroll-behavior:none;display:flex;align-items:center;justify-content:center;position:relative}.dialogue-nav-arrow{position:absolute;top:20px;background:none;border:none;color:var(--text-muted);font-size:1.8rem;cursor:pointer;padding:16px 20px;border-radius:4px;transition:all .2s;z-index:10}.dialogue-nav-left{left:20px}.dialogue-nav-right{right:20px}.dialogue-nav-arrow:hover:not(:disabled){color:var(--text-primary);background-color:var(--hover-light)}.dialogue-nav-arrow:disabled{opacity:.3;cursor:default}.dialogue-inline-content{display:flex;flex-direction:row;align-items:center;padding:40px 80px;width:100%}.dialogue-portrait-section{display:flex;flex-direction:column;align-items:center;min-width:200px;gap:12px}.dialogue-portrait-placeholder{width:280px;height:280px;background-color:var(--bg-card);border:2px solid var(--border-form);border-radius:8px}.dialogue-portrait-image{width:280px;height:280px;object-fit:cover;border:2px solid var(--border-form);border-radius:8px;image-rendering:pixelated}.dialogue-speaker-name{font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-align:center;max-width:200px;word-wrap:break-word}.dialogue-separator{width:2px;background-color:var(--border-light);margin:0 32px;align-self:stretch;min-height:200px}.dialogue-text-section{flex:1;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;padding-top:12px;min-width:0;max-height:60vh;overflow-y:auto}.dialogue-text{margin:0;font-family:Dogica Pixel,sans-serif;font-size:.85rem;color:var(--text-primary);line-height:1.7;width:100%}.dialogue-text.italic{font-style:italic;color:var(--text-secondary)}.dialogue-skill-check-inline{margin-top:20px;display:flex}.dialogue-skill-check-inline .skill-check-result-message{align-self:flex-start;margin-left:0;margin-right:auto;max-width:none;min-width:280px}.dialogue-empty{flex:1;display:flex;align-items:center;justify-content:center}.dialogue-empty p{font-family:Dogica Pixel,sans-serif;font-size:1rem;color:var(--text-muted);font-style:italic}@media(max-width:768px){.dialogue-inline-content{padding:20px}.dialogue-portrait-section{min-width:100px}.dialogue-portrait-placeholder,.dialogue-portrait-image{width:140px;height:140px}.dialogue-speaker-name{font-size:.95rem}.dialogue-separator{margin:0 16px;min-height:120px}.dialogue-text{font-size:1.1rem}.dialogue-nav-arrow{font-size:1.2rem;padding:8px 12px}}.character-creation{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;border-style:solid;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges;scrollbar-width:thin;scrollbar-color:var(--border-form) var(--bg-chat)}.character-creation::-webkit-scrollbar{width:8px}.character-creation::-webkit-scrollbar-track{background:var(--bg-chat)}.character-creation::-webkit-scrollbar-thumb{background-color:var(--border-form);border-radius:4px}.character-creation-inner{max-width:500px;width:100%;margin:0 auto;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:2rem}.character-creation-inner.cc-centered{justify-content:center;flex:1}.cc-mode-cards{display:grid;grid-template-columns:repeat(3,180px);gap:1.2rem;justify-content:center}.cc-mode-card{background-color:transparent;border-style:solid;border-image-slice:8 8 8 8 fill;border-image-width:24px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges;height:180px;padding:1.5rem 1.2rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:.5rem;position:relative;box-shadow:0 4px 12px #00000080}.cc-mode-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 0 12px var(--primary-shadow)}.cc-mode-card:active:not(:disabled){transform:translateY(1px)}.cc-mode-card:disabled{opacity:.5;cursor:not-allowed}.cc-mode-card-icon{font-size:2rem;line-height:1;margin-bottom:.2rem}.cc-mode-card-title{font-family:Silkscreen,cursive;font-size:1.1rem;color:var(--primary);text-shadow:0 0 8px var(--primary-shadow)}.cc-mode-card-desc{font-family:Dogica Pixel,sans-serif;font-size:.7rem;color:var(--text-muted);line-height:1.4}.cc-mode-card-badge{font-family:Dogica Pixel,sans-serif;font-size:.55rem;padding:2px 6px;border-radius:3px;background-color:var(--text-muted);color:var(--bg-app);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:.3rem}.cc-back-btn{position:absolute;top:28px;left:12px;z-index:1;background:none;border:none;color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:.8rem;cursor:pointer;padding:.3rem .5rem;transition:color .2s}.cc-back-btn:hover{color:var(--primary)}.cc-form-layout{position:relative}.cc-form{display:flex;flex-direction:column;gap:1.2rem;overflow:visible}.cc-form-group{display:flex;flex-direction:column;gap:.6rem}.cc-label{font-family:Dogica Pixel,sans-serif;font-size:.85rem;color:var(--text-primary);font-weight:500}.cc-input,.cc-select{font-family:Dogica Pixel,sans-serif;font-size:.85rem;padding:.6rem .8rem;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-form);border-radius:8px;transition:all .2s ease;width:100%;box-sizing:border-box}.cc-input:focus,.cc-select:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-transparent-light);outline:none}.cc-input::placeholder{color:var(--text-muted)}.cc-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.cc-select option{background-color:var(--bg-card);color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:1rem;padding:.5rem}.cc-select optgroup{font-family:Dogica Pixel,sans-serif;font-size:.9rem;color:var(--primary);font-weight:700;font-style:normal}.cc-name-row{display:flex;gap:.6rem;align-items:stretch}.cc-name-row .cc-input{flex:1}.cc-dice-btn{font-size:1.1rem;padding:.6rem .8rem;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-form);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px}.cc-dice-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);box-shadow:0 0 8px var(--primary-shadow)}.cc-dice-btn:active:not(:disabled){transform:translateY(1px)}.cc-dice-btn:disabled{opacity:.35;cursor:not-allowed}.cc-dice-btn.rolling{animation:diceRoll .3s ease}@keyframes diceRoll{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.cc-submit-btn{font-family:Dogica Pixel,sans-serif;font-size:.85rem;padding:.8rem 1.2rem;background-color:var(--bg-form);color:var(--text-primary);border:1px solid var(--border-form);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;margin-top:.8rem;width:100%}.cc-submit-btn:hover:not(:disabled){transform:translateY(-2px);background-color:var(--primary);color:var(--bg-topbar);box-shadow:0 4px 10px #0000004d,0 0 10px var(--primary-shadow)}.cc-submit-btn:active:not(:disabled){transform:translateY(1px)}.cc-submit-btn:disabled{opacity:.4;cursor:not-allowed}.cc-error{font-family:Dogica Pixel,sans-serif;font-size:.85rem;color:var(--error, #ff6b6b);text-align:center;padding:.5rem}.ccs-container{width:100%}.ccs-trigger{position:relative;font-family:Dogica Pixel,sans-serif;font-size:.85rem;padding:.6rem 2.5rem .6rem .8rem;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-form);border-radius:8px;transition:all .2s ease;width:100%;box-sizing:border-box;cursor:pointer;text-align:left;display:flex;align-items:center}.ccs-trigger:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-transparent-light);outline:none}.ccs-trigger:disabled{opacity:.5;cursor:not-allowed}.ccs-container.open .ccs-trigger{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-transparent-light)}.ccs-placeholder{color:var(--text-muted)}.ccs-value{color:var(--text-primary)}.ccs-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-muted);transition:transform .2s ease}.ccs-container.open .ccs-arrow{transform:translateY(-50%) rotate(180deg)}.ccs-dropdown{position:absolute;left:calc(100% + 1rem);width:220px;background-color:var(--bg-dropdown);border:1px solid var(--border-form);border-radius:8px;max-height:400px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0009;scrollbar-width:thin;scrollbar-color:var(--border-form) transparent}.ccs-dropdown::-webkit-scrollbar{width:6px}.ccs-dropdown::-webkit-scrollbar-track{background:transparent}.ccs-dropdown::-webkit-scrollbar-thumb{background-color:var(--border-form);border-radius:3px}.ccs-option{font-family:Dogica Pixel,sans-serif;font-size:.8rem;padding:.55rem .8rem;color:var(--text-primary);cursor:pointer;transition:background-color .1s ease}.ccs-option:hover{background-color:var(--hover-primary);color:var(--primary)}.ccs-option.selected{color:var(--primary)}.ccs-group-label{font-family:Dogica Pixel,sans-serif;font-size:.65rem;color:var(--primary);font-weight:700;padding:.5rem .8rem .25rem;text-transform:uppercase;letter-spacing:.5px}.ccs-group+.ccs-group{border-top:1px solid var(--border-form)}.ccs-group .ccs-option{padding-left:1.2rem}.cc-info-panel{position:absolute;right:calc(50% + 250px + 1.5rem);top:24px;bottom:24px;width:200px;padding:1rem;overflow-y:auto;background:#00000040;border:1px solid var(--border-form);border-radius:8px;animation:ccInfoFadeIn .2s ease;pointer-events:none;scrollbar-width:thin;scrollbar-color:var(--border-form) transparent}@keyframes ccInfoFadeIn{0%{opacity:0}to{opacity:1}}.cc-info-panel-title{font-family:Silkscreen,cursive;font-size:.9rem;color:var(--primary);text-shadow:0 0 8px var(--primary-shadow);margin:0 0 .6rem}.cc-info-panel-blurb{font-family:Dogica Pixel,sans-serif;font-size:.6rem;color:var(--text-muted);line-height:1.6;margin:0}.cc-info-panel-divider{height:1px;background:var(--border-form);margin:.8rem 0}.cc-info-panel-detail{font-family:Dogica Pixel,sans-serif;font-size:.6rem;color:var(--text-primary);line-height:1.6;margin:0}@media(max-width:768px){.character-creation-inner{padding:1.5rem 1rem}.cc-mode-cards{grid-template-columns:1fr;max-width:250px;margin:0 auto}.cc-label,.cc-input,.cc-select,.ccs-trigger{font-size:1rem}.cc-info-panel{display:none}}.cc-age-slider{display:flex;flex-direction:column;gap:.35rem}.cc-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--bg-input);border:1px solid var(--border-form);outline:none;cursor:pointer}.cc-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid var(--bg-chat);cursor:pointer}.cc-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid var(--bg-chat);cursor:pointer}.cc-age-value{font-family:Dogica Pixel,sans-serif;font-size:.8rem;color:var(--text-secondary);text-align:center}.cc-age-placeholder{font-family:Dogica Pixel,sans-serif;font-size:.8rem;color:var(--text-muted);padding:.5rem 0}.world-complete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.world-complete-panel{max-width:500px;width:100%;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.world-complete-title{font-family:Uncial Antiqua,cursive;font-size:2rem;color:var(--primary);text-shadow:0 0 12px var(--primary-shadow);margin:0}.world-complete-name{font-family:Uncial Antiqua,cursive;font-size:1.3rem;color:var(--text-primary);margin:0}.world-complete-summary{font-family:Dogica Pixel,sans-serif;font-size:.85rem;color:var(--text-muted);line-height:1.5;max-height:200px;overflow-y:auto;margin:0}.world-complete-actions{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:300px;margin-top:1rem}.world-complete-btn{background-color:transparent;border-style:solid;border-image-slice:8 8 8 8 fill;border-image-width:24px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges;padding:.8rem 1.2rem;cursor:pointer;transition:all .2s ease;font-family:Uncial Antiqua,cursive;font-size:1rem;color:var(--text-primary);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem}.world-complete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 12px var(--primary-shadow)}.world-complete-btn:disabled{opacity:.5;cursor:not-allowed}.world-complete-btn-primary{color:var(--primary);text-shadow:0 0 8px var(--primary-shadow);font-size:1.1rem}.entity-list-menu{width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;overflow:hidden;font-family:Dogica Pixel,sans-serif}.entity-list-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-medium)}.entity-list-header.no-border{border-bottom:none;padding-bottom:8px}.entity-count{background-color:var(--hover-medium);padding:4px 8px;border-radius:12px;font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.search-input{flex:1;background-color:var(--hover-light);border:1px solid var(--border-medium);border-radius:4px;padding:8px 12px;color:var(--text-primary);font-size:.9rem;font-family:Dogica Pixel,sans-serif}.search-input:focus{outline:none;border-color:var(--primary-focus)}.search-input::placeholder{color:var(--text-muted);font-family:Dogica Pixel,sans-serif}.entity-list-content{flex:1;overflow-y:auto;padding:0;scrollbar-width:none;-ms-overflow-style:none}.entity-list-content::-webkit-scrollbar{display:none}.entity-group{margin-bottom:10px}.entity-type-header{padding:8px 16px;background-color:transparent;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.entity-type-count{font-size:.75rem;opacity:.7}.entity-items{list-style:none;padding:0;margin:0}.entity-item{padding:6px 16px 6px 4px;cursor:pointer;transition:background-color .2s;font-family:Dogica Pixel,sans-serif;font-weight:600;font-size:.55rem;color:var(--text-secondary);border-left:3px solid transparent;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .06))}.entity-item:hover{background-color:var(--hover-light)}.entity-item.selected{background-color:var(--hover-primary);border-left-color:var(--primary);color:var(--text-primary)}.entity-list-loading,.entity-list-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-muted);font-style:italic;text-align:center;padding:20px}.location-sort-bar{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 16px 8px;border-bottom:1px solid var(--border-medium);background-color:transparent}.sort-label{flex:.8;text-align:right;font-size:.85rem;color:var(--text-muted)}.sort-dropdown{flex:1.2;position:relative}.sort-dropdown-trigger{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:.9rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.sort-dropdown-trigger:hover{background-color:var(--hover-light)}.sort-dropdown-arrow{font-size:.6rem;color:var(--text-muted)}.sort-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background-color:var(--bg-app);border:1px solid var(--border-medium);border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:100;min-width:120px;overflow:hidden}.sort-dropdown-item{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;color:var(--text-secondary);font-family:Dogica Pixel,sans-serif;font-size:.9rem;cursor:pointer;transition:background-color .2s}.sort-dropdown-item:hover{background-color:var(--hover-light)}.sort-dropdown-item.active{color:var(--text-primary);background-color:var(--hover-primary)}.location-list{padding:0}.current-location-banner{padding-top:8px;border-bottom:1px solid var(--border-medium);background-color:transparent}.banner-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding-left:12px}.nearby-section{margin-bottom:16px}.nearby-section-header{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);padding:8px 12px;font-weight:600;letter-spacing:.05em;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .06))}.entity-item{display:flex;align-items:center}.entity-item .entity-tag{margin-left:auto;font-size:.7rem;padding:2px 6px}.entity-item .entity-name{flex:1}.building-group{list-style:none}.building-scenes{padding-left:28px;margin:0;list-style:none}.location-node{margin-bottom:1px}.location-item{display:flex;align-items:center;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary);font-size:.95rem}.location-node.selected>.location-item{background-color:var(--hover-primary);border-left:3px solid var(--primary);color:var(--text-primary)}.location-item:hover{background-color:var(--hover-light)}.location-children{margin-left:4px}.toggle-button{background:none;border:none;cursor:pointer;font-size:.8rem;width:16px;min-width:16px;height:16px;text-align:center;margin-right:8px;padding:0;color:var(--primary);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.toggle-placeholder{display:inline-block;width:16px;min-width:16px;margin-right:8px;flex-shrink:0}.location-name-container{flex-grow:1;display:flex;justify-content:space-between;align-items:center;overflow:hidden;gap:8px}.location-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-name.in-player-path{text-decoration:underline}.player-location-star{font-size:.8rem;flex-shrink:0}.location-tree{padding-top:4px}.entity-tag{padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500;background-color:var(--primary-transparent-light);color:var(--primary);display:inline-flex;align-items:center;margin-left:8px;font-family:Dogica Pixel,sans-serif}.location-list-item{display:flex;align-items:center;padding:6px 16px 6px 4px;cursor:pointer;transition:background-color .2s;font-size:.95rem;font-family:Dogica Pixel,sans-serif;font-weight:600;color:var(--text-secondary);border-left:3px solid transparent;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .06))}.location-list-item:hover{background-color:var(--hover-light)}.location-list-item.selected{background-color:var(--hover-primary);border-left-color:var(--primary);color:var(--text-primary)}.location-list-item .location-name{flex:1}.location-list-item .entity-tag{margin-left:auto;font-size:.7rem;padding:2px 6px}.location-icon{width:24px;height:24px;flex-shrink:0;margin-right:10px}.location-icon.current{width:22px;height:22px;fill:var(--error)}.location-icon.scene{padding:5px;fill:none;stroke:var(--primary);stroke-width:1.5px;border-radius:50%;background-color:var(--hover-light)}.location-icon.type-icon{width:28px;height:28px;padding:7px;border-radius:50%;background-color:var(--hover-light)}.location-list-item.scene-item{font-size:.9em;border-bottom:none;position:relative}.building-scenes .location-list-item:after{content:"";position:absolute;bottom:0;left:-28px;right:0;height:1px;background-color:var(--border-light, rgba(255, 255, 255, .06))}.entity-detail-view{width:100%;height:100%;overflow-y:auto;scrollbar-width:none;padding:8px;background-color:transparent;font-family:Dogica Pixel,sans-serif}.entity-image-container{position:relative;display:flex;justify-content:center;margin-bottom:20px;padding:16px;background-color:var(--hover-light);border-radius:8px;min-height:200px;align-items:center}.entity-image-container.entity-image-float{float:right;margin:0 0 16px 16px;max-width:512px;min-height:512px;background-color:transparent;padding:0;flex-direction:column}.entity-image{width:512px;height:512px;border-radius:6px;box-shadow:none;transition:opacity .3s ease-in-out;image-rendering:pixelated;object-fit:cover}.entity-image-float .entity-image{width:512px;height:512px}.entity-image-hidden{opacity:0;pointer-events:none}.entity-image-loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:.9rem;background-color:var(--hover-light);border-radius:8px;padding:16px;width:100%;height:100%}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.entity-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-disabled);font-style:italic;text-align:center;padding:20px}.entity-paper-panel{image-rendering:pixelated;image-rendering:crisp-edges;border-image-slice:32 32 32 32 fill;border-image-width:96px;border-image-repeat:round;padding:48px;border-style:solid;color:#2c1e0f;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.entity-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:20px}.entity-title-row{display:flex;align-items:center;gap:12px;max-width:70%}.entity-title-icon{width:48px;height:48px;flex-shrink:0}.entity-title-icon-svg{fill:none;stroke:var(--primary);stroke-width:1.5px}.entity-title{margin:0;font-size:1rem;line-height:1.4;overflow-wrap:break-word;font-family:"Press Start 2P",cursive;font-weight:400;transform:scaleX(.85);transform-origin:left}.entity-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.entity-details{display:block;width:100%}.entity-details:after{content:"";display:table;clear:both}.entity-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.section-title{font-size:.7rem;margin-top:0;margin-bottom:12px;font-family:"Press Start 2P",cursive;font-weight:400;transform:scaleX(.85);transform-origin:left}.entity-paper-panel .entity-tag{color:#2c1e0f;background-color:#2c1e0f1f;font-family:Silkscreen,cursive}.entity-description-text{color:#2c1e0f;line-height:1.6;margin:0;font-family:Dogica Pixel,monospace;font-size:.55rem}.entity-description-text strong{font-weight:700;color:var(--text-primary)}.entity-description-text em{font-style:italic;color:var(--text-secondary)}.entity-description-text .md-heading{margin:1rem 0 .5rem;color:var(--primary)}.entity-description-text h1.md-heading{font-size:1.5rem}.entity-description-text h2.md-heading{font-size:1.3rem}.entity-description-text h3.md-heading{font-size:1.2rem}.entity-description-text h4.md-heading,.entity-description-text h5.md-heading,.entity-description-text h6.md-heading{font-size:1.1rem}.aliases-list{display:flex;flex-wrap:wrap;gap:8px}.alias-tag{background-color:var(--hover-medium);padding:6px 12px;border-radius:4px;font-size:.9rem;transition:background-color .2s}.alias-tag:hover{background-color:var(--hover-light)}.properties-list{display:flex;flex-wrap:wrap;gap:4px}.property-item{display:inline-flex;padding:.1rem .4rem;background-color:#2c1e0f1f;border-radius:4px}.property-name{color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.7rem;font-weight:500;margin-right:4px;text-transform:capitalize}.property-value{color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.7rem}.ability-scores-grid{display:grid;grid-template-columns:repeat(6,1fr);align-items:start;gap:6px;width:100%;margin-top:8px}.ability-score-box{display:flex;flex-direction:column;align-items:center;padding:0 4px 6px;background-color:#2c1e0f1a;border:none;border-radius:4px}.ability-score-label{font-family:Silkscreen,cursive;font-size:.75rem;color:#2c1e0f;opacity:.6;margin-bottom:12px}.ability-score-value{font-family:"Press Start 2P",cursive;font-size:.75rem;color:#2c1e0f;line-height:1;margin-bottom:3px}.ability-score-modifier{font-family:Silkscreen,cursive;font-size:.6rem;line-height:1;max-height:0;overflow:hidden;opacity:0;transition:max-height .2s ease,opacity .2s ease,margin-top .2s ease;margin-top:0}.ability-score-box:hover .ability-score-modifier{max-height:1.5em;opacity:1;margin-top:4px}.modifier-positive{color:#3d5a1e}.modifier-negative{color:#8b2522}.modifier-neutral{color:#2c1e0f80}.relations-list{display:flex;flex-direction:column;gap:8px}.relation-group{background-color:transparent;border-radius:4px;padding:0}.relation-type{color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.7rem;margin:0 0 4px;text-transform:capitalize}.related-entities{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}.related-entity{display:inline-flex;background-color:#2c1e0f1f;margin-bottom:0;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;color:#2c1e0f;transition:background-color .2s}.related-entity:hover{background-color:#2c1e0f33}.related-entity-link{background:none;border:none;color:#2c1e0f;cursor:pointer;font-family:Silkscreen,cursive;font-size:.7rem;padding:0;margin:0;text-align:left;width:100%;transition:color .2s;text-decoration:none}.related-entity-link:hover{color:var(--primary-hover);text-decoration:underline}.related-entity-link:focus{outline:none;text-decoration:underline}.related-entity-container{display:flex;align-items:center;justify-content:space-between;width:100%}.related-entity-link{width:auto;margin-right:auto}.related-entity-tags{display:inline-flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.related-entity-tags .entity-tag{font-size:.7rem;padding:.1rem .4rem}.diplomacy-container{display:flex;flex-direction:column;gap:8px}.diplomatic-table{background-color:transparent;border-radius:6px;padding:0;margin-bottom:0}.diplomatic-table-title{color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.7rem;margin:0 0 4px}.diplomatic-table table{width:100%;border-collapse:collapse}.diplomatic-table th{text-align:left;padding:4px 8px;border-bottom:1px solid rgba(44,30,15,.15);color:#2c1e0f;font-family:Silkscreen,cursive;font-weight:400;font-size:.6rem;opacity:.6}.diplomatic-row{transition:background-color .2s}.diplomatic-row:hover{background-color:#2c1e0f0f}.diplomatic-row td{padding:4px 8px;border-bottom:1px solid rgba(44,30,15,.08)}.faction-cell{width:60%;font-family:"Press Start 2P",cursive;font-size:.45rem;color:#2c1e0f;transform:scaleX(.85);transform-origin:left}.value-cell{width:40%;text-align:right}.diplomatic-value{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-family:Silkscreen,cursive;font-size:.7rem;text-transform:capitalize}.relationships-container{display:flex;flex-direction:column;gap:8px}.relationships-table{background-color:transparent;border-radius:6px;padding:0;margin-bottom:0}.relationships-table-title{color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.7rem;margin:0 0 4px}.relationship-attitude-legend{display:flex;justify-content:space-between;width:100%;padding:0 10px;font-size:.6rem;font-family:Silkscreen,cursive;color:#2c1e0f;opacity:.6}.relationship-attitude-legend span{text-align:center}.relationship-attitude-legend span:first-child{text-align:left}.relationship-attitude-legend span:last-child{text-align:right}.relationships-table table{width:100%;border-collapse:collapse}.relationships-table th{text-align:left;padding:4px 8px;border-bottom:1px solid rgba(44,30,15,.15);color:#2c1e0f;font-family:Silkscreen,cursive;font-weight:400;font-size:.6rem;opacity:.6}.relationship-row{transition:background-color .2s}.relationship-row:hover{background-color:#2c1e0f0f}.relationship-row td{padding:4px 8px;border-bottom:1px solid rgba(44,30,15,.08)}.character-cell{width:40%;font-family:"Press Start 2P",cursive;font-size:.45rem;color:#2c1e0f;transform:scaleX(.85);transform-origin:left}.slider-cell{width:60%}.diplomatic-aligned{background-color:#428bca40;color:#1a4a7a}.diplomatic-friendly{background-color:#5cb85c40;color:#2a6b2a}.diplomatic-guarded,.diplomatic-suspicious{background-color:#f0ad4e40;color:#7a5a1a}.diplomatic-hostile{background-color:#d9534f40;color:#8b2522}.diplomatic-alliance{background-color:#428bca40;color:#1a4a7a}.diplomatic-neutral{background-color:#7d7d7d33;color:#3d3d3d}.diplomatic-warring{background-color:#d9534f40;color:#8b2522}@media(max-width:768px){.entity-header{flex-direction:column;align-items:flex-start;gap:10px}.entity-title{max-width:100%}.entity-tags{justify-content:flex-start}.ability-scores-grid{grid-template-columns:repeat(3,1fr)}.diplomatic-table{padding:12px 8px}.faction-cell,.value-cell{width:50%}}.relationship-slider-container{position:relative;width:100%;height:20px;display:flex;align-items:center;font-family:Silkscreen,cursive}.relationship-slider-track{position:absolute;top:50%;left:0;right:0;height:3px;background-color:#2c1e0f26;transform:translateY(-50%);border-radius:2px;z-index:1}.relationship-slider-filled-track{position:absolute;top:50%;left:0;height:3px;transform:translateY(-50%);border-radius:2px;z-index:2}.relationship-slider-ticks{position:absolute;top:50%;left:0;right:0;height:12px;transform:translateY(-50%);width:100%;z-index:3}.relationship-slider-tick{position:absolute;width:8px;height:8px;border-radius:50%;top:50%;transform:translate(-50%,-50%);background-color:#2c1e0f26;border:1px solid rgba(44,30,15,.2);cursor:default}.relationship-slider-tick.filled.relationship-negative{background-color:var(--relationship-negative);border-color:var(--relationship-negative)}.relationship-slider-tick.filled.relationship-slightly-negative{background-color:var(--relationship-slightly-negative);border-color:var(--relationship-slightly-negative)}.relationship-slider-tick.filled.relationship-neutral{background-color:var(--relationship-neutral);border-color:var(--relationship-neutral)}.relationship-slider-tick.filled.relationship-slightly-positive{background-color:var(--relationship-slightly-positive);border-color:var(--relationship-slightly-positive)}.relationship-slider-tick.filled.relationship-positive{background-color:var(--relationship-positive);border-color:var(--relationship-positive)}.relationship-slider-tick.selected{width:12px;height:12px;border:2px solid #2c1e0f;box-shadow:none;z-index:4;transition:transform .2s ease-in-out}.relationship-slider-tick.selected.hovered{transform:translate(-50%,-50%) scale(1.2)}.relationship-value-tooltip{position:absolute;top:-20px;left:50%;transform:translate(-50%);background-color:#2c1e0fd9;color:#f5f0e8;padding:2px 6px;border-radius:3px;font-size:.5rem;white-space:nowrap;z-index:5;pointer-events:none;font-family:Silkscreen,cursive}.relationship-negative{background-color:var(--relationship-negative)}.relationship-slightly-negative{background-color:var(--relationship-slightly-negative)}.relationship-neutral{background-color:var(--relationship-neutral)}.relationship-slightly-positive{background-color:var(--relationship-slightly-positive)}.relationship-positive{background-color:var(--relationship-positive)}.relationship-slider-labels{display:none;font-family:Dogica Pixel,sans-serif}.location-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 0;margin-bottom:8px;font-size:.5rem;color:#2c1e0f}.breadcrumb-segment{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#2c1e0f;cursor:pointer;padding:2px 4px;border-radius:4px;font-family:Dogica Pixel,monospace;font-size:.5rem;transition:background-color .2s,color .2s}.breadcrumb-segment:hover{background-color:var(--hover-light);color:var(--primary)}.breadcrumb-segment.breadcrumb-current{color:#2c1e0f;font-weight:400}.breadcrumb-icon{width:28px;height:28px;padding:6px;flex-shrink:0;border-radius:50%;background-color:var(--hover-light)}.breadcrumb-icon-svg{fill:none;stroke:var(--primary);stroke-width:1.5px}.breadcrumb-separator{color:#2c1e0f80;margin:0 2px}.breadcrumb-name{white-space:nowrap}.entities-panel{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;font-family:Dogica Pixel,sans-serif;border-style:solid;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges}.entity-type-selector{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px}.type-arrow{background:none;border:none;color:var(--primary);font-size:2rem;cursor:pointer;padding:4px 12px;transition:all .2s ease;font-family:Dogica Pixel,sans-serif;line-height:1}.type-arrow:hover{color:var(--primary-focus);transform:scale(1.2)}.type-arrow:active{transform:scale(.95)}.entity-types-list{display:flex;gap:16px;align-items:center}.entity-type-button{background:none;border:none;font-family:"Press Start 2P",cursive;font-size:.6rem;font-weight:400;color:var(--text-secondary);cursor:pointer;transition:color .2s;letter-spacing:1px;padding:4px 8px;border-bottom:2px solid transparent}.entity-type-button:hover{color:var(--primary)}.entity-type-button.active{color:var(--primary);font-weight:400;border-bottom:2px solid var(--primary)}.entities-content-wrapper{display:grid;grid-template-columns:300px 1fr;gap:20px;flex:1;overflow:hidden;padding:0 20px 20px}.entities-left-panel,.entities-right-panel{width:100%;height:100%;overflow:hidden;font-family:Dogica Pixel,sans-serif}@media(max-width:768px){.entities-panel{grid-template-columns:1fr;grid-template-rows:auto 1fr}.entities-left-panel{max-height:300px}}.camera-compass{position:absolute;top:10px;right:110px;width:40px;height:40px;z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none}.camera-compass-rose{width:100%;height:100%;transform-origin:50% 50%;transition:transform .08s linear}.camera-compass-disc{fill:var(--bg-sidebar, rgba(30, 30, 30, .85));stroke:var(--border-medium, #666);stroke-width:1}.camera-compass-north{fill:#e74c3c}.camera-compass-tick{fill:#bbb}.settlement-info-popup{position:absolute;top:10px;left:10px;z-index:100;width:320px;max-width:calc(100% - 20px);background:#0a0a0eeb;color:#f5f5f5;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 4px 12px #0006;padding:14px 18px 16px;font-family:Dogica Pixel,sans-serif}.settlement-info-close{position:absolute;top:6px;right:8px;background:transparent;border:none;color:#fff9;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px}.settlement-info-close:hover{color:#fff;background:#ffffff14}.settlement-info-name{margin:0 24px 8px 0;font-size:16px;font-weight:700;letter-spacing:.02em}.settlement-info-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.settlement-info-tag{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.settlement-info-description{margin:0;font-size:13px;line-height:1.5;color:#ffffffc7}:root{--map-water: #1e80e8;--map-continent-1: #22c55e;--map-continent-2: #f59e0b;--map-continent-3: #ef4444;--map-continent-4: #8b5cf6;--map-continent-5: #06b6d4;--map-continent-6: #f97316;--map-continent-7: #84cc16;--map-continent-8: #ec4899;--map-continent-default: #6b7280;--map-deep-ocean: #067dd1;--map-open-ocean: #178cdf;--map-coastal-waters: #2698ea;--map-low-land: #0f7033;--map-medium-low-land: #188440;--map-medium-land: #18a04a;--map-medium-high-land: #6f6f6f;--map-mountain-land: #4e4e4e;--map-elevation-default: #15ec0a}.map-panel{display:flex;height:100%;width:100%;min-height:0;min-width:0;background:var(--bg-app);overflow:hidden;font-family:Dogica Pixel,sans-serif;position:relative}.map-content{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.map-transform-container{flex:1;min-height:0;overflow:hidden}.map-header{padding:16px 20px 12px;border-bottom:1px solid var(--border-medium)}.map-header h3{margin:0;color:#fff;font-size:1.1rem;font-family:Dogica Pixel,sans-serif;font-weight:700}.zoom-controls{display:flex;align-items:center;gap:4px;background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:6px;padding:2px}.zoom-button{background:var(--hover-light);border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;color:var(--text-primary);transition:all .2s ease}.zoom-button:hover:not(:disabled){background:var(--hover-medium);color:var(--primary)}.zoom-button:disabled{opacity:.5;cursor:not-allowed}.zoom-level{font-size:11px;color:var(--text-secondary);font-weight:600;min-width:32px;text-align:center;font-family:monospace}.zoom-reset-button{background:var(--hover-light);border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--text-primary);transition:all .2s ease}.zoom-reset-button:hover{background:var(--hover-medium);color:var(--primary)}.info-header h3{margin:0;color:var(--primary);font-size:1.1rem;font-family:Dogica Pixel,sans-serif;font-weight:700}.settings-button-container{position:absolute;top:10px;right:60px;z-index:100}.settings-button{background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:6px;padding:8px 12px;cursor:pointer;font-size:18px;transition:all .2s ease}.settings-button:hover{background:var(--hover-medium)}.settings-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:8px;min-width:160px}.settings-option{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-radius:4px;font-size:13px;color:var(--text-primary)}.settings-option:hover{background:var(--hover-medium)}.settings-option input[type=checkbox]{cursor:pointer}.settings-slider{padding:6px 8px}.settings-slider-header{display:flex;justify-content:space-between;font-size:13px;color:var(--text-primary);margin-bottom:4px}.settings-slider-value{color:var(--text-secondary, #aaa)}.renderer-stats-overlay{position:absolute;bottom:10px;left:10px;z-index:50;background:#000000bf;color:#0f8;font-family:Courier New,monospace;font-size:11px;padding:6px 10px;border-radius:4px;pointer-events:none;line-height:1.5;-webkit-user-select:none;user-select:none}.lens-dropdown-container{position:absolute;top:10px;right:10px;z-index:100}.lens-dropdown-button{background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:6px;padding:8px 12px;cursor:pointer;font-size:18px;transition:all .2s ease}.lens-dropdown-button:hover{background:var(--hover-medium)}.lens-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:8px;box-shadow:0 4px 6px #0000001a;min-width:120px;overflow:hidden}.lens-dropdown-item{width:100%;background:none;border:none;padding:12px 16px;cursor:pointer;text-align:left;color:var(--text-primary);font-family:Dogica Pixel,sans-serif;transition:background-color .2s}.lens-dropdown-item:hover{background:var(--hover-medium)}.lens-dropdown-item.active{background:var(--hover-primary)}.layer-dropdown-container{position:relative}.layer-dropdown-button{background:var(--hover-light);border:1px solid var(--border-medium);border-radius:6px;padding:6px 8px;cursor:pointer;font-size:16px;transition:all .2s ease}.layer-dropdown-button:hover{background:var(--hover-medium);border-color:var(--primary)}.layer-dropdown{position:absolute;top:100%;right:0;background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:10;min-width:200px;margin-top:4px}.layer-dropdown-item{width:100%;background:none;border:none;padding:12px 16px;cursor:pointer;transition:background-color .2s;text-align:left;border-radius:0}.layer-dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.layer-dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.layer-dropdown-item:hover{background:var(--hover-medium)}.layer-dropdown-item.active{background:var(--hover-primary)}.layer-item-content{display:flex;flex-direction:column;gap:2px}.layer-item-content .layer-name{font-weight:600;font-size:14px;color:var(--text-primary);font-family:Dogica Pixel,sans-serif}.layer-item-content .layer-description{font-size:12px;opacity:.8;line-height:1.3;color:var(--text-secondary)}.current-layer{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.pixel-info h4{margin:0 0 12px;color:var(--primary);font-size:1rem;font-family:Dogica Pixel,sans-serif;font-weight:600}.pixel-details{display:flex;flex-direction:column;gap:8px}.pixel-detail{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.no-selection{text-align:center;color:var(--text-secondary);font-style:italic;padding:20px 0}.no-selection p{margin:0}.map-display{flex:1;width:100%;height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.react-transform-wrapper,.react-transform-component{width:100%!important;height:100%!important;overflow:visible!important}.map-grid-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--background-color);overflow:visible;position:relative;cursor:grab}.map-grid-container:active{cursor:grabbing}.map-scroll-wrapper{display:flex;flex-shrink:0}.map-infinite-container{display:flex;flex-shrink:0;border:2px solid rgba(255,0,0,.1)}.map-grid{display:grid;gap:0;border:1px solid var(--border-color);overflow:visible;flex-shrink:0;max-height:100%;object-fit:contain}.map-grid:nth-child(1){border-color:red}.map-grid:nth-child(2){border-color:green}.map-grid:nth-child(3){border-color:#00f}.map-pixel.detail-map{position:relative;z-index:10}.map-pixel{aspect-ratio:1;cursor:pointer;transition:transform .05s ease,box-shadow .05s ease;box-sizing:border-box}.map-pixel:hover{transform:scale(1.1);box-shadow:0 0 4px #00000080;z-index:15;position:relative;border:1px solid rgba(255,255,255,.8)}.map-pixel-subpixel{z-index:20}.map-pixel-subpixel:hover{transform:scale(1.1);box-shadow:0 0 4px #00000080;outline:.1px solid rgba(255,255,255,.8);z-index:21;position:relative}.map-pixel.selected{border:2px solid var(--primary)!important;box-shadow:0 0 6px #000000b3;z-index:10;position:relative}.map-pixel.settlement{position:relative;z-index:5;background-color:#fff!important;border:2px solid black;box-shadow:0 2px 4px #0000004d}.map-pixel.settlement:hover{transform:scale(1.2);box-shadow:0 0 8px #0009;z-index:20}.map-pixel.current-location{border:2px solid red}.map-pixel.region:hover{transform:scale(1.15);box-shadow:0 0 6px #ff0c;z-index:18}.map-pixel.no-outlines.selected,.map-pixel.no-outlines:hover,.map-pixel.no-outlines.detail-map:hover,.map-pixel.no-outlines.settlement:hover,.map-pixel.no-outlines.region:hover,.map-pixel.no-outlines.current-location{box-shadow:none!important;transform:none!important;z-index:initial!important;border:none!important;position:static!important}@media(max-width:768px){.map-pixel:hover{transform:scale(1.05);z-index:10}.map-pixel.no-outlines:hover,.map-pixel.no-outlines.current-location{transform:none!important;z-index:initial!important;border:none!important}}.map-placeholder{text-align:center;color:var(--text-secondary);padding:40px;max-width:600px;max-height:400px;overflow:auto}.map-placeholder pre{background:var(--code-background, #f5f5f5);padding:16px;text-align:left;font-size:12px;margin-top:16px;overflow:auto}.map-loading,.map-empty,.map-error{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-primary);gap:20px;font-family:Dogica Pixel,sans-serif;font-size:1.2rem;letter-spacing:.5px}.map-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-app);color:var(--text-primary);gap:20px;font-family:Dogica Pixel,sans-serif;font-size:1.2rem;letter-spacing:.5px;z-index:100}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-medium);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-error{color:var(--error-color, #e74c3c)}@media(max-width:768px){.map-panel{flex-direction:column}.layer-buttons{flex-direction:row;flex-wrap:wrap}.layer-button{flex:1;min-width:120px;min-height:50px}.layer-button-content{align-items:center;text-align:center}.layer-description{display:none}}.initiative-panel{position:absolute;right:0;top:0;bottom:0;width:180px;background-color:#0e0e0ee6;border-left:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden;z-index:10}.initiative-header{padding:10px 12px;font-size:.85rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.05em}.initiative-list{flex:1;overflow-y:auto;padding:6px 0}.initiative-entry{display:flex;align-items:center;gap:8px;padding:6px 10px;transition:background-color .2s ease}.initiative-entry.current-turn{background-color:#ffffff14;border-left:3px solid var(--primary)}.initiative-entry.inactive{opacity:.4}.initiative-avatar{width:28px;height:28px;border-radius:50%;border:2px solid;background-color:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.initiative-info{flex:1;min-width:0}.initiative-name{font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.initiative-name.dead{text-decoration:line-through;color:var(--text-muted)}.initiative-hp-bar-bg{height:3px;background-color:var(--bg-form);border-radius:1px;margin-top:3px;overflow:hidden}.initiative-hp-bar-fill{height:100%;border-radius:1px;transition:width .3s ease}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;touch-action:pan-x pan-y}.main-content{display:flex;flex:1;overflow:hidden;position:relative;flex-direction:row}.content-area{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--bg-primary)}.game-container{flex:1;padding:0;display:flex;flex-direction:column;overflow:hidden}.tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.entities-container{background-color:var(--bg-app);overflow:hidden;height:100%;display:flex}.entities-slide{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s ease}.entities-slide-in{transform:translateY(0);opacity:1}.entities-slide-out{transform:translateY(100%);opacity:0;pointer-events:none}.entities-shadow-overlay{position:absolute;pointer-events:none;z-index:9999}.entities-shadow-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:-6px -6px 16px 2px #000;pointer-events:none}.maps-container{background-color:var(--bg-app);overflow:hidden;height:100%;width:100%;display:flex}.hidden-tab{display:none}.tab-content-inner{flex:1;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.combat-overlay-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.combat-overlay-wrapper>*{pointer-events:auto}@media(max-width:768px){.game-container{padding:0}.main-content{flex-direction:column}}.settings-gear-button{position:absolute;top:20px;right:20px;background-color:#0000004d;color:var(--text-muted);border:1px solid var(--border-medium);border-radius:8px;padding:8px 16px;font-family:Silkscreen,cursive;font-size:.85rem;cursor:pointer;transition:all .2s ease;z-index:100}.settings-gear-button:hover{color:var(--primary);border-color:var(--primary);background-color:#00000080;text-shadow:0 0 5px var(--primary-shadow)}.launch-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:10}.launch-content{text-align:center;padding:2rem;width:100%;max-width:800px;animation:fadeIn 1.2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10}.launch-title{font-family:Uncial Antiqua,cursive;font-weight:400;font-size:4rem;margin-bottom:3rem;color:var(--primary);text-shadow:0 0 15px var(--primary-shadow);letter-spacing:2px;white-space:nowrap}.launch-logo{width:792px;height:auto;margin-bottom:3rem;image-rendering:pixelated;filter:drop-shadow(0 0 10px var(--primary-shadow)) drop-shadow(0 0 25px var(--primary-shadow)) drop-shadow(0 0 50px var(--primary-shadow));animation:logoFloat 6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.play-button{background-color:transparent;color:var(--primary);border-style:solid;border-image-slice:10 10 10 10 fill;border-image-width:64px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges;padding:1rem 3rem;font-family:Silkscreen,cursive;font-size:1.2rem;font-weight:400;border-radius:0;cursor:pointer;transition:all .3s ease;letter-spacing:1px;box-shadow:none;position:relative;min-width:220px;display:flex;align-items:center;justify-content:center;transform:scaleX(.85)}.play-button:hover:not(:disabled){transform:scaleX(.85) translateY(-2px);color:#93f2ff;text-shadow:0 0 10px rgba(92,236,255,.6)}.play-button:active:not(:disabled){transform:translateY(1px)}.play-button.disabled,.play-button:disabled{background-color:var(--bg-panel);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.7}.play-button.disabled:hover,.play-button:disabled:hover{transform:none;background-color:var(--bg-panel);color:var(--text-muted);box-shadow:none}.particles-blur{filter:blur(1px)!important;-webkit-filter:blur(1px)!important}.login-status{position:absolute;top:20px;left:20px;font-family:Silkscreen,cursive;font-size:.85rem;color:var(--text-muted);background-color:#0000004d;padding:8px 12px;border-radius:4px;z-index:100}.login-status-clickable{cursor:pointer;color:var(--text-primary);transition:all .2s ease;text-decoration:underline;display:inline-block}.login-status-clickable:hover{color:var(--primary);text-shadow:0 0 5px var(--primary-shadow)}.login-status-clickable:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.launch-logo{width:396px;margin-bottom:2rem}.launch-title{font-size:2.5rem;margin-bottom:2rem}.play-button{padding:.8rem 2rem;font-size:1.2rem}}.auth-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;margin:0 auto}.form-group{display:flex;flex-direction:column}.auth-form input{background-color:var(--bg-panel);color:var(--text-primary);border:2px solid transparent;padding:1rem;font-family:Dogica Pixel,sans-serif;font-size:1rem;border-radius:6px;transition:all .3s ease;outline:none}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-shadow)}.auth-form input:disabled{opacity:.6;cursor:not-allowed}.auth-form input::placeholder{color:var(--text-muted)}.error-message{color:#f44;font-family:Dogica Pixel,sans-serif;font-size:.9rem;text-align:center;margin:-.5rem 0 0;background-color:#ff44441a;padding:.8rem;border-radius:4px;border:1px solid rgba(255,68,68,.3)}.auth-switch{margin-top:2rem;font-family:Dogica Pixel,sans-serif;font-size:.9rem;color:var(--text-muted)}.auth-link{color:var(--primary);cursor:pointer;text-decoration:underline;transition:all .2s ease}.auth-link:hover{color:var(--text-primary);text-shadow:0 0 5px var(--primary-shadow)}.launch-settings-button{position:static;margin-top:1.5rem}.settings-list{width:100%;max-width:400px;background-color:var(--bg-panel);border-radius:8px;overflow:hidden}.settings-list .toggle-item{border-bottom:1px solid var(--border-medium)}.settings-list .toggle-item:last-child{border-bottom:none}.settings-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.settings-actions .play-button{min-width:120px}.settings-actions .play-button:disabled{opacity:.5;cursor:not-allowed}.launch-title-logo{transform:scale(6);transform-origin:top center;margin-bottom:7rem;image-rendering:pixelated;filter:drop-shadow(0 0 3px var(--primary-shadow)) drop-shadow(0 0 8px var(--primary-shadow))}.menu-hub-buttons{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr auto;gap:1rem;width:100%;max-width:1200px;min-height:380px}.menu-hub-btn{background-color:transparent;color:var(--primary);border-style:solid;border-image-slice:8 8 8 8 fill;border-image-width:24px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges;padding:1rem 2.5rem;font-family:Silkscreen,cursive;font-size:1.1rem;font-weight:400;border-radius:0;cursor:pointer;transition:all .3s ease;letter-spacing:1px;box-shadow:0 4px 12px #00000080;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}.menu-hub-btn:hover:not(:disabled){transform:translateY(-2px);color:#93f2ff;text-shadow:0 0 10px rgba(92,236,255,.6)}.menu-hub-btn:active:not(:disabled){transform:translateY(1px)}.menu-hub-btn:disabled{color:var(--text-muted);cursor:not-allowed;opacity:1;filter:brightness(.7) saturate(.6)}.menu-hub-btn:disabled:hover{transform:none;color:var(--text-muted)}.menu-hub-continue{grid-row:1 / 3;padding:1.5rem 2.5rem;font-size:1.3rem;align-items:flex-start;text-align:left}.menu-hub-continue .menu-hub-btn-sub{justify-content:flex-start}.menu-hub-discover{grid-column:1 / -1}.menu-hub-btn-label{display:flex;align-items:center;gap:.5rem}.menu-hub-btn-sub{font-family:Dogica Pixel,sans-serif;font-size:.75rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.menu-hub-btn-sub.menu-hub-muted{color:var(--text-muted);font-style:italic}.menu-hub-timestamp{color:var(--text-muted);font-size:.7rem}.menu-hub-state-badge{font-size:.6rem;padding:2px 6px;border-radius:3px;color:var(--bg-app);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.menu-hub-coming-soon{font-size:.55rem;padding:2px 6px;border-radius:3px;background-color:var(--text-muted);color:var(--bg-app);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.menu-hub-disabled{opacity:1}@media(max-width:768px){.menu-hub-buttons{grid-template-columns:1fr;grid-template-rows:auto;max-width:350px}.menu-hub-continue{grid-row:auto;padding:1.2rem 2rem;font-size:1.1rem;align-items:center}.menu-hub-continue .menu-hub-btn-sub{justify-content:center}.menu-hub-discover{grid-column:auto}.menu-hub-btn{padding:.8rem 1.5rem;font-size:1rem}}.game-card{background-color:transparent;border-radius:0;padding:1.2rem 1.5rem;cursor:pointer;transition:all .3s ease;border-style:solid;border-image-slice:12 12 12 12 fill;border-image-width:36px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges;min-height:80px;display:flex;flex-direction:column;flex-shrink:0}.game-card:hover{transform:translateY(-2px)}.game-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.game-name-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;width:100%}.game-name-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.game-actions-right{display:flex;align-items:center;flex-shrink:0}.game-name{font-family:"Press Start 2P",cursive;font-size:.85rem;font-weight:400;transform:scaleX(.85);transform-origin:left;color:var(--text-primary);margin:0;word-wrap:break-word;word-break:break-word;line-height:1.4;flex:0 1 auto}.edit-game-name-button{background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:4px;border-radius:4px;opacity:.6;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;flex-shrink:0}.edit-game-name-button:hover{opacity:1;background-color:var(--hover-medium);color:var(--primary)}.edit-game-name-button .custom-icon{width:1.2rem;height:1.2rem;object-fit:contain;transition:all .2s ease}.custom-icon{width:1.8rem;height:1.8rem;object-fit:contain;transition:all .2s ease}.game-name-input{background:var(--bg-input);border:2px solid var(--border-medium);border-radius:4px;color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:1.3rem;font-weight:600;padding:4px 8px;margin:0;outline:none;transition:border-color .2s ease;flex:0 1 auto;min-width:200px;max-width:400px}.game-name-input:focus{border-color:var(--primary)}.game-name-input::selection{background-color:var(--primary);color:#fff}.game-rename-loading{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;flex-shrink:0}.game-rename-loading .spinner-container{display:flex;align-items:center;justify-content:center;position:relative;width:24px;height:24px}.game-rename-loading .spinner{position:absolute;width:6px;height:6px;background-color:var(--primary);border-radius:50%;animation:orbit 1.5s infinite cubic-bezier(.785,.135,.15,.86);box-shadow:0 0 5px var(--primary-shadow)}.delete-game-button{background:transparent;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:4px;border-radius:4px;opacity:.6;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.delete-game-button:hover{opacity:1;background-color:var(--hover-medium);color:#f44}.game-delete-loading{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.game-delete-loading .spinner-container{display:flex;align-items:center;justify-content:center;position:relative;width:24px;height:24px}.game-delete-loading .spinner{position:absolute;width:6px;height:6px;background-color:#f44;border-radius:50%;animation:orbit 1.5s infinite cubic-bezier(.785,.135,.15,.86);box-shadow:0 0 5px #ff444480}@keyframes orbit{0%{transform:translate(9px)}3.125%{transform:translate(8.91px,1.73px)}6.25%{transform:translate(8.31px,3.39px)}9.375%{transform:translate(7.24px,4.91px)}12.5%{transform:translate(6.36px,6.36px)}15.625%{transform:translate(4.91px,7.24px)}18.75%{transform:translate(3.39px,8.31px)}21.875%{transform:translate(1.73px,8.91px)}25%{transform:translateY(9px)}28.125%{transform:translate(-1.73px,8.91px)}31.25%{transform:translate(-3.39px,8.31px)}34.375%{transform:translate(-4.91px,7.24px)}37.5%{transform:translate(-6.36px,6.36px)}40.625%{transform:translate(-7.24px,4.91px)}43.75%{transform:translate(-8.31px,3.39px)}46.875%{transform:translate(-8.91px,1.73px)}50%{transform:translate(-9px)}53.125%{transform:translate(-8.91px,-1.73px)}56.25%{transform:translate(-8.31px,-3.39px)}59.375%{transform:translate(-7.24px,-4.91px)}62.5%{transform:translate(-6.36px,-6.36px)}65.625%{transform:translate(-4.91px,-7.24px)}68.75%{transform:translate(-3.39px,-8.31px)}71.875%{transform:translate(-1.73px,-8.91px)}75%{transform:translateY(-9px)}78.125%{transform:translate(1.73px,-8.91px)}81.25%{transform:translate(3.39px,-8.31px)}84.375%{transform:translate(4.91px,-7.24px)}87.5%{transform:translate(6.36px,-6.36px)}90.625%{transform:translate(7.24px,-4.91px)}93.75%{transform:translate(8.31px,-3.39px)}96.875%{transform:translate(8.91px,-1.73px)}to{transform:translate(9px)}}.game-date{font-family:Dogica Pixel,sans-serif;font-size:.9rem;color:var(--text-muted);margin:0}.game-arrow{font-size:1.8rem;color:var(--primary);opacity:.6;transition:all .3s ease;margin-left:1rem;flex-shrink:0;align-self:center}.game-card:hover .game-arrow{opacity:1;transform:translate(5px)}.game-card.selected{background-color:transparent;border-left:none;box-shadow:var(--shadow-md);height:auto;min-height:fit-content}.game-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.game-card.selected .game-header{justify-content:flex-start}.game-expanded-content{margin-top:.8rem;padding-bottom:.8rem;animation:slideDown .3s ease-out;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.game-created-date{font-family:Dogica Pixel,sans-serif;font-size:.85rem;color:var(--text-muted);margin:0;font-style:italic;align-self:flex-start}.play-game-button{align-self:center;background-color:var(--primary);color:var(--bg-topbar);border:none;padding:.9rem 2.5rem;font-family:Dogica Pixel,sans-serif;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;letter-spacing:.4px;box-shadow:0 3px 10px #0000004d,0 0 15px var(--primary-shadow);min-width:160px;text-transform:uppercase}.play-game-button:hover{transform:translateY(-2px);background-color:var(--primary-hover);box-shadow:0 6px 16px #0006,0 0 20px var(--primary-shadow)}.play-game-button:active{transform:translateY(0)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.game-card{padding:1rem}}.game-list{display:flex;flex-direction:column;gap:1rem;max-height:50vh;min-height:50vh;overflow-y:auto;padding-right:10px}.game-list::-webkit-scrollbar{width:8px}.game-list::-webkit-scrollbar-track{background:var(--bg-app);border-radius:10px}.game-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}.game-list::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.no-games-message{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic;font-family:Dogica Pixel,sans-serif}.games-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:1rem}.games-loading .loading-text{margin-right:12px}.games-spinner-container{display:flex;align-items:center;justify-content:center;position:relative;width:24px;height:24px}.games-spinner{position:absolute;width:6px;height:6px;background-color:var(--primary);border-radius:50%;animation:gamesOrbit 1.5s infinite cubic-bezier(.785,.135,.15,.86);box-shadow:0 0 5px var(--primary-shadow)}@keyframes gamesOrbit{0%{transform:translate(9px)}3.125%{transform:translate(8.91px,1.73px)}6.25%{transform:translate(8.31px,3.39px)}9.375%{transform:translate(7.24px,4.91px)}12.5%{transform:translate(6.36px,6.36px)}15.625%{transform:translate(4.91px,7.24px)}18.75%{transform:translate(3.39px,8.31px)}21.875%{transform:translate(1.73px,8.91px)}25%{transform:translateY(9px)}28.125%{transform:translate(-1.73px,8.91px)}31.25%{transform:translate(-3.39px,8.31px)}34.375%{transform:translate(-4.91px,7.24px)}37.5%{transform:translate(-6.36px,6.36px)}40.625%{transform:translate(-7.24px,4.91px)}43.75%{transform:translate(-8.31px,3.39px)}46.875%{transform:translate(-8.91px,1.73px)}50%{transform:translate(-9px)}53.125%{transform:translate(-8.91px,-1.73px)}56.25%{transform:translate(-8.31px,-3.39px)}59.375%{transform:translate(-7.24px,-4.91px)}62.5%{transform:translate(-6.36px,-6.36px)}65.625%{transform:translate(-4.91px,-7.24px)}68.75%{transform:translate(-3.39px,-8.31px)}71.875%{transform:translate(-1.73px,-8.91px)}75%{transform:translateY(-9px)}78.125%{transform:translate(1.73px,-8.91px)}81.25%{transform:translate(3.39px,-8.31px)}84.375%{transform:translate(4.91px,-7.24px)}87.5%{transform:translate(6.36px,-6.36px)}90.625%{transform:translate(7.24px,-4.91px)}93.75%{transform:translate(8.31px,-3.39px)}96.875%{transform:translate(8.91px,-1.73px)}to{transform:translate(9px)}}.checkpoint-select-page{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:10}.checkpoint-select-container{width:100%;max-width:800px;padding:2rem;background-color:var(--bg-panel);border-radius:12px;box-shadow:var(--shadow-lg);animation:fadeIn .6s ease-out;display:flex;flex-direction:column;gap:2rem;position:relative;z-index:20}.checkpoint-select-title{font-family:Uncial Antiqua,cursive;font-weight:400;font-size:2.5rem;color:var(--primary);text-align:center;margin:0;text-shadow:0 0 10px var(--primary-shadow)}.checkpoint-select-subtitle{font-family:Dogica Pixel,sans-serif;font-size:1rem;color:var(--text-muted);text-align:center;margin:0;line-height:1.5}.checkpoint-actions{display:flex;justify-content:center;gap:1rem}.back-button{background:transparent;border:2px solid var(--border-medium);border-radius:8px;padding:.8rem 2rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.3px;min-width:180px}.back-button:hover:not(:disabled){background-color:var(--hover-medium);border-color:var(--border-active);color:var(--text-primary);transform:translateY(-1px)}.back-button:active:not(:disabled){transform:translateY(0)}.back-button:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.checkpoint-select-container{max-width:95%;padding:1.5rem}.checkpoint-select-title{font-size:2rem}.checkpoint-select-subtitle{font-size:.9rem}.back-button{min-width:140px;font-size:.9rem}}.new-adventure-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:180px 180px;gap:1.2rem;width:100%;max-width:560px}.new-adventure-cards-2col{grid-template-rows:180px}.new-adventure-card{background-color:transparent;border-style:solid;border-image-slice:8 8 8 8 fill;border-image-width:24px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges;padding:1.5rem 1.2rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.new-adventure-card:hover:not(.disabled):not(.loading){transform:translateY(-4px);box-shadow:0 0 12px var(--primary-shadow)}.new-adventure-card:active:not(.disabled):not(.loading){transform:translateY(1px)}.new-adventure-card.disabled{opacity:.5;cursor:not-allowed}.new-adventure-card.loading{opacity:.7;pointer-events:none}.card-icon{font-size:2rem;line-height:1;margin-bottom:.2rem}.card-title{font-family:Uncial Antiqua,cursive;font-size:1.1rem;color:var(--primary);text-shadow:0 0 8px var(--primary-shadow)}.card-desc{font-family:Dogica Pixel,sans-serif;font-size:.9rem;color:var(--text-muted);line-height:1.3}.card-badge{font-size:.55rem;padding:2px 6px;border-radius:3px;background-color:var(--text-muted);color:var(--bg-app);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:.3rem}.card-loading-text{font-family:Dogica Pixel,sans-serif;font-size:.9rem;color:var(--primary);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.card-input-area{display:flex;flex-direction:column;gap:.4rem;width:100%;margin-top:.3rem}.card-input-area .form-input{font-family:Dogica Pixel,sans-serif;font-size:1rem;padding:.6rem .8rem;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-form);border-radius:8px;transition:all .2s ease;text-align:center}.card-input-area .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-transparent-light);outline:none}.card-input-area .form-input::placeholder{color:var(--text-muted)}.card-input-area .form-input:disabled{opacity:.7;cursor:not-allowed}.card-begin-btn{font-family:Dogica Pixel,sans-serif;font-size:.95rem;padding:.5rem 1rem;background-color:var(--bg-form);color:var(--text-primary);border:1px solid var(--border-form);border-radius:8px;cursor:pointer;transition:all .2s ease}.card-begin-btn:hover:not(:disabled){background-color:var(--primary);color:var(--bg-app);box-shadow:0 0 10px var(--primary-shadow)}.card-begin-btn:disabled{opacity:.7;cursor:not-allowed}.creating-overlay{pointer-events:none;opacity:.5}@media(max-width:768px){.new-adventure-cards{grid-template-columns:1fr;max-width:350px}.new-adventure-card{padding:1.2rem 1rem}}.load-game-container{display:flex;flex-direction:row;gap:1.5rem;width:100%;max-width:1200px;height:80vh;padding:3rem 3.5rem;border-style:solid;border-image-slice:16 16 16 16 fill;border-image-width:32;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}.load-game-list-panel{flex:0 0 44%;display:flex;flex-direction:column;background-color:#00000026;border-radius:6px;overflow:hidden}.load-game-sort-controls{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-bottom:none;flex-shrink:0}.load-game-sort-label{font-family:Silkscreen,cursive;font-size:.7rem;color:#8a7a60;text-transform:uppercase;letter-spacing:.5px;margin-right:.25rem}.load-game-sort-btn{background:transparent;border:none;color:#8a7a60;font-family:Silkscreen,cursive;font-size:.7rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.load-game-sort-btn:focus,.load-game-sort-btn:focus-visible{outline:none;box-shadow:none}.load-game-sort-btn:hover{color:#d4c4a0;background-color:#a0825026}.load-game-sort-btn.active{color:#d4c4a0;background-color:#00000040}.load-game-list{flex:1;overflow-y:auto;padding:.5rem 1rem .5rem .25rem}.load-game-list::-webkit-scrollbar{width:6px}.load-game-list::-webkit-scrollbar-track{background:transparent}.load-game-list::-webkit-scrollbar-thumb{background-color:#a0825059;border-radius:3px}.load-game-item{display:flex;flex-direction:column;gap:.3rem;padding:.8rem 1rem;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.load-game-item:hover{background-color:#0000001a}.load-game-item.selected{background-color:#00000040}.load-game-item-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.load-game-item-name{font-family:Silkscreen,cursive;font-size:.75rem;color:#e8dcc8;transform:scaleX(.85);transform-origin:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.load-game-state-badge{font-family:Dogica Pixel,sans-serif;font-size:.55rem;padding:2px 6px;border-radius:3px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.load-game-item-timestamp{font-family:Dogica Pixel,sans-serif;font-size:.8rem;color:#8a7a60;padding-left:2px}.load-game-detail-panel{flex:1;display:flex;flex-direction:column;background-color:#00000026;border-radius:6px;padding:1.5rem;overflow:hidden}.load-game-detail-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.load-game-detail-name-row{display:flex;align-items:center;gap:.75rem}.load-game-detail-name{font-family:Silkscreen,cursive;font-size:1.1rem;font-weight:400;color:#e8dcc8;margin:0;transform:scaleX(.85);transform-origin:left;word-break:break-word}.load-game-edit-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;opacity:.5;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.load-game-edit-btn:hover{opacity:1;background-color:#a0825026}.load-game-edit-icon{width:1.2rem;height:1.2rem;object-fit:contain}.load-game-name-input{background:#281e1299;border:2px solid rgba(160,130,80,.35);border-radius:4px;color:#e8dcc8;font-family:Dogica Pixel,sans-serif;font-size:1.3rem;font-weight:600;padding:4px 8px;margin:0;outline:none;transition:border-color .2s ease;flex:1;min-width:200px;max-width:500px}.load-game-name-input:focus{border-color:#c8a55a}.load-game-detail-badge{font-family:Dogica Pixel,sans-serif;font-size:.65rem;padding:3px 10px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.load-game-detail-dates{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;flex-shrink:0}.load-game-detail-dates span{font-family:Dogica Pixel,sans-serif;font-size:.9rem;color:#8a7a60}.load-game-summary-container{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-bottom:1rem;min-height:0}.load-game-summary-heading{font-family:Silkscreen,cursive;font-size:.7rem;color:#a09070;text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem;transform:scaleX(.85);transform-origin:left;flex-shrink:0}.load-game-world-summary{flex:1;overflow-y:auto;white-space:pre-wrap;font-family:Dogica Pixel,sans-serif;font-size:.8rem;line-height:1.6;color:#c4b89a;padding-right:.5rem}.load-game-world-summary::-webkit-scrollbar{width:6px}.load-game-world-summary::-webkit-scrollbar-track{background:transparent}.load-game-world-summary::-webkit-scrollbar-thumb{background-color:#a0825059;border-radius:3px}.load-game-summary-placeholder{color:#8a7a60;font-style:italic}.load-game-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:none;flex-shrink:0}.load-game-play-btn{background-color:#c8a55a;color:#2a1e0e;border:none;padding:.8rem 2.5rem;font-family:Dogica Pixel,sans-serif;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;letter-spacing:.4px;box-shadow:0 3px 10px #0000004d,0 0 15px #c8a55a33;text-transform:uppercase}.load-game-play-btn:hover{transform:translateY(-2px);background-color:#d4b56a;box-shadow:0 6px 16px #0006,0 0 20px #c8a55a4d}.load-game-play-btn:active{transform:translateY(0)}.load-game-delete-btn{background:transparent;color:#c07050;border:2px solid #c07050;padding:.8rem 2rem;font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;letter-spacing:.4px;text-transform:uppercase}.load-game-delete-btn:hover{background-color:#c0705026;transform:translateY(-2px)}.load-game-delete-btn:active{transform:translateY(0)}.load-game-no-selection{display:flex;align-items:center;justify-content:center;height:100%}.load-game-no-selection p{font-family:Dogica Pixel,sans-serif;font-size:1rem;color:#8a7a60;font-style:italic}.load-game-empty-message{font-family:Dogica Pixel,sans-serif;font-size:1rem;color:#8a7a60;font-style:italic;text-align:center;max-width:400px}.load-game-loading-text{font-family:Dogica Pixel,sans-serif;font-size:1rem;color:#8a7a60;font-style:italic}:root{--primary-rgb: 98, 232, 255;--primary-hover-rgb: 118, 255, 253;--primary: rgb(var(--primary-rgb));--primary-hover: rgb(var(--primary-hover-rgb));--primary-focus: rgba(0, 217, 255, .5);--primary-border-focus: rgba(var(--primary-rgb), .75);--primary-transparent-light: rgba(152, 152, 152, .1);--primary-transparent-lighter: rgba(189, 189, 189, .1);--primary-shadow: rgba(97, 218, 251, .3);--success-rgb: 139, 195, 74;--success-dark-rgb: 92, 184, 92;--warning-rgb: 255, 209, 102;--warning-dark-rgb: 240, 173, 78;--error-rgb: 255, 107, 107;--error-dark-rgb: 217, 83, 79;--info-rgb: 91, 192, 222;--success: rgb(var(--success-rgb));--success-dark: rgb(var(--success-dark-rgb));--warning: rgb(var(--warning-rgb));--warning-dark: rgb(var(--warning-dark-rgb));--error: rgb(var(--error-rgb));--error-dark: rgb(var(--error-dark-rgb));--info: rgb(var(--info-rgb));--text-primary-rgb: 211, 221, 220;--text-secondary-rgb: 207, 238, 236;--text-muted-rgb: 106, 128, 130;--text-disabled-rgb: 138, 138, 138;--text-primary: rgb(var(--text-primary-rgb));--text-secondary: rgb(var(--text-secondary-rgb));--text-muted: rgb(var(--text-muted-rgb));--text-disabled: rgb(var(--text-disabled-rgb));--bg-app-rgb: 14, 14, 14;--bg-topbar-rgb: 23, 23, 23;--bg-sidebar-rgb: 35, 35, 35;--bg-panel-rgb: 35, 35, 35;--bg-chat-rgb: 26, 26, 26;--bg-card-rgb: 24, 24, 24;--bg-dropdown-rgb: 34, 34, 34;--bg-form-rgb: 50, 50, 50;--bg-app: rgb(var(--bg-app-rgb));--bg-topbar: rgb(var(--bg-topbar-rgb));--bg-sidebar: rgb(var(--bg-sidebar-rgb));--bg-panel: rgb(var(--bg-panel-rgb));--bg-chat: rgb(var(--bg-chat-rgb));--bg-card: rgb(var(--bg-card-rgb));--bg-dropdown: rgb(var(--bg-dropdown-rgb));--bg-form: rgb(var(--bg-form-rgb));--hover-light: rgba(255, 255, 255, .05);--hover-medium: rgba(255, 255, 255, .1);--hover-dark: rgba(0, 0, 0, .85);--hover-primary: rgba(97, 218, 251, .1);--border-active-rgb: 122, 160, 170;--border-form-rgb: 66, 66, 66;--border-light: rgba(255, 255, 255, .05);--border-medium: rgba(255, 255, 255, .1);--border-active: rgb(var(--border-active-rgb));--border-form: rgb(var(--border-form-rgb));--entity-character-rgb: 97, 218, 251;--entity-location-rgb: 139, 195, 74;--entity-item-rgb: 255, 209, 102;--entity-faction-rgb: 255, 107, 107;--entity-environment-rgb: 30, 136, 229;--entity-concept-rgb: 156, 39, 176;--entity-event-rgb: 255, 152, 0;--entity-character: rgb(var(--entity-character-rgb));--entity-location: rgb(var(--entity-location-rgb));--entity-item: rgb(var(--entity-item-rgb));--entity-faction: rgb(var(--entity-faction-rgb));--entity-environment: rgb(var(--entity-environment-rgb));--entity-concept: rgb(var(--entity-concept-rgb));--entity-event: rgb(var(--entity-event-rgb));--relationship-positive-rgb: 92, 184, 92;--relationship-slightly-positive-rgb: 91, 192, 222;--relationship-neutral-rgb: 125, 125, 125;--relationship-slightly-negative-rgb: 240, 173, 78;--relationship-negative-rgb: 217, 83, 79;--relationship-positive: rgb(var(--relationship-positive-rgb));--relationship-slightly-positive: rgb(var(--relationship-slightly-positive-rgb));--relationship-neutral: rgb(var(--relationship-neutral-rgb));--relationship-slightly-negative: rgb(var(--relationship-slightly-negative-rgb));--relationship-negative: rgb(var(--relationship-negative-rgb));--diplomatic-allied-text-rgb: 140, 205, 255;--diplomatic-friendly-text-rgb: 140, 220, 140;--diplomatic-neutral-text-rgb: 208, 208, 208;--diplomatic-guarded-text-rgb: 255, 201, 136;--diplomatic-hostile-text-rgb: 255, 138, 134;--diplomatic-allied: rgba(66, 139, 202, .3);--diplomatic-allied-text: rgb(var(--diplomatic-allied-text-rgb));--diplomatic-friendly: rgba(92, 184, 92, .3);--diplomatic-friendly-text: rgb(var(--diplomatic-friendly-text-rgb));--diplomatic-neutral: rgba(125, 125, 125, .3);--diplomatic-neutral-text: rgb(var(--diplomatic-neutral-text-rgb));--diplomatic-guarded: rgba(240, 173, 78, .3);--diplomatic-guarded-text: rgb(var(--diplomatic-guarded-text-rgb));--diplomatic-hostile: rgba(217, 83, 79, .3);--diplomatic-hostile-text: rgb(var(--diplomatic-hostile-text-rgb));--message-player-bg-rgb: 46, 46, 46;--message-player-hover-rgb: 51, 51, 51;--message-player-text-rgb: 255, 209, 102;--message-dm-bg-rgb: 81, 76, 61;--message-dm-hover-rgb: 90, 72, 68;--message-dm-text-rgb: 174, 127, 109;--message-dm-border-rgb: 174, 128, 109;--message-system-bg-rgb: 99, 59, 59;--message-system-hover-rgb: 112, 66, 66;--message-system-text-rgb: 255, 148, 148;--message-system-border-rgb: 170, 85, 85;--message-player-bg: rgb(var(--message-player-bg-rgb));--message-player-hover: rgb(var(--message-player-hover-rgb));--message-player-text: rgb(var(--message-player-text-rgb));--message-dm-bg: rgb(var(--message-dm-bg-rgb));--message-dm-hover: rgb(var(--message-dm-hover-rgb));--message-dm-text: rgb(var(--message-dm-text-rgb));--message-dm-border: rgb(var(--message-dm-border-rgb));--message-system-bg: rgb(var(--message-system-bg-rgb));--message-system-hover: rgb(var(--message-system-hover-rgb));--message-system-text: rgb(var(--message-system-text-rgb));--message-system-border: rgb(var(--message-system-border-rgb));--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .2);--shadow-primary: 0 0 8px rgba(153, 109, 43, .3);--overlay-dark: rgba(0, 0, 0, .7);--btn-primary-bg-rgb: 66, 91, 98;--btn-primary-text-rgb: 30, 34, 53;--btn-primary-hover-rgb: 58, 232, 255;--btn-primary-disabled-rgb: 71, 125, 140;--btn-success-bg-rgb: 23, 211, 232;--btn-success-text-rgb: 30, 34, 53;--btn-success-hover-rgb: 120, 59, 44;--btn-success-disabled-rgb: 140, 117, 71;--btn-primary-bg: rgb(var(--btn-primary-bg-rgb));--btn-primary-text: rgb(var(--btn-primary-text-rgb));--btn-primary-hover: rgb(var(--btn-primary-hover-rgb));--btn-primary-disabled: rgb(var(--btn-primary-disabled-rgb));--btn-success-bg: rgb(var(--btn-success-bg-rgb));--btn-success-text: rgb(var(--btn-success-text-rgb));--btn-success-hover: rgb(var(--btn-success-hover-rgb));--btn-success-disabled: rgb(var(--btn-success-disabled-rgb))}@font-face{font-family:Dogica Pixel;src:url(/assets/dogicapixel-C3blRLuV.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dogica Pixel;src:url(/assets/dogicapixelbold-CE4wKJoW.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-app);color:var(--text-primary);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px}#root{min-height:100vh;display:flex;flex-direction:column}.text-primary{color:var(--primary)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.text-muted{color:var(--text-muted)}.launch-stone-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;border-style:solid;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-image-repeat:round;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}