:root{--color-bg: #1A1E25;--color-secondary: #3A4554;--color-text: #8FA3B1;--color-accent: #A81C2A;--font-title: "Cinzel", serif;--font-body: "IM Fell English", serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:#e8e0d6;margin:0}.page-center{display:flex;justify-content:center;align-items:center;min-height:100vh}.home-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg);position:relative}.map-container{position:relative;width:100%;max-height:100vh;max-width:calc(100vh * 2816 / 1536);aspect-ratio:2816 / 1536;overflow:hidden}.map-image{display:block;width:100%;height:100%}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#1a1e251f;pointer-events:none}.name-card{position:absolute;top:4%;right:2%;z-index:2;background:#282e3ae6;border:1px solid rgba(143,163,177,.2);border-top:2px solid var(--color-accent);border-radius:4px;padding:.75rem 1.25rem}.name-card h2{font-family:var(--font-title);font-size:1.1rem;letter-spacing:.1em;color:#e8e0d6;margin:0;white-space:nowrap}.map-legend{display:flex;flex-direction:column;gap:1px;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(143,163,177,.15)}.map-legend__item{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;background:none;border:none;border-radius:3px;cursor:pointer;color:#e8e0d6;text-align:left;opacity:0;animation:legend-arrive .3s ease-out forwards;transition:background .2s ease,color .2s ease}.map-legend__item:hover{background:#a81c2a26}.map-legend__item:focus-visible{outline:1px solid var(--color-accent);outline-offset:1px}.map-legend__item--traveling{opacity:.4!important;pointer-events:none}.map-legend__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:#8fa3b199;font-size:.65rem}.map-legend__item:hover .map-legend__icon{color:var(--color-accent)}.map-legend__name{font-family:var(--font-title);font-size:.75rem;letter-spacing:.06em;white-space:nowrap}@keyframes legend-arrive{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.char-portrait{position:absolute;top:4%;left:2%;z-index:2;background:#282e3ae6;border:1px solid rgba(143,163,177,.2);border-top:2px solid var(--color-accent);border-radius:4px;padding:.75rem;text-align:center}.char-portrait__name{font-family:var(--font-title);font-size:1.1rem;letter-spacing:.1em;color:#e8e0d6;margin:0 0 .5rem;white-space:nowrap}.char-portrait__img{display:block;width:80px;height:auto;border-radius:3px;border:none;margin:0 auto}.warrior{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;height:55%;opacity:0}.warrior-img{display:block;height:100%;width:auto;position:absolute;top:0;left:50%;transform:translate(-50%);transition:opacity .6s ease}.warrior-img--hidden{opacity:0}.gamepiece-img{animation:gamepiece-appear .6s ease-out forwards}.warrior--visible{opacity:1;animation:warrior-fade-in .8s ease-in forwards,warrior-shrink 1.4s cubic-bezier(.4,0,.2,1) 1.5s forwards}.warrior--shrunk{height:8%;top:84%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(168,28,42,.5)) drop-shadow(0 0 20px rgba(168,28,42,.2));animation:none;opacity:1;transition:left var(--step-dur, .15s) linear,top var(--step-dur, .15s) linear}@keyframes warrior-fade-in{0%{opacity:0}to{opacity:1}}@keyframes warrior-shrink{0%{height:55%;left:50%;top:50%;transform:translate(-50%,-50%);filter:none}to{height:8%;left:50%;top:84%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(168,28,42,.5)) drop-shadow(0 0 20px rgba(168,28,42,.2))}}@keyframes gamepiece-appear{0%{opacity:0}to{opacity:1}}.map-marker{position:absolute;z-index:2;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:44px;min-height:44px;justify-content:center;opacity:0;animation:marker-arrive .5s ease-out forwards}.map-marker__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#282e3ad9;border:1px solid rgba(143,163,177,.25);border-radius:50%;font-size:.85rem;color:#e8e0d6;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.map-marker__label{font-family:var(--font-title);font-size:.75rem;letter-spacing:.08em;color:#e8e0d6;white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;background:#14161cd9;padding:2px 8px;border-radius:4px}.map-marker:hover .map-marker__icon,.map-marker:focus-visible .map-marker__icon{transform:scale(1.2);border-color:var(--color-accent);box-shadow:0 0 10px #a81c2a66,0 0 20px #a81c2a26}.map-marker:hover .map-marker__label,.map-marker:focus-visible .map-marker__label{opacity:1;transform:translateY(0)}.map-marker:focus-visible{outline:none}.map-marker:focus-visible .map-marker__icon{outline:1px solid var(--color-accent);outline-offset:3px}.map-marker--traveling{opacity:.4!important;pointer-events:none}@media(hover:none){.map-marker__label{opacity:1;transform:translateY(0)}}@keyframes marker-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.debug-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none}.debug-legend{position:absolute;top:4px;right:4px;display:flex;flex-direction:column;gap:2px;background:#000c;padding:6px 10px;border-radius:4px;font-family:monospace;font-size:10px;pointer-events:auto}.debug-dot{position:absolute;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--dot-color, #fff);box-shadow:0 0 4px var(--dot-color, #fff);pointer-events:auto}.debug-dot__label{position:absolute;left:12px;top:-3px;white-space:nowrap;font-family:monospace;font-size:9px;color:var(--dot-color, #fff);text-shadow:0 0 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);opacity:0;transition:opacity .15s ease;pointer-events:none}.debug-dot:hover .debug-dot__label{opacity:1}.debug-overlay--editor{pointer-events:auto;cursor:crosshair}.debug-panel{position:absolute;top:8px;right:8px;z-index:100;background:#000000e0;border:1px solid rgba(143,163,177,.25);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;max-width:200px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.debug-panel__title{font-family:monospace;font-size:11px;font-weight:700;color:#e8e0d6;letter-spacing:.06em;text-transform:uppercase}.debug-panel__routes{display:flex;flex-direction:column;gap:3px}.debug-route-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--route-color, #888);border-radius:3px;padding:4px 8px;font-family:monospace;font-size:10px;color:#ffffffb3;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.debug-route-btn:hover{background:#ffffff1a;color:#fff}.debug-route-btn--active{background:#ffffff26;color:#fff;border-left-width:4px;font-weight:700}.debug-copy-btn{background:#4a9eff33;border:1px solid rgba(74,158,255,.3);border-radius:3px;padding:5px 8px;font-family:monospace;font-size:10px;color:#4a9eff;cursor:pointer;transition:background .15s ease}.debug-copy-btn:hover{background:#4a9eff59}.debug-panel__help{font-family:monospace;font-size:9px;color:#fff6;line-height:1.4}.debug-dot--dim{opacity:.25;width:5px;height:5px;pointer-events:none}.debug-dot--editable{width:12px;height:12px;cursor:grab;z-index:101;transition:transform .1s ease}.debug-dot--editable:hover{transform:translate(-50%,-50%) scale(1.4)}.debug-dot--dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.6)!important;box-shadow:0 0 12px var(--dot-color, #fff),0 0 24px var(--dot-color, #fff)}.debug-dot__label--visible{opacity:1}.debug-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.audio-control{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10;display:flex;align-items:center;gap:.5rem;background:#282e3ae6;border:1px solid rgba(143,163,177,.2);border-bottom:2px solid var(--color-accent);border-radius:4px;padding:.4rem .6rem;opacity:0;animation:audio-fade-in .6s ease-out 3.5s forwards}.audio-control__btn{background:none;border:none;color:#e8e0d6;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:color .25s ease,background .25s ease}.audio-control__btn:hover{color:var(--color-accent);background:#a81c2a1f}.audio-control__btn:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}.audio-control__volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:3px;background:#8fa3b140;border-radius:2px;outline:none;cursor:pointer;transition:background .25s ease}.audio-control__volume:hover{background:#8fa3b166}.audio-control__volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--color-accent);border:none;box-shadow:0 0 4px #a81c2a66;transition:transform .2s ease,box-shadow .2s ease}.audio-control__volume::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 8px #a81c2a99}.audio-control__volume::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--color-accent);border:none;box-shadow:0 0 4px #a81c2a66}.audio-control--immediate{animation-delay:0s}@keyframes audio-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chatbox{position:fixed;bottom:1.5rem;left:1.5rem;z-index:10;font-family:inherit;width:340px;display:flex;flex-direction:column;animation:chatbox-expand .35s ease-out}.chatbox--minimized{width:auto}.chatbox__header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .7rem;background:#14181ef2;border:1px solid rgba(168,28,42,.35);border-bottom:1px solid rgba(143,163,177,.1);border-radius:4px 4px 0 0}.chatbox--minimized .chatbox__header{border-radius:4px;border-bottom:2px solid rgba(168,28,42,.4);transition:border-radius .3s ease .5s}.chatbox__channel{font-size:.85rem;color:#e8e0d6;letter-spacing:.04em;font-weight:600}.chatbox__minimize{background:none;border:none;color:#8fa3b180;font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .2s ease;border-radius:3px}.chatbox__minimize:hover{color:#e8e0d6}.chatbox__minimize--glow{animation:minimize-glow 1.2s ease-in-out}.chatbox__header--pulse{animation:header-pulse 1s ease-in-out}@keyframes header-pulse{0%{border-color:#a81c2a59;box-shadow:none;transform:scale(1)}15%{border-color:#dc283c;box-shadow:0 0 12px #a81c2ab3,0 0 24px #a81c2a4d;transform:scale(1.03)}30%{transform:scale(1)}50%{border-color:#dc283ce6;box-shadow:0 0 10px #a81c2a80,0 0 20px #a81c2a33}to{border-color:#a81c2a59;box-shadow:none;transform:scale(1)}}@keyframes minimize-glow{0%{color:#8fa3b180;box-shadow:none}30%{color:var(--color-accent);box-shadow:0 0 8px #a81c2a99,0 0 16px #a81c2a4d}70%{color:var(--color-accent);box-shadow:0 0 8px #a81c2a99,0 0 16px #a81c2a4d}to{color:#8fa3b180;box-shadow:none}}.chatbox__content{display:grid;grid-template-rows:1fr;transition:grid-template-rows .8s ease-in-out;overflow:hidden}.chatbox--minimized .chatbox__content{grid-template-rows:0fr}.chatbox__content-inner{min-height:0;overflow:hidden}.chatbox__log{background:#0a0c10e0;border-left:1px solid rgba(168,28,42,.35);border-right:1px solid rgba(168,28,42,.35);padding:.6rem .7rem;height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;scroll-behavior:smooth}.chatbox__log::-webkit-scrollbar{width:4px}.chatbox__log::-webkit-scrollbar-track{background:transparent}.chatbox__log::-webkit-scrollbar-thumb{background:#8fa3b133;border-radius:2px}.chatbox__empty{color:#8fa3b14d;font-size:.9rem;font-style:italic;margin:auto 0;text-align:center}.chatbox__msg{font-size:.92rem;line-height:1.45;animation:chatmsg-in .3s ease-out}.chatbox__sender{color:#8fa3b199;font-weight:600}.chatbox__sender--player{color:var(--color-accent)}.chatbox__text{color:#e8e0d6}.chatbox__form{position:relative;background:#14181ef2;border:1px solid rgba(168,28,42,.35);border-top:none;border-radius:0 0 4px 4px;border-bottom:2px solid rgba(168,28,42,.4);padding:.45rem .5rem}.chatbox__form-row{display:flex;gap:.35rem;align-items:center}.chatbox__input{background:#1e222acc;border:1px solid rgba(143,163,177,.15);border-radius:3px;color:#e8e0d6;padding:.4rem .5rem;font-size:.92rem;font-family:inherit;outline:none;transition:border-color .25s ease}.chatbox__input:focus{border-color:#a81c2a80}.chatbox__input::placeholder{color:#8fa3b14d}.chatbox__input--name{width:80px;flex-shrink:0}.chatbox__input--msg{flex:1;min-width:0}.chatbox__send{background:#a81c2a33;border:1px solid rgba(168,28,42,.4);border-radius:3px;color:#e8e0d6;padding:.4rem .65rem;font-size:.85rem;font-family:inherit;cursor:pointer;flex-shrink:0;transition:background .25s ease,border-color .25s ease}.chatbox__send:hover:not(:disabled){background:#a81c2a59;border-color:#a81c2a99}.chatbox__send:disabled{opacity:.5;cursor:default}.chatbox__error{color:var(--color-accent);font-size:.82rem;margin:.3rem 0 0;line-height:1.3}@keyframes chatbox-expand{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes chatmsg-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.login-form{display:flex;flex-direction:column;gap:1rem;width:300px}.login-form h1{text-align:center}.login-form input{padding:.75rem 1rem;background:var(--color-secondary);border:1px solid rgba(143,163,177,.2);border-radius:4px;color:var(--color-text);font-family:var(--font-body);font-size:1rem;transition:border-color .3s}.login-form input::placeholder{color:#8fa3b180}.login-form input:focus{outline:none;border-color:var(--color-accent)}.login-form button{padding:.75rem;background:var(--color-accent);color:#e8e0d6;border:none;border-radius:4px;font-family:var(--font-title);font-size:1rem;letter-spacing:.1em;cursor:pointer;transition:background .3s}.login-form button:hover{background:#c62333}.login-error{color:var(--color-accent);text-align:center;margin:0}.admin-page{min-height:100vh;padding:2rem;max-width:960px;margin:0 auto}.admin-header{margin-bottom:0;border-bottom:none;padding-bottom:.5rem}.admin-header h1{font-size:1.5rem;letter-spacing:.12em}.admin-nav{display:flex;gap:.25rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(143,163,177,.15);flex-wrap:wrap}.admin-nav__item{padding:.35rem .7rem;font-size:.85rem;color:#8fa3b199;text-decoration:none;border-radius:3px;border:1px solid transparent;transition:color .2s ease,border-color .2s ease,background .2s ease}.admin-nav__item:hover{color:#e8e0d6;border-color:#8fa3b133;background:#8fa3b10f}.admin-nav__item--active{color:#e8e0d6;border-color:var(--color-accent);background:#a81c2a1a}.admin-message{padding:.6rem 1rem;border-radius:4px;margin-bottom:1.5rem;font-size:.9rem;cursor:pointer;transition:opacity .3s ease}.admin-message:hover{opacity:.7}.admin-message--success{background:#2e7d3226;border:1px solid rgba(46,125,50,.3);color:#81c784}.admin-message--error{background:#a81c2a26;border:1px solid rgba(168,28,42,.3);color:#ef9a9a}.admin-layout{display:flex;flex-direction:column;gap:2rem}.admin-section{background:#282e3a99;border:1px solid rgba(143,163,177,.12);border-radius:6px;padding:1.5rem}.admin-section h2{font-size:1.1rem;letter-spacing:.08em;margin-bottom:1.25rem;color:var(--color-text)}.admin-form{display:flex;flex-direction:column;gap:1rem}.admin-form label{display:flex;flex-direction:column;gap:.3rem}.admin-form label span{font-size:.8rem;color:#8fa3b1b3;letter-spacing:.04em}.admin-form input,.admin-form textarea{padding:.6rem .75rem;background:var(--color-secondary);border:1px solid rgba(143,163,177,.2);border-radius:4px;color:var(--color-text);font-family:var(--font-body);font-size:.95rem;transition:border-color .3s ease}.admin-form textarea{resize:vertical}.admin-form input::placeholder,.admin-form textarea::placeholder{color:#8fa3b166}.admin-form input:focus,.admin-form textarea:focus{outline:none;border-color:var(--color-accent)}.admin-form__row{display:flex;gap:1rem}.admin-form__row>label{flex:1}.photo-field{display:flex;flex-direction:column;gap:.5rem}.photo-field__label{display:flex;flex-direction:column;gap:.3rem}.photo-field__row{display:flex;gap:.5rem;align-items:stretch}.photo-field__row input[type=text]{flex:1;min-width:0}.photo-field__file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.photo-field__upload-btn{white-space:nowrap;flex-shrink:0}.photo-field__upload-btn:disabled{opacity:.5;cursor:not-allowed}.photo-field__preview{width:64px;height:64px;border-radius:4px;overflow:hidden;border:1px solid rgba(143,163,177,.15);background:#1a1e2599}.photo-field__thumb{width:100%;height:100%;object-fit:cover;display:block}.admin-form__actions{display:flex;gap:.75rem;margin-top:.5rem}.admin-form__actions button,.admin-btn--edit,.admin-btn--danger,.admin-btn--secondary{padding:.5rem 1rem;border:none;border-radius:4px;font-family:var(--font-title);font-size:.85rem;letter-spacing:.06em;cursor:pointer;transition:background .25s ease,opacity .25s ease}.admin-form__actions button[type=submit]{background:var(--color-accent);color:#e8e0d6}.admin-form__actions button[type=submit]:hover{background:#c62333}.admin-btn--secondary{background:#8fa3b126;color:var(--color-text)}.admin-btn--secondary:hover{background:#8fa3b140}.admin-btn--edit{background:#8fa3b11f;color:var(--color-text)}.admin-btn--edit:hover{background:#8fa3b138}.admin-btn--danger{background:#a81c2a33;color:#ef9a9a}.admin-btn--danger:hover{background:#a81c2a66}.admin-form__actions button:focus-visible,.admin-btn--edit:focus-visible,.admin-btn--danger:focus-visible,.admin-btn--secondary:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}.admin-form__actions button:disabled{opacity:.5;cursor:not-allowed}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{text-align:left;padding:.6rem .75rem;font-family:var(--font-title);font-size:.75rem;letter-spacing:.08em;color:#8fa3b199;border-bottom:1px solid rgba(143,163,177,.15);white-space:nowrap}.admin-table td{padding:.6rem .75rem;border-bottom:1px solid rgba(143,163,177,.08);color:var(--color-text)}.admin-table tbody tr{transition:background .2s ease}.admin-table tbody tr:hover{background:#8fa3b10d}.admin-table__row--active{background:#a81c2a14!important}.admin-table__slug{font-family:monospace;font-size:.85rem;opacity:.7}.admin-table__message{max-width:300px;white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.4}.admin-table__coords{font-family:monospace;font-size:.85rem;white-space:nowrap}.admin-table__actions{display:flex;gap:.4rem;white-space:nowrap}.admin-empty{color:#8fa3b180;font-style:italic;margin:0}.admin-form select{width:100%;padding:.5rem .75rem;background:#1a1e2599;border:1px solid rgba(143,163,177,.2);border-radius:4px;color:#e8e0d6;font-family:var(--font-body);font-size:.9rem}.admin-form select:focus{outline:none;border-color:var(--color-accent)}.admin-buffs{margin:.5rem 0}.admin-buffs__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.admin-buffs__header>span{font-size:.85rem;color:var(--color-text);letter-spacing:.04em}.admin-buffs__row{display:flex;gap:.4rem;align-items:center;margin-bottom:.3rem}.admin-buffs__stat{flex:2}.admin-buffs__value{flex:1;max-width:80px}.icon-picker{position:relative}.icon-picker__trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:var(--color-secondary);border:1px solid rgba(143,163,177,.2);border-radius:4px;color:var(--color-text);font-size:.95rem;cursor:pointer;transition:border-color .3s ease}.icon-picker__trigger:hover,.icon-picker__trigger:focus-visible{border-color:var(--color-accent)}.icon-picker__trigger:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}.icon-picker__preview{display:flex;align-items:center}.icon-picker__name{flex:1;text-align:left;font-size:.85rem;color:#8fa3b1b3}.icon-picker__chevron{font-size:.7rem;color:#8fa3b180}.icon-picker__dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:20;width:280px;background:#1e222af7;border:1px solid rgba(143,163,177,.2);border-radius:6px;padding:8px;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-picker__search{width:100%;padding:.4rem .6rem;margin-bottom:8px;background:#ffffff0f;border:1px solid rgba(143,163,177,.15);border-radius:4px;color:var(--color-text);font-family:var(--font-body);font-size:.8rem;outline:none;box-sizing:border-box}.icon-picker__search::placeholder{color:#8fa3b166}.icon-picker__search:focus{border-color:var(--color-accent)}.icon-picker__scroll{max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(143,163,177,.2) transparent}.icon-picker__category{margin-bottom:8px}.icon-picker__category-label{font-family:var(--font-title);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#8fa3b166;padding:2px 4px 4px}.icon-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.icon-picker__option{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;color:var(--color-text);background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.icon-picker__option:hover{background:#8fa3b11f;transform:scale(1.15)}.icon-picker__option:focus-visible{outline:1px solid var(--color-accent);outline-offset:1px}.icon-picker__option--selected{background:#a81c2a33;border-color:var(--color-accent)}.icon-picker__empty{text-align:center;padding:1rem;color:#8fa3b166;font-size:.8rem}.icon-picker__clear{display:block;width:100%;margin-top:6px;padding:5px;background:none;border:none;border-top:1px solid rgba(143,163,177,.1);color:#8fa3b180;font-family:monospace;font-size:.75rem;cursor:pointer;transition:color .15s ease}.icon-picker__clear:hover{color:var(--color-text)}.icon-picker__clear:focus-visible{color:var(--color-text);outline:1px solid var(--color-accent);outline-offset:1px}@media(max-width:768px){.home-page{height:100vh;height:100dvh;min-height:0;display:block;overflow:auto}.map-container{min-height:110vh;min-height:110dvh;width:auto;max-height:none;max-width:none;aspect-ratio:2816 / 1536;overflow:visible}.char-portrait{display:none}.name-card{position:fixed;top:auto;bottom:0;right:0;left:0;z-index:10;border-radius:0;border-top:1px solid rgba(143,163,177,.2);padding:.4rem .6rem;background:#1e222aeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.name-card h2{font-size:.75rem;letter-spacing:.08em;color:#8fa3b1b3}.map-legend{flex-direction:row;flex-wrap:wrap;gap:.15rem .3rem;margin-top:.3rem;padding-top:.3rem}.map-legend__item{padding:.2rem .35rem}.map-legend__name{font-size:.7rem}.map-legend__icon{width:16px;height:16px;font-size:.65rem}.map-marker{padding:4px;margin:-4px}.map-marker__label{font-size:.7rem}.warrior--shrunk{height:6%}.audio-control{right:1rem;padding:.3rem .5rem}.audio-control--map{bottom:3.5rem}.chatbox{bottom:3.5rem;left:1rem;width:calc(100vw - 2rem);max-width:340px}.chatbox--minimized{width:auto}.chatbox__log{height:140px}.chatbox__input--name{width:60px}}@media(max-width:600px){.admin-page{padding:1rem}.admin-form__row{flex-direction:column}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.5rem}}.destination-page{background:var(--color-bg)}.destination-page--tavern{background:url(/images/tavern-bg.jpg) center/cover no-repeat fixed;min-height:100vh;position:relative;flex-direction:column;gap:1.5rem;padding:2rem 1rem}.destination-page--tavern:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 85%,rgba(255,130,40,.28),transparent 72%);animation:fireGlow 5s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes fireGlow{0%,to{opacity:.35}35%{opacity:.75}50%{opacity:.6}75%{opacity:.85}}.tavern-menu{position:relative;z-index:2;width:100%;max-width:520px;margin:0 auto;padding:1.5rem;animation:dest-arrive .6s ease-out}.tavern-menu__inner{background:linear-gradient(135deg,rgba(210,180,140,.06) 0%,transparent 50%),linear-gradient(to bottom,#d4b896,#e8d5b7 3%,#f0e4cc 15%,#ede0c0,#e5d4aa 85%,#d9c89a 97%,#c9b888);border-radius:2px;padding:2.5rem 2rem 2rem;box-shadow:0 2px 20px #00000080,inset 0 0 60px #8b693c26,inset 0 0 120px #6543210f;position:relative;border:1px solid rgba(139,105,60,.3)}.tavern-menu__inner:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(139,105,60,.12);border-radius:1px;pointer-events:none}.tavern-menu__title{font-family:var(--font-title);font-size:1.8rem;text-align:center;color:#3a2a14;letter-spacing:.15em;margin:0 0 .25rem;text-shadow:0 1px 0 rgba(255,255,255,.3)}.tavern-menu__divider{height:2px;background:linear-gradient(to right,transparent,#8b6914 30%,#a07828 50%,#8b6914 70%,transparent);margin:.5rem 2rem 1.5rem;opacity:.5}.tavern-menu__category{margin-bottom:1.25rem}.tavern-menu__category-header{font-family:var(--font-title);font-size:1.05rem;color:#5a3a1a;letter-spacing:.08em;margin:0 0 .6rem;padding-bottom:.3rem;border-bottom:1px solid rgba(139,105,60,.2);text-shadow:0 1px 0 rgba(255,255,255,.2)}.tavern-menu__category-emoji{margin-right:.4rem;font-size:.95em}.tavern-menu__item{margin-bottom:.6rem;padding-left:.25rem}.tavern-menu__item-header{display:flex;align-items:baseline;gap:.3rem}.tavern-menu__item-name{font-family:var(--font-body);font-size:.95rem;color:#3a2a14;font-weight:600;white-space:nowrap}.tavern-menu__item-dots{flex:1;border-bottom:1px dotted rgba(90,58,26,.3);margin-bottom:.25em;min-width:1rem}.tavern-menu__item-price{font-family:var(--font-body);font-size:.9rem;color:#7a5a2a;font-style:italic;white-space:nowrap}.tavern-menu__item-desc{font-family:var(--font-body);font-size:.8rem;color:#6a5030;margin:.15rem 0 .2rem;font-style:italic;line-height:1.3;opacity:.85}.tavern-menu__item-buffs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.tavern-menu__buff{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.02em}.tavern-menu__buff--positive{color:#2d6a2d}.tavern-menu__buff--negative{color:#8b2020}.tavern-menu__footer{text-align:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(139,105,60,.15)}.tavern-menu__footer span{font-family:var(--font-body);font-size:.75rem;color:#8a7050;font-style:italic;letter-spacing:.05em}@media(max-width:768px){.tavern-menu{padding:1rem .5rem;max-width:100%}.tavern-menu__inner{padding:1.5rem 1.25rem 1.25rem}.tavern-menu__title{font-size:1.4rem}}.destination-card{text-align:center;max-width:400px;padding:2.5rem;background:#282e3acc;border:1px solid rgba(143,163,177,.15);border-top:2px solid var(--color-accent);border-radius:6px;animation:dest-arrive .5s ease-out;position:relative;z-index:2}.destination-card__icon{font-size:2rem;display:block;margin-bottom:1rem}.destination-card h1{font-size:1.5rem;letter-spacing:.1em;margin-bottom:1rem}.destination-card__desc{color:var(--color-text);margin:0 0 1.5rem;line-height:1.8}.destination-card__wip{color:#8fa3b180;font-style:italic;margin:0 0 1.5rem}.destination-card__back{display:inline-block;padding:.5rem 1.25rem;background:var(--color-accent);color:#e8e0d6;text-decoration:none;border-radius:4px;font-family:var(--font-title);font-size:.85rem;letter-spacing:.06em;transition:background .3s ease}.destination-card__back:hover{background:#c62333}.destination-card__back:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}@keyframes dest-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.char-level{color:var(--color-accent);font-style:normal;margin-left:.5rem;font-size:.75rem}.char-attrs{display:flex;flex-direction:column;gap:.5rem}.char-attrs__label{font-size:.8rem;color:#8fa3b1b3;letter-spacing:.04em}.char-attrs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.char-attr{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:#ffffff0a;border-radius:4px;border:1px solid rgba(143,163,177,.08)}.char-attr__name{font-family:monospace;font-size:.75rem;color:#8fa3b199;width:2.5em}.star-rating{display:flex;gap:1px}.star-rating__star{background:none;border:none;padding:0;font-size:1rem;cursor:pointer;color:#8fa3b14d;transition:color .15s ease,transform .15s ease;line-height:1}.star-rating__star:hover{transform:scale(1.2)}.star-rating__star--filled{color:var(--color-accent)}@media(max-width:600px){.char-attrs__grid{grid-template-columns:repeat(2,1fr)}}.hearth-page{min-height:100vh;background:var(--color-bg);padding:2rem}.hearth-header{text-align:center;margin-bottom:2rem}.hearth-back{font-size:1rem;color:#8fa3b180;text-decoration:none;transition:color .2s ease}.hearth-back:hover{color:var(--color-text)}.hearth-title{font-size:2.5rem;letter-spacing:.15em;margin:.75rem 0 .25rem;color:#e8e0d6}.hearth-subtitle{font-size:1.1rem;color:#8fa3b180;font-style:italic;margin:0}.party-status{max-width:900px;margin:0 auto 2.5rem;background:#282e3ab3;border:1px solid rgba(143,163,177,.12);border-top:2px solid var(--color-accent);border-radius:4px;padding:.75rem 1.25rem}.party-status__label{font-family:var(--font-title);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:#8fa3b166;display:block;margin-bottom:.4rem}.party-status__list{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.party-status__member{display:flex;align-items:center;gap:.35rem;font-size:1rem;color:var(--color-text)}.party-status__dot{width:6px;height:6px;border-radius:50%;background:#4aff7f;box-shadow:0 0 4px #4aff7f66;flex-shrink:0}.party-status__text{color:#adc1cfbf;font-style:italic;font-size:1.1rem}.tc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;margin:0 auto}.tc-card{background:#282e3ad9;border:1px solid rgba(143,163,177,.15);border-top:2px solid var(--color-accent);border-radius:6px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;animation:tc-arrive .5s ease-out both}.tc-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006,0 0 12px #a81c2a26}@keyframes tc-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tc-card__art{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#1a1e2599}.tc-card__photo{width:100%;height:100%;object-fit:cover;object-position:top}.tc-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:3rem;color:#8fa3b126;background:linear-gradient(135deg,#282e3acc,#1a1e25e6)}.tc-card__header{padding:1rem 1.25rem;border-bottom:1px solid rgba(143,163,177,.1);display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.tc-card__identity{min-width:0}.tc-card__name{font-family:var(--font-title);font-size:1.5rem;letter-spacing:.08em;color:#e8e0d6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-card__title{font-size:1.3rem;color:#adc1cfcc;font-style:italic;margin:.25rem 0 0}.tc-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0}.tc-card__level{font-family:var(--font-title);font-size:1rem;letter-spacing:.06em;color:var(--color-accent)}.tc-card__class{font-size:.85rem;color:#8fa3b180;letter-spacing:.04em}.tc-card__attrs{padding:.75rem 1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1.25rem;border-bottom:1px solid rgba(143,163,177,.1)}.tc-attr{display:flex;align-items:center;gap:.4rem;font-size:1rem}.tc-attr__icon{width:1.4em;text-align:center;flex-shrink:0}.tc-attr__label{font-family:monospace;font-size:.85rem;color:#8fa3b180;width:2.5em}.tc-stars{display:flex;gap:2px;font-size:1rem}.tc-star--filled{color:var(--color-accent)}.tc-star--empty{color:#8fa3b133}.tc-card__abilities{padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;border-bottom:1px solid rgba(143,163,177,.1)}.tc-ability{display:flex;flex-direction:column;gap:.2rem}.tc-ability__type{font-family:var(--font-title);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#8fa3b159}.tc-ability__name{font-size:1.35rem;color:#e8e0d6;font-style:italic}.tc-ability__desc{font-size:1.2rem;color:#adc1cfbf;margin:0;line-height:1.5}.tc-card__lore{padding:.75rem 1.25rem}.tc-card__lore p{font-size:1.2rem;color:#adc1cfb3;line-height:1.6;margin:0;font-style:italic}.hearth-empty{text-align:center;padding:3rem;color:#8fa3b180;font-style:italic}@media(max-width:1100px){.tc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hearth-page{padding:1rem}.tc-grid{grid-template-columns:1fr}.hearth-title{font-size:1.5rem}}.wp-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.wp-page__header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#282e3acc;border-bottom:1px solid rgba(143,163,177,.12);flex-shrink:0}.wp-page__header h1{font-size:1.1rem;letter-spacing:.1em;margin:0}.wp-page__back{font-family:var(--font-body);font-size:.85rem;color:#8fa3b199;text-decoration:none;transition:color .2s ease;flex-shrink:0}.wp-page__back:hover{color:var(--color-text)}.wp-page__message{margin:0;font-size:.8rem;padding:.4rem .8rem}.wp-loading{flex:1;display:flex;align-items:center;justify-content:center}.wp-editor{display:flex;gap:1rem;flex:1;min-height:0;padding:.75rem}.wp-sidebar{flex:0 0 180px;display:flex;flex-direction:column;gap:.75rem}.wp-sidebar__routes{display:flex;flex-direction:column;gap:3px}.wp-route-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--route-color, #888);border-radius:3px;padding:6px 8px;font-family:var(--font-body);font-size:.75rem;color:#fff9;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.wp-route-btn:hover{background:#ffffff14;color:#fff}.wp-route-btn--active{background:#ffffff1f;color:#fff;border-left-width:4px}.wp-route-btn--active .wp-route-btn__name{font-weight:600}.wp-route-btn--dirty .wp-route-btn__name:after{content:" •";color:var(--color-accent)}.wp-route-btn__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-route-btn__count{font-family:monospace;font-size:.65rem;opacity:.5;flex-shrink:0}.wp-sidebar__actions{display:flex;flex-direction:column;gap:.4rem}.wp-save-btn{padding:.5rem .75rem;background:var(--color-accent);color:#e8e0d6;border:none;border-radius:4px;font-family:var(--font-title);font-size:.8rem;letter-spacing:.04em;cursor:pointer;transition:background .25s ease,opacity .25s ease}.wp-save-btn:hover:not(:disabled){background:#c62333}.wp-save-btn:disabled{opacity:.4;cursor:not-allowed}.wp-save-all-btn{font-size:.75rem!important;padding:.4rem .6rem!important}.wp-sidebar__help{font-size:.7rem;color:#8fa3b166;line-height:1.5;padding-top:.5rem;border-top:1px solid rgba(143,163,177,.1)}.wp-sidebar__help strong{color:#8fa3b199}.wp-canvas{flex:1;min-width:0}.wp-map-wrap{position:relative;width:100%;aspect-ratio:2816 / 1536;border-radius:4px;overflow:hidden;cursor:crosshair;border:1px solid rgba(143,163,177,.15)}.wp-map-img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.wp-map-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1e2559;pointer-events:none}.wp-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.wp-lines--active{z-index:2}.wp-dot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:var(--dot-color, #fff);box-shadow:0 0 4px var(--dot-color, #fff)}.wp-dot--dim{width:4px;height:4px;opacity:.3;pointer-events:none}.wp-dot--editable{width:10px;height:10px;cursor:grab;z-index:3;transition:transform .1s ease}.wp-dot--editable:hover{transform:translate(-50%,-50%) scale(1.4)}.wp-dot--dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.6)!important;box-shadow:0 0 10px var(--dot-color, #fff),0 0 20px var(--dot-color, #fff)}.wp-dot__label{position:absolute;left:14px;top:-2px;white-space:nowrap;font-family:monospace;font-size:9px;color:var(--dot-color, #fff);text-shadow:0 0 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .15s ease}.wp-dot--editable:hover .wp-dot__label,.wp-dot--dragging .wp-dot__label{opacity:1}.wp-marker{position:absolute;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#e8e0d680;border:1px solid rgba(232,224,214,.3);pointer-events:none;z-index:1}.wp-marker--town{width:10px;height:10px;background:#ffffffb3;border-color:#ffffff80}.wp-marker--gamepiece{width:20px;height:20px;background:none;border:none;overflow:visible}.wp-marker__gamepiece-img{width:20px;height:20px;display:block;filter:drop-shadow(0 0 4px rgba(168,28,42,.5))}.wp-marker__label{position:absolute;left:12px;top:-4px;white-space:nowrap;font-family:var(--font-title);font-size:8px;letter-spacing:.06em;color:#e8e0d699;text-shadow:0 0 4px rgba(0,0,0,.9)}@media(max-width:700px){.wp-editor{flex-direction:column}.wp-sidebar{flex:none;flex-direction:row;flex-wrap:wrap;gap:.5rem}.wp-sidebar__routes{flex-direction:row;flex-wrap:wrap;flex:1}.wp-sidebar__actions{flex-direction:row}.wp-sidebar__help{display:none}}.fog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:var(--color-bg);transition:opacity 2.5s ease-out}.fog-overlay.fog-fading{opacity:0}.fog-particles,.fog-particles canvas{width:100%!important;height:100%!important}