@import "https://fonts.googleapis.com/css2?family=IM+Fell+English&family=Crimson+Text&display=swap";html,body{color:#f4e4c1;background-color:#3d2b1f;margin:0;padding:0;font-family:Crimson Text,serif;overflow:hidden}h1{font-family:IM Fell English,serif}.main{height:100vh;display:flex}.content{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex}.search-row{align-items:center;gap:8px;display:flex}.search-row .search{margin:0}.rank-select{color:#2c1810;cursor:pointer;white-space:nowrap;background-color:#f4e4c1;border:2px solid #c4a265;border-radius:2px;outline:none;padding:10px 8px;font-family:Crimson Text,serif;font-size:1rem}.rank-select:focus{border-color:#8b6914;box-shadow:0 0 6px #c4a26580}.bottom-bar{align-items:center;display:flex}.bottom-bar .pagination{flex:1}.license-link{color:#c4a265;white-space:nowrap;padding:10px 8px;font-family:IM Fell English,serif;font-size:1.05rem;text-decoration:none}.license-link:hover{text-decoration:underline}@media (width<=768px){.search-row{flex-wrap:wrap}.search-row .search{width:100%}.rank-select{flex:1}}.search{box-sizing:border-box;color:#2c1810;background-color:#f4e4c1;border:2px solid #c4a265;border-radius:2px;outline:none;width:100%;margin:5px;padding:12px 16px;font-family:Crimson Text,serif;font-size:1.05rem;transition:border-color .3s,box-shadow .3s;display:block;box-shadow:inset 0 1px 3px #00000026}.search::placeholder{color:#8b7355;font-style:italic}.search:focus{border-color:#8b6914;box-shadow:inset 0 1px 3px #00000026,0 0 6px #c4a26580}.tags{flex-wrap:wrap;flex:none;gap:8px;display:flex}.tag{cursor:pointer;white-space:nowrap;color:#2c1810;-webkit-user-select:none;user-select:none;background-color:#f4e4c1;border:1px solid #c4a265;border-radius:2px;padding:4px 10px;font-family:Crimson Text,serif;font-size:.9rem;transition:background-color .2s,border-color .2s,color .2s}.tag:hover{background-color:#ecdbb0;border-color:#8b6914}.tag-active{color:#f4e4c1;background-color:#6b5640;border-color:#6b5640}.tag-active:hover{background-color:#7d654c;border-color:#7d654c}.tooltip-wrapper{position:relative}.tooltip-wrapper:after{content:attr(data-tooltip);color:#f4e4c1;white-space:nowrap;opacity:0;pointer-events:none;background:#2c1810;border:1px solid #c4a265;border-radius:2px;padding:6px 10px;font-family:Crimson Text,serif;font-size:12px;transition:opacity .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover:after{opacity:1}.spells{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:5px;min-height:0;display:grid;overflow-y:auto}@media (width<=768px){.spells{grid-template-columns:1fr}}.spell{color:#2c1810;cursor:default;-webkit-user-select:none;user-select:none;background-color:#f4e4c1;border:1px solid #c4a265;border-radius:4px;flex-direction:column;padding:10px;display:flex}.spell-description{flex:1}h1,h3{margin:0;padding:0}.header-container{border-bottom:2px solid #c4a265;justify-content:space-between;align-items:center;width:100%;display:flex}.rank{color:#6b5640;white-space:nowrap;font-style:italic}.variant-toggle{border:1px solid #c4a265;border-radius:2px;margin:0 8px;display:flex;overflow:hidden}.variant-btn{color:#6b5640;cursor:pointer;background-color:#f4e4c1;border:none;border-right:1px solid #c4a265;padding:2px 10px;font-family:IM Fell English,serif;font-size:.85rem;transition:background-color .2s,color .2s}.variant-btn:last-child{border-right:none}.variant-btn:hover{background-color:#ecdbb0}.variant-btn-active{color:#f4e4c1;background-color:#6b5640}.variant-btn-active:hover{background-color:#7d654c}.spell-stats{background-color:#ecdbb0;border:1px solid #c4a265;border-top-width:2px;border-radius:0 0 4px 4px;flex-wrap:wrap;gap:4px 16px;margin:0 -10px -10px;padding:8px 10px;font-size:.85rem;display:flex}.spell-stats:not(:last-child){border-radius:0;padding-bottom:14px}.spell-outcomes{border-top:2px solid #c4a265;border-radius:0 0 4px 4px;gap:0;margin:0 -10px -10px;font-size:.8rem;display:flex;overflow:hidden}.spell-outcomes:not(:last-child){border-radius:0;margin-bottom:0}.outcome{border-right:1px solid #00000026;flex-direction:column;flex:1;padding:6px 8px;display:flex}.outcome:last-child{border-right:none}.outcome strong{text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:.75rem}.outcome-critical-success{color:#e8f0e4;background-color:#3a6b35}.outcome-success{color:#e8f0e4;background-color:#5a7f54}.outcome-failure{color:#f0e4e0;background-color:#8b4f3a}.outcome-critical-failure{color:#f0e4e0;background-color:#6b2a2a}.spell-heighten{background-color:#ecdbb0;border-top:2px solid #c4a265;border-radius:0 0 4px 4px;flex-direction:column;gap:4px;margin:0 -10px -10px;padding:8px 10px;font-size:.85rem;display:flex}.heighten-label{text-transform:uppercase;letter-spacing:.05em;color:#6b5640;font-family:IM Fell English,serif;font-size:.8rem}.heighten-entry{gap:6px;display:flex}.heighten-trigger{white-space:nowrap;color:#6b5640;font-weight:700}.description{flex:1;margin-bottom:5px}.description .hl-dice{color:#b8860b;font-weight:700}.description .hl-damage{color:#c33;font-weight:700}.description .hl-healing{color:#2e8b57;font-weight:700}.description .hl-save{color:#8b4513;font-weight:700}.description .hl-condition{color:#7b2d8b;font-weight:700}.description .hl-range{color:#26a}.description .hl-duration{color:#666;font-style:italic}.description .action{color:#6b5640;font-weight:700}@media (width<=768px){.header-container{flex-wrap:wrap}.header-container h1{font-size:1.2rem}.spell-outcomes{flex-wrap:wrap}.outcome{flex:40%}}.pagination{color:#2c1810;justify-content:center;align-items:center;gap:12px;padding:8px 0;font-family:Crimson Text,serif;display:flex}.pagination span{color:#6b5640;text-align:center;min-width:60px;font-size:1rem;font-style:italic}.pagination button{color:#2c1810;cursor:pointer;background-color:#f4e4c1;border:1px solid #c4a265;border-radius:2px;padding:6px 16px;font-family:IM Fell English,serif;font-size:.9rem;transition:background-color .2s,border-color .2s}.pagination button:hover{background-color:#ecdbb0;border-color:#8b6914}.pagination button:active{background-color:#dcc99a}.license-page{box-sizing:border-box;max-width:900px;height:100vh;margin:0 auto;padding:20px;overflow-y:auto}.license-page h1{color:#c4a265;border-bottom:2px solid #c4a265;padding-bottom:10px;font-family:IM Fell English,serif}.license-page h2{color:#c4a265;margin-top:30px;font-family:IM Fell English,serif}.license-section{margin-bottom:30px}.license-section p{text-align:justify;margin-bottom:12px;line-height:1.6}.copyright-list{padding:0;list-style:none}.copyright-list li{border-bottom:1px solid #c4a26533;padding:6px 0;line-height:1.5}.back-link{color:#c4a265;padding:6px 0;font-family:Crimson Text,serif;font-size:1.1rem;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}