/* Сгенерировано tools/home-scene/theme_scene.py (запуск build.py): оформление сцены по теме плиток. Не править руками. */
#lakeBackdrop .th,
#homeArt .th { display: none; }
html[data-tilestyle="neon"] #lakeBackdrop .th-neon,
html[data-tilestyle="neon"] #homeArt .th-neon { display: inline; }
html[data-tilestyle="ice"] #lakeBackdrop .th-ice,
html[data-tilestyle="ice"] #homeArt .th-ice { display: inline; }
html[data-tilestyle="fire"] #lakeBackdrop .th-fire,
html[data-tilestyle="fire"] #homeArt .th-fire { display: inline; }
html[data-tilestyle="gem"] #lakeBackdrop .th-gem,
html[data-tilestyle="gem"] #homeArt .th-gem { display: inline; }
html[data-tilestyle="gold"] #lakeBackdrop .th-gold,
html[data-tilestyle="gold"] #homeArt .th-gold { display: inline; }
html[data-tilestyle="sunset"] #lakeBackdrop .th-sunset,
html[data-tilestyle="sunset"] #homeArt .th-sunset { display: inline; }
html[data-tilestyle="water"] #lakeBackdrop .th-water,
html[data-tilestyle="water"] #homeArt .th-water { display: inline; }
html[data-tilestyle="pumpkin"] #lakeBackdrop .th-pumpkin,
html[data-tilestyle="pumpkin"] #homeArt .th-pumpkin { display: inline; }
html[data-tilestyle="neon"] #lakeBackdrop,
html[data-tilestyle="neon"] #homeArt { --sky1: #04020e; --sky2: #150a38; --sky3: #3a1468; --far: #120d2c; --mid: #0a0820; --pine: #050612; --snow: #22e0a1; --w1: #120f3c; --w2: #05031a; --wave: #22e0a1; --body: #f5f0ff; --glow: #c18bff; --cloud: #2a1a58; --pinelit: #16103a; --reed: #0a0a22; }
html[data-tilestyle="ice"] #lakeBackdrop,
html[data-tilestyle="ice"] #homeArt { --sky1: #6fa4dc; --sky2: #c6e2f6; --sky3: #f4fbff; --far: #a6cbe3; --mid: #7eaecf; --pine: #4d8197; --snow: #ffffff; --w1: #6cb2d8; --w2: #1d5a88; --wave: #eaf7ff; --body: #fffbe6; --glow: #e8f6ff; --cloud: #ffffff; --pinelit: #e4f5ff; --reed: #5a8aa0; }
html[data-tilestyle="fire"] #lakeBackdrop,
html[data-tilestyle="fire"] #homeArt { --sky1: #10050a; --sky2: #451810; --sky3: #ff8a3a; --far: #2b1216; --mid: #1b0a0c; --pine: #0a0405; --snow: #ff9a52; --w1: #3a1a1e; --w2: #14080c; --wave: #ff9a52; --body: #ffd08a; --glow: #ff7a2a; --cloud: #5a2418; --pinelit: #8a3414; --reed: #2a1210; }
html[data-tilestyle="gem"] #lakeBackdrop,
html[data-tilestyle="gem"] #homeArt { --sky1: #03100e; --sky2: #0b362c; --sky3: #2fd08a; --far: #124d3c; --mid: #0a2f26; --pine: #06201a; --snow: #b8ffd8; --w1: #0b4a3c; --w2: #04161a; --wave: #6ff0b0; --body: #eafff2; --glow: #4dffa8; --cloud: #1c5a48; --pinelit: #35c887; --reed: #0d3a2c; }
html[data-tilestyle="gold"] #lakeBackdrop,
html[data-tilestyle="gold"] #homeArt { --sky1: #34200e; --sky2: #b87a2a; --sky3: #ffe08a; --far: #8a6a38; --mid: #5c4224; --pine: #3a2a14; --snow: #fff0b8; --w1: #8a6a2c; --w2: #2a1d0c; --wave: #ffe9a0; --body: #fff3b8; --glow: #ffd466; --cloud: #ffe9b0; --pinelit: #e8c46a; --reed: #6a5226; }
html[data-tilestyle="pumpkin"] #lakeBackdrop,
html[data-tilestyle="pumpkin"] #homeArt { --sky1: #12082c; --sky2: #4a1f5e; --sky3: #f08a3c; --far: #3a2160; --mid: #231238; --pine: #0b0716; --snow: #ffb26a; --w1: #2a1a52; --w2: #0b051e; --wave: #ff9a4a; --body: #ffb347; --glow: #ff8a2e; --cloud: #5a3a78; --pinelit: #7a3a1a; --reed: #1a0f30; --stars: 1; }
html[data-tilestyle="water"] #lakeBackdrop,
html[data-tilestyle="water"] #homeArt { --w1: #2a9d8f; --w2: #0f4c5c; --wave: #bfeee6; }
html[data-tilestyle="neon"] #lakeBackdrop .s-far,
html[data-tilestyle="neon"] #homeArt .s-far { fill: #0b0822; }
html[data-tilestyle="neon"] #lakeBackdrop .s-mid,
html[data-tilestyle="neon"] #homeArt .s-mid { fill: #070518; }
html[data-tilestyle="neon"] #lakeBackdrop .s-face-dark,
html[data-tilestyle="neon"] #homeArt .s-face-dark { fill: #04020c; fill-opacity: .55; }
html[data-tilestyle="neon"] #lakeBackdrop .s-face-lit,
html[data-tilestyle="neon"] #homeArt .s-face-lit { fill: #2a0e52; fill-opacity: .5; }
html[data-tilestyle="neon"] #lakeBackdrop .s-ridge,
html[data-tilestyle="neon"] #homeArt .s-ridge { display: none; }
html[data-tilestyle="neon"] #lakeBackdrop .s-snow, .s-snow-shade,
html[data-tilestyle="neon"] #homeArt .s-snow, .s-snow-shade { display: none; }
html[data-tilestyle="neon"] #lakeBackdrop .s-pine,
html[data-tilestyle="neon"] #homeArt .s-pine { fill: #060414; stroke: #22e0a1; stroke-width: .55; stroke-opacity: .9; stroke-linejoin: round; }
html[data-tilestyle="neon"] #lakeBackdrop .s-pinelit,
html[data-tilestyle="neon"] #homeArt .s-pinelit { fill: #22e0a1; fill-opacity: .1; }
html[data-tilestyle="neon"] #lakeBackdrop .s-pinefoot,
html[data-tilestyle="neon"] #homeArt .s-pinefoot { fill: #030208; }
#lakeBackdrop .nn-far,
#homeArt .nn-far { color: #22e0a1; }
#lakeBackdrop .nn-mid,
#homeArt .nn-mid { color: #f5d020; }
#lakeBackdrop .nn-wash,
#homeArt .nn-wash { fill: currentColor; }
#lakeBackdrop .nn-t4,
#homeArt .nn-t4 { fill: none; stroke: currentColor; stroke-width: 9; stroke-opacity: 0.07; stroke-linejoin: round; stroke-linecap: round; }
#lakeBackdrop .nn-t3,
#homeArt .nn-t3 { fill: none; stroke: currentColor; stroke-width: 5.4; stroke-opacity: 0.14; stroke-linejoin: round; stroke-linecap: round; }
#lakeBackdrop .nn-t2,
#homeArt .nn-t2 { fill: none; stroke: currentColor; stroke-width: 2.9; stroke-opacity: 0.32; stroke-linejoin: round; stroke-linecap: round; }
#lakeBackdrop .nn-t1,
#homeArt .nn-t1 { fill: none; stroke: #f4fff9; stroke-width: 1.05; stroke-linejoin: round; stroke-linecap: round; }
#lakeBackdrop .nn-mid .nn-t1,
#homeArt .nn-mid .nn-t1 { stroke: #fffbe0; }
#lakeBackdrop .nn-h,
#homeArt .nn-h { fill: currentColor; fill-opacity: .28; }
#lakeBackdrop .nn-b,
#homeArt .nn-b { fill: #fff; }
#lakeBackdrop .nn-hz,
#homeArt .nn-hz { fill: #7dffd0; }
#lakeBackdrop .nn-hzg,
#homeArt .nn-hzg { fill: #22e0a1; fill-opacity: .22; }
#lakeBackdrop .nn-g,
#homeArt .nn-g { fill: none; stroke: #c18bff; stroke-width: .55; stroke-opacity: .34; }
#lakeBackdrop .nn-g.h,
#homeArt .nn-g.h { stroke: #22e0a1; stroke-width: .6; stroke-opacity: 1; }
html[data-tilestyle="ice"] #lakeBackdrop .s-far,
html[data-tilestyle="ice"] #homeArt .s-far { fill: #a9cde4; }
html[data-tilestyle="ice"] #lakeBackdrop .s-mid,
html[data-tilestyle="ice"] #homeArt .s-mid { fill: #7fb0d0; }
html[data-tilestyle="ice"] #lakeBackdrop .s-face-dark,
html[data-tilestyle="ice"] #homeArt .s-face-dark { fill: #5c8db2; fill-opacity: .55; }
html[data-tilestyle="ice"] #lakeBackdrop .s-face-lit,
html[data-tilestyle="ice"] #homeArt .s-face-lit { fill: #e6f4fc; fill-opacity: .5; }
html[data-tilestyle="ice"] #lakeBackdrop .s-snow,
html[data-tilestyle="ice"] #homeArt .s-snow { fill: #fff; }
html[data-tilestyle="ice"] #lakeBackdrop .s-snow-shade,
html[data-tilestyle="ice"] #homeArt .s-snow-shade { fill: #cfe3f2; }
html[data-tilestyle="ice"] #lakeBackdrop .s-pine,
html[data-tilestyle="ice"] #homeArt .s-pine { fill: #4a7c93; }
html[data-tilestyle="ice"] #lakeBackdrop .s-pinelit,
html[data-tilestyle="ice"] #homeArt .s-pinelit { fill: #eaf8ff; }
html[data-tilestyle="ice"] #lakeBackdrop .s-pinefoot,
html[data-tilestyle="ice"] #homeArt .s-pinefoot { fill: #e0f1fa; }
#lakeBackdrop .ic-top,
#homeArt .ic-top { fill: #eef9ff; stroke: #fff; stroke-width: .4; }
#lakeBackdrop .ic-side,
#homeArt .ic-side { fill: #8ec3e0; }
#lakeBackdrop .ic-shine,
#homeArt .ic-shine { stroke: #fff; stroke-width: .8; stroke-linecap: round; opacity: .8; }
#lakeBackdrop .ic-flake,
#homeArt .ic-flake { fill: #fff; fill-opacity: .9; }
html[data-tilestyle="fire"] #lakeBackdrop .s-far,
html[data-tilestyle="fire"] #homeArt .s-far { fill: #2b1216; }
html[data-tilestyle="fire"] #lakeBackdrop .s-mid,
html[data-tilestyle="fire"] #homeArt .s-mid { fill: #1b0a0c; }
html[data-tilestyle="fire"] #lakeBackdrop .s-face-dark,
html[data-tilestyle="fire"] #homeArt .s-face-dark { fill: #0b0405; fill-opacity: .6; }
html[data-tilestyle="fire"] #lakeBackdrop .s-face-lit,
html[data-tilestyle="fire"] #homeArt .s-face-lit { fill: #8a2c12; fill-opacity: .55; }
html[data-tilestyle="fire"] #lakeBackdrop .s-snow,
html[data-tilestyle="fire"] #homeArt .s-snow { fill: #ff9a52; fill-opacity: .55; }
html[data-tilestyle="fire"] #lakeBackdrop .s-snow-shade,
html[data-tilestyle="fire"] #homeArt .s-snow-shade { fill: #e2574c; fill-opacity: .4; }
html[data-tilestyle="fire"] #lakeBackdrop .s-pine,
html[data-tilestyle="fire"] #homeArt .s-pine { fill: #0a0405; }
html[data-tilestyle="fire"] #lakeBackdrop .s-pinelit,
html[data-tilestyle="fire"] #homeArt .s-pinelit { fill: #ff7a2a; fill-opacity: .4; }
#lakeBackdrop .fr-ember,
#homeArt .fr-ember { fill: #ffb060; }
html[data-tilestyle="gem"] #lakeBackdrop .s-far,
html[data-tilestyle="gem"] #homeArt .s-far { fill: #0f5a44; }
html[data-tilestyle="gem"] #lakeBackdrop .s-mid,
html[data-tilestyle="gem"] #homeArt .s-mid { fill: #0a3a2e; }
html[data-tilestyle="gem"] #lakeBackdrop .s-face-dark,
html[data-tilestyle="gem"] #homeArt .s-face-dark { fill: #052a20; fill-opacity: .6; }
html[data-tilestyle="gem"] #lakeBackdrop .s-face-lit,
html[data-tilestyle="gem"] #homeArt .s-face-lit { fill: #28d08a; fill-opacity: .45; }
html[data-tilestyle="gem"] #lakeBackdrop .s-snow,
html[data-tilestyle="gem"] #homeArt .s-snow { fill: #c8ffe0; }
html[data-tilestyle="gem"] #lakeBackdrop .s-snow-shade,
html[data-tilestyle="gem"] #homeArt .s-snow-shade { fill: #6fe8aa; }
html[data-tilestyle="gem"] #lakeBackdrop .s-pine,
html[data-tilestyle="gem"] #homeArt .s-pine { fill: #0a3a2e; }
html[data-tilestyle="gem"] #lakeBackdrop .s-pinelit,
html[data-tilestyle="gem"] #homeArt .s-pinelit { fill: #3fe08a; fill-opacity: .7; }
#lakeBackdrop .gm-d,
#homeArt .gm-d { fill: #0b6b46; }
#lakeBackdrop .gm-l,
#homeArt .gm-l { fill: #2fe08a; }
#lakeBackdrop .gm-t,
#homeArt .gm-t { fill: #d8ffe9; fill-opacity: .85; }
#lakeBackdrop .gm-spark,
#homeArt .gm-spark { fill: #e8fff3; }
html[data-tilestyle="gold"] #lakeBackdrop .s-far,
html[data-tilestyle="gold"] #homeArt .s-far { fill: #8a6a38; }
html[data-tilestyle="gold"] #lakeBackdrop .s-mid,
html[data-tilestyle="gold"] #homeArt .s-mid { fill: #5c4224; }
html[data-tilestyle="gold"] #lakeBackdrop .s-face-dark,
html[data-tilestyle="gold"] #homeArt .s-face-dark { fill: #3a2a14; fill-opacity: .55; }
html[data-tilestyle="gold"] #lakeBackdrop .s-face-lit,
html[data-tilestyle="gold"] #homeArt .s-face-lit { fill: #e8c46a; fill-opacity: .5; }
html[data-tilestyle="gold"] #lakeBackdrop .s-snow,
html[data-tilestyle="gold"] #homeArt .s-snow { fill: #fff0b8; }
html[data-tilestyle="gold"] #lakeBackdrop .s-snow-shade,
html[data-tilestyle="gold"] #homeArt .s-snow-shade { fill: #e8c46a; }
html[data-tilestyle="gold"] #lakeBackdrop .s-pine,
html[data-tilestyle="gold"] #homeArt .s-pine { fill: #3a2a14; }
html[data-tilestyle="gold"] #lakeBackdrop .s-pinelit,
html[data-tilestyle="gold"] #homeArt .s-pinelit { fill: #e8c46a; fill-opacity: .75; }
#lakeBackdrop .gd-edge,
#homeArt .gd-edge { fill: none; stroke: #f6d878; stroke-width: 1; stroke-linejoin: round; }
#lakeBackdrop .gd-edge.m,
#homeArt .gd-edge.m { stroke: #d9a640; stroke-width: .8; }
#lakeBackdrop .gd-ray,
#homeArt .gd-ray { fill: #ffe9a0; fill-opacity: .1; }
#lakeBackdrop .gd-dust,
#homeArt .gd-dust { fill: #ffe08a; fill-opacity: .9; }
#lakeBackdrop .gd-rays,
#homeArt .gd-rays { transform: translate(var(--bx), var(--by)); }
#lakeBackdrop .ss-ray,
#homeArt .ss-ray { fill: #ffd6a0; fill-opacity: .1; }
#lakeBackdrop .wt-bub,
#homeArt .wt-bub { fill: none; stroke: #e8fffb; stroke-width: .5; stroke-opacity: .75; }
#lakeBackdrop .wt-ring,
#homeArt .wt-ring { fill: none; stroke: #e8fffb; stroke-width: .6; }
html[data-tilestyle="pumpkin"] #lakeBackdrop .s-face-dark,
html[data-tilestyle="pumpkin"] #homeArt .s-face-dark { fill: #120824; fill-opacity: .6; }
html[data-tilestyle="pumpkin"] #lakeBackdrop .s-face-lit,
html[data-tilestyle="pumpkin"] #homeArt .s-face-lit { fill: #c0551c; fill-opacity: .35; }
html[data-tilestyle="pumpkin"] #lakeBackdrop .s-snow,
html[data-tilestyle="pumpkin"] #homeArt .s-snow { fill: #ffb26a; }
html[data-tilestyle="pumpkin"] #lakeBackdrop .s-snow-shade,
html[data-tilestyle="pumpkin"] #homeArt .s-snow-shade { fill: #b4571c; }
html[data-tilestyle="pumpkin"] #lakeBackdrop .s-pine,
html[data-tilestyle="pumpkin"] #homeArt .s-pine { fill: #0b0716; }
html[data-tilestyle="pumpkin"] #lakeBackdrop .s-pinelit,
html[data-tilestyle="pumpkin"] #homeArt .s-pinelit { fill: #7a3a1a; fill-opacity: .6; }
#lakeBackdrop .pk-fog,
#homeArt .pk-fog { fill: #c9a8ff; fill-opacity: .1; }
#lakeBackdrop .pk-glow,
#homeArt .pk-glow { fill: #ff9a2e; fill-opacity: .22; }
#lakeBackdrop .pk-body,
#homeArt .pk-body { fill: #f08a2a; stroke: #8a3f0c; stroke-width: .6; }
#lakeBackdrop .pk-rib,
#homeArt .pk-rib { fill: none; stroke: #b4561a; stroke-width: .7; stroke-linecap: round; }
#lakeBackdrop .pk-stem,
#homeArt .pk-stem { fill: #4f7a22; }
#lakeBackdrop .pk-face,
#homeArt .pk-face { fill: #ffe08a; }
#lakeBackdrop .pk-bat path,
#homeArt .pk-bat path { fill: #07040f; }
html[data-tilestyle="glossy"] #lakeBackdrop .s-far, .s-mid,
html[data-tilestyle="glossy"] #homeArt .s-far, .s-mid { stroke: #fff; stroke-opacity: .42; stroke-width: .8; stroke-linejoin: round; }
html[data-tilestyle="glossy"] #lakeBackdrop .s-face-lit,
html[data-tilestyle="glossy"] #homeArt .s-face-lit { fill: #fff; fill-opacity: .3; }
html[data-tilestyle="glossy"] #lakeBackdrop .s-face-dark,
html[data-tilestyle="glossy"] #homeArt .s-face-dark { fill-opacity: .42; }
html[data-tilestyle="glossy"] #lakeBackdrop .s-pine,
html[data-tilestyle="glossy"] #homeArt .s-pine { stroke: #fff; stroke-opacity: .35; stroke-width: .4; }
@keyframes thFall { from { transform: translateY(-14px); } to { transform: translateY(250px); } }
@keyframes thRise { from { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } to { transform: translateY(-120px); opacity: 0; } }
@keyframes thTwinkle { 0%, 100% { opacity: .15; } 50% { opacity: 1; } }
@keyframes thBob { from { transform: translateY(0); } to { transform: translateY(3px); } }
@keyframes thFly { from { transform: translateX(-60px); } to { transform: translateX(470px); } }
@keyframes thRing { from { transform: scale(.4); opacity: .8; } to { transform: scale(2.4); opacity: 0; } }
#lakeBackdrop .pg.fall,
#homeArt .pg.fall { animation-name: thFall; animation-timing-function: linear; animation-iteration-count: infinite; }
#lakeBackdrop .pg.rise,
#homeArt .pg.rise { animation-name: thRise; animation-timing-function: ease-out; animation-iteration-count: infinite; }
#lakeBackdrop .wt-bub,
#homeArt .wt-bub { animation: thRise 9s ease-out infinite; }
#lakeBackdrop .ly-thx,
#homeArt .ly-thx { will-change: auto; }
#lakeBackdrop .gm-spark,
#homeArt .gm-spark { animation: thTwinkle 3.2s ease-in-out infinite; }
#lakeBackdrop .pk-jack > g,
#homeArt .pk-jack > g { animation: thBob 3.4s ease-in-out infinite alternate; }
#lakeBackdrop .pk-bat,
#homeArt .pk-bat { animation: thFly 24s linear infinite; }
#lakeBackdrop .wt-ring,
#homeArt .wt-ring { animation: thRing 5s ease-out infinite; transform-box: fill-box; transform-origin: center; }
html[data-tilestyle="neon"] #gameModePicker.home .mode-icon { border: 1.5px solid #22e0a1; box-shadow: 0 0 9px 1px rgba(34, 224, 161, .65), inset 0 0 8px rgba(34, 224, 161, .35); }
html[data-tilestyle="ice"] #gameModePicker.home .mode-icon { border: 1.5px solid #cfeeff; box-shadow: 0 0 8px rgba(190, 232, 255, .7), inset 0 2px 6px rgba(255, 255, 255, .45); }
html[data-tilestyle="fire"] #gameModePicker.home .mode-icon { border: 1.5px solid #f0a04b; box-shadow: 0 0 9px rgba(255, 130, 40, .7), inset 0 0 8px rgba(226, 87, 76, .4); }
html[data-tilestyle="gem"] #gameModePicker.home .mode-icon { border: 1.5px solid #6ff0b0; box-shadow: 0 0 8px rgba(47, 224, 138, .6), inset 0 0 8px rgba(111, 240, 176, .35); }
html[data-tilestyle="gold"] #gameModePicker.home .mode-icon { border: 2px solid #f0cf7c; box-shadow: 0 0 0 1px #8a5f1c, 0 0 8px rgba(255, 214, 110, .6), inset 0 1px 0 rgba(255, 244, 200, .6); }
html[data-tilestyle="sunset"] #gameModePicker.home .mode-icon { border: 1.5px solid #f2872f; box-shadow: 0 0 8px rgba(242, 135, 47, .55), inset 0 0 6px rgba(155, 93, 229, .4); }
html[data-tilestyle="glossy"] #gameModePicker.home .mode-icon { border: 1.5px solid #9ddca0; box-shadow: 0 2px 5px rgba(0, 0, 0, .5), inset 0 3px 3px rgba(255, 255, 255, .45), inset 0 -3px 4px rgba(0, 0, 0, .35); }
html[data-tilestyle="water"] #gameModePicker.home .mode-icon { border: 1.5px solid #8fe6dc; box-shadow: 0 0 8px rgba(42, 157, 143, .7), inset 0 0 6px rgba(143, 230, 220, .35); }
html[data-tilestyle="pumpkin"] #gameModePicker.home .mode-icon { border: 1.5px solid #ff9a2e; box-shadow: 0 0 9px rgba(255, 154, 46, .65), inset 0 0 6px rgba(255, 154, 46, .3); }