/* Shared Iskra artwork and controls. Only named icon holders are affected. */
.iskra-art{--iskra-icon-paper:var(--surface,var(--paper,#fff));--iskra-icon-soft:var(--soft,#eaf0ff);display:block;flex-shrink:0;width:64px;height:56px;fill:none;stroke:none;color:inherit;overflow:visible;pointer-events:none}
.iskra-art .i-shadow{fill:currentColor;opacity:.1;stroke:none}
.iskra-art .i-side{fill:currentColor;opacity:.2;stroke:none}
.iskra-art .i-paper{stroke:currentColor;stroke-opacity:.3;stroke-width:1.2;stroke-linejoin:round}
.iskra-art .i-wash{fill:currentColor;opacity:.18;stroke:none}
.iskra-art .i-mid{stroke:none}
.iskra-art .i-solid{fill:currentColor;stroke:none}
.iskra-art .i-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.iskra-art .i-heavy{stroke-width:2.6}
.iskra-art .i-light{fill:none;stroke:var(--iskra-icon-paper,#fff);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.iskra-art .i-white{fill:none;stroke:var(--iskra-icon-paper,#fff);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.iskra-ui-icon[data-iskra-icon]{display:inline-block;width:20px;height:20px;min-width:0;flex-shrink:0;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
[data-iskra-paint]{line-height:1}
.selected-mark>.iskra-ui-icon,.family-check>.iskra-ui-icon,.power-tick>.iskra-ui-icon{width:18px;height:18px}
.drop-plus>.iskra-ui-icon{width:26px;height:26px}
.upload-symbol[data-iskra-paint]{width:88px;height:76px;background:transparent;border-radius:0;margin-bottom:12px;color:var(--green,var(--accent,#2859dd));display:grid;place-items:center}
.upload-symbol .iskra-art{width:88px;height:74px}
#pages-drop .upload-symbol,#split-drop .upload-symbol{margin-left:auto;margin-right:auto}
.task-icon[data-iskra-paint],button[data-task]>b[data-iskra-paint]{display:grid;place-items:center;width:62px;height:54px;min-height:54px;color:var(--green,var(--accent,#2859dd));font-weight:400}
.task-icon .iskra-art,button[data-task]>b .iskra-art{width:62px;height:54px}
.tasks button{min-width:0}
.nav-icon[data-iskra-paint]{width:40px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent,var(--green,#2859dd))}
.nav-icon .iskra-art{width:40px;height:36px}
.power-icon[data-iskra-paint]{width:56px;height:50px;display:grid;place-items:center;color:var(--green,var(--accent,#2859dd));flex-shrink:0}
.power-icon .iskra-art{width:56px;height:50px}
.power-copy{min-width:0}
.fact-grid article>.iskra-art{width:80px;height:68px;color:var(--green,var(--accent,#2859dd));margin-bottom:10px}
.house-mark[data-iskra-paint]{height:118px;width:100%;display:grid;place-items:center;color:var(--green,var(--accent,#2859dd))}
.house-mark .iskra-art{height:112px;width:136px}
.mode-art>.iskra-art{width:64px;height:64px}
.iskra-theme-thumb{--thumb-bg:#0e3942;--thumb-accent:#d3ece5;--thumb-detail:#44716d;position:relative;display:block;width:88px;height:60px;flex-shrink:0;background:none!important;border:0!important;padding:0!important;overflow:hidden;border-radius:8px}
.iskra-table-thumb{width:100%;height:100%;display:block;fill:none;stroke:none;pointer-events:none}
.iskra-table-thumb .thumb-bg{fill:var(--thumb-bg)}.iskra-table-thumb .thumb-rim{fill:none;stroke:var(--thumb-accent);stroke-opacity:.3;stroke-width:.8}
.iskra-table-thumb .thumb-card{fill:#faf9f2;stroke:#ffffff80;stroke-width:.5}.iskra-table-thumb .shadow-card{fill:#d2ded9}.iskra-table-thumb .thumb-pip{fill:#ba435d}
.iskra-table-thumb .thumb-grid rect{fill:var(--thumb-detail);stroke:var(--thumb-accent);stroke-opacity:.3;stroke-width:.5}.iskra-table-thumb .thumb-emblem{fill:var(--thumb-accent);stroke:var(--thumb-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.iskra-table-thumb .thumb-decoration{fill:none;stroke:var(--thumb-accent);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.6}
[data-thumb=light]{--thumb-bg:#c5dce7;--thumb-accent:#31475c;--thumb-detail:#e7f1f4}
[data-thumb=cats],[data-thumb=kittens]{--thumb-bg:#613a4b;--thumb-accent:#f4c6ad;--thumb-detail:#8d5864}
[data-thumb=anime]{--thumb-bg:#393163;--thumb-accent:#e6bae5;--thumb-detail:#655087}
[data-thumb=retro]{--thumb-bg:#0c5855;--thumb-accent:#f2d579;--thumb-detail:#278578}
[data-thumb=halloween]{--thumb-bg:#34253e;--thumb-accent:#ffb57c;--thumb-detail:#60424d}
[data-thumb=winter],[data-thumb=newyear]{--thumb-bg:#1f4b43;--thumb-accent:#e7d6a5;--thumb-detail:#427568}
[data-thumb=pond]{--thumb-bg:#254c4d;--thumb-accent:#c5de9e;--thumb-detail:#4f7770}
.tableSwatch.iskra-theme-thumb{width:100%;height:62px}.tableSwatch.iskra-theme-thumb i{display:none}
.iskra-thumb-check{position:absolute;right:5px;top:5px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#244839;visibility:hidden}
.iskra-thumb-check .iskra-ui-icon{width:14px;height:14px;stroke-width:2.4}
[aria-pressed=true] .iskra-thumb-check{visibility:visible}
@media(max-width:650px){.nav-icon[data-iskra-paint]{width:34px;height:30px}.nav-icon .iskra-art{width:34px;height:30px}.power-icon[data-iskra-paint]{width:46px;height:44px}.power-icon .iskra-art{width:46px;height:44px}.task-icon[data-iskra-paint],button[data-task]>b[data-iskra-paint]{width:54px;height:48px;min-height:48px}.task-icon .iskra-art,button[data-task]>b .iskra-art{width:54px;height:48px}.iskra-theme-thumb{width:68px;height:47px}.tableSwatch.iskra-theme-thumb{height:50px}.mode-art>.iskra-art{width:50px;height:50px}}
#settings-dialog .theme-grid:has(.iskra-theme-thumb){gap:8px}
#settings-dialog .theme-grid .iskra-theme-thumb{width:100%;max-width:96px;height:60px;margin:0 auto 6px}
#settings-dialog .theme-grid button:has(.iskra-theme-thumb){font-size:14px;line-height:1.35;overflow-wrap:normal;hyphens:none;min-width:0;padding:7px}
.tableChoices:has(.iskra-theme-thumb) button{font-size:13px;line-height:1.35}
@media(max-width:650px){#settings-dialog .theme-grid:has(.iskra-theme-thumb),.tableChoices:has(.iskra-theme-thumb){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tableChoices:has(.iskra-theme-thumb) button{font-size:13px;padding:6px}}
@media(max-width:360px){#settings-dialog .theme-grid:has(.iskra-theme-thumb),.tableChoices:has(.iskra-theme-thumb){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* A game table has its own theme; the site header stays a compact site component. */
.iskra-shell.iskra-header>nav{background:transparent;align-items:center;flex-wrap:nowrap;gap:8px}
.iskra-header #iskra-services,.iskra-header #iskra-theme{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:42px}
.iskra-header #iskra-services .iskra-ui-icon{width:15px;height:15px}
@media(max-width:700px){.iskra-shell.iskra-header{display:flex;flex-wrap:nowrap;gap:10px}.iskra-shell.iskra-header>nav{margin-left:auto;flex:0 0 auto;flex-basis:auto;justify-content:flex-end;flex-wrap:nowrap}.iskra-header #iskra-services,.iskra-header #iskra-theme{font-size:13px;padding:8px 10px}}
@media(max-width:480px){.iskra-header .iskra-theme-label{display:none}.iskra-header #iskra-theme{width:42px;padding:8px}.iskra-shell.iskra-header>nav{gap:6px}}
@media(max-width:360px){.iskra-shell.iskra-header{gap:7px}.iskra-header .iskra-brand{gap:6px}.iskra-header .iskra-brand .brand-mark{width:24px;height:24px}.iskra-header .iskra-brand .wordmark{font-size:23px}.iskra-header .iskra-brand .doc-sticker{font-size:10px;padding:4px 5px}.iskra-header #iskra-services{padding:8px;font-size:12px}}