/* The chapters' deck looks for the quizzes (theme.look in games/quiz/<set>.json; tools/game_types/quiz.py LOOKS). Each
   look is the look of its chapter's deck: its dark cover around the board, the bands and frames of its paper slides, the
   way it frames a picture, and a seal of the deck stamped on the right answer. This file only sets the variables;
   quiz-host.css (the board and the landing, class "lk") and live.css (the phones) draw with them, so a new look is one
   block here plus its name in LOOKS. Made from the decks' own slides (site/content/decks/<deck>/project/slides).
     --lk-surround   the cover around the board (background layers; the colour is --lk-bg, default the theme's bg)
     --lk-hink, --lk-hacc   text and highlight on the cover (default the theme's bgInk and gold)
     --lk-paper, --lk-deco  the slide's paper and its bands (background layers over the paper)
     --lk-pt, --lk-pb       room the bands take at the top and the bottom of the slide
     --lk-line, --lk-lo     the slide's inner frame line and how far in it runs (transparent: none)
     --lk-rad, --lk-trad    corners of the slide and the cards / of the answer tiles
     --lk-frame, --lk-fline, --lk-fborder, --lk-fbimg, --lk-farch   a picture's mount, its line, border, border image, top
     --lk-seal, --lk-sealink, --lk-sealclip, --lk-sealborder, --lk-sealrad   the right answer's seal */
.lk{--lk-bg:var(--q-bg);--lk-surround:linear-gradient(transparent,transparent);--lk-hink:var(--q-bgink);--lk-hacc:var(--q-gold);
  --lk-paper:var(--q-paper);--lk-deco:linear-gradient(transparent,transparent);--lk-pt:36px;--lk-pb:22px;--lk-line:transparent;--lk-lo:-14px;
  --lk-rad:6px;--lk-trad:8px;--lk-frame:#fff;--lk-fline:var(--q-rule);--lk-fborder:0 solid transparent;--lk-fbimg:none;--lk-farch:3px;
  --lk-seal:var(--q-ok);--lk-sealink:#fff;--lk-sealclip:none;--lk-sealborder:0 solid transparent;--lk-sealrad:50%}

/* נפילת האימפריה הרומית (romefall): wine-red stone, the red cornice with its dentils and bronze line on travertine, a gold coin */
.look-forum{--lk-surround:radial-gradient(ellipse at 50% -10%,rgba(212,165,92,.16),transparent 55%),radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.4),transparent 60%),repeating-linear-gradient(0deg,rgba(255,232,196,.028) 0 2px,transparent 2px 11px);
  --lk-deco:linear-gradient(#8c2417,#8c2417) 0 0/100% 16px no-repeat,repeating-linear-gradient(to right,transparent 0 7px,#d3c3a2 7px 27px,transparent 27px 34px) 0 22px/100% 14px no-repeat,linear-gradient(#8f6327,#8f6327) 0 41px/100% 2px no-repeat,linear-gradient(#8f6327,#8f6327) 0 calc(100% - 16px)/100% 2px no-repeat;
  --lk-pt:58px;--lk-pb:30px;--lk-rad:2px;--lk-trad:3px;--lk-frame:#fbf6ec;--lk-fline:#c9b48a;
  --lk-seal:radial-gradient(circle at 36% 30%,#f8e3a8,#d4a55c 52%,#8f6327);--lk-sealink:#43151a}

/* לידת הנצרות (christianity): lapis set in tesserae, the deck's mosaic bands on the slide, a gold mosaic roundel */
.look-mosaic{--mband:repeating-linear-gradient(90deg,#c9a13b 0 16px,transparent 16px 20px,#1d3170 20px 36px,transparent 36px 40px,#dcb85e 40px 56px,transparent 56px 60px,#6e1f3a 60px 76px,transparent 76px 80px,#b08a2a 80px 96px,transparent 96px 100px,#2e4c8f 100px 116px,transparent 116px 120px,#e4c66e 120px 136px,transparent 136px 140px,#1d3170 140px 156px,transparent 156px 160px);
  --lk-surround:radial-gradient(ellipse at 28% 18%,rgba(217,182,92,.12),transparent 50%),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.4),transparent 60%),linear-gradient(rgba(255,255,255,.04) 2px,transparent 2px) 0 0/24px 24px,linear-gradient(90deg,rgba(255,255,255,.04) 2px,transparent 2px) 0 0/24px 24px;
  --lk-deco:var(--mband) 24px 18px/calc(100% - 48px) 12px no-repeat,var(--mband) 24px calc(100% - 18px)/calc(100% - 48px) 12px no-repeat;
  --lk-pt:44px;--lk-pb:42px;--lk-rad:4px;--lk-trad:4px;--lk-frame:#fff;--lk-fline:#cdd3e1;
  --lk-seal:radial-gradient(circle,transparent 0 63%,#0f1b3d 64% 67%,transparent 68%),repeating-conic-gradient(#e4c66e 0 15deg,#c9a13b 15deg 30deg);--lk-sealink:#0f1b3d}

/* לידת האסלאם (islambirth): deep green under a girih star lattice, a girih band and gold line over the sand paper, arched
   mounts as the deck's mihrab frame, a gold eight-pointed star */
.look-arabesque{--lk-surround:radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.42),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23d8b462' stroke-opacity='0.17' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpolygon points='68.28,40.00 60.00,48.28 60.00,60.00 48.28,60.00 40.00,68.28 31.72,60.00 20.00,60.00 20.00,48.28 11.72,40.00 20.00,31.72 20.00,20.00 31.72,20.00 40.00,11.72 48.28,20.00 60.00,20.00 60.00,31.72'/%3E%3Cpolygon points='50.98,44.55 46.43,46.43 44.55,50.98 40.00,49.09 35.45,50.98 33.57,46.43 29.02,44.55 30.91,40.00 29.02,35.45 33.57,33.57 35.45,29.02 40.00,30.91 44.55,29.02 46.43,33.57 50.98,35.45 49.09,40.00'/%3E%3Cpolygon points='28.28,0.00 20.00,8.28 20.00,20.00 8.28,20.00 0.00,28.28 -8.28,20.00 -20.00,20.00 -20.00,8.28 -28.28,0.00 -20.00,-8.28 -20.00,-20.00 -8.28,-20.00 -0.00,-28.28 8.28,-20.00 20.00,-20.00 20.00,-8.28'/%3E%3Cpolygon points='10.98,4.55 6.43,6.43 4.55,10.98 0.00,9.09 -4.55,10.98 -6.43,6.43 -10.98,4.55 -9.09,0.00 -10.98,-4.55 -6.43,-6.43 -4.55,-10.98 -0.00,-9.09 4.55,-10.98 6.43,-6.43 10.98,-4.55 9.09,-0.00'/%3E%3Cpolygon points='108.28,0.00 100.00,8.28 100.00,20.00 88.28,20.00 80.00,28.28 71.72,20.00 60.00,20.00 60.00,8.28 51.72,0.00 60.00,-8.28 60.00,-20.00 71.72,-20.00 80.00,-28.28 88.28,-20.00 100.00,-20.00 100.00,-8.28'/%3E%3Cpolygon points='90.98,4.55 86.43,6.43 84.55,10.98 80.00,9.09 75.45,10.98 73.57,6.43 69.02,4.55 70.91,0.00 69.02,-4.55 73.57,-6.43 75.45,-10.98 80.00,-9.09 84.55,-10.98 86.43,-6.43 90.98,-4.55 89.09,-0.00'/%3E%3Cpolygon points='28.28,80.00 20.00,88.28 20.00,100.00 8.28,100.00 0.00,108.28 -8.28,100.00 -20.00,100.00 -20.00,88.28 -28.28,80.00 -20.00,71.72 -20.00,60.00 -8.28,60.00 -0.00,51.72 8.28,60.00 20.00,60.00 20.00,71.72'/%3E%3Cpolygon points='10.98,84.55 6.43,86.43 4.55,90.98 0.00,89.09 -4.55,90.98 -6.43,86.43 -10.98,84.55 -9.09,80.00 -10.98,75.45 -6.43,73.57 -4.55,69.02 -0.00,70.91 4.55,69.02 6.43,73.57 10.98,75.45 9.09,80.00'/%3E%3Cpolygon points='108.28,80.00 100.00,88.28 100.00,100.00 88.28,100.00 80.00,108.28 71.72,100.00 60.00,100.00 60.00,88.28 51.72,80.00 60.00,71.72 60.00,60.00 71.72,60.00 80.00,51.72 88.28,60.00 100.00,60.00 100.00,71.72'/%3E%3Cpolygon points='90.98,84.55 86.43,86.43 84.55,90.98 80.00,89.09 75.45,90.98 73.57,86.43 69.02,84.55 70.91,80.00 69.02,75.45 73.57,73.57 75.45,69.02 80.00,70.91 84.55,69.02 86.43,73.57 90.98,75.45 89.09,80.00'/%3E%3Crect x='36' y='-4' width='8' height='8' transform='rotate(45 40 0)'/%3E%3Crect x='-4' y='36' width='8' height='8' transform='rotate(45 0 40)'/%3E%3Crect x='76' y='36' width='8' height='8' transform='rotate(45 80 40)'/%3E%3Crect x='36' y='76' width='8' height='8' transform='rotate(45 40 80)'/%3E%3C/g%3E%3C/svg%3E") 0 0/80px 80px;
  --lk-deco:linear-gradient(#d8b462,#d8b462) 0 0/100% 3px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23d8b462' stroke-opacity='0.9' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpolygon points='68.28,40.00 60.00,48.28 60.00,60.00 48.28,60.00 40.00,68.28 31.72,60.00 20.00,60.00 20.00,48.28 11.72,40.00 20.00,31.72 20.00,20.00 31.72,20.00 40.00,11.72 48.28,20.00 60.00,20.00 60.00,31.72'/%3E%3Cpolygon points='50.98,44.55 46.43,46.43 44.55,50.98 40.00,49.09 35.45,50.98 33.57,46.43 29.02,44.55 30.91,40.00 29.02,35.45 33.57,33.57 35.45,29.02 40.00,30.91 44.55,29.02 46.43,33.57 50.98,35.45 49.09,40.00'/%3E%3Cpolygon points='28.28,0.00 20.00,8.28 20.00,20.00 8.28,20.00 0.00,28.28 -8.28,20.00 -20.00,20.00 -20.00,8.28 -28.28,0.00 -20.00,-8.28 -20.00,-20.00 -8.28,-20.00 -0.00,-28.28 8.28,-20.00 20.00,-20.00 20.00,-8.28'/%3E%3Cpolygon points='10.98,4.55 6.43,6.43 4.55,10.98 0.00,9.09 -4.55,10.98 -6.43,6.43 -10.98,4.55 -9.09,0.00 -10.98,-4.55 -6.43,-6.43 -4.55,-10.98 -0.00,-9.09 4.55,-10.98 6.43,-6.43 10.98,-4.55 9.09,-0.00'/%3E%3Cpolygon points='108.28,0.00 100.00,8.28 100.00,20.00 88.28,20.00 80.00,28.28 71.72,20.00 60.00,20.00 60.00,8.28 51.72,0.00 60.00,-8.28 60.00,-20.00 71.72,-20.00 80.00,-28.28 88.28,-20.00 100.00,-20.00 100.00,-8.28'/%3E%3Cpolygon points='90.98,4.55 86.43,6.43 84.55,10.98 80.00,9.09 75.45,10.98 73.57,6.43 69.02,4.55 70.91,0.00 69.02,-4.55 73.57,-6.43 75.45,-10.98 80.00,-9.09 84.55,-10.98 86.43,-6.43 90.98,-4.55 89.09,-0.00'/%3E%3Cpolygon points='28.28,80.00 20.00,88.28 20.00,100.00 8.28,100.00 0.00,108.28 -8.28,100.00 -20.00,100.00 -20.00,88.28 -28.28,80.00 -20.00,71.72 -20.00,60.00 -8.28,60.00 -0.00,51.72 8.28,60.00 20.00,60.00 20.00,71.72'/%3E%3Cpolygon points='10.98,84.55 6.43,86.43 4.55,90.98 0.00,89.09 -4.55,90.98 -6.43,86.43 -10.98,84.55 -9.09,80.00 -10.98,75.45 -6.43,73.57 -4.55,69.02 -0.00,70.91 4.55,69.02 6.43,73.57 10.98,75.45 9.09,80.00'/%3E%3Cpolygon points='108.28,80.00 100.00,88.28 100.00,100.00 88.28,100.00 80.00,108.28 71.72,100.00 60.00,100.00 60.00,88.28 51.72,80.00 60.00,71.72 60.00,60.00 71.72,60.00 80.00,51.72 88.28,60.00 100.00,60.00 100.00,71.72'/%3E%3Cpolygon points='90.98,84.55 86.43,86.43 84.55,90.98 80.00,89.09 75.45,90.98 73.57,86.43 69.02,84.55 70.91,80.00 69.02,75.45 73.57,73.57 75.45,69.02 80.00,70.91 84.55,69.02 86.43,73.57 90.98,75.45 89.09,80.00'/%3E%3Crect x='36' y='-4' width='8' height='8' transform='rotate(45 40 0)'/%3E%3Crect x='-4' y='36' width='8' height='8' transform='rotate(45 0 40)'/%3E%3Crect x='76' y='36' width='8' height='8' transform='rotate(45 80 40)'/%3E%3Crect x='36' y='76' width='8' height='8' transform='rotate(45 40 80)'/%3E%3C/g%3E%3C/svg%3E") 0 3px/44px 44px repeat-x,linear-gradient(#0e3b2e,#0e3b2e) 0 3px/100% 44px no-repeat,linear-gradient(#d8b462,#d8b462) 0 50px/100% 3px no-repeat,linear-gradient(#cdb88a,#cdb88a) 0 calc(100% - 16px)/100% 2px no-repeat;
  --lk-pt:66px;--lk-pb:32px;--lk-rad:4px;--lk-frame:#fbf6ea;--lk-fline:#cdb88a;--lk-farch:50% 50% 4px 4px / 22% 22% 4px 4px;
  --lk-seal:radial-gradient(circle at 40% 34%,#f6e2a8,#d8b462 55%,#9c7426);--lk-sealink:#0e3b2e;--lk-sealclip:polygon(100.0% 50.0%,85.4% 64.6%,85.4% 85.4%,64.6% 85.4%,50.0% 100.0%,35.4% 85.4%,14.6% 85.4%,14.6% 64.6%,0.0% 50.0%,14.6% 35.4%,14.6% 14.6%,35.4% 14.6%,50.0% 0.0%,64.6% 14.6%,85.4% 14.6%,85.4% 35.4%);--lk-sealrad:0}

/* החברה הפאודלית (feudalism): castle stone, the slide with the deck's heraldic red bar and its battlements, a red wax seal */
.look-castle{--lk-surround:radial-gradient(ellipse at 50% -10%,rgba(224,178,62,.1),transparent 55%),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.35),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='80'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.3' stroke-width='3'%3E%3Cpath d='M0 1.5H120M0 41.5H120M60 0V41.5M0 41.5V80M120 41.5V80'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.045' stroke-width='2'%3E%3Cpath d='M0 5H120M0 45H120'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 80px;
  --lk-deco:linear-gradient(#9e2a22,#9e2a22) 0 0/100% 12px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='40'%3E%3Cpath d='M0 22H90V40H0ZM18 0h54v23H18z' fill='%232c2f33'/%3E%3C/svg%3E") 0 100%/90px 40px repeat-x;
  --lk-pt:30px;--lk-pb:54px;--lk-rad:0px;--lk-trad:3px;--lk-frame:#faf6ec;--lk-fline:#7d6847;
  --lk-seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='w' cx='38%25' cy='32%25' r='72%25'%3E%3Cstop offset='0' stop-color='%23d65a3e'/%3E%3Cstop offset='.55' stop-color='%23a8321c'/%3E%3Cstop offset='1' stop-color='%23701c0e'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M50 3C60 4 63 9 71 8C79 11 80 18 87 22C93 30 90 36 95 44C98 53 92 58 94 66C91 75 84 76 80 83C72 90 66 87 58 94C49 98 44 92 36 94C27 92 25 85 17 82C10 75 13 68 7 61C3 52 9 46 6 38C9 28 16 27 20 19C27 11 34 13 41 6C44 4 47 3 50 3Z' fill='url(%23w)'/%3E%3Ccircle cx='50' cy='50' r='34' fill='none' stroke='%235e170b' stroke-width='2.5' opacity='.5'/%3E%3Ccircle cx='49' cy='49' r='34' fill='none' stroke='%23f3a48d' stroke-width='1' opacity='.4'/%3E%3C/svg%3E") center/100% 100% no-repeat;--lk-sealink:#f6dfa4;--lk-sealrad:0}

/* הרנסנס (renaissance): a sketchbook, paper all over, red-chalk construction lines with their marks at the corners and
   Leonardo's circle and square behind the board, a red-chalk ring */
.look-sketchbook{--lk-bg:#e8dbc1;--lk-hink:#33241a;--lk-hacc:#a6452a;
  --lk-surround:radial-gradient(ellipse at 50% 45%,rgba(255,251,240,.55),transparent 60%),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(120,80,40,.26) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' viewBox='0 0 900 900'%3E%3Cg fill='none' stroke='%23a6452a' stroke-opacity='.16' stroke-width='2'%3E%3Ccircle cx='450' cy='470' r='400'/%3E%3Crect x='95' y='160' width='710' height='710'/%3E%3Cpath d='M450 40V880M40 470H860M95 160L805 870M805 160L95 870'/%3E%3C/g%3E%3C/svg%3E") 50% 60%/1100px 1100px no-repeat;
  --lk-deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' stroke='%23a6452a' stroke-width='1.6'%3E%3Ccircle cx='18' cy='18' r='6'/%3E%3Cpath d='M18 1V35M1 18H35'/%3E%3C/g%3E%3C/svg%3E") 1px 1px/36px 36px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' stroke='%23a6452a' stroke-width='1.6'%3E%3Ccircle cx='18' cy='18' r='6'/%3E%3Cpath d='M18 1V35M1 18H35'/%3E%3C/g%3E%3C/svg%3E") calc(100% - 1px) 1px/36px 36px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' stroke='%23a6452a' stroke-width='1.6'%3E%3Ccircle cx='18' cy='18' r='6'/%3E%3Cpath d='M18 1V35M1 18H35'/%3E%3C/g%3E%3C/svg%3E") 1px calc(100% - 1px)/36px 36px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' stroke='%23a6452a' stroke-width='1.6'%3E%3Ccircle cx='18' cy='18' r='6'/%3E%3Cpath d='M18 1V35M1 18H35'/%3E%3C/g%3E%3C/svg%3E") calc(100% - 1px) calc(100% - 1px)/36px 36px no-repeat,radial-gradient(ellipse at 50% 40%,rgba(255,251,240,.8),transparent 60%);
  --lk-line:rgba(166,69,42,.55);--lk-lo:-18px;--lk-pt:38px;--lk-pb:30px;--lk-rad:2px;--lk-trad:6px;--lk-frame:#fdf8ec;--lk-fline:#5b4636;
  --lk-seal:rgba(250,244,230,.95);--lk-sealink:#a6452a;--lk-sealborder:6px solid #a6452a;--lk-sealrad:48% 52% 45% 55% / 55% 46% 54% 45%}

/* המהפכה המדעית (scientific): a violet night with stars and orbits, the slide's dark bar with its copper mark and orbit
   rings in its corner, a copper ring with the word "הוכח" */
.look-starchart{--lk-surround:radial-gradient(2.4px 2.4px at 22px 34px,rgba(255,255,255,.9),transparent) 0 0/170px 170px,radial-gradient(1.6px 1.6px at 96px 122px,rgba(255,255,255,.7),transparent) 0 0/170px 170px,radial-gradient(2px 2px at 140px 64px,rgba(233,154,92,.85),transparent) 0 0/170px 170px,radial-gradient(1.6px 1.6px at 52px 196px,rgba(255,255,255,.65),transparent) 0 0/230px 230px,radial-gradient(2.2px 2.2px at 180px 40px,rgba(255,255,255,.8),transparent) 0 0/230px 230px,radial-gradient(1.4px 1.4px at 120px 150px,rgba(210,200,240,.7),transparent) 0 0/130px 130px,repeating-radial-gradient(circle at 5% 108%,transparent 0 166px,rgba(169,157,196,.22) 166px 168px),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.35),transparent 60%);
  --lk-deco:linear-gradient(#211a36,#211a36) 0 0/100% 10px no-repeat,linear-gradient(#b5561f,#b5561f) calc(100% - 120px) 0/120px 10px no-repeat,repeating-radial-gradient(circle at 0 100%,transparent 0 96px,rgba(169,157,196,.4) 96px 98px) 0 100%/520px 520px no-repeat;
  --lk-pt:40px;--lk-rad:4px;--lk-trad:6px;--lk-frame:#fdfcff;--lk-fline:#bdb3d6;
  --lk-seal:radial-gradient(circle,#fdf6ee 0 57%,#b5561f 58% 63%,#fdf6ee 64% 70%,#b5561f 71% 74%,#fdf6ee 75%);--lk-sealink:#b5561f}

/* תקופת הנאורות (enlightenment): night blue with the cover's sun rays, a white panel in a gold line with the sun at its top
   and diamonds at its corners, gilt frames, a gold sunburst */
.look-salon{--lk-surround:radial-gradient(ellipse at 50% -4%,rgba(227,194,124,.2),transparent 55%),repeating-conic-gradient(from 0deg at 50% -8%,rgba(227,194,124,.075) 0 2.5deg,transparent 2.5deg 7.5deg),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.35),transparent 60%);
  --lk-paper:var(--q-card);--lk-deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='13' fill='%23fbf8f1'/%3E%3Ccircle cx='20' cy='20' r='5.7' fill='%23a93f5b'/%3E%3Cpath d='M29.5 20.0L39.0 20.0M28.8 23.6L32.9 25.4M26.7 26.7L33.4 33.4M23.6 28.8L25.4 32.9M20.0 29.5L20.0 39.0M16.4 28.8L14.6 32.9M13.3 26.7L6.6 33.4M11.2 23.6L7.1 25.4M10.5 20.0L1.0 20.0M11.2 16.4L7.1 14.6M13.3 13.3L6.6 6.6M16.4 11.2L14.6 7.1M20.0 10.5L20.0 1.0M23.6 11.2L25.4 7.1M26.7 13.3L33.4 6.6M28.8 16.4L32.9 14.6' fill='none' stroke='%23b8965a' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50% 0/52px 52px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1L19 10L10 19L1 10Z' fill='%23fbf8f1' stroke='%23b8965a' stroke-width='2'/%3E%3Cpath d='M10 6L14 10L10 14L6 10Z' fill='%23a93f5b'/%3E%3C/svg%3E") 7px 7px/24px 24px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1L19 10L10 19L1 10Z' fill='%23fbf8f1' stroke='%23b8965a' stroke-width='2'/%3E%3Cpath d='M10 6L14 10L10 14L6 10Z' fill='%23a93f5b'/%3E%3C/svg%3E") calc(100% - 7px) 7px/24px 24px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1L19 10L10 19L1 10Z' fill='%23fbf8f1' stroke='%23b8965a' stroke-width='2'/%3E%3Cpath d='M10 6L14 10L10 14L6 10Z' fill='%23a93f5b'/%3E%3C/svg%3E") 7px calc(100% - 7px)/24px 24px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1L19 10L10 19L1 10Z' fill='%23fbf8f1' stroke='%23b8965a' stroke-width='2'/%3E%3Cpath d='M10 6L14 10L10 14L6 10Z' fill='%23a93f5b'/%3E%3C/svg%3E") calc(100% - 7px) calc(100% - 7px)/24px 24px no-repeat;
  --lk-line:#dcc28c;--lk-lo:-18px;--lk-pt:56px;--lk-pb:34px;--lk-rad:3px;--lk-trad:5px;--lk-frame:#fbf8f1;--lk-fline:transparent;
  --lk-fborder:12px solid #b8965a;--lk-fbimg:linear-gradient(135deg,#f6e3a9,#b8965a 35%,#7a6230 55%,#e3c27c 80%,#9c7c3e) 1;
  --lk-seal:radial-gradient(circle,#fbf8f1 0 55%,transparent 56%),repeating-conic-gradient(#e3c27c 0 7.5deg,#b8965a 7.5deg 15deg);--lk-sealink:#a93f5b}

/* המהפכה האמריקאית (american): Continental blue with faint stars, buff paper with a brass line, the red stripe and the band
   of stars at its foot, a blue seal ringed by thirteen stars */
.look-colonial{--lk-surround:radial-gradient(ellipse at 50% -10%,rgba(216,180,106,.14),transparent 55%),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.38),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23d8b46a' fill-opacity='.075'%3E%3Cpolygon points='36.00,27.00 39.06,35.79 48.36,35.98 40.95,41.61 43.64,50.52 36.00,45.20 28.36,50.52 31.05,41.61 23.64,35.98 32.94,35.79'/%3E%3Cpolygon points='116.00,109.00 118.12,115.09 124.56,115.22 119.42,119.11 121.29,125.28 116.00,121.60 110.71,125.28 112.58,119.11 107.44,115.22 113.88,115.09'/%3E%3C/g%3E%3C/svg%3E") 0 0/160px 160px;
  --lk-deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='26'%3E%3Crect width='60' height='26' fill='%2313233b'/%3E%3Cpolygon points='30.00,6.00 31.76,11.07 37.13,11.18 32.85,14.43 34.41,19.57 30.00,16.50 25.59,19.57 27.15,14.43 22.87,11.18 28.24,11.07' fill='%23f1e6cc'/%3E%3C/svg%3E") 0 100%/60px 26px repeat-x,linear-gradient(#b23a32,#b23a32) 0 calc(100% - 30px)/100% 4px no-repeat,linear-gradient(#d8b46a,#d8b46a) 0 calc(100% - 42px)/100% 3px no-repeat;
  --lk-pt:30px;--lk-pb:56px;--lk-rad:3px;--lk-trad:5px;--lk-frame:#fbf5e7;--lk-fline:#d8b46a;
  --lk-seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='49' fill='%2324406b'/%3E%3Ccircle cx='50' cy='50' r='47' fill='none' stroke='%23d8b46a' stroke-width='1.6'/%3E%3Cg fill='%23f1e6cc'%3E%3Cpolygon points='50.00,4.40 51.32,8.19 55.33,8.27 52.13,10.69 53.29,14.53 50.00,12.24 46.71,14.53 47.87,10.69 44.67,8.27 48.68,8.19'/%3E%3Cpolygon points='68.59,8.98 69.91,12.77 73.91,12.85 70.72,15.27 71.88,19.11 68.59,16.82 65.30,19.11 66.46,15.27 63.26,12.85 67.27,12.77'/%3E%3Cpolygon points='82.92,21.68 84.24,25.47 88.25,25.55 85.05,27.97 86.21,31.81 82.92,29.52 79.63,31.81 80.79,27.97 77.59,25.55 81.60,25.47'/%3E%3Cpolygon points='89.71,39.58 91.02,43.37 95.03,43.45 91.84,45.87 93.00,49.71 89.71,47.42 86.42,49.71 87.58,45.87 84.38,43.45 88.39,43.37'/%3E%3Cpolygon points='87.40,58.58 88.72,62.37 92.73,62.45 89.53,64.88 90.69,68.71 87.40,66.42 84.11,68.71 85.27,64.88 82.07,62.45 86.08,62.37'/%3E%3Cpolygon points='76.52,74.34 77.84,78.13 81.85,78.21 78.66,80.63 79.82,84.47 76.52,82.18 73.23,84.47 74.39,80.63 71.20,78.21 75.21,78.13'/%3E%3Cpolygon points='59.57,83.24 60.89,87.03 64.90,87.11 61.70,89.53 62.86,93.37 59.57,91.08 56.28,93.37 57.44,89.53 54.25,87.11 58.26,87.03'/%3E%3Cpolygon points='40.43,83.24 41.74,87.03 45.75,87.11 42.56,89.53 43.72,93.37 40.43,91.08 37.14,93.37 38.30,89.53 35.10,87.11 39.11,87.03'/%3E%3Cpolygon points='23.48,74.34 24.79,78.13 28.80,78.21 25.61,80.63 26.77,84.47 23.48,82.18 20.18,84.47 21.34,80.63 18.15,78.21 22.16,78.13'/%3E%3Cpolygon points='12.60,58.58 13.92,62.37 17.93,62.45 14.73,64.88 15.89,68.71 12.60,66.42 9.31,68.71 10.47,64.88 7.27,62.45 11.28,62.37'/%3E%3Cpolygon points='10.29,39.58 11.61,43.37 15.62,43.45 12.42,45.87 13.58,49.71 10.29,47.42 7.00,49.71 8.16,45.87 4.97,43.45 8.98,43.37'/%3E%3Cpolygon points='17.08,21.68 18.40,25.47 22.41,25.55 19.21,27.97 20.37,31.81 17.08,29.52 13.79,31.81 14.95,27.97 11.75,25.55 15.76,25.47'/%3E%3Cpolygon points='31.41,8.98 32.73,12.77 36.74,12.85 33.54,15.27 34.70,19.11 31.41,16.82 28.12,19.11 29.28,15.27 26.09,12.85 30.09,12.77'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;--lk-sealink:#fff}

/* המהפכה הצרפתית (french): wine with a faint lattice, cream paper under the deck's red and blue bars, a cockade */
.look-tricolore{--lk-surround:radial-gradient(ellipse at 50% -10%,rgba(242,168,159,.12),transparent 55%),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.38),transparent 60%),repeating-linear-gradient(45deg,rgba(242,168,159,.05) 0 2px,transparent 2px 46px),repeating-linear-gradient(-45deg,rgba(242,168,159,.05) 0 2px,transparent 2px 46px);
  --lk-deco:linear-gradient(#c0303c,#c0303c) 0 0/100% 10px no-repeat,linear-gradient(#2b4c9b,#2b4c9b) 0 16px/100% 4px no-repeat;
  --lk-pt:40px;--lk-rad:3px;--lk-trad:6px;--lk-frame:#fffaf3;--lk-fline:#b49ca5;
  --lk-seal:repeating-conic-gradient(rgba(0,0,0,.1) 0 5deg,transparent 5deg 10deg),radial-gradient(circle,#2b4c9b 0 35%,#fff 36% 60%,#c0303c 61%);--lk-sealink:#fff}

/* המהפכה התעשייתית (industrial): a blueprint grid, drafting paper with a faint grid in a blue line, a copper gear */
.look-blueprint{--lk-surround:linear-gradient(rgba(255,255,255,.12) 2px,transparent 2px) -2px -2px/160px 160px,linear-gradient(90deg,rgba(255,255,255,.12) 2px,transparent 2px) -2px -2px/160px 160px,linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/32px 32px;
  --lk-deco:linear-gradient(rgba(23,66,110,.07) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(23,66,110,.07) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(#b45a22,#b45a22) 0 0/100% 8px no-repeat;
  --lk-line:rgba(23,66,110,.45);--lk-lo:-16px;--lk-pt:34px;--lk-rad:2px;--lk-trad:4px;--lk-frame:#fbfaf5;--lk-fline:#8aa0b8;
  --lk-seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CradialGradient id='g' cx='38%25' cy='32%25' r='70%25'%3E%3Cstop offset='0' stop-color='%23e58a4c'/%3E%3Cstop offset='.6' stop-color='%23b45a22'/%3E%3Cstop offset='1' stop-color='%237a3a12'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M34.73 17.19 L38.89 17.97 L38.89 22.03 L34.73 22.81 L33.57 26.39 L36.47 29.47 L34.09 32.74 L30.27 30.93 L27.23 33.14 L27.76 37.34 L23.91 38.59 L21.88 34.88 L18.12 34.88 L16.09 38.59 L12.24 37.34 L12.77 33.14 L9.73 30.93 L5.91 32.74 L3.53 29.47 L6.43 26.39 L5.27 22.81 L1.11 22.03 L1.11 17.97 L5.27 17.19 L6.43 13.61 L3.53 10.53 L5.91 7.26 L9.73 9.07 L12.77 6.86 L12.24 2.66 L16.09 1.41 L18.12 5.12 L21.88 5.12 L23.91 1.41 L27.76 2.66 L27.23 6.86 L30.27 9.07 L34.09 7.26 L36.47 10.53 L33.57 13.61 Z' fill='url(%23g)'/%3E%3Ccircle cx='20' cy='20' r='12.4' fill='none' stroke='%23fbe3cf' stroke-opacity='.45' stroke-width='.8'/%3E%3C/svg%3E") center/100% 100% no-repeat;--lk-sealink:#fff;--lk-sealrad:0}

/* הלאומיות (nat1–nat4): Prussian blue under a map's graticule, the pale-sea slide in an atlas neatline (its dashed scale
   bar and corner squares, from the decks), a compass rose */
.look-atlas{--lk-surround:repeating-radial-gradient(circle at 50% 175%,transparent 0 118px,rgba(246,241,228,.075) 118px 120px),repeating-conic-gradient(from -64deg at 50% 175%,rgba(246,241,228,.075) 0 .09deg,transparent .09deg 6deg),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.35),transparent 60%);
  --lk-deco:linear-gradient(#143c5a,#143c5a) 0 0/100% 2px no-repeat,linear-gradient(#143c5a,#143c5a) 0 100%/100% 2px no-repeat,linear-gradient(#143c5a,#143c5a) 0 0/2px 100% no-repeat,linear-gradient(#143c5a,#143c5a) 100% 0/2px 100% no-repeat,repeating-linear-gradient(90deg,#143c5a 0 48px,transparent 48px 96px) 15px 4px/calc(100% - 30px) 9px no-repeat,repeating-linear-gradient(90deg,#143c5a 0 48px,transparent 48px 96px) 15px calc(100% - 4px)/calc(100% - 30px) 9px no-repeat,repeating-linear-gradient(180deg,#143c5a 0 48px,transparent 48px 96px) 4px 15px/9px calc(100% - 30px) no-repeat,repeating-linear-gradient(180deg,#143c5a 0 48px,transparent 48px 96px) calc(100% - 4px) 15px/9px calc(100% - 30px) no-repeat,linear-gradient(#143c5a,#143c5a) 0 0/15px 15px no-repeat,linear-gradient(#143c5a,#143c5a) 100% 0/15px 15px no-repeat,linear-gradient(#143c5a,#143c5a) 0 100%/15px 15px no-repeat,linear-gradient(#143c5a,#143c5a) 100% 100%/15px 15px no-repeat;
  --lk-line:rgba(20,60,90,.75);--lk-lo:-17px;--lk-pt:44px;--lk-pb:38px;--lk-rad:0px;--lk-trad:4px;--lk-frame:#f6f1e4;--lk-fline:#93b0b3;
  --lk-seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='49' fill='%23f6f1e4' stroke='%23143c5a' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='44' fill='none' stroke='%23143c5a' stroke-width='.8' stroke-dasharray='3 3'/%3E%3Cpolygon points='50.0,4.0 55.7,36.1 71.2,28.8 63.9,44.3 96.0,50.0 63.9,55.7 71.2,71.2 55.7,63.9 50.0,96.0 44.3,63.9 28.8,71.2 36.1,55.7 4.0,50.0 36.1,44.3 28.8,28.8 44.3,36.1' fill='%23143c5a' fill-opacity='.18' stroke='%23143c5a' stroke-width='1'/%3E%3Cpath d='M50 4L54 46L50 50L46 46Z' fill='%23b02c3a'/%3E%3Ccircle cx='50' cy='50' r='30' fill='%23f6f1e4' stroke='%23b02c3a' stroke-width='1.6'/%3E%3C/svg%3E") center/100% 100% no-repeat;--lk-sealink:#143c5a;--lk-sealrad:50%}

/* התנועה הלאומית הציונית (zionrise, zionway; the Herzl decks' teal in the tiles): a newspaper of the 1890s, the thick and thin
   rules at the head and the foot of the page, fine halftone on the dark, a red diamond */
.look-gazette{--lk-surround:radial-gradient(ellipse at 50% -10%,rgba(224,101,76,.1),transparent 55%),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.4),transparent 60%),radial-gradient(circle,rgba(243,236,220,.07) 0 1px,transparent 1.6px) 0 0/6px 6px;
  --lk-deco:linear-gradient(#23201b,#23201b) 28px 14px/calc(100% - 56px) 10px no-repeat,linear-gradient(#23201b,#23201b) 28px 30px/calc(100% - 56px) 3px no-repeat,linear-gradient(#23201b,#23201b) 28px calc(100% - 30px)/calc(100% - 56px) 3px no-repeat,linear-gradient(#23201b,#23201b) 28px calc(100% - 14px)/calc(100% - 56px) 10px no-repeat;
  --lk-pt:52px;--lk-pb:48px;--lk-rad:1px;--lk-trad:2px;--lk-frame:#fbf7ec;--lk-fline:#23201b;
  --lk-seal:radial-gradient(circle at 40% 35%,#b23a2a,#8e2a1e 60%,#6a1d14);--lk-sealink:#f3ecdc;--lk-sealclip:polygon(50% 0,100% 50%,50% 100%,0 50%);--lk-sealrad:0}

/* האימפריאליזם (imperialism): a ship's cabin, teak planks round sailcloth, the deck's rope band and brass rivets, brass mounts,
   a ship's wheel */
.look-voyage{--lk-bg:#2b1d14;--lk-surround:radial-gradient(ellipse at 65% 35%,#3b281b 0%,rgba(43,29,20,0) 60%),repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 2px,transparent 2px 58px,rgba(255,220,170,.035) 58px 60px,transparent 60px 118px),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.4),transparent 60%);
  --lk-deco:linear-gradient(#4a3418,#4a3418) 0 0/100% 2px no-repeat,repeating-linear-gradient(118deg,#6b4c24 0 3px,#c7a465 3px 9px,#e7d1a0 9px 11px,#c7a465 11px 15px) 0 2px/100% 18px no-repeat,linear-gradient(#4a3418,#4a3418) 0 20px/100% 2px no-repeat,radial-gradient(circle at 35% 35%,#fff0c4,#b88a3c 55%,#5e4318 72%,transparent 74%) 12px 34px/16px 16px no-repeat,radial-gradient(circle at 35% 35%,#fff0c4,#b88a3c 55%,#5e4318 72%,transparent 74%) calc(100% - 12px) 34px/16px 16px no-repeat,radial-gradient(circle at 35% 35%,#fff0c4,#b88a3c 55%,#5e4318 72%,transparent 74%) 12px calc(100% - 12px)/16px 16px no-repeat,radial-gradient(circle at 35% 35%,#fff0c4,#b88a3c 55%,#5e4318 72%,transparent 74%) calc(100% - 12px) calc(100% - 12px)/16px 16px no-repeat,repeating-linear-gradient(0deg,rgba(120,90,50,.04) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(120,90,50,.04) 0 1px,transparent 1px 4px);
  --lk-pt:44px;--lk-pb:30px;--lk-rad:3px;--lk-trad:6px;--lk-frame:#f3ece0;--lk-fline:transparent;
  --lk-fborder:8px solid #b88a3c;--lk-fbimg:linear-gradient(135deg,#fff0c4,#c79a48 35%,#6b4c24 60%,#e7d1a0 85%,#8a6a30) 1;
  --lk-seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='b' cx='38%25' cy='32%25' r='75%25'%3E%3Cstop offset='0' stop-color='%23fff0c4'/%3E%3Cstop offset='.55' stop-color='%23c79a48'/%3E%3Cstop offset='1' stop-color='%236b4c24'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23b)' stroke='%234a3418' stroke-width='1'%3E%3Cpath d='M64.0 50.0L97.0 50.0M59.9 59.9L83.2 83.2M50.0 64.0L50.0 97.0M40.1 59.9L16.8 83.2M36.0 50.0L3.0 50.0M40.1 40.1L16.8 16.8M50.0 36.0L50.0 3.0M59.9 40.1L83.2 16.8' stroke='%237a5a2a' stroke-width='6' stroke-linecap='round'/%3E%3Ccircle cx='96.0' cy='50.0' r='4'/%3E%3Ccircle cx='82.5' cy='82.5' r='4'/%3E%3Ccircle cx='50.0' cy='96.0' r='4'/%3E%3Ccircle cx='17.5' cy='82.5' r='4'/%3E%3Ccircle cx='4.0' cy='50.0' r='4'/%3E%3Ccircle cx='17.5' cy='17.5' r='4'/%3E%3Ccircle cx='50.0' cy='4.0' r='4'/%3E%3Ccircle cx='82.5' cy='17.5' r='4'/%3E%3Ccircle cx='50' cy='50' r='38' fill='none' stroke='url(%23b)' stroke-width='9'/%3E%3Ccircle cx='50' cy='50' r='30' fill='%23f3ece0' stroke='%236b4c24' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;--lk-sealink:#4a3418;--lk-sealrad:50%}

/* מלחמת העולם הראשונה (ww1a–c): olive drab under a map grid, khaki paper with the olive bar on top and the decks' sandbags at
   the foot, a red rubber stamp as on a censored letter */
.look-trench{--lk-surround:linear-gradient(rgba(255,255,255,.05) 2px,transparent 2px) 0 58px/120px 120px,linear-gradient(90deg,rgba(255,255,255,.05) 2px,transparent 2px) 0 0/120px 120px,radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.35),transparent 60%);
  --lk-deco:linear-gradient(#4b5539,#4b5539) 0 0/100% 10px no-repeat,linear-gradient(#d2a94e,#d2a94e) 0 10px/100% 3px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='48'%3E%3Cg fill='%233a4130'%3E%3Crect x='2' y='4' width='88' height='20' rx='10'/%3E%3Crect x='-44' y='26' width='88' height='20' rx='10'/%3E%3Crect x='48' y='26' width='88' height='20' rx='10'/%3E%3C/g%3E%3Cg fill='none' stroke='%235c6648' stroke-width='1.2'%3E%3Cpath d='M12 9H80M-34 31H34M58 31H126'/%3E%3C/g%3E%3C/svg%3E") 0 100%/92px 48px repeat-x;
  --lk-pt:36px;--lk-pb:62px;--lk-rad:2px;--lk-trad:3px;--lk-frame:#f4efe0;--lk-fline:#8c8668;
  --lk-seal:rgba(240,233,214,.94);--lk-sealink:#a3311f;--lk-sealborder:7px double #a3311f;--lk-sealrad:50%}