:root{--class-death-knight: #C41E3A;--class-demon-hunter: #A330C9;--class-druid: #FF7C0A;--class-evoker: #33937F;--class-hunter: #AAD372;--class-mage: #3FC7EB;--class-monk: #00FF98;--class-paladin: #F48CBA;--class-priest: #FFFFFF;--class-rogue: #FFF468;--class-shaman: #0070DD;--class-warlock: #8788EE;--class-warrior: #C69B6D;--gold: #d4af37;--gold-bright: #f4e4bc;--gold-dim: rgba(212, 175, 55, .3);--bg-dark: #0f0a14;--bg-card: rgba(20, 12, 28, .85);--shadow-glow: 0 0 20px rgba(138, 43, 226, .3);--completed-glow: 0 0 18px rgba(0, 255, 152, .55);--danger: #c0392b;--danger-dim: rgba(192, 57, 43, .4)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Open Sans,sans-serif;color:var(--gold-bright);background:var(--bg-dark);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(88,28,135,.4),transparent),radial-gradient(ellipse 80% 60% at 80% 50%,rgba(75,0,130,.25),transparent),radial-gradient(ellipse 60% 80% at 20% 80%,rgba(72,61,139,.2),transparent)}#app{max-width:1400px;margin:0 auto;padding:1.5rem 1.25rem 3rem;min-height:100vh}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;position:relative}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.6) 30%,rgba(212,175,55,.8) 50%,rgba(212,175,55,.6) 70%,transparent 100%)}.header h1{font-family:Cinzel,serif;font-size:clamp(1.35rem,3vw,2rem);color:var(--gold);margin:0;letter-spacing:.04em;text-shadow:0 0 16px rgba(212,175,55,.45),0 0 40px rgba(212,175,55,.15)}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-pills{display:flex;gap:.35rem}.filter-pill{background:transparent;border:1px solid var(--gold-dim);color:#f4e4bc99;padding:.35rem .9rem;border-radius:999px;font-size:.8rem;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;line-height:1.4}.filter-pill:hover{border-color:#d4af3799;color:var(--gold-bright)}.filter-pill--active{background:#d4af3721;border-color:#d4af37b3;color:var(--gold);font-weight:600}.btn{background:linear-gradient(145deg,#3a3a3a,#222);border:1px solid rgba(212,175,55,.45);color:var(--gold-bright);padding:.45rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.btn:hover{background:linear-gradient(145deg,#505050,#333);border-color:var(--gold)}.btn-ghost{background:transparent;border-color:var(--gold-dim)}.btn-ghost:hover{background:#ffffff0d;border-color:#d4af3799}.btn-danger{background:transparent;border-color:var(--danger-dim);color:#dc503cd9}.btn-danger:hover{background:#c0392b1a;border-color:#c0392bb3;color:#e05c4a}.characters-section{margin-bottom:1rem}.characters-section h2{font-family:Cinzel,serif;font-size:.75rem;color:#d4af3780;margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.12em}.characters-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.character-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:6px;border:1px solid rgba(212,175,55,.2);background:var(--bg-card);font-size:.85rem;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.character-chip:hover{border-color:#d4af3773;background:#140c1cf2}.character-chip .char-name{font-weight:600}.character-chip .char-class{font-size:.75rem;opacity:.65}.character-chip .char-progress{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:#ffffff0f;color:var(--class-color, var(--gold));border:1px solid rgba(255,255,255,.1);margin-left:.05rem;flex-shrink:0}.char-actions{display:flex;gap:.05rem;opacity:0;transition:opacity .15s}.character-chip:hover .char-actions{opacity:1}.char-actions button{background:none;border:none;color:#f4e4bc8c;cursor:pointer;padding:0 .25rem;font-size:1rem;line-height:1;transition:color .12s}.char-actions button:hover{color:#fff}.character-chip--selected{border-color:#d4af37b3;box-shadow:0 0 12px #d4af3740;background:#d4af3717}.btn-add{margin-top:.5rem;border-style:dashed;border-color:var(--gold-dim);background:transparent;color:#f4e4bc8c;font-size:.82rem;padding:.35rem .85rem;border-radius:6px;transition:border-color .15s,color .15s,background .15s}.btn-add:hover:not(:disabled){border-color:#d4af3799;color:var(--gold-bright);background:#d4af370f}.btn-add:disabled{opacity:.3;cursor:not-allowed}.progress-section{margin-bottom:1.5rem}.progress-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.45rem;font-size:.8rem}.progress-label{color:#f4e4bca6}.progress-sep{color:#f4e4bc59;margin:0 .15rem}.progress-week{color:#d4af3773;font-size:.72rem;font-family:Cinzel,serif;letter-spacing:.06em}.progress-track{height:3px;background:#ffffff1a;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.progress-fill{height:100%;background:linear-gradient(90deg,#d4af37d9,#f4e4bc);border-radius:999px;transition:width .4s ease}.dungeon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media(max-width:900px){.dungeon-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dungeon-grid{gap:.75rem}}.dungeon-tile{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:.85rem;min-height:185px;background:var(--bg-card);background-image:linear-gradient(to top,#000000d1,#00000026 45%,#0000004d),var(--dungeon-image, none);background-size:cover;background-position:center;border:1px solid rgba(212,175,55,.18);border-radius:8px;box-shadow:inset 0 1px #ffffff0d,0 4px 16px #00000080;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;overflow:hidden;font-family:inherit}.dungeon-tile:hover{transform:scale(1.025);border-color:#d4af37a6;box-shadow:0 0 0 1px #d4af3740,0 8px 28px #0000008c}.dungeon-tile.completed:before{content:"";position:absolute;inset:0;background:#00ff9812;border-radius:7px;pointer-events:none;z-index:1}.dungeon-tile.completed{border-color:#00ff9873;box-shadow:var(--completed-glow),0 4px 16px #00000080}.dungeon-tile.completed:after{content:"✓";position:absolute;top:.6rem;right:.6rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00c87833;border:1px solid rgba(0,255,152,.5);border-radius:50%;color:#00ff98;font-weight:700;font-size:.9rem;z-index:3}.dungeon-tile.hidden-by-filter{display:none}.dungeon-tile .tile-name{font-family:Cinzel,serif;font-size:clamp(.72rem,1.4vw,.92rem);color:#fff;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,1),0 0 12px rgba(0,0,0,.8);position:relative;z-index:2;line-height:1.35}.tooltip{position:fixed;padding:.45rem .7rem;background:#0a0610f7;border:1px solid rgba(212,175,55,.35);border-radius:6px;color:var(--gold-bright);font-size:.78rem;max-width:260px;pointer-events:none;z-index:1000;box-shadow:0 4px 16px #0009}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;transition:visibility .1s,opacity .1s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1}.modal{border:none;border-radius:10px;padding:0;background:transparent;max-width:90vw;width:340px}.modal::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:#100b1a;border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:1.5rem;box-shadow:0 16px 48px #000000bf}.modal-content h2{font-family:Cinzel,serif;font-size:1.05rem;color:var(--gold);margin:0 0 1.25rem;text-shadow:0 0 14px rgba(212,175,55,.3);letter-spacing:.04em}#character-form label{display:block;margin-top:1rem;margin-bottom:.3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#f4e4bc80}#character-form label:first-of-type{margin-top:0}#character-form input[type=text],#character-form select{width:100%;padding:.5rem .7rem;background:#0006;border:1px solid rgba(212,175,55,.25);border-radius:6px;color:var(--gold-bright);font-size:.92rem;font-family:inherit;transition:border-color .15s}#character-form input[type=text]:focus,#character-form select:focus{outline:none;border-color:#d4af37a6}.class-row{display:flex;align-items:center;gap:.6rem}.class-color-preview{width:13px;height:13px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2);transition:background .15s}.class-row select{flex:1;width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}