/* Game settings and room-wide visual themes. The base stylesheet is the verdant theme. */
.settings-modal{width:min(760px,94vw);padding:30px;background:#1c292a}
.settings-modal h2{margin:8px 0 5px;font:26px Cinzel,serif;color:#f1ead8}
.settings-modal .modal-hint{margin:0 0 22px;line-height:1.5}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-option{min-width:0;overflow:hidden;padding:0 0 17px;border:1px solid #53625a;border-radius:8px;background:#263533;color:#eee9da;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}
.theme-option:not(:disabled):hover{transform:translateY(-3px);border-color:var(--gold)}
.theme-option:disabled{opacity:1;cursor:default}
.theme-option.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 10px 22px #0005}
.theme-option strong,.theme-option small{display:block;margin:0 14px}
.theme-option strong{margin-top:15px;font:16px Cinzel,serif}
.theme-option small{margin-top:6px;color:#b6c3b6;font-size:11px;line-height:1.45;min-height:32px}
.theme-preview{height:122px;display:block;position:relative;overflow:hidden;border-bottom:1px solid #ffffff2a}
.theme-preview i{position:absolute;inset:0;display:block}
.verdant-preview{background:radial-gradient(circle at 55% 15%,#8a9d6b 0,#4b684f 27%,#203d38 70%,#122422)}
.verdant-preview:before{content:"";position:absolute;inset:35% -10% -30%;background:radial-gradient(circle at 20% 50%,#254c42 0 12%,transparent 13%),radial-gradient(circle at 48% 42%,#315d48 0 17%,transparent 18%),radial-gradient(circle at 80% 55%,#1d473f 0 20%,transparent 21%);filter:drop-shadow(0 0 10px #0c2219)}
.verdant-preview i{background:linear-gradient(90deg,transparent 49%,#d7c59255 50%,transparent 51%),linear-gradient(transparent 49%,#d7c59255 50%,transparent 51%);background-size:31px 31px;mask-image:linear-gradient(transparent 10%,#000)}
.wasteland-preview{background:radial-gradient(circle at 75% 28%,#f7bb67 0 10%,#aa5c3d 12%,transparent 38%),linear-gradient(#6f4d3a 0 49%,#a56b45 50%,#5e4335 73%,#282622)}
.wasteland-preview:before{content:"";position:absolute;inset:50% -5% 0;background:linear-gradient(145deg,transparent 33%,#40342b 34% 43%,transparent 44%),linear-gradient(18deg,transparent 31%,#45362c 32% 41%,transparent 42%),linear-gradient(#9a613c,#4b382c);clip-path:polygon(0 45%,17% 30%,34% 43%,51% 18%,72% 35%,100% 8%,100% 100%,0 100%)}
.wasteland-preview i{background:repeating-linear-gradient(160deg,transparent 0 19px,#f2be8055 20px 21px,transparent 22px 48px);opacity:.45}
.scifi-preview{background:radial-gradient(circle at 76% 27%,#2aa8c8 0 2%,transparent 17%),radial-gradient(circle at 50% 48%,#1d6177,#102e46 48%,#081825)}
.scifi-preview:before{content:"";position:absolute;width:82px;height:82px;left:calc(50% - 41px);top:18px;border:2px solid #5ce5ed;border-radius:50%;box-shadow:0 0 0 11px #4bc8e219,0 0 24px #40d5e4,inset 0 0 22px #43d6e488;transform:rotateX(58deg) rotate(-28deg)}
.scifi-preview i{background:linear-gradient(90deg,transparent 49%,#49bdd848 50%,transparent 51%),linear-gradient(transparent 49%,#49bdd848 50%,transparent 51%);background-size:26px 26px;transform:perspective(150px) rotateX(32deg) scale(1.7);opacity:.65}

body[data-theme="wasteland"]{--bg:#1a1714;--panel:#29211c;--panel2:#31251e;--line:#614c3b;--muted:#b49a83;--text:#f3e5cf;--gold:#db975e;--gold2:#f1c288;--red:#c36b53;--green:#c5ad82}
body[data-theme="wasteland"] .topbar{background:linear-gradient(120deg,#241c18,#463124 56%,#251b17);border-color:#74533c;box-shadow:inset 0 -3px #b97642}
body[data-theme="wasteland"] .rail{background:#201915;border-color:#604632}
body[data-theme="wasteland"] .rail-button{color:#b5997e}
body[data-theme="wasteland"] .rail-button:hover,body[data-theme="wasteland"] .rail-button.active{background:#51392a;color:#ffd29b}
body[data-theme="wasteland"] .side-panel,body[data-theme="wasteland"] .journal-panel{background:#2d231d;border-color:#684c38}
body[data-theme="wasteland"] .panel-head,body[data-theme="wasteland"] .journal-head{background:linear-gradient(135deg,#39291f,#2b211c)}
body[data-theme="wasteland"] .section-title,body[data-theme="wasteland"] .journal-tabs,body[data-theme="wasteland"] .map-toolbar,body[data-theme="wasteland"] .map-footer{border-color:#674b35}
body[data-theme="wasteland"] .map-area{background:#191512}
body[data-theme="wasteland"] .map-stage{background:radial-gradient(circle at 50% 45%,#694a31,#2a211b 57%,#151411)}
body[data-theme="wasteland"] .map-board{border-color:#86583a;outline-color:#d4a16e;box-shadow:0 20px 60px #000b,0 0 0 7px #38271d}
body[data-theme="wasteland"] .map-grid{background-image:linear-gradient(#e8bd7140 1px,transparent 1px),linear-gradient(90deg,#e8bd7140 1px,transparent 1px)}
body[data-theme="wasteland"] .character-card:hover,body[data-theme="wasteland"] .character-card.selected,body[data-theme="wasteland"] .panel-tip,body[data-theme="wasteland"] .dice-section{background:#423126;border-color:#79563a}
body[data-theme="wasteland"] .avatar,body[data-theme="wasteland"] .token:not(.has-image){border-color:#d7a071}
body[data-theme="wasteland"] .token-label{background:#302117eb;border-color:#b27545}
body[data-theme="wasteland"] .dice-row button,body[data-theme="wasteland"] .dice-mode button,body[data-theme="wasteland"] .roll-controls>button:not(.roll-button){background:#4b3728;border-color:#846044;color:#f3dcc0}
body[data-theme="wasteland"] .dice-row button.selected,body[data-theme="wasteland"] .dice-mode button.active{background:#9e6338;border-color:#e5a568;color:#fff1d9}
body[data-theme="wasteland"] .roll-button,body[data-theme="wasteland"] .gold-button{background:linear-gradient(135deg,#e3ad6d,#b97243);border-color:#f1bc7c;color:#291d17}
body[data-theme="wasteland"] .chat-form,body[data-theme="wasteland"] .chat-form input,body[data-theme="wasteland"] .modal,body[data-theme="wasteland"] .page-editor input,body[data-theme="wasteland"] .page-editor textarea,body[data-theme="wasteland"] .page-editor select{background:#32251e;border-color:#76563d;color:#f1e1c9}
body[data-theme="wasteland"] .log-entry.roll{border-color:#df9a5e}
body[data-theme="wasteland"] .roll-result{background:#4e3224;border-color:#b87c4a;color:#f8cb8d}
body[data-theme="wasteland"] .book-overlay{background:radial-gradient(circle,#6a4833bb,#160f0cee 75%)}
body[data-theme="wasteland"] .book-shell{border-color:#633c2c;background:#563629}
body[data-theme="wasteland"] .book-header,body[data-theme="wasteland"] .book-footer{background:linear-gradient(100deg,#3c251c,#67402b,#3c251c);border-color:#ad7547}
body[data-theme="wasteland"] .book-leaf{background:radial-gradient(circle,#f0d8ae,#d9b988);color:#493424}

body[data-theme="scifi"]{--bg:#071521;--panel:#0b2130;--panel2:#102b3c;--line:#2a5c71;--muted:#88abb8;--text:#e5f7fb;--gold:#55d8e8;--gold2:#9cf1f3;--red:#e1777b;--green:#69d9ba}
body[data-theme="scifi"] .topbar{background:linear-gradient(90deg,#081b2a,#0e3147 60%,#081927);border-color:#34829a;box-shadow:inset 0 -2px #42c8d7}
body[data-theme="scifi"] .brand{letter-spacing:.24em}
body[data-theme="scifi"] .brand-mark{border-radius:8px;box-shadow:0 0 15px #50d8e566}
body[data-theme="scifi"] .rail{background:#081b2b;border-color:#2a6179}
body[data-theme="scifi"] .rail-button{color:#80afbd}
body[data-theme="scifi"] .rail-button:hover,body[data-theme="scifi"] .rail-button.active{background:#123d53;color:#8ff4f4;box-shadow:inset 2px 0 #69e6eb}
body[data-theme="scifi"] .side-panel,body[data-theme="scifi"] .journal-panel{background:#0c2434;border-color:#2b6074}
body[data-theme="scifi"] .panel-head,body[data-theme="scifi"] .journal-head{background:linear-gradient(135deg,#113347,#0a2335)}
body[data-theme="scifi"] .section-title,body[data-theme="scifi"] .journal-tabs,body[data-theme="scifi"] .map-toolbar,body[data-theme="scifi"] .map-footer{border-color:#2d6176}
body[data-theme="scifi"] .map-area{background:#061622}
body[data-theme="scifi"] .map-stage{background:radial-gradient(circle at 50% 45%,#20516a,#0a283b 58%,#05121f)}
body[data-theme="scifi"] .map-board{border-color:#235c72;outline-color:#72dce6;box-shadow:0 20px 60px #000b,0 0 0 7px #0c3045,0 0 26px #26b6cb44}
body[data-theme="scifi"] .map-grid{background-image:linear-gradient(#75d8e43b 1px,transparent 1px),linear-gradient(90deg,#75d8e43b 1px,transparent 1px)}
body[data-theme="scifi"] .character-card:hover,body[data-theme="scifi"] .character-card.selected,body[data-theme="scifi"] .panel-tip,body[data-theme="scifi"] .dice-section{background:#163849;border-color:#377b8d}
body[data-theme="scifi"] .avatar,body[data-theme="scifi"] .token:not(.has-image){border-color:#70d9e4}
body[data-theme="scifi"] .token-label{background:#0b2a3de8;border-color:#5bd0df}
body[data-theme="scifi"] .dice-row button,body[data-theme="scifi"] .dice-mode button,body[data-theme="scifi"] .roll-controls>button:not(.roll-button){background:#12394f;border-color:#39778a;color:#dcf9fb}
body[data-theme="scifi"] .dice-row button.selected,body[data-theme="scifi"] .dice-mode button.active{background:#1a7f91;border-color:#7aeaf0;color:#fff}
body[data-theme="scifi"] .roll-button,body[data-theme="scifi"] .gold-button{background:linear-gradient(135deg,#80edf0,#3eb6cb);border-color:#9cf4f6;color:#082633}
body[data-theme="scifi"] .chat-form,body[data-theme="scifi"] .chat-form input,body[data-theme="scifi"] .modal,body[data-theme="scifi"] .page-editor input,body[data-theme="scifi"] .page-editor textarea,body[data-theme="scifi"] .page-editor select{background:#102c3e;border-color:#38778b;color:#e1f7f8}
body[data-theme="scifi"] .log-entry.roll{border-color:#65dce8}
body[data-theme="scifi"] .roll-result{background:#164759;border-color:#5ccfe1;color:#b9f8fa}
body[data-theme="scifi"] .book-overlay{background:radial-gradient(circle,#17465caa,#020d19f2 75%)}
body[data-theme="scifi"] .book-shell{border-color:#176078;background:#0b3449;box-shadow:0 30px 90px #000e,inset 0 0 0 2px #60d9e4,0 0 25px #2cbbd266}
body[data-theme="scifi"] .book-header,body[data-theme="scifi"] .book-footer{background:linear-gradient(100deg,#0b2b40,#19556b,#0b2b40);border-color:#61d2df}
body[data-theme="scifi"] .book-leaf{background:radial-gradient(circle at 60% 20%,#e9f8f4,#c6e1df 85%);color:#163948}
body[data-theme="scifi"] .book-page h3{color:#164a5b}
body[data-theme="scifi"] .book-page-kicker{color:#207f91}
body[data-theme="scifi"] .book-page-rule{background:#3bb8c6}

body[data-theme="wasteland"] .settings-modal,body[data-theme="scifi"] .settings-modal{color:var(--text)}
body[data-theme="wasteland"] .settings-modal h2,body[data-theme="scifi"] .settings-modal h2{color:var(--text)}
body[data-theme="wasteland"] .theme-option{background:#3c2b21;border-color:#79533a}
body[data-theme="scifi"] .theme-option{background:#12374a;border-color:#3d8190}
body[data-theme="wasteland"] .theme-option.active,body[data-theme="scifi"] .theme-option.active{border-color:var(--gold)}
body[data-theme="wasteland"] .token-image-drop{background:#423126;border-color:#9e704e}
body[data-theme="wasteland"] .token-image-drop:hover,body[data-theme="wasteland"] .token-image-drop.drag-over,body[data-theme="wasteland"] .token-image-drop:focus-visible{background:#5b3b29;border-color:var(--gold2)}
body[data-theme="scifi"] .token-image-drop{background:#12384a;border-color:#46869a}
body[data-theme="scifi"] .token-image-drop:hover,body[data-theme="scifi"] .token-image-drop.drag-over,body[data-theme="scifi"] .token-image-drop:focus-visible{background:#195369;border-color:var(--gold2)}
body[data-theme="wasteland"] .sheet-config-field select{background:#3d2c22;border-color:#8a6245;color:#f1e1c9}
body[data-theme="scifi"] .sheet-config-field select{background:#12384a;border-color:#46869a;color:#e1f7f8}
@media(max-width:700px){.settings-modal{padding:25px 18px}.theme-options{grid-template-columns:1fr;gap:10px}.theme-option{display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto auto;align-items:center;padding:0;min-height:82px}.theme-preview{grid-row:1/3;width:82px;height:100%;border:0;border-right:1px solid #ffffff2a}.theme-option strong{margin:12px 10px 0}.theme-option small{margin:2px 10px 10px;min-height:0}}