.playing #vignette{backdrop-filter:none;background:linear-gradient(0deg,#172c361c,transparent 28%,transparent 80%,#24465916)}
#camera-controls{position:fixed;left:24px;bottom:145px;display:flex;gap:5px;pointer-events:auto}
#camera-controls button{width:38px;height:36px;padding:0;background:#fffdf1e8;color:#655474;font-size:17px}
#camera-controls small{position:absolute;left:0;bottom:43px;color:#fff;text-shadow:0 1px 3px #202a35;font-size:9px;white-space:nowrap}
@media(max-width:600px){.catalog-intro{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:12px}.catalog-intro>img{width:32px}.catalog-intro>div{min-width:0}.catalog-intro>button{grid-column:1/-1;width:100%}}
@media(max-width:700px){#camera-controls{left:12px;bottom:175px}#camera-controls button{width:31px;height:30px}#camera-controls small{display:none}}
.catalog-open{display:flex;align-items:center;text-align:left;gap:13px;padding:13px 20px;margin:16px 0;width:100%;background:#eee7f7}.catalog-open img{width:35px;height:35px;object-fit:contain}.catalog-open small{display:block;margin-top:4px}.catalog-open b{margin-left:auto;font-size:22px}.catalog-intro{display:flex;gap:18px;align-items:center;background:#f0eaf7;border:2px solid #e0d6eb;border-radius:15px;padding:18px;margin:16px 0}.catalog-intro>img{width:42px;height:50px;object-fit:contain}.catalog-intro p{font-size:12px;margin-bottom:0}.catalog-intro button{flex-shrink:0}.all-class-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:7px;margin:20px 0}.all-class-tabs button{display:flex;align-items:center;gap:7px;padding:8px;font-size:12px;flex-wrap:wrap}.all-class-tabs img{width:35px;height:38px;object-fit:contain}.all-class-tabs small{font-size:9px;width:100%}.all-class-tabs .selected{background:#fff0c7;border-color:#d5ad56}.catalog-toolbar{flex-wrap:wrap;gap:12px}.catalog-toolbar input{min-width:230px;flex:1;padding:12px;border:2px solid #dfd7e6;border-radius:10px;background:white}.catalog-toolbar select{max-width:190px}.official-spells-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:13px}.official-spell{display:flex;gap:13px;text-align:left;padding:18px!important;align-items:flex-start}.official-spell>img{width:54px;height:54px;object-fit:contain;flex-shrink:0}.official-spell h3{font-size:17px;margin:5px 0 9px}.official-spell p{font-size:12px;line-height:1.6;white-space:pre-line}.official-spell small{font-size:10px}.spell-source-stats{display:flex;gap:5px;flex-wrap:wrap}.spell-source-stats span{background:#ece8f2;color:#77638a;border-radius:5px;padding:4px 7px;font-size:10px}.official-spell details{margin-top:12px;font-size:11px;color:#85748e}.official-spell summary{cursor:pointer}.official-spell details p{font-size:10px}@media(max-width:600px){.catalog-intro{flex-wrap:wrap}.catalog-intro>div{flex:1}.official-spells-grid{grid-template-columns:1fr}.all-class-tabs{grid-template-columns:repeat(3,1fr)}.all-class-tabs button{font-size:10px;padding:6px}.all-class-tabs img{width:29px;height:32px}.catalog-toolbar input{min-width:100%;width:100%}.official-spell{padding:13px!important;gap:10px}}

#camera-controls #camera-mouse{width:auto;min-width:140px;font-size:12px;padding:0 12px} @media(pointer:coarse){#camera-mouse{display:none!important}}

.playing #world{touch-action:none}