@import "https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Lekton:ital,wght@0,400;0,700;1,400&display=swap";.player-section{background:var(--color-dark);color:#fff;z-index:11;border-radius:var(--border-radius-md);padding:var(--spacing-md);gap:var(--spacing-lg);max-width:970px;max-height:500px;margin:auto;display:flex}.draggable-window .player-section,.player-card{width:100%;height:100%}.player-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:minmax(0,280px) 1fr 1fr;grid-template-areas:"display panel panel""display panel panel";gap:0;width:100%;height:100%;display:grid}.player-display{background-image:url(assets/ui/player_frame.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;grid-area:display;justify-content:flex-end;width:100%;max-width:280px;display:flex;position:relative}.player-display h1{text-transform:initial;text-align:center;z-index:1;font-size:1.8rem;font-weight:700}.player-display h1:last-child{margin-bottom:20px}.player-avatar{z-index:1;background-image:url(assets/avatars/players/1.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:250px;height:380px;margin-top:40px;position:absolute;-webkit-mask-image:linear-gradient(#000 65%,#0000 89%);mask-image:linear-gradient(#000 65%,#0000 89%)}.player-panel{flex-direction:column;grid-area:panel;margin:10px 10px 10px 0;padding:0;display:flex}.player-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.player-tab-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-dark);color:var(--color-gray);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#0006;flex:1;font-size:.75rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.player-tab-button:hover{background:#ffffff0a}.player-tab-button--active{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.player-tab-content{flex:1;min-height:0}.player-character-layout{grid-template-rows:3fr 2fr;grid-template-columns:repeat(2,1fr);grid-template-areas:"equipment stats""inventory inventory";gap:8px;height:100%;display:grid}.player-options{gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);z-index:10;flex-direction:row;margin:0;display:flex}.player-options .select-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);background:var(--color-red);color:#fff;cursor:pointer;border:none;transition:opacity .2s}.player-options .select-btn:hover{background-color:var(--color-danger)}.player-Equipment{grid-area:equipment}.player-stats{grid-area:stats}.player-stats>p{margin-bottom:var(--spacing-xs)}.stats-columns{gap:var(--spacing-md);display:flex}.stats-column{flex:1}.stats-column h4{color:var(--color-gray);text-transform:uppercase;margin-bottom:var(--spacing-xs);margin-top:0;font-size:.75rem}.player-inventory,.place-vault{padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--border-radius-lg);background-color:var(--color-gray-dark);grid-area:inventory}.player-quests{height:100%}.player-quests .quest-section{gap:var(--spacing-md);flex-direction:column;height:100%;display:flex}.player-quests .quest-section-content{padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--border-radius-lg);background-color:var(--color-gray-dark);flex:1;overflow-y:auto}.player-quests .quest-section-empty{text-align:center;flex-direction:column;flex-grow:0;justify-content:center;align-items:center;display:flex}.player-quests .quest-section-title{margin:0 0 var(--spacing-md);text-transform:uppercase;color:var(--color-secondary);font-size:.9rem}.player-quests .quest-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.player-quests .quest-list-item{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background:#00000059}.player-quests .quest-summary{color:var(--color-gray);font-size:.8rem}.player-quests .no-quests-message{color:var(--color-gray);margin:50px 0;font-size:.9rem}.place-vault{color:#fff;margin-bottom:20px}.player-inventory,.place-vault{position:relative}.player-inventory h3,.place-vault h3{margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);text-indent:var(--spacing-sm);text-transform:initial}.equipment-flex{flex-wrap:wrap;justify-content:space-between;width:90%;height:100%;display:flex}.equipment-flex>div{border-radius:var(--border-radius-sm);background-color:var(--color-red-dark);border:2px solid var(--color-red);cursor:pointer;flex:0 0 33.3333%;max-width:50px;height:50px;margin-right:10px;position:relative}.equipment-flex>div span{text-align:center;width:55px;font-size:var(--font-size-sm);position:absolute;top:55px;left:-4px}.equipment-flex .item-sprite span{cursor:default}.equipment-flex .item-sprite{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.5)}.equipment-flex>div.equipped{background-color:var(--color-gray-dark);border:2px solid var(--color-gray)}.equipment-flex>div.equipped:hover{background-color:var(--color-gray)}.player-stats>p{color:var(--color-gray-dark);text-transform:uppercase}.player-stats ul{width:150px;margin:0;padding:0;list-style:none}.player-stats ul li{margin-bottom:var(--spacing-xs);justify-content:space-between;display:flex}.player-stats ul li span{text-transform:capitalize;color:var(--color-gray)}.player-stats .bonus{color:var(--color-green)}.player-skills-tab{height:100%}.player-skills{gap:var(--spacing-md);height:100%;padding:var(--spacing-sm);background-color:var(--color-gray-dark);border-radius:var(--border-radius-lg);flex-direction:column;display:flex;overflow-y:auto}.skills-no-weapon{color:var(--color-gray);text-align:center;flex:1;justify-content:center;align-items:center;font-size:.9rem;display:flex}.skills-no-weapon p{padding:var(--spacing-md);margin:0}.skills-header{justify-content:space-between;align-items:center;display:flex}.skills-header h3{text-transform:uppercase;color:var(--color-secondary);margin:0;font-size:.9rem}.skill-points{color:var(--color-gray);font-size:.85rem}.skill-points-value{color:var(--color-gold);margin-left:var(--spacing-xs);font-weight:700}.skills-column-info{color:var(--color-gray);padding-bottom:var(--spacing-sm);border-bottom:1px solid #ffffff1a;font-size:.8rem}.column-name{text-transform:capitalize;color:var(--color-secondary);font-weight:700}.skills-list{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.skill-row{padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background:#00000059;justify-content:space-between;align-items:center;display:flex}.skill-info{gap:var(--spacing-sm);flex:1;display:flex}.skill-icon{background:var(--color-secondary);border-radius:var(--border-radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}.skill-details{flex:1}.skill-name{margin-bottom:2px;font-size:.9rem;font-weight:700}.skill-description{color:var(--color-gray);font-size:.75rem}.skill-effect{color:var(--color-green);margin-top:2px;font-size:.7rem}.skill-rank{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.rank-dots{gap:4px;display:flex}.rank-dot{border:1px solid var(--color-gray);background:#ffffff26;border-radius:50%;width:10px;height:10px}.rank-dot--filled{background:#daa520;border-color:gold}.rank-dot--next{border-color:var(--color-green);box-shadow:0 0 4px var(--color-green)}.skill-rank .upgrade-btn{border-radius:var(--border-radius-sm);color:#fff;cursor:not-allowed;background:#ffffff1a;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;transition:all .2s;display:flex}.skill-rank .upgrade-btn--active{background:var(--color-green);color:#fff;cursor:pointer}.skill-rank .upgrade-btn--active:hover{background:#006400}.skills-note{color:var(--color-gray);text-align:center;padding-top:var(--spacing-sm);border-top:1px solid #ffffff1a;font-size:.7rem}.draggable-window{background:var(--color-dark);color:#fff;border-radius:var(--border-radius-lg);backdrop-filter:blur(4px);will-change:left, top;flex-direction:column;min-height:0;display:flex;position:fixed;overflow:visible;box-shadow:0 4px 20px #00000080}.draggable-window:before{content:"";background-image:var(--window-bg-image,none);opacity:.15;z-index:0;pointer-events:none;border-radius:var(--border-radius-lg);background-position:50%;background-size:cover;position:absolute;inset:0}.draggable-window>*{z-index:1;position:relative}.draggable-window-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-dark);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;background:#0000004d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.draggable-window-header:active{cursor:grabbing}.draggable-window-title{text-transform:uppercase;color:var(--color-secondary);letter-spacing:.1em;pointer-events:none;margin:0;font-size:1rem}.draggable-window-close{right:var(--spacing-md);color:var(--color-gray);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .15s;position:absolute}.draggable-window-close:hover{color:var(--color-danger)}.draggable-window-content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:visible}.workers-section{z-index:11;border-radius:0;border-radius:var(--border-radius-md);height:100vh;padding:var(--spacing-md);background:linear-gradient(90deg,#0000 0%,#000 100%);position:absolute;top:0;right:0}.workers-section h2{color:var(--color-secondary)}.workers-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.workers-grid h3{color:var(--color-secondary);text-transform:uppercase}.workers-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.no-workers-message{text-align:center;color:var(--color-gray);padding:var(--spacing-md);margin:var(--spacing-lg);border-radius:var(--border-radius-md);background:#ffffff1a;font-size:1.2rem}.worker-card{border-radius:var(--border-radius-md);width:360px;padding:var(--spacing-sm);box-shadow:var(--shadow-sm);background:#fff;flex-flow:wrap;align-items:center;gap:10px;display:flex}.worker-card h3{color:var(--color-dark);font-family:var(--font-family-secondary);margin:0}.worker-info{flex-grow:1}.worker-info p{text-indent:10px;color:#000}.worker-avatar{display:flex}.worker-avatar img{border-radius:50%}.worker-card>span{text-transform:uppercase;font-size:var(--font-size-xs);color:gray;flex-grow:1}.worker-card .worker-actions{margin-top:0}.worker-materials{flex-direction:row;align-self:stretch;gap:5px;width:100%;margin:5px;display:flex}.worker-materials>div:hover{cursor:pointer;border:2px solid green}.worker-materials .item-sprite{background-color:#d3d3d3;border:2px solid gray;border-radius:5px;transform:scale(1)}.worker-card.assigned .worker-materials{background:var(--color-light);align-self:center;gap:0;width:auto}.worker-card.assigned .worker-materials>div{border:2px solid red}.worker-actions{margin-top:var(--spacing-xs)}.worker-actions .fire-btn{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background:var(--color-danger);color:#fff;cursor:pointer;border:none;font-size:.75rem;font-weight:600;transition:background .15s}.worker-actions .fire-btn:hover{background:#c0392b}:root{--ca-overlay-bg:#06060abf;--ca-blur:12px;--ca-panel-bg:#202020;--ca-panel-border:#ffffff12;--ca-panel-shadow:0 40px 100px #000000b3, 0 0 0 1px var(--ca-panel-border), inset 0 1px 0 #ffffff0d;--ca-panel-radius:22px;--ca-panel-max-width:440px;--ca-font-display:"Verdana", "Helvetica", "Arial", sans-serif;--ca-font-body:"Gill Sans", sans-serif;--ca-color-text:#ede9e3;--ca-color-muted:#6e6b78;--ca-color-divider:#ffffff0f;--ca-color-default:#c8f04a;--ca-color-default-glow:#c8f04a38;--ca-color-default-text:#0a0c02;--ca-color-danger:#ff5252;--ca-color-danger-glow:#ff525238;--ca-color-danger-text:#fff;--ca-color-warning:#ffb347;--ca-color-warning-glow:#ffb34738;--ca-color-warning-text:#0a0602;--ca-color-info:#52b8ff;--ca-color-info-glow:#52b8ff38;--ca-color-info-text:#010810;--ca-btn-cancel-bg:#ffffff0d;--ca-btn-cancel-border:#ffffff17;--ca-btn-cancel-hover:#ffffff1a;--ca-transition:.2s cubic-bezier(.4, 0, .2, 1);--ca-spring:.35s cubic-bezier(.34, 1.56, .64, 1)}.ca-overlay{z-index:9999;background:var(--ca-overlay-bg);-webkit-backdrop-filter:blur(var(--ca-blur)) saturate(.8);animation:ca-overlay-in var(--ca-transition) both;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.ca-overlay[aria-hidden=true]{animation:ca-overlay-out var(--ca-transition) both;pointer-events:none}@keyframes ca-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ca-overlay-out{0%{opacity:1}to{opacity:0}}.ca-panel{width:100%;max-width:var(--ca-panel-max-width);background:var(--ca-panel-bg);border-radius:var(--ca-panel-radius);box-shadow:var(--ca-panel-shadow);animation:ca-panel-in var(--ca-spring) both;position:relative;overflow:hidden}.ca-overlay[aria-hidden=true] .ca-panel{animation:ca-panel-out var(--ca-transition) both}@keyframes ca-panel-in{0%{opacity:0;transform:scale(.86)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes ca-panel-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.94)translateY(8px)}}.ca-panel:before{content:"";background:var(--ca-accent,var(--ca-color-default));transform-origin:0;height:2.5px;animation:.5s cubic-bezier(.22,1,.36,1) .12s both ca-stripe-grow;display:block}@keyframes ca-stripe-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ca-panel.ca-variant-default{--ca-accent:var(--ca-color-default);--ca-accent-glow:var(--ca-color-default-glow);--ca-accent-text:var(--ca-color-default-text)}.ca-panel.ca-variant-danger{--ca-accent:var(--ca-color-danger);--ca-accent-glow:var(--ca-color-danger-glow);--ca-accent-text:var(--ca-color-danger-text)}.ca-panel.ca-variant-warning{--ca-accent:var(--ca-color-warning);--ca-accent-glow:var(--ca-color-warning-glow);--ca-accent-text:var(--ca-color-warning-text)}.ca-panel.ca-variant-info{--ca-accent:var(--ca-color-info);--ca-accent-glow:var(--ca-color-info-glow);--ca-accent-text:var(--ca-color-info-text)}.ca-body{padding:2rem 2rem 1.75rem}.ca-icon{background:var(--ca-accent-glow,var(--ca-color-default-glow));width:48px;height:48px;animation:ca-icon-pop var(--ca-spring) both .18s;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.35rem;line-height:1;display:inline-flex}@keyframes ca-icon-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.ca-title{font-family:var(--ca-font-display);color:var(--ca-color-text);letter-spacing:-.025em;margin:0 0 .55rem;font-size:1.45rem;font-weight:600;line-height:1.2}.ca-message{font-family:var(--ca-font-body);color:var(--ca-color-muted);margin:0 0 1.75rem;font-size:.92rem;font-weight:300;line-height:1.65}.ca-divider{background:var(--ca-color-divider);height:1px;margin:0 -2rem 1.5rem}.ca-actions{gap:.65rem;display:flex}.ca-actions.ca-stacked{flex-direction:column}.ca-actions:not(.ca-stacked){flex-direction:row}.ca-btn{font-family:var(--ca-font-body);letter-spacing:.01em;cursor:pointer;transition:background var(--ca-transition), box-shadow var(--ca-transition), transform var(--ca-transition);-webkit-tap-highlight-color:transparent;border:none;border-radius:11px;outline:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.72rem 1.2rem;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.ca-btn:focus-visible{outline:2px solid var(--ca-accent,var(--ca-color-default));outline-offset:3px}.ca-btn:active{transform:scale(.96)}.ca-btn:after{content:"";opacity:0;transition:opacity var(--ca-transition);border-radius:inherit;background:#ffffff12;position:absolute;inset:0}.ca-btn:hover:after{opacity:1}.ca-btn:active:after{opacity:0}.ca-btn-confirm{background:var(--ca-accent,var(--ca-color-default));color:var(--ca-accent-text,var(--ca-color-default-text))}.ca-btn-confirm:hover{box-shadow:0 4px 20px var(--ca-accent-glow,var(--ca-color-default-glow));filter:brightness(1.06)}.ca-btn-cancel{background:var(--ca-btn-cancel-bg);color:var(--ca-color-muted);border:1px solid var(--ca-btn-cancel-border)}.ca-btn-cancel:hover{background:var(--ca-btn-cancel-hover);color:var(--ca-color-text)}.ca-btn-spinner{opacity:.8;border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite ca-spin;display:inline-block}@keyframes ca-spin{to{transform:rotate(360deg)}}.ca-close{width:32px;height:32px;color:var(--ca-color-muted);cursor:pointer;transition:background var(--ca-transition), color var(--ca-transition);background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px;outline:none;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex;position:absolute;top:1rem;right:1rem}.ca-close:hover{color:var(--ca-color-text);background:#ffffff1a}.ca-close:focus-visible{outline:2px solid var(--ca-accent,var(--ca-color-default));outline-offset:2px}.ca-overlay.ca-overlay--bare{-webkit-backdrop-filter:none;background:0 0}.ca-overlay.ca-overlay--bare .ca-panel{box-shadow:0 24px 64px #0000008c, 0 4px 16px #0006, 0 0 0 1px var(--ca-panel-border)}@media (prefers-reduced-motion:reduce){.ca-overlay,.ca-panel,.ca-panel:before,.ca-icon{animation:none!important}.ca-btn{transition:none!important}}@media (width<=480px){.ca-body{padding:1.5rem 1.5rem 1.35rem}.ca-actions:not(.ca-stacked){flex-direction:column-reverse}.ca-title{font-size:1.25rem}}.building-panel{background:var(--color-dark);border-radius:var(--border-radius-lg);z-index:100;flex-direction:column;width:auto;display:none;position:fixed;top:10%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.building-panel-container:hover .building-panel,.building-panel.visible{display:flex}.building-panel-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-dark);background:#0000004d;align-items:center;gap:10px;display:flex}.building-panel-header h3{text-transform:uppercase;color:var(--color-secondary);flex-grow:1;margin:0;font-size:1rem}.building-panel-info{gap:var(--spacing-lg);color:var(--color-light);font-size:var(--font-size-sm);display:flex}.building-panel-info span{align-items:center;gap:var(--spacing-xs);display:flex}.building-panel-info .gold{color:var(--color-warning)}.building-panel-content{padding:var(--spacing-md)}.socket-grid{gap:var(--spacing-md);grid-auto-columns:230px;grid-auto-flow:column;display:grid}.building-card{border-radius:var(--border-radius-lg);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.building-card.locked{border:2px dashed var(--color-gray-dark);color:var(--color-gray);justify-content:center;align-items:center;min-height:80px;display:flex}.building-card.locked:hover{border-color:var(--color-gray-light)}.locked-socket{font-size:var(--font-size-xs);color:var(--color-gray)}.building-card.empty{border:2px dashed var(--color-primary);color:var(--color-primary);justify-content:center;align-items:center;min-height:80px;display:flex}.building-card.empty:hover{background:#bf9e2a1a}.building-card.occupied{border:1px solid var(--color-gray-dark);background:#0000004d;border-radius:5px}.building-card.occupied:hover{background:var(--color-dark);box-shadow:var(--shadow-lg)}.building-header{padding:var(--spacing-sm);border-bottom:1px solid var(--color-gray-dark);flex-direction:column;align-items:center;display:flex}.building-level{top:var(--spacing-xs);right:var(--spacing-xs);background:var(--color-primary);color:var(--color-dark);border-radius:var(--border-radius-sm);padding:2px 6px;font-size:10px;font-weight:700;position:absolute}.building-icon{object-fit:cover;border-radius:50%;width:50px;height:50px}.building-name{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-light);font-weight:700}.building-description{color:#fff;text-align:center}.building-info{padding:var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.building-section{font-size:var(--font-size-xs)}.section-title{color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.material-list{flex-direction:column;gap:2px;display:flex}.material-item{justify-content:space-between;align-items:center;padding:2px 0;font-size:10px;display:flex}.material-item.unlocked .material-level{color:var(--color-success)}.material-item.unlocked .material-name{color:var(--color-light)}.material-item.locked .material-level,.material-item.locked .material-name{color:var(--color-gray)}.material-cost{color:var(--color-warning);font-size:9px}.locked-section{opacity:.7}.upgrade-btn{background:var(--color-success);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);cursor:pointer;border:none;margin-top:auto;transition:background .2s}.upgrade-btn:hover{background:#218838}.upgrade-btn:disabled{background:var(--color-gray);cursor:not-allowed}.socket-purchase-msg{margin-top:var(--spacing-md);text-align:center}.socket-purchase-msg span{color:var(--color-gray);font-size:var(--font-size-sm)}.buildings-section{width:fit-content;padding:var(--spacing-xs);border-radius:var(--border-radius-md);gap:var(--spacing-xs);cursor:pointer;margin:0 auto;transition:background .2s;display:flex;position:relative}.buildings-section:hover{background:#bf9e2a33}.building-mini-icon{object-fit:cover;border:2px solid var(--color-primary);width:100px;height:100px;box-shadow:var(--shadow-sm);border-radius:50%}.socket-placeholder{border:2px dashed var(--color-gray);width:100px;height:100px;font-size:var(--font-size-sm);color:var(--color-gray);background:#0000004d;border-radius:50%;justify-content:center;align-items:center;display:flex}.building-panel-close{color:var(--color-light);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.building-panel-close:hover{color:var(--color-danger)}.building-selector-overlay{z-index:200;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.building-selector{background:var(--color-dark);border-radius:var(--border-radius-lg);flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;overflow:hidden}.building-selector-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-dark);background:#0000004d;justify-content:space-between;align-items:center;display:flex}.building-selector-header h3{text-transform:uppercase;color:var(--color-secondary);margin:0;font-size:1rem}.building-selector-content{padding:var(--spacing-md);flex:1;overflow-y:auto}.building-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-gray-dark);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;background:#252525;transition:all .2s;display:flex}.building-option:hover{border-color:var(--color-primary);background:#303030}.building-option.disabled{opacity:.5;cursor:not-allowed}.building-option-img{border-radius:var(--border-radius-md);object-fit:cover;width:60px;height:60px}.building-option-info{flex:1}.building-option-info h4{margin:0 0 var(--spacing-xs) 0;color:var(--color-light)}.building-option-info p{font-size:var(--font-size-sm);color:var(--color-gray);margin:0}.building-option-cost{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;display:flex}.building-option-cost .cost{color:var(--color-warning);font-weight:700}.building-option-cost .production{font-size:var(--font-size-xs);color:var(--color-success)}.building-selector-close{color:var(--color-light);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.building-selector-close:hover{color:var(--color-danger)}.enemies-list{gap:var(--spacing-sm);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.enemies-list p{max-width:300px}.entity-card.targeted:before{content:"";border-radius:var(--border-radius-lg);pointer-events:none;border:2px solid #5081ff;position:absolute;inset:-2px;box-shadow:0 0 10px #5081ff;-webkit-mask-image:linear-gradient(#000 0%,#0000 50%);mask-image:linear-gradient(#000 0%,#0000 50%)}.entity-card.targeted:after{content:"◉";color:#ff2323;z-index:1;position:absolute;top:8px;left:8px}.entity-card{border-radius:var(--border-radius-lg);color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;align-items:center;width:160px;height:250px;display:flex;position:relative}.entity-card .block-gradient{border-radius:var(--border-radius-lg);z-index:1;opacity:1;background-image:linear-gradient(#5081ff00 40%,#5081ff 100%);background-position:0 0;background-size:100% 100%;width:100%;height:100%;margin-bottom:35px;position:absolute}.ready-to-attack .block-gradient{z-index:0;background-image:linear-gradient(#5081ff00 40%,#ff2525 100%)}.entity-card:hover .block-gradient{cursor:pointer;opacity:.5}.entity-card h3{text-align:center;text-transform:capitalize;max-width:95%;margin-bottom:18px;font-weight:bolder}.entity-card img{object-fit:cover;border-radius:var(--border-radius-lg);width:100%;height:100%;position:absolute;-webkit-mask-image:linear-gradient(#000 65%,#0000 89%);mask-image:linear-gradient(#000 65%,#0000 89%)}.entity-card .attack-indicator{z-index:1}.entity-card .circular-progress-timer{position:absolute;top:10px;right:10px}.entity-card .progress-bar{width:inherit}.entity-card h3,.entity-card p,.entity-card .progress-bar{z-index:1}.entity-card.dead{opacity:.3;pointer-events:none;transition:all 1.5s ease-out;transform:translateY(10px)rotate(2deg)scale(.95)}.entity-card.dead .block-gradient{background-image:linear-gradient(#80808000 40%,gray 100%)}.entity-card.dead img{filter:grayscale()brightness(.5)}.entity-card.dead .progress-bar,.entity-card.dead .circular-progress-timer{display:none}.timer{height:calc(var(--size) * 1px);width:calc(var(--size) * 1px);background:conic-gradient(var(--primary-color,green), calc(var(--progress) * 1%), var(--secondary-color) calc(var(--progress) * 1%));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:relative}.circular-progress-timer{display:inline-block;position:relative}.skill-bar-slots{justify-content:center;gap:12px;display:flex}.skill-slot{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;min-width:80px;padding:8px;transition:all .2s;display:flex}.skill-slot--locked{opacity:.4}.skill-slot--passive{background:linear-gradient(#6a6a9a33 0%,#3c3c6433 100%);border-color:#6a6a9a}.skill-slot--cooldown{border-color:#5a5a7a}.skill-slot--paused{background:linear-gradient(#7a7a5a33 0%,#50503c33 100%);border-color:#7a7a5a;animation:2s infinite pause-pulse}.skill-slot--paused .skill-icon{background:linear-gradient(135deg,#4a4a3a 0%,#3a3a2a 100%);border-color:#9a9a6a}.skill-slot--paused .skill-cooldown-text{color:#daa520;text-shadow:0 0 8px #daa52080}@keyframes pause-pulse{0%,to{opacity:1}50%{opacity:.7}}.skill-slot--ready{border-color:#4a8a4a;box-shadow:0 0 10px #4a8a4a4d}.skill-icon-container{width:48px;height:48px;margin-bottom:4px;position:relative}.skill-icon{color:#e0e0f0;text-shadow:0 1px 2px #00000080;background:linear-gradient(135deg,#3a3a5a 0%,#2a2a4a 100%);border:2px solid #5a5a7a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.skill-icon--locked{filter:grayscale();opacity:.5}.skill-slot--passive .skill-icon{background:linear-gradient(135deg,#5a5a8a 0%,#4a4a7a 100%);border-color:#8a8aba}.skill-slot--ready .skill-icon{border-color:#6aba6a}.skill-cooldown-overlay{pointer-events:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.skill-cooldown-text{color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-ready-indicator{background:#4aba4a;border:2px solid #2a2a3a;border-radius:50%;width:12px;height:12px;animation:1s infinite pulse-ready;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #4aba4acc}@keyframes pulse-ready{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.skill-name{color:#c0c0d0;text-align:center;white-space:nowrap;margin-bottom:2px;font-size:11px}.skill-rank{color:#8080a0;font-size:10px}.skill-passive-badge{color:#8a8aba;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:9px}.skill-slot--empty{opacity:.3;border-style:dashed;border-color:#ffffff26}.skill-icon--empty{filter:grayscale();border-style:dashed}.buff-bar{margin-bottom:var(--spacing-sm);justify-content:left;display:flex}.buff-bar--empty{min-height:40px}.buff-bar-placeholder{color:var(--color-gray);opacity:.5;padding:var(--spacing-xs);font-size:11px}.buff-bar-slots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.buff-slot{cursor:pointer;width:36px;height:36px;position:relative}.buff-icon-container{width:100%;height:100%;position:relative}.buff-icon{color:#e0e0f0;text-shadow:0 1px 2px #00000080;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.buff-slot--active .buff-icon{background:linear-gradient(135deg,#3a6a3a 0%,#2a4a2a 100%);border:2px solid #6aba6a;box-shadow:0 0 6px #6aba6a66}.buff-slot--cooldown .buff-icon{background:linear-gradient(135deg,#3a3a5a 0%,#2a2a4a 100%);border:2px solid #5a5a7a}.buff-cooldown-overlay{pointer-events:none;border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0}.buff-duration{color:#fff;text-shadow:0 1px 2px #000c;text-align:center;background:#000000b3;border-radius:3px;min-width:16px;padding:1px 3px;font-size:12px;font-weight:700;position:absolute;bottom:-2px;right:-2px}.buff-slot--active .buff-duration{color:#90ee90;background:#228b22cc}.buff-slot .tooltip{visibility:hidden;color:#c0d0e0;text-align:left;text-transform:none;z-index:100;opacity:0;background-color:#141e32f2;border:1px solid #6496c84d;border-radius:6px;width:180px;padding:8px 10px;font-size:11px;line-height:1.4;transition:opacity .2s;position:absolute;bottom:140%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.buff-slot .tooltip:after{content:" ";border:5px solid #0000;border-top-color:#141e32f2;margin-left:-5px;position:absolute;top:100%;left:50%}.buff-slot:hover .tooltip{visibility:visible;opacity:1}.buff-slot .tooltip strong{color:#90ee90;margin-bottom:3px;font-size:12px;display:block}.buff-slot .tooltip-bonus{color:gold;font-size:10px}.control-section{flex-direction:column;gap:10px;display:flex}.control-section .control-top,.control-section .control-bottom{justify-content:left;align-items:stretch;gap:var(--spacing-md);display:flex}.control-section .control-top{flex-direction:row}.control-section .control-bottom{flex-direction:column}.keys-bindings{justify-content:left;align-items:stretch;gap:var(--spacing-md);color:var(--color-gray);display:flex}.keys-bindings>span{text-transform:uppercase;font-size:var(--font-size-sm);border-radius:var(--border-radius-sm)}.keys-bindings>span .key-bind{margin-right:var(--spacing-sm)}.resources{justify-content:left;align-items:stretch;gap:var(--spacing-md);color:var(--color-gray);display:flex}.resources .resource-item{color:#fff}.control-section .combat button{color:#fff;border-radius:var(--spacing-sm);border:none;max-width:100px;padding:20px 10px;font-weight:700}.combat-btn.engage{background-image:linear-gradient(#799efb 23%,#5081ff 82%)}.combat-btn.engage:hover{background-image:linear-gradient(#799efb 0%,#5081ff 40%)}.combat-btn.stop{background-image:linear-gradient(#dc3545 0%,red 100%)}.combat-btn.stop:hover{background-image:linear-gradient(#dc3545 0%,red 20%)}.combat-btn.engage:hover,.combat-btn.stop:hover,.player-entity-section{cursor:pointer}.player-entity-section img{object-fit:cover;object-position:100% 0;max-height:210px;margin-bottom:20px;overflow:hidden}.action-section{grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:10px;display:grid;position:absolute;bottom:20px;left:700px}.action-section .player-entity-section{flex-direction:column;grid-row:span 2;justify-content:flex-end;display:flex}.action-section .skill-bar{grid-row-start:1;grid-column-start:2}.action-section .control-section{grid-row-start:2;grid-column-start:2}.npc-section{z-index:11;width:auto;height:100vh;position:absolute;top:0;right:0}.npc-section-content{padding:var(--spacing-lg)}.npcs-grid{display:grid}.npcs-grid h3{color:var(--color-secondary);text-transform:uppercase}.npc-list{flex-direction:column;display:flex}.no-npcs-message{text-align:center;color:var(--color-gray);padding:var(--spacing-md);margin:var(--spacing-lg);border-radius:var(--border-radius-md);background:#ffffff1a;font-size:1.2rem}.npc-card{cursor:pointer;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.npc-card:hover{transform:translateY(-2px)}.npc-avatar{clip-path:circle();margin:0;transform:scale(.8)}.npc-info{color:var(--color-dark);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);z-index:10;opacity:0;visibility:hidden;pointer-events:none;background-color:#000;width:300px;transition:opacity .2s,visibility .2s;position:absolute;top:50%;right:100px;transform:translateY(-30%);box-shadow:0 2px 8px #0000004d}.npc-card:hover .npc-info{opacity:1;visibility:visible}.npc-info h3{text-align:center;color:#fff;font-family:var(--font-family-secondary);margin:0;padding:10px 20px;font-size:1.1rem}.npc-info h4{text-align:left;color:var(--color-primary);font-family:var(--font-family-secondary);margin:0;padding:10px 0;font-size:.8rem}.npc-info .icon{vertical-align:middle;margin:auto 5px;font-size:1.3rem}.npc-info p{margin:var(--spacing-xs) 0 0 0;color:var(--color-gray-dark);background-color:#222;border-radius:5px;padding:15px 12px;font-size:.9rem;line-height:1.3}.npc-badge{padding:0 var(--spacing-xs);color:#fff;border-radius:var(--border-radius-sm);background:#4a4943;margin:0 10px 0 0;font-size:.8rem;font-weight:700;display:inline-block}.places-section{background:0 0;max-width:680px;position:absolute;bottom:20px;left:20px}.places-section h2{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);text-transform:uppercase}.places-grid{gap:var(--spacing-sm);display:grid}.place-card{border-radius:var(--border-radius-sm);width:650px;padding:var(--spacing-sm);box-shadow:var(--shadow-sm);display:grid}.place-card:first-child{padding:var(--spacing-lg) var(--spacing-sm)}.place-card h3{color:#fff}.place-card .action-btn{background-color:#00000080}.place-card .action-btn:hover{background-color:#fff3}.place-top{justify-content:space-between;align-items:center;display:flex}.place-top-left{max-height:20px;overflow:hidden}.place-top-left h3{margin-left:var(--spacing-md);font-family:var(--font-family-secondary)}.place-description{color:var(--color-secondary);margin-bottom:var(--spacing-md);font-size:.9em}.place-details{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));font-size:.9em;display:grid}.place-details .label{color:var(--color-dark);margin-bottom:var(--spacing-xs);font-weight:700;display:block}.place-details ul{padding:var(--spacing-sm);background:var(--color-light);border-radius:var(--border-radius-sm);margin:0;list-style:none}.place-details li{margin:var(--spacing-xs) 0;justify-content:space-between;align-items:center}.place-resources li{color:var(--color-dark)}.place-type{margin:var(--spacing-md) 0;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);text-transform:capitalize;justify-content:space-between}.place-info{padding:.5rem}.place-info h3{text-align:center;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 2px #00000040);background:linear-gradient(#bf9e2a 10%,#a18624 90%);-webkit-background-clip:text;background-clip:text;font-size:2.8rem}.place-description{color:#bdc3c7;margin:.5rem 0}.place-id{color:#95a5a6;margin-top:.5rem;font-size:.8rem}.place-features,.place-resources,.place-connections{margin-top:var(--spacing-md)}.log-section{width:400px;height:auto;position:absolute;top:20px;left:40px}.log-section-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.log-header-controls{gap:var(--spacing-sm);align-items:center;display:flex}.log-section h2{color:var(--color-primary);text-transform:uppercase;margin:0}.log-section .log-display{scrollbar-width:thin;scrollbar-color:var(--color-dark) #00000034;flex-direction:column;max-height:200px;display:flex;position:relative;overflow:hidden auto}.log-filter-container{z-index:10;position:relative}.log-filter-toggle{cursor:pointer;border-radius:var(--border-radius-sm);background-color:#d0d0d0;border:2px solid #585858;font-size:20px;transition:opacity .2s}.log-filter-toggle:hover{opacity:.9}.log-filter-toggle.active{color:#fff;background-color:#585858}.log-filter-dropdown{background-color:var(--color-dark);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);z-index:20;min-width:150px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000080}.log-filter-header{font-size:var(--font-size-sm);color:#fff;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);font-weight:700}.log-filter-option{align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-gray-light);transition:color .2s;display:flex}.log-filter-option:hover{color:var(--color-primary)}.log-filter-color-indicator{border:1px solid #ffffff4d;border-radius:50%;width:12px;height:12px}.log-filter-color-indicator.log-entry-default{background-color:#666c}.log-filter-color-indicator.log-entry-worker{background-color:#526d7acc}.log-filter-color-indicator.log-entry-combat{background-color:#7a5252cc}.log-filter-color-indicator.log-entry-movement{background-color:#7a7052cc}.log-entries{scroll-behavior:smooth;scroll-snap-type:y proximity;flex-direction:column;align-items:flex-start;display:flex}.log-entries>*{scroll-snap-align:end}.log-display .log-entry{font-size:var(--font-size-sm);color:var(--color-gray-light);font-family:var(--font-family-secondary);margin:0 var(--spacing-sm) var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);transition:background-color .2s}.log-display .log-entry:last-child{margin-bottom:0}.log-display .log-entry-default{background-color:#666c}.log-display .log-entry-worker{background-color:#526d7acc}.log-display .log-entry-combat{background-color:#7a5252cc}.log-display .log-entry-movement{background-color:#7a7052cc}.log-display .log-entry-worker:hover{background-color:#567c8fe6}.log-display .log-entry-combat:hover{background-color:#8f5656e6}.log-display .log-entry-movement:hover{background-color:#8f8156e6}.log-display .log-entry-default:hover{background-color:#737373e6}.notification-container{z-index:1001;gap:var(--spacing-sm);pointer-events:none;flex-direction:column;width:800px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.notification{color:#fff;padding:var(--spacing-xs) 0;border-radius:var(--border-radius-md);pointer-events:auto;cursor:pointer;justify-content:space-between;align-items:center;transition:all .3s ease-out;animation:.3s ease-out slideIn;display:flex}.notification:hover{color:#fff}.notification-error{background-image:radial-gradient(75% 119% at 50% 14%,#fff0 66%,#000 67%),linear-gradient(#d40000 0%,#fff0 100%);background-position:0 0,0 0;background-size:100% 100%}.notification-warning{color:#ffe8ba;background-image:linear-gradient(#fff 0%,#f7c737 5%,#fff0 100%);background-position:0 0,0 0;background-size:100% 100%;-webkit-mask-image:radial-gradient(75% 300% at 50% 10%,#000 0% 44%,#0000 62%);mask-image:radial-gradient(75% 300% at 50% 10%,#000 0% 44%,#0000 62%)}.notification-info{background-image:radial-gradient(75% 75% at 50% 100%,#fff 0%,#7d7d7d 34%,#0069ff00 100%),linear-gradient(#acacac 0%,#fff0 68%);background-position:0 0,0 0;background-size:100% 100%;-webkit-mask-image:radial-gradient(75% 120% at 50% 10%,#747474 0%,#909090 44%,#0069ff00 62%);mask-image:radial-gradient(75% 120% at 50% 10%,#747474 0%,#909090 44%,#0069ff00 62%)}.notification-success{color:#80ff80;background-image:radial-gradient(75% 119% at 50% 14%,#fff0 96%,#000 67%),linear-gradient(#00c80f 0%,#009e09 7%,#fff0 100%);background-position:0 0,0 0;background-size:100% 100%;-webkit-mask-image:radial-gradient(75% 300% at 50% 10%,#000 0% 44%,#0000 62%);mask-image:radial-gradient(75% 300% at 50% 10%,#000 0% 44%,#0000 62%)}.notification-message{font-weight:700;font-size:var(--font-size-xs);line-height:var(--line-height-base);text-align:center;flex:1}.notification-close{color:var(--color-gray);cursor:pointer;padding:var(--spacing-xs);margin-left:var(--spacing-md);border-radius:var(--border-radius-sm);background:0 0;border:none;font-size:20px;font-weight:700;line-height:1;transition:all .2s}.notification-close:hover{color:#fff;background:#ffffff1a}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.notification.removing{animation:.3s ease-out slideOut}.worker-manager-section{flex-direction:column;height:100%;display:flex}.worker-manager-stats{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-dark);background:#0003;justify-content:space-between;font-size:.9rem;display:flex}.worker-manager-stats .worker-count{color:var(--color-secondary);font-weight:600}.worker-manager-stats .gold-amount{color:gold;font-weight:600}.worker-manager-content{padding:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.available-workers{flex:1}.available-workers h4{margin:0 0 var(--spacing-md);color:var(--color-gray);text-transform:uppercase;font-size:.9rem}.worker-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.no-workers{color:var(--color-gray);text-align:center;padding:var(--spacing-lg);font-size:.9rem}.worker-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-dark);background:#0000004d;display:flex}.worker-item .worker-avatar{flex-shrink:0;width:45px;height:45px}.worker-item .worker-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.worker-item .worker-info{flex-direction:column;flex:1;display:flex}.worker-item .worker-name{font-size:.95rem;font-weight:600}.worker-item .worker-gender{color:var(--color-gray);font-size:.75rem}.hire-btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);background:var(--color-green);color:#fff;cursor:pointer;border:none;font-size:.8rem;font-weight:600;transition:background .15s}.hire-btn:hover:not(.disabled){background:var(--color-green-dark)}.hire-btn.disabled{background:var(--color-gray-dark);color:var(--color-gray);cursor:not-allowed}.worker-manager-actions{gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-gray-dark);display:flex}.reroll-btn,.buy-slot-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;text-transform:uppercase;border:none;flex:1;font-size:.85rem;font-weight:600;transition:background .15s}.reroll-btn{background:var(--color-secondary);color:#fff}.reroll-btn:hover:not(.disabled){background:var(--color-secondary-dark)}.reroll-btn.disabled{background:var(--color-gray-dark);color:var(--color-gray);cursor:not-allowed}.buy-slot-btn{color:#fff;background:#8b5cf6}.buy-slot-btn:hover:not(.disabled){background:#7c3aed}.buy-slot-btn.disabled{background:var(--color-gray-dark);color:var(--color-gray);cursor:not-allowed}.fire-worker-panel{padding:var(--spacing-md)}.fire-worker-panel h4{margin:0 0 var(--spacing-md);color:var(--color-secondary);text-transform:uppercase;font-size:1rem}.fire-worker-panel p,.fire-worker-panel .no-workers-message{color:var(--color-gray);margin-bottom:var(--spacing-md);font-size:.9rem}.fire-worker-panel .worker-list{scrollbar-width:thin;max-height:600px;padding:10px;overflow-y:auto}.fire-worker-panel .worker-item{margin-bottom:var(--spacing-sm);background:#2f4f4f}.fire-worker-panel .worker-item .worker-name{color:#fff}.fire-worker-panel .worker-status{color:var(--color-gray);font-size:.75rem}.fire-btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);background:var(--color-danger);color:#fff;cursor:pointer;border:none;font-size:.8rem;font-weight:600;transition:background .15s}.fire-btn:hover{background:#c0392b}.close-panel-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);border:1px solid var(--color-gray-dark);border-radius:var(--border-radius-sm);color:var(--color-gray);cursor:pointer;background:gray;font-size:.85rem;font-weight:600}.close-panel-btn:hover{color:#fff;background:#a9a9a9}.fire-confirm-panel .confirm-content{text-align:center;padding-bottom:var(--spacing-md) 0}.fire-confirm-panel .confirm-content p{margin-bottom:var(--spacing-md)}.fire-confirm-panel .worker-to-fire{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);background:#2f4f4f;display:flex}.fire-confirm-panel .worker-to-fire img{object-fit:cover;border-radius:50%;width:50px;height:50px}.fire-confirm-panel .worker-to-fire span{color:#fff;font-size:1.1rem;font-weight:600}.fire-confirm-panel .warning-text{color:var(--color-danger);font-size:.85rem}.fire-confirm-panel .confirm-actions{gap:var(--spacing-md);display:flex}.fire-confirm-panel .cancel-btn,.fire-confirm-panel .confirm-fire-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;border:none;flex:1;font-size:.85rem;font-weight:600;transition:background .15s}.fire-confirm-panel .cancel-btn{background:var(--color-gray-dark);color:#fff}.fire-confirm-panel .cancel-btn:hover{background:var(--color-gray)}.fire-confirm-panel .confirm-fire-btn{background:var(--color-danger);color:#fff}.fire-confirm-panel .confirm-fire-btn:hover{background:#c0392b}.crafting-section{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.crafting-groups{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#0003;flex-shrink:0;display:flex}.group-tab{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-dark);border-radius:var(--border-radius-sm);color:var(--color-gray);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#0006;flex:1;font-size:.7rem;font-weight:600;transition:all .15s}.group-tab:hover{background:#ffffff0a}.group-tab.active{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.crafting-content{flex:1;min-height:0;display:flex}.recipe-list{border-right:1px solid var(--color-gray-dark);width:200px;padding:var(--spacing-sm);background:#0003;min-height:0;overflow-y:auto}.recipe-list .no-recipes{color:var(--color-gray);text-align:center;padding:var(--spacing-md);font-size:.85rem}.recipe-item{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;background:#0000004d;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.recipe-item:hover{background:#ffffff0d}.recipe-item.selected{background:var(--color-secondary)}.recipe-item.unknown{color:var(--color-gray)}.recipe-item .recipe-name{font-size:.85rem}.recipe-item .craft-status{font-size:.8rem}.recipe-item .craft-status.can-craft{color:var(--color-green)}.recipe-item .craft-status.cannot-craft{color:var(--color-danger)}.recipe-details{padding:var(--spacing-md);border-top:1px solid var(--color-gray-dark);flex-direction:column;flex:1;display:flex}.recipe-details .no-selection{height:100%;color:var(--color-gray);justify-content:center;align-items:center;display:flex}.recipe-details .detail-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-dark);flex-direction:column;display:flex}.recipe-details .detail-header h4{margin:0 0 var(--spacing-xs);text-transform:initial;text-align:center;font-size:1.1rem}.recipe-details .detail-group{color:var(--color-gray);text-transform:uppercase;text-align:center;font-size:.8rem}.recipe-details .craftable-items-list{gap:var(--spacing-sm);padding:var(--spacing-xs) 0;justify-content:center;display:flex}.recipe-details .craftable-item{cursor:pointer;border-radius:var(--border-radius-sm);width:50px;height:50px;padding:var(--spacing-xs);border:2px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:flex}.recipe-details .craftable-item:hover{background:#ffffff0d}.recipe-details .craftable-item.selected{border-color:var(--color-secondary);background:#ffffff0d}.recipe-details .item-info-wrapper{position:relative}.recipe-details .output-info{margin-bottom:var(--spacing-md)}.recipe-details .output-info strong{color:var(--color-gray);margin-bottom:var(--spacing-xs);text-transform:uppercase;font-size:.85rem;display:block}.recipe-details .variant-list{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.recipe-details .variant-badge{border-radius:var(--border-radius-sm);color:var(--color-secondary);background:#0006;padding:2px 8px;font-size:.75rem}.materials-section{margin-top:var(--spacing-md)}.materials-section h5{margin:0 0 var(--spacing-sm);color:var(--color-gray);text-transform:uppercase;font-size:.85rem}.materials-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.material-item{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background:#0000004d;justify-content:space-between;font-size:.85rem;display:flex}.material-item.available .mat-name{color:var(--color-green)}.material-item.unavailable .mat-name{color:var(--color-danger)}.material-item.unknown .mat-name,.material-item .mat-qty{color:var(--color-gray)}.craft-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);background:var(--color-green);color:#fff;text-transform:uppercase;cursor:pointer;border:none;margin-top:auto;font-size:.85rem;font-weight:600;transition:background .15s}.craft-btn:hover:not(.disabled){background:var(--color-green-dark)}.craft-btn.disabled{background:var(--color-gray-dark);color:var(--color-gray);cursor:not-allowed}.unknown-recipe{text-align:center}.unknown-recipe h4{color:var(--color-gray);margin-bottom:var(--spacing-sm);font-size:1.2rem}.unknown-recipe p{color:var(--color-gray-dark);margin-bottom:var(--spacing-md);font-size:.85rem}.game-layout{margin:0 auto;padding:20px}.game-main{gap:var(--spacing-lg);max-width:var(--breakpoint-xl);flex-direction:column;margin:0 auto;display:flex}.workers-section h2,.buildings-section h2,.places-section h2{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);text-transform:uppercase}.action-btn,.clear-cache-btn{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s}.clear-cache-btn{color:#fff;background-color:#f44}.action-btn{background-color:var(--color-gray);color:#fff}.clear-cache-btn:hover{background-color:var(--color-danger)}.action-btn:hover{background-color:var(--color-dark)}.current-place{padding:1rem}.current-place h2{margin:0 0 1rem}.inventory-grid{grid-template-columns:repeat(var(--grid-columns,10), 50px);gap:var(--spacing-sm);justify-content:center;align-items:center;display:grid}.inventory-grid>div{border-radius:var(--border-radius-sm);background-color:var(--color-gray-light);text-shadow:0 0 3px #000;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.inventory-grid>.filled:hover{cursor:pointer;background-color:var(--color-gray)}.inventory-grid .empty{background-color:var(--color-dark)}.inventory-grid>div span{font-weight:700;position:absolute;bottom:0;right:5px}.inventory-info{align-items:center;gap:var(--spacing-sm);display:flex;position:absolute;top:40px;right:20px}.inventory-info span{font-weight:400}.inventory-info b{color:var(--color-gray-light);font-weight:700}.inventory-info .weight-warning{color:#ff4e4e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='%23ff4e4e' d='M36 6c-5.523 0-10 4.477-10 10v6H16v34h40V22H46v-6c0-5.523-4.477-10-10-10zm0 6c2.761 0 5 2.239 5 5v6H31v-6c0-2.761 2.239-5 5-5z'/%3E%3C/svg%3E");background-position:0;background-repeat:no-repeat;background-size:25px 25px;padding-left:30px;font-weight:bolder}.key-bind{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background-color:var(--color-gray);border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 2px 3px #0000004d}.key-bind b{color:var(--color-gray-dark)}.key-bind:hover{cursor:default}.tooltip{visibility:hidden;color:#aed7ff;text-align:center;text-transform:capitalize;border-radius:var(--border-radius-sm);width:max-content;padding:var(--spacing-xs) var(--spacing-sm);z-index:100;opacity:0;background-color:#4579bd6e;transition:opacity .2s;position:absolute;bottom:140%;left:50%;transform:translate(-50%)}.tooltip:after{content:" ";border:5px solid #0000;border-top-color:#4579bd6e;margin-left:-5px;position:absolute;top:100%;left:50%}.key-bind:hover>.tooltip{visibility:visible;opacity:1}:root{--color-primary:#bf9e2a;--color-secondary:#c0b797;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--color-light:#f8f9fa;--color-dark:#2d2d2d;--color-gray:#aaa;--color-gray-light:#c7c7c7;--color-gray-dark:#585858;--color-red:#c65447;--color-red-dark:#300d09;--color-green:#28a745;--font-family-base:"Liberation Sans Narrow", sans-serif;--font-family-secondary:"League Spartan", sans-serif;--font-family-tertiary:"Lekton", monospace;--font-size-base:16px;--font-size-sm:14px;--font-size-xs:12px;--line-height-base:1.6;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}*,:before,:after{box-sizing:border-box}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0}body{-webkit-context-menu:none;context-menu:none}html,body{width:100vw;height:100vh}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-style:normal;font-weight:400}#root,.App,.game-layout{height:inherit;width:inherit;font-family:var(--font-family-base)}.bg-green{border:var(--border-radius-xs) solid var(--color-success)}.bg-red{border:var(--border-radius-xs) solid var(--color-danger)}.item-info-box{color:#fff;width:auto;font-size:var(--font-size-base);text-transform:capitalize;white-space:nowrap;z-index:1000;background:#000;border-radius:4px;margin-left:8px;padding:12px 20px;position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(10%);box-shadow:0 0 6px #0000004d}.item-info-box hr{margin:var(--spacing-sm) 0}.item-info-box .item-info-stats{gap:var(--spacing-sm);background-color:var(--color-gray-dark);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);margin-top:var(--spacing-sm);text-align:left;border-radius:var(--border-radius-sm);flex-direction:column;display:flex}.item-info-box .item-info-stats p{margin:0}.move-item-dialog{z-index:1000}.move-item-dialog button{margin:0 .5em}.progress-bar{gap:var(--spacing-xs);text-align:center;height:25px;display:flex}.progress-bar__fill{background-image:linear-gradient(#40ca5f 0%,#28a745 70%);background-position:0 0;background-size:100% 100%;justify-content:center;align-items:center;min-width:40px;transition:width .2s ease-in-out;display:flex}.progress-bar__remain{background-color:var(--color-dark);opacity:.7;flex-grow:1;min-width:10px;transition:width .2s ease-in-out}.progress-bar .progress-bar__fill,.progress-bar .progress-bar__remain{border-radius:var(--border-radius-sm)}.progress-bar .progress-bar__remain span{display:none}.progress-bar span{font-weight:bolder}.dialog{color:#fff;z-index:1000;background:#222;border-radius:8px;padding:1.5em 2em;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0000004d}.dialog button:hover{cursor:pointer}.spawn-alert{color:#ffd6d6;text-shadow:0 0 10px red,0 0 20px #ff0c0075;text-align:center;background:linear-gradient(90deg,#ff000052 0%,#418bff3d 50%,#f003 100%);border-radius:100px;padding:5px 70px;position:relative;overflow:hidden;box-shadow:0 0 35px #ff00009c,inset 0 0 50px #ff0000b8}.spawn-alert:before{content:"";background:linear-gradient(90deg,#0000,#ff00002e,#0000);width:100%;height:100%;animation:1s linear infinite scan;position:absolute;top:0;left:-100%}fieldset{border:none;min-width:0;margin:0;padding:0}@keyframes scan{0%{left:-100%}to{left:100%}}.item-sprite{width:32px;max-width:32px;height:32px;max-height:32px;image-rendering:pixelated;background-image:url(assets/icons/items/idylwilds-items.png);background-repeat:no-repeat;transform:scale(1.5)}#acorn{background-position:-256px -96px}#apple{background-position:-64px -96px}#arrow{background-position:-288px -64px}#basket{background-position:-32px -128px}#board{background-position:-160px 0}#bone{background-position:-288px 0}#bonemeal{background-position:-288px -32px}#book{background-position:-192px -128px}#bread{background-position:-128px -96px}#bucket{background-position:-64px -128px}#chain{background-position:-128px 0}#cloth{background-position:-256px 0}#copper-ingot{background-position:0 -32px}#copper-ore{background-position:0 -64px}#copper-rod{background-position:0 0}#egg{background-position:-96px -96px}#gold-ingot{background-position:-96px -32px}#gold-key{background-position:-96px 0}#gold-ore{background-position:-96px -64px}#grass{background-position:-192px -96px}#herb{background-position:-224px -96px}#inkpot{background-position:-256px -128px}#iron-ingot{background-position:-32px -32px}#iron-ore{background-position:-32px -64px}#iron-pickaxe{background-position:-32px 0}#leather{background-position:-192px 0}#log{background-position:-160px -32px}#mug{background-position:-256px -64px}#mushroom{background-position:-32px -96px}#parchment{background-position:-128px -128px}#plate{background-position:-224px -64px}#platinum-ingot{background-position:-128px -32px}#platinum-ore{background-position:-128px -64px}#quill{background-position:-224px -128px}#rawhide{background-position:-192px -32px}#rope{background-position:-192px -64px}#sack{background-position:-96px -128px}#scroll{background-position:-160px -128px}#silk{background-position:-224px 0}#silver-ingot{background-position:-64px -32px}#silver-ore{background-position:-64px -64px}#silver-shovel{background-position:-64px 0}#steak{background-position:0 -96px}#stick{background-position:-160px -64px}#string{background-position:-224px -32px}#thread{background-position:-256px -32px}#torch{background-position:-288px -128px}#torch-lit{background-position:-288px -96px}#urn{background-position:0 -128px}#wheat{background-position:-160px -96px}#light-armor{background-position:-320px 0}#light-hood{background-position:-352px 0}#light-tunic{background-position:-384px 0}#light-pants{background-position:-416px 0}#light-boots{background-position:-448px 0}#light-gloves{background-position:-480px 0}#buckler-1{background-position:-512px 0}#heavy-helmet{background-position:-544px 0}#wooden-buckler-shield{background-position:-576px 0}#metal-buckler-shield{background-position:-608px 0}#leather-armor{background-position:-320px -32px}#leather-hood{background-position:-352px -32px}#leather-mail{background-position:-384px -32px}#leather-pants{background-position:-416px -32px}#leather-boots{background-position:-448px -32px}#leather-gloves{background-position:-480px -32px}#leather-bracer{background-position:-512px -32px}#iron-bracer{background-position:-544px -32px}#medium-wooden-shield{background-position:-576px -32px}#medium-metal-shield{background-position:-608px -32px}#studded-armor{background-position:-320px -64px}#studded-hood{background-position:-352px -64px}#studded-mail{background-position:-384px -64px}#studded-pants{background-position:-416px -64px}#studded-boots{background-position:-448px -64px}#studded-gloves{background-position:-480px -64px}#blue-cape{background-position:-512px -64px}#white-shirt{background-position:-544px -64px}#large-wooden-shield{background-position:-576px -64px}#metal-tower-shield{background-position:-608px -64px}#plate-armor{background-position:-320px -96px}#plate-helmet{background-position:-352px -96px}#plate-mail{background-position:-384px -96px}#plate-pants{background-position:-416px -96px}#plate-boots{background-position:-448px -96px}#plate-gloves{background-position:-480px -96px}#bronze-ring{background-position:-512px -96px}#plate-ring{background-position:-544px -96px}#heavy-ring{background-position:-576px -96px}#gold-ring{background-position:-608px -96px}#heavy-mail{background-position:-320px -128px}#full-helm{background-position:-352px -128px}#heavy-armor{background-position:-384px -128px}#heavy-pants{background-position:-416px -128px}#heavy-boots{background-position:-448px -128px}#heavy-gloves{background-position:-480px -128px}#necklace-amber{background-position:-512px -128px}#necklace-amethyst{background-position:-544px -128px}#necklace-emerald{background-position:-576px -128px}#necklace-aquamarine{background-position:-608px -128px}#wand1{background-position:-64px -192px}#wand3{background-position:0 -192px}#potion-red1{background-position:-128px -160px}#potion-red2{background-position:-128px -192px}#potion-red-empty{background-position:-128px -224px}#potion-blue1{background-position:-192px -160px}#potion-blue2{background-position:-192px -192px}#potion-blue-empty{background-position:-192px -224px}#potion-green1{background-position:-160px -160px}#potion-green2{background-position:-160px -192px}#potion-green-empty{background-position:-160px -224px}#potion-glass-filled{background-position:-224px -192px}#potion-glass-empty{background-position:-224px -224px}#potion-large-empty{background-position:-224px -160px}#mortar-pestle{background-position:-224px -256px}#toadstool{background-position:-96px -160px}#mandrake-root{background-position:-96px -192px}#spellscroll-bound1{background-position:-128px -288px}#spellscroll-bound2{background-position:-160px -288px}#grimoire-open{background-position:-224px -288px}#gem-green-raw{background-position:-256px -224px}#gem-green-cut{background-position:-256px -192px}#gem-purple-raw{background-position:-288px -224px}#gem-purple-crystal{background-position:-288px -192px}#diamond-cut{background-position:-256px -160px}#crystal-orange{background-position:-256px -256px}#crystal-blue{background-position:-288px -256px}#grimoire-closed{background-position:-192px -288px}#candle-skull{background-position:-128px -256px}#rune-fire{background-position:-64px -256px}#rune-water{background-position:-96px -256px}#rune-air{background-position:0 -256px}#rune-earth{background-position:-32px -256px}#rune-blank1{background-position:0 -224px}#rune-blank2{background-position:-32px -224px}#rune-blank3{background-position:-64px -224px}#rune-blank4{background-position:-96px -224px}#scroll-blank{background-position:0 -288px}#scroll-filled{background-position:-32px -288px}#scroll-rotuli{background-position:-64px -288px}#scroll-rotuli-open{background-position:-96px -288px}#quill-phoenix{background-position:-256px -288px}#ink-arcane{background-position:-288px -288px}#crystal-ball{background-position:-288px -160px}#sword1{background-position:-320px -160px}#sword2{background-position:-352px -160px}#sword3{background-position:-384px -160px}#sword4{background-position:-416px -160px}#sword5{background-position:-448px -160px}#dagger1{background-position:-320px -192px}#dagger2{background-position:-352px -192px}#dagger3{background-position:-384px -192px}#dagger4{background-position:-416px -192px}#dagger5{background-position:-448px -192px}#knife{background-position:-576px -288px}#club{background-position:-608px -160px}#axe1{background-position:-512px -160px}#axe2{background-position:-480px -160px}#axe3{background-position:-544px -160px}#axe4{background-position:-576px -160px}#mace1{background-position:-480px -192px}#mace2{background-position:-608px -192px}#hammer1{background-position:-512px -192px}#hammer2{background-position:-544px -288px}#morningstar{background-position:-544px -192px}#flail{background-position:-576px -192px}#bow1{background-position:-320px -224px}#bow2{background-position:-352px -224px}#bow3{background-position:-384px -224px}#bow4{background-position:-416px -224px}#crossbow1{background-position:-448px -224px}#crossbow2{background-position:-480px -224px}#crossbow3{background-position:-512px -224px}#spear1{background-position:-320px -256px}#spear2{background-position:-352px -256px}#polearm1{background-position:-448px -256px}#polearm2{background-position:-480px -256px}#polearm3{background-position:-416px -256px}#scythe1{background-position:-352px -288px}#scythe2{background-position:-320px -288px}#staff1{background-position:-384px -288px}#staff2{background-position:-416px -288px}#staff3{background-position:-480px -288px}#staff4{background-position:-448px -288px}#wand2{background-position:-512px -288px}#trident{background-position:-384px -256px}#throwing-knife1{background-position:-544px -224px}#throwing-axe1{background-position:-576px -224px}#throwing-axe2{background-position:-608px -224px}#javelin{background-position:-608px -256px}#chakram{background-position:-608px -288px}#arrow1{background-position:-512px -256px}#arrow2{background-position:-544px -256px}#arrow3{background-position:-576px -256px}:root{--sprite-width:1024px;--sprite-height:1536px;--columns:6;--rows:8;--avatar-width:171px;--avatar-height:171px;--display-size:171px}.avatar{width:var(--display-size);height:var(--display-size);background-image:url(assets/avatars/npc_avatar.png);background-repeat:no-repeat;background-size:var(--sprite-width) var(--sprite-height);display:inline-block}.avatar_1{background-position:calc(0 * var(--avatar-width) * -1) calc(0 * var(--avatar-height) * -1)}.avatar_2{background-position:calc(1 * var(--avatar-width) * -1) calc(0 * var(--avatar-height) * -1)}.avatar_3{background-position:calc(2 * var(--avatar-width) * -1) calc(0 * var(--avatar-height) * -1)}.avatar_4{background-position:calc(3 * var(--avatar-width) * -1) calc(0 * var(--avatar-height) * -1)}.avatar_5{background-position:calc(4 * var(--avatar-width) * -1) calc(0 * var(--avatar-height) * -1)}.avatar_6{background-position:calc(5 * var(--avatar-width) * -1) calc(0 * var(--avatar-height) * -1)}.avatar_7{background-position:calc(0 * var(--avatar-width) * -1) calc(1 * var(--avatar-height) * -1)}.avatar_8{background-position:calc(1 * var(--avatar-width) * -1) calc(1 * var(--avatar-height) * -1)}.avatar_9{background-position:calc(2 * var(--avatar-width) * -1) calc(1 * var(--avatar-height) * -1)}.avatar_10{background-position:calc(3 * var(--avatar-width) * -1) calc(1 * var(--avatar-height) * -1)}.avatar_11{background-position:calc(4 * var(--avatar-width) * -1) calc(1 * var(--avatar-height) * -1)}.avatar_12{background-position:calc(5 * var(--avatar-width) * -1) calc(1 * var(--avatar-height) * -1)}.avatar_13{background-position:calc(0 * var(--avatar-width) * -1) calc(2 * var(--avatar-height) * -1)}.avatar_14{background-position:calc(1 * var(--avatar-width) * -1) calc(2 * var(--avatar-height) * -1)}.avatar_15{background-position:calc(2 * var(--avatar-width) * -1) calc(2 * var(--avatar-height) * -1)}.avatar_16{background-position:calc(3 * var(--avatar-width) * -1) calc(2 * var(--avatar-height) * -1)}.avatar_17{background-position:calc(4 * var(--avatar-width) * -1) calc(2 * var(--avatar-height) * -1)}.avatar_18{background-position:calc(5 * var(--avatar-width) * -1) calc(2 * var(--avatar-height) * -1)}.avatar_19{background-position:calc(0 * var(--avatar-width) * -1) calc(3 * var(--avatar-height) * -1)}.avatar_20{background-position:calc(1 * var(--avatar-width) * -1) calc(3 * var(--avatar-height) * -1)}.avatar_21{background-position:calc(2 * var(--avatar-width) * -1) calc(3 * var(--avatar-height) * -1)}.avatar_22{background-position:calc(3 * var(--avatar-width) * -1) calc(3 * var(--avatar-height) * -1)}.avatar_23{background-position:calc(4 * var(--avatar-width) * -1) calc(3 * var(--avatar-height) * -1)}.avatar_24{background-position:calc(5 * var(--avatar-width) * -1) calc(3 * var(--avatar-height) * -1)}.avatar_25{background-position:calc(0 * var(--avatar-width) * -1) calc(4 * var(--avatar-height) * -1)}.avatar_26{background-position:calc(1 * var(--avatar-width) * -1) calc(4 * var(--avatar-height) * -1)}.avatar_27{background-position:calc(2 * var(--avatar-width) * -1) calc(4 * var(--avatar-height) * -1)}.avatar_28{background-position:calc(3 * var(--avatar-width) * -1) calc(4 * var(--avatar-height) * -1)}.avatar_29{background-position:calc(4 * var(--avatar-width) * -1) calc(4 * var(--avatar-height) * -1)}.avatar_30{background-position:calc(5 * var(--avatar-width) * -1) calc(4 * var(--avatar-height) * -1)}.avatar_31{background-position:calc(0 * var(--avatar-width) * -1) calc(5 * var(--avatar-height) * -1)}.avatar_32{background-position:calc(1 * var(--avatar-width) * -1) calc(5 * var(--avatar-height) * -1)}.avatar_33{background-position:calc(2 * var(--avatar-width) * -1) calc(5 * var(--avatar-height) * -1)}.avatar_34{background-position:calc(3 * var(--avatar-width) * -1) calc(5 * var(--avatar-height) * -1)}.avatar_35{background-position:calc(4 * var(--avatar-width) * -1) calc(5 * var(--avatar-height) * -1)}.avatar_36{background-position:calc(5 * var(--avatar-width) * -1) calc(5 * var(--avatar-height) * -1)}.avatar_37{background-position:calc(0 * var(--avatar-width) * -1) calc(6 * var(--avatar-height) * -1)}.avatar_38{background-position:calc(1 * var(--avatar-width) * -1) calc(6 * var(--avatar-height) * -1)}.avatar_39{background-position:calc(2 * var(--avatar-width) * -1) calc(6 * var(--avatar-height) * -1)}.avatar_40{background-position:calc(3 * var(--avatar-width) * -1) calc(6 * var(--avatar-height) * -1)}.avatar_41{background-position:calc(4 * var(--avatar-width) * -1) calc(6 * var(--avatar-height) * -1)}.avatar_42{background-position:calc(5 * var(--avatar-width) * -1) calc(6 * var(--avatar-height) * -1)}.avatar_43{background-position:calc(0 * var(--avatar-width) * -1) calc(7 * var(--avatar-height) * -1)}.avatar_44{background-position:calc(1 * var(--avatar-width) * -1) calc(7 * var(--avatar-height) * -1)}.avatar_45{background-position:calc(2 * var(--avatar-width) * -1) calc(7 * var(--avatar-height) * -1)}.avatar_46{background-position:calc(3 * var(--avatar-width) * -1) calc(7 * var(--avatar-height) * -1)}.avatar_47{background-position:calc(4 * var(--avatar-width) * -1) calc(7 * var(--avatar-height) * -1)}.avatar_48{background-position:calc(5 * var(--avatar-width) * -1) calc(7 * var(--avatar-height) * -1)}.avatar.small{background-size:513px 768px;width:85.5px;height:85.5px}.avatar.small.avatar_1{background-position:0 0}.avatar.small.avatar_2{background-position:-85.5px 0}.avatar.small.avatar_3{background-position:-171px 0}.avatar.small.avatar_4{background-position:-256.5px 0}.avatar.small.avatar_5{background-position:-342px 0}.avatar.small.avatar_6{background-position:-427.5px 0}.avatar.small.avatar_7{background-position:0 -85.5px}.avatar.small.avatar_8{background-position:-85.5px -85.5px}.avatar.small.avatar_9{background-position:-171px -85.5px}.avatar.small.avatar_10{background-position:-256.5px -85.5px}.avatar.small.avatar_11{background-position:-342px -85.5px}.avatar.small.avatar_12{background-position:-427.5px -85.5px}.avatar.small.avatar_13{background-position:0 -171px}.avatar.small.avatar_14{background-position:-85.5px -171px}.avatar.small.avatar_15{background-position:-171px -171px}.avatar.small.avatar_16{background-position:-256.5px -171px}.avatar.small.avatar_17{background-position:-342px -171px}.avatar.small.avatar_18{background-position:-427.5px -171px}.avatar.small.avatar_19{background-position:0 -256.5px}.avatar.small.avatar_20{background-position:-85.5px -256.5px}.avatar.small.avatar_21{background-position:-171px -256.5px}.avatar.small.avatar_22{background-position:-256.5px -256.5px}.avatar.small.avatar_23{background-position:-342px -256.5px}.avatar.small.avatar_24{background-position:-427.5px -256.5px}.avatar.small.avatar_25{background-position:0 -342px}.avatar.small.avatar_26{background-position:-85.5px -342px}.avatar.small.avatar_27{background-position:-171px -342px}.avatar.small.avatar_28{background-position:-256.5px -342px}.avatar.small.avatar_29{background-position:-342px -342px}.avatar.small.avatar_30{background-position:-427.5px -342px}.avatar.small.avatar_31{background-position:0 -427.5px}.avatar.small.avatar_32{background-position:-85.5px -427.5px}.avatar.small.avatar_33{background-position:-171px -427.5px}.avatar.small.avatar_34{background-position:-256.5px -427.5px}.avatar.small.avatar_35{background-position:-342px -427.5px}.avatar.small.avatar_36{background-position:-427.5px -427.5px}.avatar.small.avatar_37{background-position:0 -513px}.avatar.small.avatar_38{background-position:-85.5px -513px}.avatar.small.avatar_39{background-position:-171px -513px}.avatar.small.avatar_40{background-position:-256.5px -513px}.avatar.small.avatar_41{background-position:-342px -513px}.avatar.small.avatar_42{background-position:-427.5px -513px}.avatar.small.avatar_43{background-position:0 -598.5px}.avatar.small.avatar_44{background-position:-85.5px -598.5px}.avatar.small.avatar_45{background-position:-171px -598.5px}.avatar.small.avatar_46{background-position:-256.5px -598.5px}.avatar.small.avatar_47{background-position:-342px -598.5px}.avatar.small.avatar_48{background-position:-427.5px -598.5px}.avatar.large{background-size:1536px 2304px;width:256.5px;height:256.5px}.avatar.large.avatar_1{background-position:0 0}.avatar.large.avatar_2{background-position:-256.5px 0}.avatar.large.avatar_3{background-position:-513px 0}.avatar.large.avatar_4{background-position:-769.5px 0}.avatar.large.avatar_5{background-position:-1026px 0}.avatar.large.avatar_6{background-position:-1282.5px 0}.avatar.large.avatar_7{background-position:0 -256.5px}.avatar.large.avatar_8{background-position:-256.5px -256.5px}.avatar.large.avatar_9{background-position:-513px -256.5px}.avatar.large.avatar_10{background-position:-769.5px -256.5px}.avatar.large.avatar_11{background-position:-1026px -256.5px}.avatar.large.avatar_12{background-position:-1282.5px -256.5px}.avatar.large.avatar_13{background-position:0 -513px}.avatar.large.avatar_14{background-position:-256.5px -513px}.avatar.large.avatar_15{background-position:-513px -513px}.avatar.large.avatar_16{background-position:-769.5px -513px}.avatar.large.avatar_17{background-position:-1026px -513px}.avatar.large.avatar_18{background-position:-1282.5px -513px}.avatar.large.avatar_19{background-position:0 -769.5px}.avatar.large.avatar_20{background-position:-256.5px -769.5px}.avatar.large.avatar_21{background-position:-513px -769.5px}.avatar.large.avatar_22{background-position:-769.5px -769.5px}.avatar.large.avatar_23{background-position:-1026px -769.5px}.avatar.large.avatar_24{background-position:-1282.5px -769.5px}.avatar.large.avatar_25{background-position:0 -1026px}.avatar.large.avatar_26{background-position:-256.5px -1026px}.avatar.large.avatar_27{background-position:-513px -1026px}.avatar.large.avatar_28{background-position:-769.5px -1026px}.avatar.large.avatar_29{background-position:-1026px -1026px}.avatar.large.avatar_30{background-position:-1282.5px -1026px}.avatar.large.avatar_31{background-position:0 -1282.5px}.avatar.large.avatar_32{background-position:-256.5px -1282.5px}.avatar.large.avatar_33{background-position:-513px -1282.5px}.avatar.large.avatar_34{background-position:-769.5px -1282.5px}.avatar.large.avatar_35{background-position:-1026px -1282.5px}.avatar.large.avatar_36{background-position:-1282.5px -1282.5px}.avatar.large.avatar_37{background-position:0 -1539px}.avatar.large.avatar_38{background-position:-256.5px -1539px}.avatar.large.avatar_39{background-position:-513px -1539px}.avatar.large.avatar_40{background-position:-769.5px -1539px}.avatar.large.avatar_41{background-position:-1026px -1539px}.avatar.large.avatar_42{background-position:-1282.5px -1539px}.avatar.large.avatar_43{background-position:0 -1795.5px}.avatar.large.avatar_44{background-position:-256.5px -1795.5px}.avatar.large.avatar_45{background-position:-513px -1795.5px}.avatar.large.avatar_46{background-position:-769.5px -1795.5px}.avatar.large.avatar_47{background-position:-1026px -1795.5px}.avatar.large.avatar_48{background-position:-1282.5px -1795.5px}:root{--portrait-sprite-width:2100px;--portrait-sprite-height:6000px;--portrait-columns:6;--portrait-rows:12;--portrait-width:350px;--portrait-height:500px;--portrait-display-width:350px;--portrait-display-height:500px}.portrait{width:var(--portrait-display-width);height:var(--portrait-display-height);background-image:url(assets/avatars/npc_portrait_transparent.png);background-repeat:no-repeat;background-size:var(--portrait-sprite-width) var(--portrait-sprite-height);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:8px;margin:5px;display:inline-block;box-shadow:0 4px 8px #0000004d}.portrait_1{background-position:calc(0 * var(--portrait-width) * -1) calc(0 * var(--portrait-height) * -1)}.portrait_2{background-position:calc(1 * var(--portrait-width) * -1) calc(0 * var(--portrait-height) * -1)}.portrait_3{background-position:calc(2 * var(--portrait-width) * -1) calc(0 * var(--portrait-height) * -1)}.portrait_4{background-position:calc(3 * var(--portrait-width) * -1) calc(0 * var(--portrait-height) * -1)}.portrait_5{background-position:calc(4 * var(--portrait-width) * -1) calc(0 * var(--portrait-height) * -1)}.portrait_6{background-position:calc(5 * var(--portrait-width) * -1) calc(0 * var(--portrait-height) * -1)}.portrait_7{background-position:calc(0 * var(--portrait-width) * -1) calc(1 * var(--portrait-height) * -1)}.portrait_8{background-position:calc(1 * var(--portrait-width) * -1) calc(1 * var(--portrait-height) * -1)}.portrait_9{background-position:calc(2 * var(--portrait-width) * -1) calc(1 * var(--portrait-height) * -1)}.portrait_10{background-position:calc(3 * var(--portrait-width) * -1) calc(1 * var(--portrait-height) * -1)}.portrait_11{background-position:calc(4 * var(--portrait-width) * -1) calc(1 * var(--portrait-height) * -1)}.portrait_12{background-position:calc(5 * var(--portrait-width) * -1) calc(1 * var(--portrait-height) * -1)}.portrait_13{background-position:calc(0 * var(--portrait-width) * -1) calc(2 * var(--portrait-height) * -1)}.portrait_14{background-position:calc(1 * var(--portrait-width) * -1) calc(2 * var(--portrait-height) * -1)}.portrait_15{background-position:calc(2 * var(--portrait-width) * -1) calc(2 * var(--portrait-height) * -1)}.portrait_16{background-position:calc(3 * var(--portrait-width) * -1) calc(2 * var(--portrait-height) * -1)}.portrait_17{background-position:calc(4 * var(--portrait-width) * -1) calc(2 * var(--portrait-height) * -1)}.portrait_18{background-position:calc(5 * var(--portrait-width) * -1) calc(2 * var(--portrait-height) * -1)}.portrait_19{background-position:calc(0 * var(--portrait-width) * -1) calc(3 * var(--portrait-height) * -1)}.portrait_20{background-position:calc(1 * var(--portrait-width) * -1) calc(3 * var(--portrait-height) * -1)}.portrait_21{background-position:calc(2 * var(--portrait-width) * -1) calc(3 * var(--portrait-height) * -1)}.portrait_22{background-position:calc(3 * var(--portrait-width) * -1) calc(3 * var(--portrait-height) * -1)}.portrait_23{background-position:calc(4 * var(--portrait-width) * -1) calc(3 * var(--portrait-height) * -1)}.portrait_24{background-position:calc(5 * var(--portrait-width) * -1) calc(3 * var(--portrait-height) * -1)}.portrait_25{background-position:calc(0 * var(--portrait-width) * -1) calc(4 * var(--portrait-height) * -1)}.portrait_26{background-position:calc(1 * var(--portrait-width) * -1) calc(4 * var(--portrait-height) * -1)}.portrait_27{background-position:calc(2 * var(--portrait-width) * -1) calc(4 * var(--portrait-height) * -1)}.portrait_28{background-position:calc(3 * var(--portrait-width) * -1) calc(4 * var(--portrait-height) * -1)}.portrait_29{background-position:calc(4 * var(--portrait-width) * -1) calc(4 * var(--portrait-height) * -1)}.portrait_30{background-position:calc(5 * var(--portrait-width) * -1) calc(4 * var(--portrait-height) * -1)}.portrait_31{background-position:calc(0 * var(--portrait-width) * -1) calc(5 * var(--portrait-height) * -1)}.portrait_32{background-position:calc(1 * var(--portrait-width) * -1) calc(5 * var(--portrait-height) * -1)}.portrait_33{background-position:calc(2 * var(--portrait-width) * -1) calc(5 * var(--portrait-height) * -1)}.portrait_34{background-position:calc(3 * var(--portrait-width) * -1) calc(5 * var(--portrait-height) * -1)}.portrait_35{background-position:calc(4 * var(--portrait-width) * -1) calc(5 * var(--portrait-height) * -1)}.portrait_36{background-position:calc(5 * var(--portrait-width) * -1) calc(5 * var(--portrait-height) * -1)}.portrait_37{background-position:calc(0 * var(--portrait-width) * -1) calc(6 * var(--portrait-height) * -1)}.portrait_38{background-position:calc(1 * var(--portrait-width) * -1) calc(6 * var(--portrait-height) * -1)}.portrait_39{background-position:calc(2 * var(--portrait-width) * -1) calc(6 * var(--portrait-height) * -1)}.portrait_40{background-position:calc(3 * var(--portrait-width) * -1) calc(6 * var(--portrait-height) * -1)}.portrait_41{background-position:calc(4 * var(--portrait-width) * -1) calc(6 * var(--portrait-height) * -1)}.portrait_42{background-position:calc(5 * var(--portrait-width) * -1) calc(6 * var(--portrait-height) * -1)}.portrait_43{background-position:calc(0 * var(--portrait-width) * -1) calc(7 * var(--portrait-height) * -1)}.portrait_44{background-position:calc(1 * var(--portrait-width) * -1) calc(7 * var(--portrait-height) * -1)}.portrait_45{background-position:calc(2 * var(--portrait-width) * -1) calc(7 * var(--portrait-height) * -1)}.portrait_46{background-position:calc(3 * var(--portrait-width) * -1) calc(7 * var(--portrait-height) * -1)}.portrait_47{background-position:calc(4 * var(--portrait-width) * -1) calc(7 * var(--portrait-height) * -1)}.portrait_48{background-position:calc(5 * var(--portrait-width) * -1) calc(7 * var(--portrait-height) * -1)}.portrait_49{background-position:calc(0 * var(--portrait-width) * -1) calc(8 * var(--portrait-height) * -1)}.portrait_50{background-position:calc(1 * var(--portrait-width) * -1) calc(8 * var(--portrait-height) * -1)}.portrait_51{background-position:calc(2 * var(--portrait-width) * -1) calc(8 * var(--portrait-height) * -1)}.portrait_52{background-position:calc(3 * var(--portrait-width) * -1) calc(8 * var(--portrait-height) * -1)}.portrait_53{background-position:calc(4 * var(--portrait-width) * -1) calc(8 * var(--portrait-height) * -1)}.portrait_54{background-position:calc(5 * var(--portrait-width) * -1) calc(8 * var(--portrait-height) * -1)}.portrait_55{background-position:calc(0 * var(--portrait-width) * -1) calc(9 * var(--portrait-height) * -1)}.portrait_56{background-position:calc(1 * var(--portrait-width) * -1) calc(9 * var(--portrait-height) * -1)}.portrait_57{background-position:calc(2 * var(--portrait-width) * -1) calc(9 * var(--portrait-height) * -1)}.portrait_58{background-position:calc(3 * var(--portrait-width) * -1) calc(9 * var(--portrait-height) * -1)}.portrait_59{background-position:calc(4 * var(--portrait-width) * -1) calc(9 * var(--portrait-height) * -1)}.portrait_60{background-position:calc(5 * var(--portrait-width) * -1) calc(9 * var(--portrait-height) * -1)}.portrait_61{background-position:calc(0 * var(--portrait-width) * -1) calc(10 * var(--portrait-height) * -1)}.portrait_62{background-position:calc(1 * var(--portrait-width) * -1) calc(10 * var(--portrait-height) * -1)}.portrait_63{background-position:calc(2 * var(--portrait-width) * -1) calc(10 * var(--portrait-height) * -1)}.portrait_64{background-position:calc(3 * var(--portrait-width) * -1) calc(10 * var(--portrait-height) * -1)}.portrait_65{background-position:calc(4 * var(--portrait-width) * -1) calc(10 * var(--portrait-height) * -1)}.portrait_66{background-position:calc(5 * var(--portrait-width) * -1) calc(10 * var(--portrait-height) * -1)}.portrait_67{background-position:calc(0 * var(--portrait-width) * -1) calc(11 * var(--portrait-height) * -1)}.portrait_68{background-position:calc(1 * var(--portrait-width) * -1) calc(11 * var(--portrait-height) * -1)}.portrait_69{background-position:calc(2 * var(--portrait-width) * -1) calc(11 * var(--portrait-height) * -1)}.portrait_70{background-position:calc(3 * var(--portrait-width) * -1) calc(11 * var(--portrait-height) * -1)}.portrait_71{background-position:calc(4 * var(--portrait-width) * -1) calc(11 * var(--portrait-height) * -1)}.portrait_72{background-position:calc(5 * var(--portrait-width) * -1) calc(11 * var(--portrait-height) * -1)}.portrait.small{background-size:1050px 3000px;width:175px;height:250px}.portrait.small.portrait_1{background-position:0 0}.portrait.small.portrait_2{background-position:-175px 0}.portrait.small.portrait_3{background-position:-350px 0}.portrait.small.portrait_4{background-position:-525px 0}.portrait.small.portrait_5{background-position:-700px 0}.portrait.small.portrait_6{background-position:-875px 0}.portrait.small.portrait_7{background-position:0 -250px}.portrait.small.portrait_8{background-position:-175px -250px}.portrait.small.portrait_9{background-position:-350px -250px}.portrait.small.portrait_10{background-position:-525px -250px}.portrait.small.portrait_11{background-position:-700px -250px}.portrait.small.portrait_12{background-position:-875px -250px}.portrait.small.portrait_13{background-position:0 -500px}.portrait.small.portrait_14{background-position:-175px -500px}.portrait.small.portrait_15{background-position:-350px -500px}.portrait.small.portrait_16{background-position:-525px -500px}.portrait.small.portrait_17{background-position:-700px -500px}.portrait.small.portrait_18{background-position:-875px -500px}.portrait.small.portrait_19{background-position:0 -750px}.portrait.small.portrait_20{background-position:-175px -750px}.portrait.small.portrait_21{background-position:-350px -750px}.portrait.small.portrait_22{background-position:-525px -750px}.portrait.small.portrait_23{background-position:-700px -750px}.portrait.small.portrait_24{background-position:-875px -750px}.portrait.small.portrait_25{background-position:0 -1000px}.portrait.small.portrait_26{background-position:-175px -1000px}.portrait.small.portrait_27{background-position:-350px -1000px}.portrait.small.portrait_28{background-position:-525px -1000px}.portrait.small.portrait_29{background-position:-700px -1000px}.portrait.small.portrait_30{background-position:-875px -1000px}.portrait.small.portrait_31{background-position:0 -1250px}.portrait.small.portrait_32{background-position:-175px -1250px}.portrait.small.portrait_33{background-position:-350px -1250px}.portrait.small.portrait_34{background-position:-525px -1250px}.portrait.small.portrait_35{background-position:-700px -1250px}.portrait.small.portrait_36{background-position:-875px -1250px}.portrait.small.portrait_37{background-position:0 -1500px}.portrait.small.portrait_38{background-position:-175px -1500px}.portrait.small.portrait_39{background-position:-350px -1500px}.portrait.small.portrait_40{background-position:-525px -1500px}.portrait.small.portrait_41{background-position:-700px -1500px}.portrait.small.portrait_42{background-position:-875px -1500px}.portrait.small.portrait_43{background-position:0 -1750px}.portrait.small.portrait_44{background-position:-175px -1750px}.portrait.small.portrait_45{background-position:-350px -1750px}.portrait.small.portrait_46{background-position:-525px -1750px}.portrait.small.portrait_47{background-position:-700px -1750px}.portrait.small.portrait_48{background-position:-875px -1750px}.portrait.small.portrait_49{background-position:0 -2000px}.portrait.small.portrait_50{background-position:-175px -2000px}.portrait.small.portrait_51{background-position:-350px -2000px}.portrait.small.portrait_52{background-position:-525px -2000px}.portrait.small.portrait_53{background-position:-700px -2000px}.portrait.small.portrait_54{background-position:-875px -2000px}.portrait.small.portrait_55{background-position:0 -2250px}.portrait.small.portrait_56{background-position:-175px -2250px}.portrait.small.portrait_57{background-position:-350px -2250px}.portrait.small.portrait_58{background-position:-525px -2250px}.portrait.small.portrait_59{background-position:-700px -2250px}.portrait.small.portrait_60{background-position:-875px -2250px}.portrait.small.portrait_61{background-position:0 -2500px}.portrait.small.portrait_62{background-position:-175px -2500px}.portrait.small.portrait_63{background-position:-350px -2500px}.portrait.small.portrait_64{background-position:-525px -2500px}.portrait.small.portrait_65{background-position:-700px -2500px}.portrait.small.portrait_66{background-position:-875px -2500px}.portrait.small.portrait_67{background-position:0 -2750px}.portrait.small.portrait_68{background-position:-175px -2750px}.portrait.small.portrait_69{background-position:-350px -2750px}.portrait.small.portrait_70{background-position:-525px -2750px}.portrait.small.portrait_71{background-position:-700px -2750px}.portrait.small.portrait_72{background-position:-875px -2750px}.portrait.large{background-size:3150px 9000px;width:525px;height:750px}.portrait.large.portrait_1{background-position:0 0}.portrait.large.portrait_2{background-position:-525px 0}.portrait.large.portrait_3{background-position:-1050px 0}.portrait.large.portrait_4{background-position:-1575px 0}.portrait.large.portrait_5{background-position:-2100px 0}.portrait.large.portrait_6{background-position:-2625px 0}.portrait.large.portrait_7{background-position:0 -750px}.portrait.large.portrait_8{background-position:-525px -750px}.portrait.large.portrait_9{background-position:-1050px -750px}.portrait.large.portrait_10{background-position:-1575px -750px}.portrait.large.portrait_11{background-position:-2100px -750px}.portrait.large.portrait_12{background-position:-2625px -750px}.portrait.large.portrait_13{background-position:0 -1500px}.portrait.large.portrait_14{background-position:-525px -1500px}.portrait.large.portrait_15{background-position:-1050px -1500px}.portrait.large.portrait_16{background-position:-1575px -1500px}.portrait.large.portrait_17{background-position:-2100px -1500px}.portrait.large.portrait_18{background-position:-2625px -1500px}.portrait.large.portrait_19{background-position:0 -2250px}.portrait.large.portrait_20{background-position:-525px -2250px}.portrait.large.portrait_21{background-position:-1050px -2250px}.portrait.large.portrait_22{background-position:-1575px -2250px}.portrait.large.portrait_23{background-position:-2100px -2250px}.portrait.large.portrait_24{background-position:-2625px -2250px}.portrait.large.portrait_25{background-position:0 -3000px}.portrait.large.portrait_26{background-position:-525px -3000px}.portrait.large.portrait_27{background-position:-1050px -3000px}.portrait.large.portrait_28{background-position:-1575px -3000px}.portrait.large.portrait_29{background-position:-2100px -3000px}.portrait.large.portrait_30{background-position:-2625px -3000px}.portrait.large.portrait_31{background-position:0 -3750px}.portrait.large.portrait_32{background-position:-525px -3750px}.portrait.large.portrait_33{background-position:-1050px -3750px}.portrait.large.portrait_34{background-position:-1575px -3750px}.portrait.large.portrait_35{background-position:-2100px -3750px}.portrait.large.portrait_36{background-position:-2625px -3750px}.portrait.large.portrait_37{background-position:0 -4500px}.portrait.large.portrait_38{background-position:-525px -4500px}.portrait.large.portrait_39{background-position:-1050px -4500px}.portrait.large.portrait_40{background-position:-1575px -4500px}.portrait.large.portrait_41{background-position:-2100px -4500px}.portrait.large.portrait_42{background-position:-2625px -4500px}.portrait.large.portrait_43{background-position:0 -5250px}.portrait.large.portrait_44{background-position:-525px -5250px}.portrait.large.portrait_45{background-position:-1050px -5250px}.portrait.large.portrait_46{background-position:-1575px -5250px}.portrait.large.portrait_47{background-position:-2100px -5250px}.portrait.large.portrait_48{background-position:-2625px -5250px}.portrait.large.portrait_49{background-position:0 -6000px}.portrait.large.portrait_50{background-position:-525px -6000px}.portrait.large.portrait_51{background-position:-1050px -6000px}.portrait.large.portrait_52{background-position:-1575px -6000px}.portrait.large.portrait_53{background-position:-2100px -6000px}.portrait.large.portrait_54{background-position:-2625px -6000px}.portrait.large.portrait_55{background-position:0 -6750px}.portrait.large.portrait_56{background-position:-525px -6750px}.portrait.large.portrait_57{background-position:-1050px -6750px}.portrait.large.portrait_58{background-position:-1575px -6750px}.portrait.large.portrait_59{background-position:-2100px -6750px}.portrait.large.portrait_60{background-position:-2625px -6750px}.portrait.large.portrait_61{background-position:0 -7500px}.portrait.large.portrait_62{background-position:-525px -7500px}.portrait.large.portrait_63{background-position:-1050px -7500px}.portrait.large.portrait_64{background-position:-1575px -7500px}.portrait.large.portrait_65{background-position:-2100px -7500px}.portrait.large.portrait_66{background-position:-2625px -7500px}.portrait.large.portrait_67{background-position:0 -8250px}.portrait.large.portrait_68{background-position:-525px -8250px}.portrait.large.portrait_69{background-position:-1050px -8250px}.portrait.large.portrait_70{background-position:-1575px -8250px}.portrait.large.portrait_71{background-position:-2100px -8250px}.portrait.large.portrait_72{background-position:-2625px -8250px}.npc-dialog{will-change:transform;z-index:1000;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:none;max-height:none;margin-top:auto;margin-bottom:0;padding:0;animation:20ms cubic-bezier(.4,0,.2,1) forwards slideUp;display:flex;position:fixed;inset:0;overflow:visible}.npc-dialog::backdrop{background-image:linear-gradient(#0090ff00 73%,#00a3ff52 98%),radial-gradient(50% 20% at 34% 106%,#ffa900 0%,#ffdc0000 100%),radial-gradient(75% 140% at 42% 10%,#0000 81%,#0074ff94 100%),linear-gradient(#0000008f 0%,#253444f7 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-size:100% 100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.npc-dialog-content{height:auto;width:inherit}.dialog-bottom-section{flex-direction:row;justify-content:space-between;align-items:flex-end;display:flex}.key-bind-container{align-items:center;gap:var(--spacing-sm);display:flex;position:absolute;bottom:450px;right:20px}.key-bind-container span:last-child{text-transform:uppercase;font-size:var(--font-size-sm);color:var(--color-gray-light)}.player-profile{width:600px;height:400px;position:relative;overflow:hidden}.player-background-image{background-image:radial-gradient(75% 75% at 3% 101%, #248eff6e 0%, #00beff00 83%), var(--player-avatar-url);z-index:1;background-repeat:no-repeat,no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.player-content-overlay{z-index:2;height:90%;padding:var(--spacing-md);justify-content:flex-end;gap:var(--spacing-md);flex-direction:column;display:flex;position:relative}.player-avatar-name h3{text-align:right;color:var(--color-secondary);font-family:var(--font-family-secondary);text-transform:uppercase;text-shadow:2px 2px 4px #000c;margin:0;font-size:1.4rem}.player-text{padding:var(--spacing-md);border-radius:var(--border-radius-sm);color:var(--color-gray-light);backdrop-filter:blur(4px);background:#3f4759e3;border:1px solid #00000026;min-height:60px;font-style:italic}.npc-profile{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;width:700px;display:flex;overflow:hidden}.npc-background-image{z-index:11;position:absolute;bottom:-60px;right:-80px}.npc-background-image.portrait{box-shadow:none;margin:0}.npc-content-overlay{z-index:1;gap:var(--spacing-md);flex-direction:column;max-width:500px;display:flex}.npc-trade-section{flex-direction:column;justify-content:center;align-items:center;width:fit-content;display:flex}.npc-trade-section .trade-gold-display{justify-content:center;align-items:center;gap:var(--spacing-sm);color:gold;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:330px}.npc-trade-section .trade-gold-display .gold-icon{font-size:1.4rem}.npc-trade-section .trade-inventories{justify-content:center;display:flex}.npc-trade-section .trade-inventories>div{padding:var(--spacing-md);border-radius:var(--border-radius-lg);color:#fff;background-color:#585858}.npc-trade-section .trade-inventories>div:first-child{margin-right:var(--spacing-xl)}.npc-inventory-section h4,.player-inventory-section h4{margin:var(--spacing-md) 0;color:var(--color-secondary);font-family:var(--font-family-secondary);text-transform:uppercase;text-align:center;margin-top:0;font-size:1rem}.npc-avatar-name{align-items:center;gap:var(--spacing-md);display:flex}.npc-avatar-name h3{color:var(--color-secondary);font-family:var(--font-family-secondary);text-transform:uppercase;margin:0;font-size:1.2rem}.npc-response{padding:var(--spacing-md);border-radius:var(--border-radius-sm);color:#acb6ce;background:#0f131c;flex:1;min-height:60px;font-size:1.1rem;line-height:1.4}.dialog-options{gap:var(--spacing-sm);flex-direction:column;display:flex}.quest-objectives-display{border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:#1a2233;border:1px solid #3a4a63}.quest-details-panel{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.quest-objectives-display,.quest-rewards-display{border-radius:var(--border-radius-sm);padding:var(--spacing-md);background:#1a2233;border:1px solid #3a4a63;flex:1}.quest-objectives-display{margin-bottom:0}.quest-rewards-display h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-secondary);text-transform:uppercase;font-size:.9rem}.quest-rewards-display ul{margin:0;padding:0;list-style:none}.quest-rewards-display li{padding:var(--spacing-xs) 0;color:gold;font-size:.9rem}.quest-objectives-display h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-secondary);text-transform:uppercase;font-size:.9rem}.quest-objectives-display ul{margin:0;padding:0;list-style:none}.quest-objectives-display li{padding:var(--spacing-xs) 0;color:#8a9bb5;font-size:.9rem}.quest-objectives-display li.completed{color:#4ade80}.quest-objectives-display li.completed:before{content:"✓ "}.dialog-option-btn{padding:var(--spacing-md);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;font-family:var(--font-family-base);text-align:left;background:linear-gradient(135deg,#9fb0c1,#aaa0);border:0;min-height:44px;margin:0;font-size:.9rem;transition:all .2s}.dialog-option-btn:hover{background:linear-gradient(135deg, var(--color-primary), #0000);font-weight:700;transform:translate(4px);box-shadow:0 2px 8px #2f32614d}.dialog-option-btn:focus{color:#484e70;background:linear-gradient(135deg,#fff,#aaa0);font-weight:700}.dialog-option-btn:active{transform:translate(2px)}.avatar.large{width:80px;height:80px;transform:scale(1.2)}.npc-avatar.large{clip-path:circle();width:80px;height:80px;transform:scale(1.2)}@media (width<=768px){.dialog-bottom-section{gap:var(--spacing-md);flex-direction:column;height:60vh}.player-profile{width:100%;height:200px}.npc-avatar-name{text-align:center;gap:var(--spacing-sm);flex-direction:column}.player-avatar-name h3{font-size:1.2rem}.dialog-option-btn{padding:var(--spacing-sm);font-size:.8rem}.avatar.large,.npc-avatar.large{width:60px;height:60px;transform:scale(1)}}.trade-message-dialog{border-radius:var(--border-radius-lg);background:var(--color-dark);z-index:2000;border:none;min-width:300px;max-width:400px;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 4px 20px #00000080}.trade-message-dialog::backdrop{background:#000000b3}.trade-message-content{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;flex-direction:column;display:flex}.trade-message-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:flex}.trade-message-icon.success{background:var(--color-success);color:#fff}.trade-message-icon.error{background:var(--color-danger);color:#fff}.trade-message-text{color:var(--color-light);margin:0;font-size:1rem}.trade-message-btn{padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-primary);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;font-size:1rem;transition:background .2s}.trade-message-btn:hover{background:var(--color-secondary)}