@import url(https://fonts.googleapis.com/css2?family=Silkscreen&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Uncial+Antiqua&display=swap);: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:#00d9ff80;--primary-border-focus:rgba(var(--primary-rgb),0.75);--primary-transparent-light:#9898981a;--primary-transparent-lighter:#bdbdbd1a;--primary-shadow:#61dafb4d;--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:#ffffff0d;--hover-medium:#ffffff1a;--hover-dark:#000000d9;--hover-primary:#61dafb1a;--border-active-rgb:122,160,170;--border-form-rgb:66,66,66;--border-light:#ffffff0d;--border-medium:#ffffff1a;--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:#428bca4d;--diplomatic-allied-text:rgb(var(--diplomatic-allied-text-rgb));--diplomatic-friendly:#5cb85c4d;--diplomatic-friendly-text:rgb(var(--diplomatic-friendly-text-rgb));--diplomatic-neutral:#7d7d7d4d;--diplomatic-neutral-text:rgb(var(--diplomatic-neutral-text-rgb));--diplomatic-guarded:#f0ad4e4d;--diplomatic-guarded-text:rgb(var(--diplomatic-guarded-text-rgb));--diplomatic-hostile:#d9534f4d;--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 #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 4px 12px #0003;--shadow-primary:0 0 8px #996d2b4d;--overlay-dark:#000000b3;--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))}.confirmation-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-popup{animation:slideIn .3s ease-out;background-color:var(--bg-panel);border-radius:12px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:480px;overflow-y:auto;width:90%}.popup-message{color:var(--text-secondary);font-family:Dogica Pixel,sans-serif;font-size:1rem;line-height:1.6;margin:0;text-align:center}.popup-button{min-width:100px}.cancel-button:hover{background-color:var(--hover-medium);border-color:var(--border-active);color:var(--text-primary)}.confirm-button.danger{background-color:#f44;box-shadow:0 2px 8px #ff44444d;color:#fff}.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);box-shadow:0 2px 8px #0003;color:#fff}.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{margin:1rem;width:95%}.popup-actions{flex-direction:column}.popup-button{width:100%}}.checkpoint-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.checkpoint-popup{animation:slideIn .3s ease-out;background-color:var(--bg-panel);border-radius:12px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:480px;overflow-y:auto;width:90%}.popup-header{border-bottom:1px solid var(--border-light);margin-bottom:1rem;padding:1.5rem 1.5rem 0}.popup-title{color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:1.4rem;font-weight:600;margin:0;text-align:center}.popup-body{padding:0 1.5rem 1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.95rem;font-weight:500;margin:0}.checkpoint-input,.input-label{color:var(--text-primary);font-family:Dogica Pixel,sans-serif}.checkpoint-input{background-color:var(--bg-input);border:2px solid var(--border-medium);border-radius:6px;font-size:1rem;outline:none;padding:.75rem;transition:border-color .2s ease}.checkpoint-input:focus{border-color:var(--primary)}.checkpoint-input:disabled{cursor:not-allowed;opacity:.6}.checkpoint-input::placeholder{color:var(--text-muted);opacity:.7}.popup-actions{display:flex;gap:1rem;justify-content:center;padding:1rem 1.5rem 1.5rem}.popup-button{border:none;border-radius:8px;cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.3px;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.popup-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background-color:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-secondary)}.cancel-button:hover:not(:disabled){background-color:var(--hover-medium);border-color:var(--border-active);color:var(--text-primary)}.confirm-button.primary{background-color:var(--primary);box-shadow:0 2px 8px var(--primary-shadow);color:var(--bg-topbar)}.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);border:1px solid var(--border-medium);box-shadow:none;color:var(--text-muted)}.popup-button:active:not(:disabled){transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.checkpoint-popup{margin:1rem;width:95%}.popup-actions{flex-direction:column}.popup-button{width:100%}}.top-bar{align-items:center;background-color:var(--bg-topbar);border-bottom:1px var(--border-light);border-image-repeat:round;border-image-slice:16 16 16 16 fill;border-image-width:96px;border-style:solid;box-shadow:0 5px 8px rgba(var(--bg-app-rgb),.3);display:grid;grid-template-columns:1fr auto 1fr;height:75px;image-rendering:pixelated;image-rendering:crisp-edges;padding:0 20px;position:relative;z-index:10}.top-bar.chat-active{box-shadow:0 20px 15px rgba(var(--bg-app-rgb),1)!important}.status-left{align-items:center;display:flex;gap:12px;justify-self:start}.status-placeholder{min-width:100px}.title-center{align-items:center;display:flex;justify-content:center}.site-title{color:var(--primary);font-family:Uncial Antiqua,cursive;font-size:1.6rem;font-weight:400;letter-spacing:.5px;margin:0;text-shadow:0 0 10px var(--primary-shadow)}.game-name{color:#fff;font-family:Dogica Pixel,sans-serif;font-size:1.2rem;letter-spacing:.3px}.contextual-title{color:var(--text-muted);font-family:Dogica Pixel,monospace;font-size:.7rem;font-weight:400;letter-spacing:.05em;line-height:1.6;margin:0}.cc-topbar-title{color:var(--primary);font-family:Press Start\ 2P,cursive;font-size:.85rem;font-weight:400;letter-spacing:1px;margin:0;text-shadow:0 0 10px var(--primary-shadow)}.site-title.clickable{cursor:pointer;position:relative;transition:all .2s ease}.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{gap:16px;justify-self:end}.health-container,.heart-icon,.status-right{align-items:center;display:flex}.heart-icon{height:44px;justify-content:center;position:relative;width:48px}.heart-svg{fill:#c44040;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:100%;width:100%}.health-text{color:#fff;font-family:Silkscreen,cursive;font-size:.85rem;font-weight:400;left:50%;padding-bottom:8px;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.character-info{display:flex;flex-direction:column;gap:0}.character-name{color:var(--text-primary);font-family:Press Start\ 2P,cursive;font-size:.7rem;font-weight:400;line-height:1.2;transform:scaleX(.85);transform-origin:left}.character-subtitle{color:var(--text-muted);font-family:Silkscreen,cursive;font-size:.65rem;line-height:1.2;text-transform:lowercase}.time-date{align-items:flex-end;display:flex;flex-direction:column;gap:0}.date,.time{color:var(--text-muted);font-family:Dogica Pixel,monospace;font-size:.55rem;line-height:1.6}.location-info{align-items:center;align-self:center;display:flex;flex-direction:column;gap:0!important}.location-pin{fill:var(--error);height:18px;margin-bottom:8px;width:18px}.location-name{color:var(--text-primary);font-family:Dogica Pixel,monospace;font-size:.55rem;font-weight:600;line-height:1.6}.menu-container{position:relative}.menu-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:background-color .2s;width:40px}.menu-button:hover{background-color:var(--hover-medium)}.menu-icon{display:block}.dropdown-menu{background-color:var(--bg-dropdown);border-radius:4px;box-shadow:var(--shadow-md);min-width:180px;overflow:hidden;position:absolute;right:0;top:50px;z-index:100}.dropdown-menu ul{list-style-type:none;margin:0;padding:0}.dropdown-menu li{border-bottom:1px solid var(--border-medium)}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.2px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.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{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.toggle-label{color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.2px}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--bg-darker);border:1px solid var(--border-medium);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:var(--text-muted);border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translateX(20px)}.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{border-image-repeat:round;border-image-slice:32 32 32 32 fill;border-image-width:96px;border-right:none;border-style:solid;box-shadow:5px 0 8px rgba(var(--bg-app-rgb),.3);display:flex;flex-direction:column;height:100vh;image-rendering:pixelated;image-rendering:crisp-edges;overflow:visible;position:relative;transition:width .3s cubic-bezier(.25,.8,.25,1),margin-left .3s cubic-bezier(.25,.8,.25,1);z-index:10}.side-panel.collapsed{margin-left:-190px;min-width:250px;width:250px}.side-panel.expanded{max-width:300px;min-width:200px;width:20%}.side-panel-header{align-items:center;border-bottom:1px solid var(--border-medium);display:flex;height:75px;justify-content:center;min-height:75px;overflow:visible;padding:8px}.header-expanded{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-title{color:var(--primary);cursor:pointer;flex:1 1;font-family:Uncial Antiqua,cursive;font-size:1.2rem;font-weight:400;letter-spacing:.5px;margin:0;opacity:1;overflow:hidden;text-overflow:clip;text-shadow:0 0 10px var(--primary-shadow);transition:all .2s ease;white-space:nowrap}.side-panel.collapsed .sidebar-title{opacity:0}.sidebar-logo{cursor:pointer;height:20px;image-rendering:pixelated;margin-left:8px;margin-top:12px;object-fit:contain;transition:all .2s ease;width:auto}.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)}.collapse-button,.expand-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:36px;justify-content:center;margin:0;outline:none!important;padding:0;position:relative;top:8px;transition:all .2s ease;width:36px}.collapse-button:focus,.expand-button:focus{box-shadow:none!important;outline:none!important}.collapse-button:hover,.expand-button:hover{background-color:initial;filter:drop-shadow(0 0 8px var(--primary-shadow))}.collapse-button{margin-left:4px;margin-right:12px}.expand-button-default{color:var(--primary);display:block;font-family:Uncial Antiqua,cursive;font-size:1.4rem;text-shadow:0 0 10px var(--primary-shadow)}.expand-button-logo{filter:drop-shadow(0 0 6px var(--primary-shadow)) drop-shadow(0 0 12px var(--primary-shadow));height:1.4rem;image-rendering:pixelated;image-rendering:crisp-edges;left:4px;position:relative;width:auto}.side-panel-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:20px 0}.nav-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#151515;cursor:pointer;display:flex;font-family:Dogica Pixel,sans-serif;font-size:1rem;gap:12px;height:auto;margin:0 8px;outline:none!important;padding:5px 8px;position:relative;transition:all .2s ease}.nav-button:focus{box-shadow:none!important;outline:none!important}.nav-button:hover{background-color:#00000026;color:#93f2ff;text-shadow:0 0 10px #5cecff99}.nav-button.combat-disabled{cursor:default;opacity:.35;pointer-events:none}.nav-button.active{background-color:#0003;border:none;color:#93f2ff;text-shadow:0 0 10px #5cecff99}.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{align-items:center;display:flex;font-size:1.4rem;justify-content:center;min-width:24px;transition:filter .2s ease}.custom-icon{image-rendering:pixelated;image-rendering:crisp-edges}.nav-label{font-family:Press Start\ 2P,cursive;font-size:.7rem;font-weight:400;letter-spacing:.3px;opacity:1;overflow:visible;transform:scaleX(.85);transform-origin:left;transition:opacity .2s ease;white-space:nowrap}.side-panel.collapsed .nav-label{opacity:0}.side-panel.collapsed .nav-button{align-self:flex-end;display:inline-flex;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{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-family:Dogica Pixel,sans-serif;font-size:.85rem;gap:0;padding:8px 12px;text-align:left;transition:all .2s ease}.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;opacity:1;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease;white-space:nowrap}.side-panel.collapsed .footer-label{opacity:0}@media (max-width:1024px){.side-panel.expanded{min-width:180px;width:25%}.sidebar-title{font-size:1.1rem}}@media (max-width:768px){.side-panel.collapsed{margin-left:-200px;min-width:250px;width:250px}.side-panel.expanded{min-width:160px;width:30%}.sidebar-title{font-size:1rem}.nav-button{margin:0 6px;padding:10px}.nav-icon{font-size:1.2rem}.nav-label{font-size:.9rem}}@media (max-width:480px){.side-panel.expanded{box-shadow:var(--shadow-lg);left:0;position:fixed;top:0;width:50%;z-index:1000}.side-panel.collapsed{margin-left:-205px;min-width:250px;width:250px}.side-panel.expanded:before{background-color:#00000080;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}}.message-item{animation:fadeIn .3s ease-in-out;border-radius:18px;font-family:Dogica Pixel,sans-serif;line-height:1.4;margin:8px 20px;max-width:85%;padding:4px 16px;position:relative;-webkit-user-select:none;user-select:none;word-break:break-word}.message-header{margin-bottom:5px}.message-source{font-size:.65rem;font-weight:700;margin-bottom:6px}.message-content,.message-source{font-family:Dogica Pixel,sans-serif}.message-content{font-size:.7rem;line-height:1.8}.message-item.player{align-self:flex-end;background-color:#00bfd9;border:none;color:#fff;font-weight:700;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{align-self:flex-start;background-color:#020202;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{font-family:Dogica Pixel,sans-serif;line-height:1.8}.message-item.character{align-self:flex-start;background-color:#020202;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{font-family:Dogica Pixel,sans-serif;line-height:1.8}.message-item.system{align-self:center;background-color:#020202;border:1px solid #3a3a3a;font-style:italic;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{margin:8px 10px;max-width:95%}}.game-master-message{animation:fadeIn .3s ease-in-out;padding:12px 20px;position:relative;width:100%}.game-master-message-content{color:#a8b5b4;font-family:Dogica Pixel,sans-serif;font-size:.7rem;line-height:1.6;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{color:var(--primary);font-family:Dogica Pixel,sans-serif;font-weight:700;letter-spacing:.02em;margin:1.2rem 0 .6rem;text-shadow:0 0 1px var(--primary-focus)}.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{color:var(--text-primary);font-weight:700;letter-spacing:.01em}.game-master-message-content em{color:var(--text-secondary);font-style:italic;letter-spacing:.01em}.game-master-message-content blockquote{border-left:3px solid var(--primary);color:var(--text-muted);font-style:italic;margin:.5rem 0;padding-left:1rem}.game-master-message-content ol,.game-master-message-content ul{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{background-color:var(--hover-medium);border-radius:3px;font-family:monospace;font-size:.9em;padding:.2rem .4rem}.game-master-message-content pre{background-color:var(--hover-medium);border-radius:4px;margin:.75rem 0;overflow-x:auto;padding:.75rem}.game-master-message-content pre code{background-color:initial;font-size:.9em;padding:0}@media (max-width:768px){.game-master-message{padding:10px 12px}}.entity-link{background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;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{border-radius:2px;outline:2px solid #888;outline:2px solid var(--text-muted,#888);outline-offset:2px}.entity-link:active{opacity:.8}.narrator-message{animation:fadeIn .3s ease-in-out;padding:12px 20px;position:relative;width:100%}.narrator-message.show-line:before{background-color:var(--border-light);content:"";height:1px;left:20px;opacity:1;position:absolute;right:20px;top:0}.narrator-message-content{color:#fff;font-family:Dogica Pixel,sans-serif;font-size:.75rem;line-height:1.7;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{color:#fff;font-family:Dogica Pixel,sans-serif;font-weight:400;letter-spacing:.02em;margin:1.2rem 0 .6rem}.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{color:#fff;font-weight:700;letter-spacing:.01em}.narrator-message-content em{color:#fff;font-style:italic;letter-spacing:.01em}.narrator-message-content blockquote{border-left:3px solid #fff;color:#fffc;font-style:italic;margin:.5rem 0;padding-left:1rem}.narrator-message-content ol,.narrator-message-content ul{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{background-color:#ffffff1a;border-radius:3px;color:#fff;font-family:monospace;font-size:.9em;padding:.2rem .4rem}.narrator-message-content pre{background-color:#ffffff1a;border-radius:4px;color:#fff;margin:.75rem 0;overflow-x:auto;padding:.75rem}.narrator-message-content pre code{background-color:initial;font-size:.9em;padding:0}@media (max-width:768px){.narrator-message{padding:10px 12px}}.loading-message{animation:fadeIn .3s ease-in-out;font-family:Dogica Pixel,sans-serif;font-size:.7rem;line-height:1.6;padding:12px 20px}.loading-message-spinner{animation:spinner-wobble 24s ease-in-out infinite;height:11px;image-rendering:pixelated;margin-right:8px;vertical-align:-5%;width:11px}@keyframes spinner-wobble{0%{transform:rotate(0deg)}25%{transform:rotate(120deg)}50%{transform:rotate(60deg)}75%{transform:rotate(300deg)}to{transform:rotate(1turn)}}.loading-message-sender{color:#66edff;font-weight:700;margin-right:.3em}.loading-message .loading-message-text{animation:loading-drift 4s ease-in-out infinite;color:#fff!important;display:inline-block;font-size:.7rem;font-weight:700}@keyframes loading-drift{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.dialogue-banner-message{align-items:center;animation:fadeIn .3s ease-in-out;display:flex;gap:16px;justify-content:center;padding:16px 20px;width:100%}.dialogue-banner-line{background:linear-gradient(to right,#0000,var(--border-light) 20%,var(--border-medium) 50%,var(--border-light) 80%,#0000);flex:1 1;height:1px;max-width:100px}.dialogue-banner-text{color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:1.1rem;letter-spacing:.05em;text-align:center;white-space:nowrap}@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{align-self:flex-end;background-color:var(--primary-transparent-lighter);border-radius:18px;color:var(--text-primary);cursor:default;display:inline-flex;flex-direction:column;font-family:Dogica Pixel,sans-serif;font-size:1rem;margin:4px 20px 4px auto;max-width:calc(85% - 16px);padding:5px 16px;position:relative;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}.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:translateX(0)}50%{transform:translateX(3px)}}.skill-result-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.skill-result-action{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.1;margin-bottom:0}.skill-result-separator{color:var(--text-muted);margin:0 2px}.skill-result-skill{color:var(--text-secondary);font-family:Dogica Pixel,sans-serif;font-size:.8rem;font-weight:400}.skill-result-rolling{align-items:center;display:flex;gap:8px;margin-top:4px}.skill-result-rolling-text{color:var(--text-secondary);font-size:.95rem;font-style:italic}.dice-spinner-container{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.dice-spinner{animation:orbit 1.5s cubic-bezier(.785,.135,.15,.86) infinite;background-color:var(--primary);border-radius:50%;box-shadow:0 0 5px var(--primary-shadow);height:6px;position:absolute;width:6px}.skill-result-dc-loading{align-items:center;display:flex;gap:8px;margin-top:4px}.skill-result-dc-label{color:var(--text-secondary);font-family:Dogica Pixel,sans-serif;font-size:.9rem}.skill-result-dc-value{color:var(--error);font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:700}.skill-result-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.skill-result-info{display:flex;flex-direction:column}.skill-result-dice{flex-shrink:0;height:44px;position:relative;width:44px}.dice-icon{height:100%;object-fit:contain;width:100%}.dice-roll-value{color:var(--primary);font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.skill-result-dice.rolling .dice-icon{animation:diceRoll 6s cubic-bezier(.4,0,.2,1) infinite}.skill-result-outcome{display:block;font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.skill-result-outcome.success,.skill-result-outcome.triumph{color:var(--success)}.skill-result-outcome.narrow_success{color:rgba(var(--success-rgb),.8)}.skill-result-outcome.failure,.skill-result-outcome.setback{color:var(--error)}.skill-result-outcome.disaster{color:var(--error-dark)}.skill-result-tooltip-container{position:relative}.skill-result-tooltip{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;box-shadow:var(--shadow-lg);min-width:240px;padding:12px;position:absolute;right:0;z-index:1000}.skill-result-tooltip.above{animation:tooltipFadeInUp .2s ease;bottom:calc(100% + 8px)}.skill-result-tooltip.below{animation:tooltipFadeInDown .2s ease;top:calc(100% + 8px)}@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{color:var(--text-secondary);font-family:Dogica Pixel,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.tooltip-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.tooltip-row:last-child{margin-bottom:0}.tooltip-row-label{color:var(--text-primary)}.tooltip-row-label,.tooltip-row-value{font-family:Dogica Pixel,sans-serif;font-size:.85rem}.tooltip-row-value{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{margin:8px 0}.tooltip-total-row{align-items:center;display:flex;font-weight:600;gap:12px;justify-content:space-between}.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{margin:8px 10px;max-width:95%}.skill-result-tooltip{left:0;min-width:200px;right:auto}}.message-input-container{background-color:initial;border-image-repeat:round;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-radius:0;border-style:none solid solid;border-top:solid;image-rendering:pixelated;image-rendering:crisp-edges;overflow:visible;padding:20px;position:relative}.input-row{align-items:stretch;display:flex;gap:0;overflow:visible;position:relative}.source-selector select{background-color:var(--bg-card);border:1px solid var(--border-form);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;outline:none;padding:10px;transition:border-color .2s}.source-selector select:focus{border-color:var(--primary)}.source-selector select:hover{background-color:var(--bg-form)}.action-dropdown{align-items:stretch;display:flex;overflow:visible;position:relative}.action-dropdown-button{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-form);border-radius:6px 0 0 6px;border-right:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;justify-content:center;min-width:80px;outline:none;padding:0 16px;transition:all .2s;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{background-color:var(--bg-card);cursor:not-allowed;opacity:.7}.dropdown-arrow{font-size:10px;transition:transform .2s}.action-dropdown .dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border-form);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000004d;height:fit-content;left:0;margin-bottom:4px;min-width:100px;position:absolute;right:auto;top:auto;width:fit-content;z-index:9999}.dropdown-item{color:var(--text-primary);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;padding:12px 16px;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{position:relative;width:100%}.textarea-highlight{word-wrap:break-word;-ms-overflow-style:none;background-color:var(--bg-card);border:1px solid #0000;border-radius:0 20px 20px 0;color:#0000;font-family:Dogica Pixel,sans-serif;font-size:15px;height:100%;left:0;line-height:1;max-height:150px;overflow-x:hidden;overflow-y:auto;padding:14px 20px;pointer-events:none;position:absolute;scrollbar-width:none;top:0;white-space:pre-wrap;width:100%}.textarea-highlight::-webkit-scrollbar{display:none}.gm-tag-highlight{color:var(--primary);font-weight:1000}.message-textarea textarea{background-color:initial;border:1px solid var(--border-form);border-radius:0 20px 20px 0;box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:Dogica Pixel,monospace;font-size:.6rem;line-height:1;max-height:150px;outline:none;overflow-y:auto;padding:14px 20px;position:relative;resize:none;transition:all .2s;vertical-align:middle;width:100%;z-index:2}.message-textarea textarea:focus{box-shadow:0 0 0 1px var(--primary-transparent-light),0 0 8px var(--primary-transparent-light),0 0 20px #00ffff1a;outline:none}.input-row:focus-within .action-dropdown-button,.message-textarea textarea:focus,.message-textarea textarea:focus~.action-dropdown-button{border-color:var(--primary-border-focus)}.message-textarea textarea::placeholder{color:var(--text-muted);font-family:Dogica Pixel,monospace;font-size:.6rem;line-height:1;vertical-align:middle}.send-button{background-color:var(--btn-primary-bg);border:none;border-radius:4px;color:var(--btn-primary-text);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.send-button:hover{background-color:var(--btn-primary-hover)}.send-button:disabled{background-color:var(--btn-primary-disabled);cursor:not-allowed;opacity:.7}.message-textarea textarea:disabled{background-color:var(--bg-card);cursor:not-allowed;opacity:.7}.input-disabled .message-textarea textarea,.message-textarea textarea:disabled{border-color:var(--border-medium);box-shadow:none}.message-input-container.dialogue-mode{padding-top:8px}.message-input-container .dialogue-leave-btn{align-self:center;background:none;border:none;border-radius:4px;color:var(--error);cursor:pointer;display:block;font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;margin:0 auto 8px;padding:8px 32px;text-align:center;transition:all .2s;width:fit-content}.message-input-container .dialogue-leave-btn:hover{background-color:#ff64641a;color:#ff6b6b}@media (max-width:768px){.input-row{align-items:stretch;flex-direction:column}.send-button-container,.source-selector{margin-bottom:10px}.send-button{width:100%}}.skill-check-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.skill-check-action{color:var(--text-primary);flex:1 1;font-family:Dogica Pixel,sans-serif;font-size:1.3rem;font-weight:600;line-height:1.1;margin:0}.skill-check-dc-container{flex-shrink:0;position:relative}.skill-check-dc{background:rgba(var(--primary-rgb),.1);border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:help;font-family:Dogica Pixel,sans-serif;font-size:1.1rem;font-weight:700;padding:6px 12px;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{animation:tooltipFadeIn .2s ease;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;box-shadow:var(--shadow-lg);min-width:220px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-title{color:var(--text-secondary);font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.tooltip-breakdown{display:flex;flex-direction:column;gap:6px}.tooltip-item{align-items:center;display:flex;gap:12px;justify-content:space-between}.tooltip-label{color:var(--text-primary)}.tooltip-label,.tooltip-value{font-family:Dogica Pixel,sans-serif;font-size:.9rem}.tooltip-value{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{background:var(--border-light);height:1px;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{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:10px}.skill-check-action{font-size:1.2rem}.skill-check-dc{font-size:1rem;padding:5px 10px}.dc-tooltip{left:0;min-width:200px;right:auto}}.skill-check-approach{align-items:center;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:0;padding:8px 10px;transition:all .2s ease}.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{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px;min-width:0}.approach-skill{color:var(--text-secondary);flex-shrink:0;font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.5px;min-width:110px;text-transform:uppercase}.approach-description{color:var(--text-primary);flex:1 1;font-family:Dogica Pixel,sans-serif;font-size:.85rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approach-bonus{flex-shrink:0;font-family:Dogica Pixel,sans-serif;font-size:.9rem;font-weight:700;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{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:8px;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{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 10px}.custom-approach-header:hover{background:rgba(var(--primary-rgb),.05);border-radius:8px 8px 0 0}.approach-radio{align-items:center;display:flex;flex-shrink:0}.approach-radio-input{cursor:pointer;height:18px;margin:0;width:18px}.approach-letter{color:var(--primary);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:700;margin-left:8px;-webkit-user-select:none;user-select:none}.custom-approach-title{align-items:center;color:var(--text-primary);display:flex;font-family:Dogica Pixel,sans-serif;font-size:.95rem;font-weight:600;gap:10px}.coming-soon-badge{background:var(--warning);border-radius:4px;color:var(--bg-panel);font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.custom-approach-inputs{align-items:flex-start;animation:slideDown .2s ease;display:flex;flex-direction:row;gap:8px;padding:0 12px 12px}.custom-input-group{display:flex;flex-direction:column;gap:4px}.custom-input-group.skill-group{flex-shrink:0;max-width:140px;min-width:140px}.custom-input-group.description-group{flex:1 1;min-width:0}.custom-input-label{color:var(--text-secondary);font-family:Dogica Pixel,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.custom-skill-select{background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);cursor:not-allowed;font-family:Dogica Pixel,sans-serif;font-size:.95rem;opacity:.6;padding:8px 12px;width:100%}.custom-skill-select:disabled{cursor:not-allowed}.custom-approach-textarea{background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);cursor:not-allowed;font-family:Dogica Pixel,sans-serif;font-size:.95rem;height:38px;opacity:.6;overflow:hidden;padding:8px 12px;resize:none;width:100%}.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-approach-textarea,.custom-skill-select{font-size:.85rem}.approach-letter{font-size:.9rem}.custom-approach-inputs{flex-direction:column;gap:8px}.custom-input-group.description-group,.custom-input-group.skill-group{max-width:none;min-width:0}}.skill-check-button{align-items:center;background:var(--bg-card);border:2px solid var(--primary);border-radius:50%;box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-family:Dogica Pixel,sans-serif;font-size:.8rem;font-weight:600;height:50px;justify-content:center;transition:all .2s ease;width:50px}.skill-check-button:hover:not(:disabled){background:var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.05)}.skill-check-button:active:not(:disabled){transform:scale(.95)}.skill-check-button:disabled{border-color:var(--text-muted);cursor:not-allowed;opacity:.5}.skill-check-button-text{-webkit-user-select:none;user-select:none}@media (max-width:768px){.skill-check-button{font-size:.75rem;height:45px;width:45px}}.skill-check-input-container{background:var(--bg-panel);border-radius:0 0 8px 8px;border-top:1px solid var(--border-medium);box-shadow:var(--shadow-md);max-height:400px;min-height:auto;overflow-y:auto;padding:12px;position:relative;transition:all .3s ease}.skill-check-content{animation:slideUp .3s ease;display:flex;flex-direction:column;gap:12px}@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{color:var(--text-secondary);font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.skill-check-approaches-with-button{align-items:flex-start;display:flex;gap:12px;max-height:182px;min-height:182px}.skill-check-approaches{display:flex;flex:1 1;flex-direction:column;gap:6px}.skill-check-footer{display:none}.predefined-approaches-collapsed{align-items:center;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-bottom:0;padding:10px 12px;transition:all .2s ease}.predefined-approaches-collapsed:hover{background:var(--bg-card);border-color:var(--border-medium)}.collapse-icon{color:var(--primary);font-size:.9rem;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.collapse-text{color:var(--text-primary);flex:1 1;font-size:.85rem;font-weight:600}.collapse-hint,.collapse-text{font-family:Dogica Pixel,sans-serif}.collapse-hint{color:var(--text-secondary);font-size:.7rem;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{max-height:70vh;min-height:auto;padding:10px}.skill-check-content{gap:10px}.approaches-label{font-size:.7rem;margin-bottom:6px}.skill-check-approaches-with-button{align-items:center;flex-direction:column}.predefined-approaches-collapsed{padding:8px 10px}.collapse-text{font-size:.75rem}.collapse-hint{font-size:.65rem}}@media (max-width:480px){.skill-check-input-container{max-height:65vh;padding:10px}}.chat-window{background-color:var(--bg-app)}.chat-window,.game-start{display:flex;flex-direction:column;height:100%}.game-start{align-items:center;justify-content:center;padding:40px 20px;text-align:center}.game-start p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:30px;max-width:500px}.game-select-warning{color:var(--error);font-size:.9rem;margin-bottom:20px;margin-top:-20px}.start-button{background-color:var(--btn-primary-bg);border:none;border-radius:6px;box-shadow:var(--shadow-primary);color:var(--btn-primary-text);cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 30px;transition:background-color .3s}.start-button:hover{background-color:var(--btn-primary-hover);box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.start-button:disabled{background-color:var(--btn-primary-disabled);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.no-games-message{color:var(--warning);font-size:1rem;margin-bottom:20px}.loading-message-text{animation:pulse 1.5s infinite;color:var(--primary);font-size:1rem;font-style:italic;margin-bottom:20px;margin-top:10px}.create-button{background-color:var(--btn-success-bg);border:none;border-radius:6px;box-shadow:0 2px 10px #64ff8e4d;color:var(--btn-success-text);cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 30px;transition:background-color .3s}.create-button:hover{background-color:var(--btn-success-hover);box-shadow:0 4px 12px #64ff8e66;transform:translateY(-2px)}.create-button:active{transform:translateY(0)}.create-button:disabled{background-color:var(--btn-success-disabled);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.messages-container{border-image-repeat:round;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-style:solid;display:flex;flex:1 1;flex-direction:column;image-rendering:pixelated;image-rendering:crisp-edges;overflow-y:auto;padding:10px 16px 0;position:relative;scrollbar-color:var(--border-form) var(--bg-chat);scrollbar-width:thin}.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{align-items:center;display:flex;justify-content:center;overflow:visible;overscroll-behavior:none;position:relative}.dialogue-nav-arrow{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:1.8rem;padding:16px 20px;position:absolute;top:20px;transition:all .2s;z-index:10}.dialogue-nav-left{left:20px}.dialogue-nav-right{right:20px}.dialogue-nav-arrow:hover:not(:disabled){background-color:var(--hover-light);color:var(--text-primary)}.dialogue-nav-arrow:disabled{cursor:default;opacity:.3}.dialogue-inline-content{align-items:center;display:flex;flex-direction:row;padding:40px 80px;width:100%}.dialogue-portrait-section{align-items:center;display:flex;flex-direction:column;gap:12px;min-width:200px}.dialogue-portrait-placeholder{background-color:var(--bg-card)}.dialogue-portrait-image,.dialogue-portrait-placeholder{border:2px solid var(--border-form);border-radius:8px;height:280px;width:280px}.dialogue-portrait-image{image-rendering:pixelated;object-fit:cover}.dialogue-speaker-name{word-wrap:break-word;color:var(--text-secondary);font-family:Dogica Pixel,sans-serif;font-size:.75rem;font-weight:600;max-width:200px;text-align:center}.dialogue-separator{align-self:stretch;background-color:var(--border-light);margin:0 32px;min-height:200px;width:2px}.dialogue-text-section{align-items:flex-start;align-self:stretch;display:flex;flex:1 1;flex-direction:column;max-height:60vh;min-width:0;overflow-y:auto;padding-top:12px}.dialogue-text{color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:.85rem;line-height:1.7;margin:0;width:100%}.dialogue-text.italic{color:var(--text-secondary);font-style:italic}.dialogue-skill-check-inline{display:flex;margin-top:20px}.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{align-items:center;display:flex;flex:1 1;justify-content:center}.dialogue-empty p{color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:1rem;font-style:italic}@media (max-width:768px){.dialogue-inline-content{padding:20px}.dialogue-portrait-section{min-width:100px}.dialogue-portrait-image,.dialogue-portrait-placeholder{height:140px;width: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{border-image-repeat:round;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-style:solid;display:flex;flex:1 1;flex-direction:column;image-rendering:pixelated;image-rendering:crisp-edges;overflow-y:auto;position:relative;scrollbar-color:var(--border-form) var(--bg-chat);scrollbar-width:thin}.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{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:500px;padding:2.5rem 2rem;width:100%}.character-creation-inner.cc-centered{flex:1 1;justify-content:center}.cc-mode-cards{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(3,180px);justify-content:center}.cc-mode-card{align-items:center;background-color:initial;border-image-repeat:round;border-image-slice:8 8 8 8 fill;border-image-width:24px;border-style:solid;box-shadow:0 4px 12px #00000080;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;height:180px;image-rendering:pixelated;image-rendering:crisp-edges;justify-content:center;padding:1.5rem 1.2rem;position:relative;text-align:center;transition:all .2s ease}.cc-mode-card:hover:not(:disabled){box-shadow:0 0 12px var(--primary-shadow);transform:translateY(-4px)}.cc-mode-card:active:not(:disabled){transform:translateY(1px)}.cc-mode-card:disabled{cursor:not-allowed;opacity:.5}.cc-mode-card-icon{font-size:2rem;line-height:1;margin-bottom:.2rem}.cc-mode-card-title{color:var(--primary);font-family:Silkscreen,cursive;font-size:1.1rem;text-shadow:0 0 8px var(--primary-shadow)}.cc-mode-card-desc{color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:.7rem;line-height:1.4}.cc-mode-card-badge{background-color:var(--text-muted);border-radius:3px;color:var(--bg-app);font-size:.55rem;font-weight:700;letter-spacing:.5px;margin-top:.3rem;padding:2px 6px;text-transform:uppercase}.cc-back-btn,.cc-mode-card-badge{font-family:Dogica Pixel,sans-serif}.cc-back-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;left:12px;padding:.3rem .5rem;position:absolute;top:28px;transition:color .2s;z-index:1}.cc-back-btn:hover{color:var(--primary)}.cc-form-layout{position:relative}.cc-form{gap:1.2rem;overflow:visible}.cc-form,.cc-form-group{display:flex;flex-direction:column}.cc-form-group{gap:.6rem}.cc-label{font-weight:500}.cc-input,.cc-label,.cc-select{color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:.85rem}.cc-input,.cc-select{background-color:var(--bg-card);border:1px solid var(--border-form);border-radius:8px;box-sizing:border-box;padding:.6rem .8rem;transition:all .2s ease;width:100%}.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{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23888' d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.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{color:var(--primary);font-family:Dogica Pixel,sans-serif;font-size:.9rem;font-style:normal;font-weight:700}.cc-name-row{align-items:stretch;display:flex;gap:.6rem}.cc-name-row .cc-input{flex:1 1}.cc-dice-btn{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-form);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;min-width:48px;padding:.6rem .8rem;transition:all .2s ease}.cc-dice-btn:hover:not(:disabled){border-color:var(--primary);box-shadow:0 0 8px var(--primary-shadow);color:var(--primary)}.cc-dice-btn:active:not(:disabled){transform:translateY(1px)}.cc-dice-btn:disabled{cursor:not-allowed;opacity:.35}.cc-dice-btn.rolling{animation:diceRoll .3s ease}@keyframes diceRoll{0%{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(5deg)}to{transform:rotate(0deg)}}.cc-submit-btn{background-color:var(--bg-form);border:1px solid var(--border-form);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:.85rem;font-weight:500;margin-top:.8rem;padding:.8rem 1.2rem;transition:all .3s ease;width:100%}.cc-submit-btn:hover:not(:disabled){background-color:var(--primary);box-shadow:0 4px 10px #0000004d,0 0 10px var(--primary-shadow);color:var(--bg-topbar);transform:translateY(-2px)}.cc-submit-btn:active:not(:disabled){transform:translateY(1px)}.cc-submit-btn:disabled{cursor:not-allowed;opacity:.4}.cc-error{color:#ff6b6b;color:var(--error,#ff6b6b);font-family:Dogica Pixel,sans-serif;font-size:.85rem;padding:.5rem;text-align:center}.ccs-container{width:100%}.ccs-trigger{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-form);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-family:Dogica Pixel,sans-serif;font-size:.85rem;padding:.6rem 2.5rem .6rem .8rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.ccs-trigger:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-transparent-light);outline:none}.ccs-trigger:disabled{cursor:not-allowed;opacity:.5}.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{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--text-muted);height:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .2s ease;width:0}.ccs-container.open .ccs-arrow{transform:translateY(-50%) rotate(180deg)}.ccs-dropdown{background-color:var(--bg-dropdown);border:1px solid var(--border-form);border-radius:8px;box-shadow:0 8px 24px #0009;left:calc(100% + 1rem);max-height:400px;overflow-y:auto;position:absolute;scrollbar-color:var(--border-form) #0000;scrollbar-width:thin;width:220px;z-index:100}.ccs-dropdown::-webkit-scrollbar{width:6px}.ccs-dropdown::-webkit-scrollbar-track{background:#0000}.ccs-dropdown::-webkit-scrollbar-thumb{background-color:var(--border-form);border-radius:3px}.ccs-option{color:var(--text-primary);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:.8rem;padding:.55rem .8rem;transition:background-color .1s ease}.ccs-option:hover{background-color:var(--hover-primary)}.ccs-group-label,.ccs-option.selected,.ccs-option:hover{color:var(--primary)}.ccs-group-label{font-family:Dogica Pixel,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.5rem .8rem .25rem;text-transform:uppercase}.ccs-group+.ccs-group{border-top:1px solid var(--border-form)}.ccs-group .ccs-option{padding-left:1.2rem}.cc-info-panel{animation:ccInfoFadeIn .2s ease;background:#00000040;border:1px solid var(--border-form);border-radius:8px;bottom:24px;overflow-y:auto;padding:1rem;pointer-events:none;position:absolute;right:calc(50% + 250px + 1.5rem);scrollbar-color:var(--border-form) #0000;scrollbar-width:thin;top:24px;width:200px}@keyframes ccInfoFadeIn{0%{opacity:0}to{opacity:1}}.cc-info-panel-title{color:var(--primary);font-family:Silkscreen,cursive;font-size:.9rem;margin:0 0 .6rem;text-shadow:0 0 8px var(--primary-shadow)}.cc-info-panel-blurb{color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:.6rem;line-height:1.6;margin:0}.cc-info-panel-divider{background:var(--border-form);height:1px;margin:.8rem 0}.cc-info-panel-detail{color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:.6rem;line-height:1.6;margin:0}@media (max-width:768px){.character-creation-inner{padding:1.5rem 1rem}.cc-mode-cards{grid-template-columns:1fr;margin:0 auto;max-width:250px}.cc-input,.cc-label,.cc-select,.ccs-trigger{font-size:1rem}.cc-info-panel{display:none}}.world-complete-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.world-complete-panel{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:500px;text-align:center;width:100%}.world-complete-title{color:var(--primary);font-size:2rem;text-shadow:0 0 12px var(--primary-shadow)}.world-complete-name,.world-complete-title{font-family:Uncial Antiqua,cursive;margin:0}.world-complete-name{color:var(--text-primary);font-size:1.3rem}.world-complete-summary{color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:.85rem;line-height:1.5;margin:0;max-height:200px;overflow-y:auto}.world-complete-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem;max-width:300px;width:100%}.world-complete-btn{align-items:center;background-color:initial;border-image-repeat:round;border-image-slice:8 8 8 8 fill;border-image-width:24px;border-style:solid;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:Uncial Antiqua,cursive;font-size:1rem;gap:.3rem;image-rendering:pixelated;image-rendering:crisp-edges;padding:.8rem 1.2rem;text-align:center;transition:all .2s ease}.world-complete-btn:hover:not(:disabled){box-shadow:0 0 12px var(--primary-shadow);transform:translateY(-2px)}.world-complete-btn:disabled{cursor:not-allowed;opacity:.5}.world-complete-btn-primary{color:var(--primary);font-size:1.1rem;text-shadow:0 0 8px var(--primary-shadow)}.entity-list-menu{background-color:initial;display:flex;flex-direction:column;font-family:Dogica Pixel,sans-serif;height:100%;overflow:hidden;width:100%}.entity-list-header{align-items:center;border-bottom:1px solid var(--border-medium);display:flex;gap:12px;justify-content:space-between;padding:16px}.entity-list-header.no-border{border-bottom:none;padding-bottom:8px}.entity-count{background-color:var(--hover-medium);border-radius:12px;color:var(--text-secondary);flex-shrink:0;font-size:.8rem;padding:4px 8px}.search-input{background-color:var(--hover-light);border:1px solid var(--border-medium);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:Dogica Pixel,sans-serif;font-size:.9rem;padding:8px 12px}.search-input:focus{border-color:var(--primary-focus);outline:none}.search-input::placeholder{color:var(--text-muted);font-family:Dogica Pixel,sans-serif}.entity-list-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:0;scrollbar-width:none}.entity-list-content::-webkit-scrollbar{display:none}.entity-group{margin-bottom:10px}.entity-type-header{align-items:center;background-color:initial;color:var(--text-muted);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.entity-type-count{font-size:.75rem;opacity:.7}.entity-items{list-style:none;margin:0;padding:0}.entity-item{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-light,#ffffff0f);border-left:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:.55rem;font-weight:600;padding:6px 16px 6px 4px;transition:background-color .2s}.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-empty,.entity-list-loading{align-items:center;color:var(--text-muted);display:flex;font-style:italic;height:100%;justify-content:center;padding:20px;text-align:center}.location-sort-bar{align-items:center;background-color:initial;border-bottom:1px solid var(--border-medium);display:flex;gap:4px;justify-content:center;padding:4px 16px 8px}.sort-label{color:var(--text-muted);flex:0.8 1;font-size:.85rem;text-align:right}.sort-dropdown{flex:1.2 1;position:relative}.sort-dropdown-trigger{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Dogica Pixel,sans-serif;font-size:.9rem;gap:6px;padding:4px 8px;transition:background-color .2s}.sort-dropdown-trigger:hover{background-color:var(--hover-light)}.sort-dropdown-arrow{color:var(--text-muted);font-size:.6rem}.sort-dropdown-menu{background-color:var(--bg-app);border:1px solid var(--border-medium);border-radius:4px;box-shadow:0 4px 12px #00000080;left:0;margin-top:4px;min-width:120px;overflow:hidden;position:absolute;top:100%;z-index:100}.sort-dropdown-item{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:block;font-family:Dogica Pixel,sans-serif;font-size:.9rem;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.sort-dropdown-item:hover{background-color:var(--hover-light)}.sort-dropdown-item.active{background-color:var(--hover-primary);color:var(--text-primary)}.location-list{padding:0}.current-location-banner{background-color:initial;border-bottom:1px solid var(--border-medium);padding-top:8px}.banner-label{color:var(--text-muted);display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:4px;padding-left:12px;text-transform:uppercase}.nearby-section{margin-bottom:16px}.nearby-section-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-light,#ffffff0f);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:8px 12px;text-transform:uppercase}.entity-item{align-items:center;display:flex}.entity-item .entity-tag{font-size:.7rem;margin-left:auto;padding:2px 6px}.entity-item .entity-name{flex:1 1}.building-group{list-style:none}.building-scenes{list-style:none;margin:0;padding-left:28px}.location-node{margin-bottom:1px}.location-item{align-items:center;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;transition:background-color .2s ease;white-space:nowrap}.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{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;font-size:.8rem;height:16px;justify-content:center;padding:0;text-align:center;transition:transform .2s ease}.toggle-button,.toggle-placeholder{flex-shrink:0;margin-right:8px;min-width:16px;width:16px}.toggle-placeholder{display:inline-block}.location-name-container{align-items:center;display:flex;flex-grow:1;gap:8px;justify-content:space-between;overflow:hidden}.location-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-name.in-player-path{text-decoration:underline}.player-location-star{flex-shrink:0;font-size:.8rem}.location-tree{padding-top:4px}.entity-tag{background-color:var(--primary-transparent-light);border-radius:12px;color:var(--primary);display:inline-flex;font-size:.85rem;font-weight:500;margin-left:8px;padding:4px 10px}.entity-tag,.location-list-item{align-items:center;font-family:Dogica Pixel,sans-serif}.location-list-item{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-light,#ffffff0f);border-left:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;padding:6px 16px 6px 4px;transition:background-color .2s}.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 1}.location-list-item .entity-tag{font-size:.7rem;margin-left:auto;padding:2px 6px}.location-icon{flex-shrink:0;height:24px;margin-right:10px;width:24px}.location-icon.current{fill:var(--error);height:22px;width:22px}.location-icon.scene{fill:none;stroke:var(--primary);stroke-width:1.5px;padding:5px}.location-icon.scene,.location-icon.type-icon{background-color:var(--hover-light);border-radius:50%}.location-icon.type-icon{height:28px;padding:7px;width:28px}.location-list-item.scene-item{border-bottom:none;font-size:.9em;position:relative}.building-scenes .location-list-item:after{background-color:#ffffff0f;background-color:var(--border-light,#ffffff0f);bottom:0;content:"";height:1px;left:-28px;position:absolute;right:0}.entity-detail-view{background-color:initial;font-family:Dogica Pixel,sans-serif;height:100%;overflow-y:auto;padding:8px;scrollbar-width:none;width:100%}.entity-image-container{align-items:center;background-color:var(--hover-light);border-radius:8px;display:flex;justify-content:center;margin-bottom:20px;min-height:200px;padding:16px;position:relative}.entity-image-container.entity-image-float{background-color:initial;flex-direction:column;float:right;margin:0 0 16px 16px;max-width:512px;min-height:512px;padding:0}.entity-image{border-radius:6px;box-shadow:none;image-rendering:pixelated;object-fit:cover;transition:opacity .3s ease-in-out}.entity-image,.entity-image-float .entity-image{height:512px;width:512px}.entity-image-hidden{opacity:0;pointer-events:none}.entity-image-loading{align-items:center;background-color:var(--hover-light);border-radius:8px;color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:12px;height:100%;justify-content:center;padding:16px;position:absolute;width:100%}.loading-spinner{border-top:3px solid var(--border-light);border:3px solid var(--border-light);height:40px;width:40px}.entity-detail-empty{align-items:center;color:var(--text-disabled);display:flex;font-style:italic;height:100%;justify-content:center;padding:20px;text-align:center}.entity-paper-panel{border-image-repeat:round;border-image-slice:32 32 32 32 fill;border-image-width:96px;border-style:solid;color:#2c1e0f;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));image-rendering:pixelated;image-rendering:crisp-edges;padding:48px}.entity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.entity-title-row{align-items:center;display:flex;gap:12px;max-width:70%}.entity-title-icon{flex-shrink:0;height:48px;width:48px}.entity-title-icon-svg{fill:none;stroke:var(--primary);stroke-width:1.5px}.entity-title{font-family:Press Start\ 2P,cursive;font-size:1rem;font-weight:400;line-height:1.4;margin:0;overflow-wrap:break-word;transform:scaleX(.85);transform-origin:left}.entity-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.entity-details{display:block;width:100%}.entity-details:after{clear:both;content:"";display:table}.entity-section{border-bottom:1px solid var(--border-light);margin-bottom:24px;padding-bottom:16px}.section-title{font-family:Press Start\ 2P,cursive;font-size:.7rem;font-weight:400;margin-bottom:12px;margin-top:0;transform:scaleX(.85);transform-origin:left}.entity-paper-panel .entity-tag{background-color:#2c1e0f1f;color:#2c1e0f;font-family:Silkscreen,cursive}.entity-description-text{color:#2c1e0f;font-family:Dogica Pixel,monospace;font-size:.55rem;line-height:1.6;margin:0}.entity-description-text strong{color:var(--text-primary);font-weight:700}.entity-description-text em{color:var(--text-secondary);font-style:italic}.entity-description-text .md-heading{color:var(--primary);margin:1rem 0 .5rem}.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);border-radius:4px;font-size:.9rem;padding:6px 12px;transition:background-color .2s}.alias-tag:hover{background-color:var(--hover-light)}.properties-list{display:flex;flex-wrap:wrap;gap:4px}.property-item{background-color:#2c1e0f1f;border-radius:4px;display:inline-flex;padding:.1rem .4rem}.property-name{font-weight:500;margin-right:4px;text-transform:capitalize}.property-name,.property-value{color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.7rem}.ability-scores-grid{grid-gap:6px;align-items:start;display:grid;gap:6px;grid-template-columns:repeat(6,1fr);margin-top:8px;width:100%}.ability-score-box{align-items:center;background-color:#2c1e0f1a;border:none;border-radius:4px;display:flex;flex-direction:column;padding:0 4px 6px}.ability-score-label{color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.75rem;margin-bottom:12px;opacity:.6}.ability-score-value{color:#2c1e0f;font-family:Press Start\ 2P,cursive;font-size:.75rem;line-height:1;margin-bottom:3px}.ability-score-modifier{font-family:Silkscreen,cursive;font-size:.6rem;line-height:1;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease,opacity .2s ease,margin-top .2s ease}.ability-score-box:hover .ability-score-modifier{margin-top:4px;max-height:1.5em;opacity:1}.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:initial;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{display:flex;flex-wrap:wrap;gap:4px;list-style-type:none;margin:0;padding:0}.related-entity{background-color:#2c1e0f1f;border-radius:4px;color:#2c1e0f;display:inline-flex;font-size:.7rem;margin-bottom:0;padding:.1rem .4rem;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;margin:0;padding:0;text-align:left;text-decoration:none;transition:color .2s;width:100%}.related-entity-link:hover{color:var(--primary-hover);text-decoration:underline}.related-entity-link:focus{outline:none;text-decoration:underline}.related-entity-container{align-items:center;display:flex;justify-content:space-between;width:100%}.related-entity-link{margin-right:auto;width: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:initial;border-radius:6px;margin-bottom:0;padding:0}.diplomatic-table-title{color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.7rem;margin:0 0 4px}.diplomatic-table table{border-collapse:collapse;width:100%}.diplomatic-table th{border-bottom:1px solid #2c1e0f26;color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.6rem;font-weight:400;opacity:.6;padding:4px 8px;text-align:left}.diplomatic-row{transition:background-color .2s}.diplomatic-row:hover{background-color:#2c1e0f0f}.diplomatic-row td{border-bottom:1px solid #2c1e0f14;padding:4px 8px}.faction-cell{color:#2c1e0f;font-family:Press Start\ 2P,cursive;font-size:.45rem;transform:scaleX(.85);transform-origin:left;width:60%}.value-cell{text-align:right;width:40%}.diplomatic-value{border-radius:4px;display:inline-block;font-family:Silkscreen,cursive;font-size:.7rem;padding:.1rem .4rem;text-transform:capitalize}.relationships-container{display:flex;flex-direction:column;gap:8px}.relationships-table{background-color:initial;border-radius:6px;margin-bottom:0;padding:0}.relationships-table-title{color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.7rem;margin:0 0 4px}.relationship-attitude-legend{color:#2c1e0f;display:flex;font-family:Silkscreen,cursive;font-size:.6rem;justify-content:space-between;opacity:.6;padding:0 10px;width:100%}.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{border-collapse:collapse;width:100%}.relationships-table th{border-bottom:1px solid #2c1e0f26;color:#2c1e0f;font-family:Silkscreen,cursive;font-size:.6rem;font-weight:400;opacity:.6;padding:4px 8px;text-align:left}.relationship-row{transition:background-color .2s}.relationship-row:hover{background-color:#2c1e0f0f}.relationship-row td{border-bottom:1px solid #2c1e0f14;padding:4px 8px}.character-cell{color:#2c1e0f;font-family:Press Start\ 2P,cursive;font-size:.45rem;transform:scaleX(.85);transform-origin:left;width:40%}.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{align-items:flex-start;flex-direction:column;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{align-items:center;display:flex;font-family:Silkscreen,cursive;height:20px;position:relative;width:100%}.relationship-slider-track{background-color:#2c1e0f26;right:0;z-index:1}.relationship-slider-filled-track,.relationship-slider-track{border-radius:2px;height:3px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.relationship-slider-filled-track{z-index:2}.relationship-slider-ticks{height:12px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:3}.relationship-slider-tick{background-color:#2c1e0f26;border:1px solid #2c1e0f33;border-radius:50%;cursor:default;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.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{border:2px solid #2c1e0f;box-shadow:none;height:12px;transition:transform .2s ease-in-out;width:12px;z-index:4}.relationship-slider-tick.selected.hovered{transform:translate(-50%,-50%) scale(1.2)}.relationship-value-tooltip{background-color:#2c1e0fd9;border-radius:3px;color:#f5f0e8;font-family:Silkscreen,cursive;font-size:.5rem;left:50%;padding:2px 6px;pointer-events:none;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap;z-index:5}.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;flex-wrap:wrap;margin-bottom:8px;padding:8px 0}.breadcrumb-segment,.location-breadcrumb{align-items:center;color:#2c1e0f;font-size:.5rem;gap:4px}.breadcrumb-segment{background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Dogica Pixel,monospace;padding:2px 4px;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{background-color:var(--hover-light);border-radius:50%;flex-shrink:0;height:28px;padding:6px;width:28px}.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{border-image-repeat:round;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-style:solid;display:flex;flex-direction:column;font-family:Dogica Pixel,sans-serif;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;overflow:hidden;width:100%}.entity-type-selector{align-items:center;display:flex;gap:20px;justify-content:center;padding:10px 16px}.type-arrow{background:none;border:none;color:var(--primary);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:2rem;line-height:1;padding:4px 12px;transition:all .2s ease}.type-arrow:hover{color:var(--primary-focus);transform:scale(1.2)}.type-arrow:active{transform:scale(.95)}.entity-types-list{align-items:center;display:flex;gap:16px}.entity-type-button{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:.6rem;font-weight:400;letter-spacing:1px;padding:4px 8px;transition:color .2s}.entity-type-button:hover{color:var(--primary)}.entity-type-button.active{border-bottom:2px solid var(--primary);color:var(--primary);font-weight:400}.entities-content-wrapper{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:300px 1fr;overflow:hidden;padding:0 20px 20px}.entities-left-panel,.entities-right-panel{font-family:Dogica Pixel,sans-serif;height:100%;overflow:hidden;width:100%}@media (max-width:768px){.entities-panel{grid-template-columns:1fr;grid-template-rows:auto 1fr}.entities-left-panel{max-height:300px}}: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{background:var(--bg-app);font-family:Dogica Pixel,sans-serif;height:100%;position:relative;width:100%}.map-content,.map-panel{display:flex;min-height:0;min-width:0;overflow:hidden}.map-content{flex:1 1;flex-direction:column}.map-transform-container{flex:1 1;min-height:0;overflow:hidden}.map-header{border-bottom:1px solid var(--border-medium);padding:16px 20px 12px}.map-header h3{color:#fff;font-family:Dogica Pixel,sans-serif;font-size:1.1rem;font-weight:700;margin:0}.zoom-controls{background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:6px;gap:4px;padding:2px}.zoom-button,.zoom-controls{align-items:center;display:flex}.zoom-button{background:var(--hover-light);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.zoom-button:hover:not(:disabled){background:var(--hover-medium);color:var(--primary)}.zoom-button:disabled{cursor:not-allowed;opacity:.5}.zoom-level{color:var(--text-secondary);font-family:monospace;font-size:11px;font-weight:600;min-width:32px;text-align:center}.zoom-reset-button{align-items:center;background:var(--hover-light);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.zoom-reset-button:hover{background:var(--hover-medium);color:var(--primary)}.info-header h3{color:var(--primary);font-family:Dogica Pixel,sans-serif;font-size:1.1rem;font-weight:700;margin:0}.settings-button-container{left:10px;position:absolute;top:10px;z-index:100}.settings-button{background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s ease}.settings-button:hover{background:var(--hover-medium)}.settings-menu{background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;min-width:160px;padding:8px;position:absolute;top:100%}.settings-option{align-items:center;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 8px}.settings-option:hover{background:var(--hover-medium)}.settings-option input[type=checkbox]{cursor:pointer}.settings-slider{padding:6px 8px}.settings-slider-header{color:var(--text-primary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px}.settings-slider-value{color:#aaa;color:var(--text-secondary,#aaa)}.renderer-stats-overlay{background:#000000bf;border-radius:4px;bottom:10px;color:#0f8;font-family:Courier New,monospace;font-size:11px;left:10px;line-height:1.5;padding:6px 10px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:50}.lens-dropdown-container{position:absolute;right:10px;top:10px;z-index:100}.lens-dropdown-button{background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s ease}.lens-dropdown-button:hover{background:var(--hover-medium)}.lens-dropdown{background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:4px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%}.lens-dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:Dogica Pixel,sans-serif;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.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;cursor:pointer;font-size:16px;padding:6px 8px;transition:all .2s ease}.layer-dropdown-button:hover{background:var(--hover-medium);border-color:var(--primary)}.layer-dropdown{background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:4px;min-width:200px;position:absolute;right:0;top:100%;z-index:10}.layer-dropdown-item{background:none;border:none;border-radius:0;cursor:pointer;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.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{color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:14px;font-weight:600}.layer-item-content .layer-description{color:var(--text-secondary);font-size:12px;line-height:1.3;opacity:.8}.current-layer{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.pixel-info h4{color:var(--primary);font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:600;margin:0 0 12px}.pixel-details{display:flex;flex-direction:column;gap:8px}.pixel-detail{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.no-selection{color:var(--text-secondary);font-style:italic;padding:20px 0;text-align:center}.no-selection p{margin:0}.map-display{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-height:0;min-width:0;width:100%}.react-transform-component,.react-transform-wrapper{height:100%!important;overflow:visible!important;width:100%!important}.map-grid-container{align-items:center;background:var(--background-color);cursor:grab;display:flex;height:100%;justify-content:center;overflow:visible;position:relative;width:100%}.map-grid-container:active{cursor:grabbing}.map-infinite-container,.map-scroll-wrapper{display:flex;flex-shrink:0}.map-infinite-container{border:2px solid #ff00001a}.map-grid{grid-gap:0;border:1px solid var(--border-color);display:grid;flex-shrink:0;gap:0;max-height:100%;object-fit:contain;overflow:visible}.map-grid:first-child{border-color:red}.map-grid:nth-child(2){border-color:green}.map-grid:nth-child(3){border-color:blue}.map-pixel.detail-map{position:relative;z-index:10}.map-pixel{aspect-ratio:1;box-sizing:border-box;cursor:pointer;transition:transform .05s ease,box-shadow .05s ease}.map-pixel:hover{border:1px solid #fffc;box-shadow:0 0 4px #00000080;position:relative;transform:scale(1.1);z-index:15}.map-pixel-subpixel{z-index:20}.map-pixel-subpixel:hover{box-shadow:0 0 4px #00000080;outline:.1px solid #fffc;position:relative;transform:scale(1.1);z-index:21}.map-pixel.selected{border:2px solid var(--primary)!important;box-shadow:0 0 6px #000000b3;position:relative;z-index:10}.map-pixel.settlement{background-color:#fff!important;border:2px solid #000;box-shadow:0 2px 4px #0000004d;position:relative;z-index:5}.map-pixel.settlement:hover{box-shadow:0 0 8px #0009;transform:scale(1.2);z-index:20}.map-pixel.current-location{border:2px solid red}.map-pixel.region:hover{box-shadow:0 0 6px #ff0c;transform:scale(1.15);z-index:18}.map-pixel.no-outlines.current-location,.map-pixel.no-outlines.detail-map:hover,.map-pixel.no-outlines.region:hover,.map-pixel.no-outlines.selected,.map-pixel.no-outlines.settlement:hover,.map-pixel.no-outlines:hover{border:none!important;box-shadow:none!important;position:static!important;transform:none!important;z-index:auto!important}@media (max-width:768px){.map-pixel:hover{transform:scale(1.05);z-index:10}.map-pixel.no-outlines.current-location,.map-pixel.no-outlines:hover{border:none!important;transform:none!important;z-index:auto!important}}.map-placeholder{color:var(--text-secondary);max-height:400px;max-width:600px;overflow:auto;padding:40px;text-align:center}.map-placeholder pre{background:#f5f5f5;background:var(--code-background,#f5f5f5);font-size:12px;margin-top:16px;overflow:auto;padding:16px;text-align:left}.map-empty,.map-error,.map-loading{height:100%;width:100%}.map-empty,.map-error,.map-loading,.map-loading-overlay{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;font-family:Dogica Pixel,sans-serif;font-size:1.2rem;gap:20px;justify-content:center;letter-spacing:.5px}.map-loading-overlay{background:var(--bg-app);bottom:0;left:0;position:absolute;right:0;top:0;z-index:100}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-medium);border:3px solid var(--border-medium);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.map-error{color:#e74c3c;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 1;min-height:50px;min-width:120px}.layer-button-content{align-items:center;text-align:center}.layer-description{display:none}}.initiative-panel{background-color:#0e0e0ee6;border-left:1px solid var(--border-light);bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;width:180px;z-index:10}.initiative-header{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:10px 12px;text-transform:uppercase}.initiative-list{flex:1 1;overflow-y:auto;padding:6px 0}.initiative-entry{align-items:center;display:flex;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{align-items:center;background-color:var(--bg-card);border:2px solid;border-radius:50%;color:var(--text-primary);display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:28px;justify-content:center;width:28px}.initiative-info{flex:1 1;min-width:0}.initiative-name{color:var(--text-primary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initiative-name.dead{color:var(--text-muted);text-decoration:line-through}.initiative-hp-bar-bg{background-color:var(--bg-form);border-radius:1px;height:3px;margin-top:3px;overflow:hidden}.initiative-hp-bar-fill{border-radius:1px;height:100%;transition:width .3s ease}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;touch-action:pan-x pan-y}.main-content{flex:1 1;flex-direction:row}.content-area,.main-content{display:flex;overflow:hidden;position:relative}.content-area{background-color:var(--bg-primary);flex:1 1;flex-direction:column;width:100%}.game-container{padding:0}.game-container,.tab-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tab-content{position:relative}.entities-container{background-color:var(--bg-app);display:flex;height:100%;overflow:hidden}.entities-slide{inset:0;position:absolute;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s ease;will-change:transform,opacity}.entities-slide-in{opacity:1;transform:translateY(0)}.entities-slide-out{opacity:0;pointer-events:none;transform:translateY(100%)}.entities-shadow-overlay{pointer-events:none;position:absolute;z-index:9999}.entities-shadow-overlay:before{box-shadow:-6px -6px 16px 2px #000;content:"";inset:0;pointer-events:none;position:absolute}.maps-container{background-color:var(--bg-app);display:flex;height:100%;overflow:hidden;width:100%}.hidden-tab{display:none}.tab-content-inner{display:flex;flex:1 1;flex-direction:column;overflow:hidden;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.combat-overlay-wrapper{inset:0;pointer-events:none;position:absolute;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{background-color:#0000004d;border:1px solid var(--border-medium);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:Silkscreen,cursive;font-size:.85rem;padding:8px 16px;position:absolute;right:20px;top:20px;transition:all .2s ease;z-index:100}.settings-gear-button:hover{background-color:#00000080;border-color:var(--primary);color:var(--primary);text-shadow:0 0 5px var(--primary-shadow)}.launch-screen{background-color:initial;height:100vh;left:0;position:fixed;top:0}.launch-content,.launch-screen{align-items:center;display:flex;justify-content:center;width:100%;z-index:10}.launch-content{animation:fadeIn 1.2s ease-in-out;flex-direction:column;max-width:800px;padding:2rem;position:relative;text-align:center}.launch-title{color:var(--primary);font-family:Uncial Antiqua,cursive;font-size:4rem;font-weight:400;letter-spacing:2px;margin-bottom:3rem;text-shadow:0 0 15px var(--primary-shadow);white-space:nowrap}.launch-logo{animation:logoFloat 6s ease-in-out infinite;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));height:auto;image-rendering:pixelated;margin-bottom:3rem;width:792px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.play-button{align-items:center;background-color:initial;border-image-repeat:round;border-image-slice:10 10 10 10 fill;border-image-width:64px;border-radius:0;border-style:solid;box-shadow:none;color:var(--primary);cursor:pointer;display:flex;font-family:Silkscreen,cursive;font-size:1.2rem;font-weight:400;image-rendering:pixelated;image-rendering:crisp-edges;justify-content:center;letter-spacing:1px;min-width:220px;padding:1rem 3rem;position:relative;transform:scaleX(.85);transition:all .3s ease}.play-button:hover:not(:disabled){color:#93f2ff;text-shadow:0 0 10px #5cecff99;transform:scaleX(.85) translateY(-2px)}.play-button:active:not(:disabled){transform:translateY(1px)}.play-button.disabled,.play-button:disabled{background-color:var(--bg-panel);box-shadow:none;color:var(--text-muted);cursor:not-allowed;opacity:.7}.play-button.disabled:hover,.play-button:disabled:hover{background-color:var(--bg-panel);box-shadow:none;color:var(--text-muted);transform:none}.particles-blur{filter:blur(1px)!important;-webkit-filter:blur(1px)!important}.login-status{background-color:#0000004d;border-radius:4px;color:var(--text-muted);font-family:Silkscreen,cursive;font-size:.85rem;left:20px;padding:8px 12px;position:absolute;top:20px;z-index:100}.login-status-clickable{color:var(--text-primary);cursor:pointer;display:inline-block;text-decoration:underline;transition:all .2s ease}.login-status-clickable:hover{color:var(--primary);text-shadow:0 0 5px var(--primary-shadow)}.login-status-clickable:active{transform:scale(.98)}@media (max-width:768px){.launch-logo{margin-bottom:2rem;width:396px}.launch-title{font-size:2.5rem;margin-bottom:2rem}.play-button{font-size:1.2rem;padding:.8rem 2rem}}.auth-form{gap:1.5rem;margin:0 auto;max-width:400px;width:100%}.auth-form,.form-group{display:flex;flex-direction:column}.auth-form input{background-color:var(--bg-panel);border:2px solid #0000;border-radius:6px;color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:1rem;outline:none;padding:1rem;transition:all .3s ease}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-shadow)}.auth-form input:disabled{cursor:not-allowed;opacity:.6}.auth-form input::placeholder{color:var(--text-muted)}.error-message{background-color:#ff44441a;border:1px solid #ff44444d;border-radius:4px;color:#f44;margin:-.5rem 0 0;padding:.8rem;text-align:center}.auth-switch,.error-message{font-family:Dogica Pixel,sans-serif;font-size:.9rem}.auth-switch{color:var(--text-muted);margin-top:2rem}.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{margin-top:1.5rem;position:static}.settings-list{background-color:var(--bg-panel);border-radius:8px;max-width:400px;overflow:hidden;width:100%}.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;justify-content:center;margin-top:2rem}.settings-actions .play-button{min-width:120px}.settings-actions .play-button:disabled{cursor:not-allowed;opacity:.5}.launch-title-logo{filter:drop-shadow(0 0 3px var(--primary-shadow)) drop-shadow(0 0 8px var(--primary-shadow));image-rendering:pixelated;margin-bottom:7rem;transform:scale(6);transform-origin:top center}.menu-hub-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr auto;max-width:1200px;min-height:380px;position:relative;width:100%;z-index:1}.menu-hub-btn{align-items:center;background-color:initial;border-image-repeat:round;border-image-slice:8 8 8 8 fill;border-image-width:24px;border-radius:0;border-style:solid;box-shadow:0 4px 12px #00000080;color:var(--primary);cursor:pointer;display:flex;flex-direction:column;font-family:Silkscreen,cursive;font-size:1.1rem;font-weight:400;gap:.4rem;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;justify-content:center;letter-spacing:1px;padding:1rem 2.5rem;transition:all .3s ease;width:100%}.menu-hub-btn:hover:not(:disabled){color:#93f2ff;text-shadow:0 0 10px #5cecff99;transform:translateY(-2px)}.menu-hub-btn:active:not(:disabled){transform:translateY(1px)}.menu-hub-btn:disabled{color:var(--text-muted);cursor:not-allowed;filter:brightness(.7) saturate(.6);opacity:1}.menu-hub-btn:disabled:hover{color:var(--text-muted);transform:none}.menu-hub-continue{align-items:flex-start;font-size:1.3rem;grid-row:1/3;padding:1.5rem 2.5rem;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,.menu-hub-btn-sub{align-items:center;display:flex;gap:.5rem}.menu-hub-btn-sub{color:var(--text-primary);flex-wrap:wrap;font-family:Dogica Pixel,sans-serif;font-size:.75rem;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}.menu-hub-coming-soon,.menu-hub-state-badge{border-radius:3px;color:var(--bg-app);font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.menu-hub-coming-soon{background-color:var(--text-muted);font-size:.55rem;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{align-items:center;font-size:1.1rem;grid-row:auto;padding:1.2rem 2rem}.menu-hub-continue .menu-hub-btn-sub{justify-content:center}.menu-hub-discover{grid-column:auto}.menu-hub-btn{font-size:1rem;padding:.8rem 1.5rem}}.game-card{background-color:initial;border-image-repeat:round;border-image-slice:12 12 12 12 fill;border-image-width:36px;border-radius:0;border-style:solid;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;image-rendering:pixelated;image-rendering:crisp-edges;min-height:80px;padding:1.2rem 1.5rem;transition:all .3s ease}.game-card:hover{transform:translateY(-2px)}.game-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.game-name-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;width:100%}.game-name-group{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.game-actions-right{align-items:center;display:flex;flex-shrink:0}.game-name{word-wrap:break-word;color:var(--text-primary);flex:0 1 auto;font-family:Press Start\ 2P,cursive;font-size:.85rem;font-weight:400;line-height:1.4;margin:0;transform:scaleX(.85);transform-origin:left;word-break:break-word}.edit-game-name-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:24px;justify-content:center;min-width:24px;opacity:.6;padding:4px;transition:all .2s ease}.edit-game-name-button:hover{background-color:var(--hover-medium);color:var(--primary);opacity:1}.edit-game-name-button .custom-icon{height:1.2rem;object-fit:contain;transition:all .2s ease;width:1.2rem}.custom-icon{height:1.8rem;object-fit:contain;transition:all .2s ease;width:1.8rem}.game-name-input{background:var(--bg-input);border:2px solid var(--border-medium);border-radius:4px;color:var(--text-primary);flex:0 1 auto;font-family:Dogica Pixel,sans-serif;font-size:1.3rem;font-weight:600;margin:0;max-width:400px;min-width:200px;outline:none;padding:4px 8px;transition:border-color .2s ease}.game-name-input:focus{border-color:var(--primary)}.game-name-input::selection{background-color:var(--primary);color:#fff}.game-rename-loading{flex-shrink:0;min-width:24px}.game-rename-loading,.game-rename-loading .spinner-container{align-items:center;display:flex;height:24px;justify-content:center}.game-rename-loading .spinner-container{position:relative;width:24px}.game-rename-loading .spinner{animation:orbit 1.5s cubic-bezier(.785,.135,.15,.86) infinite;background-color:var(--primary);border-radius:50%;box-shadow:0 0 5px var(--primary-shadow);height:6px;position:absolute;width:6px}.delete-game-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;min-width:24px;opacity:.6;padding:4px;transition:all .2s ease}.delete-game-button:hover{background-color:var(--hover-medium);color:#f44;opacity:1}.game-delete-loading{min-width:24px}.game-delete-loading,.game-delete-loading .spinner-container{align-items:center;display:flex;height:24px;justify-content:center}.game-delete-loading .spinner-container{position:relative;width:24px}.game-delete-loading .spinner{animation:orbit 1.5s cubic-bezier(.785,.135,.15,.86) infinite;background-color:#f44;border-radius:50%;box-shadow:0 0 5px #ff444480;height:6px;position:absolute;width:6px}@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{color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:.9rem;margin:0}.game-arrow{align-self:center;color:var(--primary);flex-shrink:0;font-size:1.8rem;margin-left:1rem;opacity:.6;transition:all .3s ease}.game-card:hover .game-arrow{opacity:1;transform:translateX(5px)}.game-card.selected{background-color:initial;border-left:none;box-shadow:var(--shadow-md);height:auto;min-height:fit-content}.game-header{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.game-card.selected .game-header{justify-content:flex-start}.game-expanded-content{animation:slideDown .3s ease-out;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;margin-top:.8rem;padding-bottom:.8rem}.game-created-date{align-self:flex-start;color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:.85rem;font-style:italic;margin:0}.play-game-button{align-self:center;background-color:var(--primary);border:none;border-radius:8px;box-shadow:0 3px 10px #0000004d,0 0 15px var(--primary-shadow);color:var(--bg-topbar);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.4px;min-width:160px;padding:.9rem 2.5rem;text-transform:uppercase;transition:all .2s ease}.play-game-button:hover{background-color:var(--primary-hover);box-shadow:0 6px 16px #0006,0 0 20px var(--primary-shadow);transform:translateY(-2px)}.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{font-style:italic;padding:2rem;text-align:center}.games-loading,.no-games-message{color:var(--text-muted);font-family:Dogica Pixel,sans-serif}.games-loading{align-items:center;display:flex;font-size:1rem;height:100%;justify-content:center}.games-loading .loading-text{margin-right:12px}.games-spinner-container{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.games-spinner{animation:gamesOrbit 1.5s cubic-bezier(.785,.135,.15,.86) infinite;background-color:var(--primary);border-radius:50%;box-shadow:0 0 5px var(--primary-shadow);height:6px;position:absolute;width:6px}@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{align-items:center;background-color:initial;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.checkpoint-select-container{animation:fadeIn .6s ease-out;background-color:var(--bg-panel);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2rem;max-width:800px;padding:2rem;position:relative;width:100%;z-index:20}.checkpoint-select-title{color:var(--primary);font-family:Uncial Antiqua,cursive;font-size:2.5rem;font-weight:400;margin:0;text-align:center;text-shadow:0 0 10px var(--primary-shadow)}.checkpoint-select-subtitle{color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:1rem;line-height:1.5;margin:0;text-align:center}.checkpoint-actions{display:flex;gap:1rem;justify-content:center}.back-button{background:#0000;border:2px solid var(--border-medium);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.3px;min-width:180px;padding:.8rem 2rem;transition:all .2s ease}.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{cursor:not-allowed;opacity:.5}@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}.back-button,.checkpoint-select-subtitle{font-size:.9rem}.back-button{min-width:140px}}.new-adventure-cards{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr 1fr;grid-template-rows:180px 180px;max-width:560px;width:100%}.new-adventure-cards-2col{grid-template-rows:180px}.new-adventure-card{align-items:center;background-color:initial;border-image-repeat:round;border-image-slice:8 8 8 8 fill;border-image-width:24px;border-style:solid;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;image-rendering:pixelated;image-rendering:crisp-edges;justify-content:center;overflow:hidden;padding:1.5rem 1.2rem;position:relative;text-align:center;transition:all .2s ease}.new-adventure-card:hover:not(.disabled):not(.loading){box-shadow:0 0 12px var(--primary-shadow);transform:translateY(-4px)}.new-adventure-card:active:not(.disabled):not(.loading){transform:translateY(1px)}.new-adventure-card.disabled{cursor:not-allowed;opacity:.5}.new-adventure-card.loading{opacity:.7;pointer-events:none}.card-icon{font-size:2rem;line-height:1;margin-bottom:.2rem}.card-title{color:var(--primary);font-family:Uncial Antiqua,cursive;font-size:1.1rem;text-shadow:0 0 8px var(--primary-shadow)}.card-desc{color:var(--text-muted);font-family:Dogica Pixel,sans-serif;font-size:.9rem;line-height:1.3}.card-badge{background-color:var(--text-muted);border-radius:3px;color:var(--bg-app);font-size:.55rem;font-weight:700;letter-spacing:.5px;margin-top:.3rem;padding:2px 6px;text-transform:uppercase}.card-loading-text{animation:pulse 1.2s ease-in-out infinite;color:var(--primary);font-family:Dogica Pixel,sans-serif;font-size:.9rem}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.card-input-area{display:flex;flex-direction:column;gap:.4rem;margin-top:.3rem;width:100%}.card-input-area .form-input{background-color:var(--bg-card);border:1px solid var(--border-form);border-radius:8px;color:var(--text-primary);font-family:Dogica Pixel,sans-serif;font-size:1rem;padding:.6rem .8rem;text-align:center;transition:all .2s ease}.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{cursor:not-allowed;opacity:.7}.card-begin-btn{background-color:var(--bg-form);border:1px solid var(--border-form);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:.95rem;padding:.5rem 1rem;transition:all .2s ease}.card-begin-btn:hover:not(:disabled){background-color:var(--primary);box-shadow:0 0 10px var(--primary-shadow);color:var(--bg-app)}.card-begin-btn:disabled{cursor:not-allowed;opacity:.7}.creating-overlay{opacity:.5;pointer-events:none}@media (max-width:768px){.new-adventure-cards{grid-template-columns:1fr;max-width:350px}.new-adventure-card{padding:1.2rem 1rem}}.load-game-container{border-image-repeat:round;border-image-slice:16 16 16 16 fill;border-image-width:32;border-style:solid;display:flex;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6));flex-direction:row;gap:1.5rem;height:80vh;image-rendering:pixelated;image-rendering:crisp-edges;max-width:1200px;padding:3rem 3.5rem;width:100%}.load-game-list-panel{background-color:#00000026;border-radius:6px;display:flex;flex:0 0 44%;flex-direction:column;overflow:hidden}.load-game-sort-controls{align-items:center;border-bottom:none;display:flex;flex-shrink:0;gap:.5rem;padding:.8rem 1rem}.load-game-sort-label{letter-spacing:.5px;margin-right:.25rem;text-transform:uppercase}.load-game-sort-btn,.load-game-sort-label{color:#8a7a60;font-family:Silkscreen,cursive;font-size:.7rem}.load-game-sort-btn{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:4px;cursor:pointer;outline:none;padding:4px 8px;transition:all .2s ease}.load-game-sort-btn:focus,.load-game-sort-btn:focus-visible{box-shadow:none;outline:none}.load-game-sort-btn:hover{background-color:#a0825026;color:#d4c4a0}.load-game-sort-btn.active{background-color:#00000040;color:#d4c4a0}.load-game-list{flex:1 1;overflow-y:auto;padding:.5rem 1rem .5rem .25rem}.load-game-list::-webkit-scrollbar{width:6px}.load-game-list::-webkit-scrollbar-track{background:#0000}.load-game-list::-webkit-scrollbar-thumb{background-color:#a0825059;border-radius:3px}.load-game-item{border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;padding:.8rem 1rem;transition:background-color .2s ease}.load-game-item:hover{background-color:#0000001a}.load-game-item.selected{background-color:#00000040}.load-game-item-top{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.load-game-item-name{color:#e8dcc8;font-family:Silkscreen,cursive;font-size:.75rem;max-width:70%;overflow:hidden;text-overflow:ellipsis;transform:scaleX(.85);transform-origin:left;white-space:nowrap}.load-game-state-badge{border-radius:3px;flex-shrink:0;font-family:Dogica Pixel,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.load-game-item-timestamp{color:#8a7a60;font-family:Dogica Pixel,sans-serif;font-size:.8rem;padding-left:2px}.load-game-detail-panel{background-color:#00000026;border-radius:6px;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1.5rem}.load-game-detail-header{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;margin-bottom:1rem}.load-game-detail-name-row{align-items:center;display:flex;gap:.75rem}.load-game-detail-name{color:#e8dcc8;font-family:Silkscreen,cursive;font-size:1.1rem;font-weight:400;margin:0;transform:scaleX(.85);transform-origin:left;word-break:break-word}.load-game-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.5;padding:4px;transition:all .2s ease}.load-game-edit-btn:hover{background-color:#a0825026;opacity:1}.load-game-edit-icon{height:1.2rem;object-fit:contain;width:1.2rem}.load-game-name-input{background:#281e1299;border:2px solid #a0825059;border-radius:4px;color:#e8dcc8;flex:1 1;font-family:Dogica Pixel,sans-serif;font-size:1.3rem;font-weight:600;margin:0;max-width:500px;min-width:200px;outline:none;padding:4px 8px;transition:border-color .2s ease}.load-game-name-input:focus{border-color:#c8a55a}.load-game-detail-badge{align-self:flex-start;border-radius:4px;font-family:Dogica Pixel,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.load-game-detail-dates{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;margin-bottom:1rem}.load-game-detail-dates span{color:#8a7a60;font-family:Dogica Pixel,sans-serif;font-size:.9rem}.load-game-summary-container{display:flex;flex:1 1;flex-direction:column;margin-bottom:1rem;min-height:0;overflow:hidden}.load-game-summary-heading{color:#a09070;flex-shrink:0;font-family:Silkscreen,cursive;font-size:.7rem;letter-spacing:1px;margin:0 0 .5rem;text-transform:uppercase;transform:scaleX(.85);transform-origin:left}.load-game-world-summary{color:#c4b89a;flex:1 1;font-family:Dogica Pixel,sans-serif;font-size:.8rem;line-height:1.6;overflow-y:auto;padding-right:.5rem;white-space:pre-wrap}.load-game-world-summary::-webkit-scrollbar{width:6px}.load-game-world-summary::-webkit-scrollbar-track{background:#0000}.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{border-top:none;display:flex;flex-shrink:0;gap:1rem;justify-content:center;padding-top:1rem}.load-game-play-btn{background-color:#c8a55a;border:none;border-radius:8px;box-shadow:0 3px 10px #0000004d,0 0 15px #c8a55a33;color:#2a1e0e;cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.4px;padding:.8rem 2.5rem;text-transform:uppercase;transition:all .2s ease}.load-game-play-btn:hover{background-color:#d4b56a;box-shadow:0 6px 16px #0006,0 0 20px #c8a55a4d;transform:translateY(-2px)}.load-game-play-btn:active{transform:translateY(0)}.load-game-delete-btn{background:#0000;border:2px solid #c07050;border-radius:8px;color:#c07050;cursor:pointer;font-family:Dogica Pixel,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.4px;padding:.8rem 2rem;text-transform:uppercase;transition:all .2s ease}.load-game-delete-btn:hover{background-color:#c0705026;transform:translateY(-2px)}.load-game-delete-btn:active{transform:translateY(0)}.load-game-no-selection{align-items:center;display:flex;height:100%;justify-content:center}.load-game-empty-message,.load-game-no-selection p{color:#8a7a60;font-family:Dogica Pixel,sans-serif;font-size:1rem;font-style:italic}.load-game-empty-message{max-width:400px;text-align:center}.load-game-loading-text{color:#8a7a60;font-family:Dogica Pixel,sans-serif;font-size:1rem;font-style:italic}@font-face{font-display:swap;font-family:Dogica Pixel;font-style:normal;font-weight:400;src:url(/static/media/dogicapixel.6d7dac533280cad5fa55.ttf) format("truetype")}@font-face{font-display:swap;font-family:Dogica Pixel;font-style:normal;font-weight:700;src:url(/static/media/dogicapixelbold.f4e1a41c3545f03a90a5.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-app);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;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}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px}#root{display:flex;flex-direction:column;min-height:100vh}.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{border-image-repeat:round;border-image-slice:16 16 16 16 fill;border-image-width:64px;border-style:solid;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
/*# sourceMappingURL=main.35bec22a.css.map*/