:root{--color-black: #101114;--color-dark-1: #161517;--color-dark-2: #323335;--color-maroon: #2f0c0d;--color-red: #7a0000;--color-yellow: #d98a2b;--color-white: #d1d5db;--bg: var(--color-black);--bg-alt: var(--color-dark-1);--surface: var(--color-dark-2);--surface-soft: var(--color-dark-1);--border-subtle: #3f3f42;--border-strong: var(--color-black);--text-main: #f9fafb;--text-muted: #d1d5db;--accent: var(--color-red)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dungeon-name{font-size:2rem;font-weight:700;max-width:1300px;margin:0 auto;padding:10px 0;color:var(--text-muted)}.section{max-width:1300px;margin:0 auto;padding:0}.section-name{font-size:1.3rem;font-weight:700;letter-spacing:.12em;margin-bottom:12px;color:var(--color-yellow)}.ability-container{display:flex;gap:22px;align-items:center;position:relative;margin-bottom:36px}.ability-suggestion{position:absolute;left:-10px;bottom:-10px}.ability-suggestion h1{display:inline-block;padding:0 10px;font-size:1.2rem;background-color:var(--color-yellow);border-radius:3px;border-color:#3f3f42;color:var(--color-dark-1);margin:0 6px;text-transform:uppercase}.ability-suggestion p{width:fit-content;padding:5px 10px;font-size:.8rem;font-weight:600;background-color:var(--color-dark-1);color:var(--color-white);border-radius:3px;border-color:var(--color-white);border:solid 1px var(--color-dark-2);margin:0;text-transform:uppercase}.ability-video{flex:0 0 520px;position:relative;aspect-ratio:16 / 9}.ability-video video,.ability-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;overflow:hidden}.ability-list{flex:1;padding:18px 22px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--surface);box-shadow:0 18px 45px #000000bf;display:flex;flex-direction:column}.ability-item{display:flex;align-items:center;gap:16px;padding:10px 4px;border-bottom:1px solid rgba(0,0,0,.6)}.ability-item:last-child{border-bottom:none}.ability-item img{width:50px;height:50px;border-radius:3px;object-fit:cover;border:2px solid var(--border-strong);box-shadow:0 3px 6px #000000d9}.ability-text h1,.ability-text h2{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:var(--text-muted)}.ability-text p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-muted)}@media(max-width:900px){body{padding:0 10px 20px}.dungeon-name,.section{max-width:100%;margin:0 auto;font-size:1.4rem;text-align:left}.section-name{font-size:1.1rem;margin-top:16px;margin-bottom:8px}.ability-container{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:28px}.ability-video{flex:0 0 auto;width:100%;max-width:100%;aspect-ratio:16 / 9}.ability-list{padding:0}.ability-suggestion h1{padding:.2rem 10px;font-size:.8rem;margin:0}.ability-suggestion p{padding:.5rem 10px;font-size:.8rem;font-weight:600;margin:0 0 -10px}}.header-bar{position:sticky;top:0;background-color:var(--color-black);z-index:99;width:100%;margin:32px auto 24px}.header-container{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 0;max-width:1300px;margin:32px auto 24px;border-bottom:1px solid var(--border-subtle)}.logo{font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-main)}.header-nav-container{display:flex;gap:24px;align-items:center}.header-nav-option{position:relative;font-size:1rem;font-weight:500;color:var(--text-main);cursor:pointer;padding:4px 0;transition:color .2s ease,transform .2s ease}.header-nav-option:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--accent);transition:width .2s ease}.header-nav-option:hover{color:var(--text-main);transform:translateY(-1px)}.header-nav-option:hover:after{width:100%}.header-nav-dropdown{position:relative;padding-bottom:6px}.header-dropdown-menu{position:absolute;top:100%;right:0;margin-top:0;background:var(--color-dark-1);border:1px solid var(--border-subtle);border-radius:3px;padding:6px 0;box-shadow:0 18px 45px #000000bf;display:none;z-index:200;text-align:right}.header-nav-dropdown:hover .header-dropdown-menu{display:block}.header-dropdown-item{padding:8px 14px;font-size:.9rem;color:var(--text-muted);white-space:nowrap;cursor:pointer}.header-container a:hover,.header-container a:focus,.header-container a:active,.header-container a:visited{text-decoration:none;color:inherit}.header-container a{text-decoration:none;color:inherit}.header-dropdown-item:hover{background:var(--color-dark-2);color:var(--text-main)}.header-dropdown-label{padding:8px 14px 4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);opacity:.7;pointer-events:none}.header-dropdown-subitem{padding-left:26px}.section-title{margin:2rem 0 1rem;font-size:1.4rem;font-weight:700}.dungeon-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.dungeon-link{flex:1 1 calc(33.333% - 1.5rem);min-width:260px;max-width:420px;text-decoration:none;color:inherit}.dungeon-box{background:#101318;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 30px #000000d9;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}.dungeon-box img{width:100%;height:180px;object-fit:cover;display:block}.dungeon-info{padding:.5rem 1.4rem}.dungeon-info h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.dungeon-info p{margin:0;font-size:.9rem;color:#c4c6d0}.dungeon-link:hover .dungeon-box,.dungeon-link:focus-visible .dungeon-box{transform:translateY(-4px);background:#141821;box-shadow:0 22px 40px #000000f2}@media(max-width:960px){.dungeon-link{flex:1 1 calc(50% - 1.5rem)}}@media(max-width:600px){.dungeon-link{flex:1 1 100%}}
