/* Gudnak application layout with Aidalon preview palette. */
:root{--app-bg:#171c30;--app-panel:#222942;--brand-accent:#d2ad67;--brand-green:#80b3a0;--ui-color-input:#20263c;font-size:16px;line-height:1.5;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{width:100%;margin:0;padding:0}.brand{font-size:25px;font-weight:700;text-decoration:none;color:#f1dcaf;line-height:1.15;display:block}.publisher{display:block;margin-top:12px;color:#9fb3b6;font-size:12px}.sidebar-hero{background:linear-gradient(145deg,#334a51,#222942 70%);padding:36px 30px}.sidebar-identity{display:block;padding:12px 22px;color:#aab5c6;font-size:13px}.stage{padding:9px 24px;background:#21273c;border-bottom:1px solid #ffffff12;color:#a8b4c7;font-size:12px}.section-content{max-width:80rem;margin:auto;padding:24px 32px}.directory-content{max-width:72rem;padding:24px}.page-title{margin:0;font-size:1.1rem}a{color:var(--brand-accent)}h1,h2,h3{font-weight:600}h1{font-size:28px}h2{font-size:20px}p{line-height:1.5}button,input,textarea,select{font:inherit}button{border:1px solid #ffffff24;border-radius:8px;background:var(--brand-accent);color:#171c30;padding:9px 14px;cursor:pointer;min-height:40px}button.secondary{background:#ffffff06;color:#d5dce7}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:default}.sidebar-nav a.active{color:var(--brand-accent)}label{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#bcc6d6}input,textarea,select{border:1px solid #ffffff20;border-radius:9px;padding:10px 12px;background:#20263c;color:#edf0f6;max-width:100%;min-height:42px}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}form{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:22px 0}form h2{width:100%}form textarea{min-width:240px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}.filters label:first-child{flex:1;min-width:180px}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px 16px}.card{background:transparent;border:0;padding:0;min-width:0}.card-image{display:block;width:100%;aspect-ratio:5/7;object-fit:contain;border-radius:8px;cursor:pointer;transition:transform .15s}.card-image:hover{transform:translateY(-3px)}.card h3{font-size:16px;margin:10px 0 3px}.card p{margin:4px 0 10px;color:#a9b4c6;font-size:13px}.card .tag{font-size:11px;text-transform:capitalize;color:#b9c6cc}.card button{width:100%;background:#ffffff07;color:#d6dfed;min-height:32px;padding:5px 12px}.deck-editor{background:var(--app-panel);border:1px solid #ffffff14;border-radius:12px;padding:20px;align-self:start;position:sticky;top:76px}.deck-editor>label{margin:12px 0}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.deck-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff12;padding:10px 0}.deck-row span{flex:1;font-size:14px}.deck-row button{padding:0 8px;min-height:28px;background:#ffffff08;color:#d7dfed}.muted{color:#9ba7bc;font-size:12px}#validation{background:#171c30;padding:12px;font-size:13px;border-radius:8px;margin:18px 0}#validation ul{padding-left:18px;margin-bottom:0}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin:24px 0}.tile{background:var(--app-panel);border:1px solid #ffffff14;border-radius:14px;padding:20px 24px;min-width:0}.tile h2{margin:0 0 6px;font-size:19px}.tile p{font-size:14px;color:#a6b3c8}.tile button{margin-right:8px}.list-card{cursor:default;align-items:start}.directory-icon{width:48px;height:48px;border-radius:12px;background:#d2ad6718;display:flex;align-items:center;justify-content:center;color:var(--brand-accent);flex-shrink:0}.directory-info{flex:1;min-width:0}.directory-info p{margin:5px 0}.directory-content>label{max-width:400px}#notice:empty{display:none}#notice{padding:12px 24px;background:#394052;margin:0;color:#ffdeb0}#discussion{padding:24px 32px}.comment{border-bottom:1px solid #ffffff15;padding:14px 0}.check{flex-direction:row;align-items:center}#profile-form{max-width:650px;display:grid}#account{border-bottom:1px solid #ffffff15;background:var(--app-panel)}details{margin:18px 0}[hidden]{display:none!important}.catalog.table-view{display:block;overflow:auto}.card-table{width:100%;border-collapse:collapse;text-align:left}.card-table th,.card-table td{padding:12px;border-bottom:1px solid #ffffff16}.card-table th{font-size:12px;color:#a8b5cc}.card-table button{min-height:32px;padding:4px 12px}.tiles.table-view{display:block}.tiles.table-view .tile{border-radius:0;border-width:0 0 1px;display:grid;grid-template-columns:2fr 3fr auto;gap:16px;align-items:center;padding:14px}.tiles.table-view .tile p{margin:0}.preview-dialog{max-width:min(460px,90vw);padding:16px;background:var(--app-panel);border:1px solid #ffffff22;border-radius:12px;color:#fff}.preview-dialog::backdrop{background:#000b}.preview-dialog img{width:100%;max-height:75vh;object-fit:contain}.preview-dialog .actions{margin:8px 0 0}@media(max-width:1100px){.builder-layout{grid-template-columns:minmax(0,1fr) 300px}.catalog{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}@media(max-width:768px){.stage{padding-left:72px;min-height:72px;display:flex;align-items:center}.section-content{padding:20px 16px}.builder-layout{grid-template-columns:1fr}.deck-editor{position:static}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.tiles{grid-template-columns:1fr}.tiles.table-view .tile{display:block}.view-toggle-bar .inner{height:auto;min-height:56px;flex-wrap:wrap;padding:10px 16px;gap:8px}.preview-dialog{max-height:90vh;overflow:auto}.mobile-menu-btn{font-family:system-ui}.sidebar{font-family:Georgia,serif}.view-btn{font-size:12px}.card-table{font-size:13px}}

.card .art-button{display:block;background:transparent;border:0;padding:0;min-height:0;border-radius:8px}.card .art-button:hover{filter:none}.card .art-button:focus-visible{outline-offset:4px}

#editor-catalog>.section-content{padding:0}.deck-editor{max-height:calc(100vh - 90px);overflow:auto}@media(max-width:768px){.deck-editor{max-height:none;overflow:visible}}

.directory-content.map-layout{max-width:none;position:relative;min-height:calc(100vh - 92px);padding:0}.directory-map{position:absolute;inset:0;z-index:0}.map-layout>.directory-list-panel{position:relative;z-index:1000;width:360px;max-height:calc(100vh - 124px);overflow:auto;margin:16px;padding:20px;background:var(--app-panel);border:1px solid #ffffff20;border-radius:16px;box-shadow:0 8px 32px #0008}.map-layout .tiles{grid-template-columns:1fr}.map-layout .tile{padding:12px 0;border-width:0 0 1px;border-radius:0}.map-layout .directory-icon{width:32px;height:32px}.map-layout .list-card{gap:10px}.location-dialog{width:min(700px,92vw);padding:24px;border-radius:16px;background:var(--app-panel);color:#fff;border:1px solid #ffffff20}.location-dialog::backdrop{background:#000a}.location-picker{height:45vh;min-height:250px}.leaflet-popup-content-wrapper{background:var(--app-panel);color:#fff}.leaflet-popup-tip{background:var(--app-panel)}@media(max-width:768px){.directory-content.map-layout{min-height:calc(100vh - 130px)}.map-layout>.directory-list-panel{position:absolute;bottom:0;left:0;right:0;width:auto;max-height:42vh;margin:0;border-radius:16px 16px 0 0}.map-layout .directory-map{height:100%}}

.sidebar-hero .brand img{display:block;width:215px;height:auto;max-width:100%;filter:invert(1);mix-blend-mode:screen}.sidebar-hero{padding:24px 24px 32px}

.map-layout>.directory-list-panel{position:absolute;top:16px;bottom:16px;left:16px;margin:0;max-height:none}@media(max-width:768px){.map-layout>.directory-list-panel{top:auto;left:0;bottom:0;max-height:42vh}}