/* THE ROOM'S REAL WALLS, written by private/hang/real_walls.py (do not edit by hand): every tile of every wall,
   placed in 3D round the eye. --q (room.js) is page pixels for one picture pixel. */
[data-skin="marble"] .tile.s-n { background-image: url(art/room/real/n.webp?v=9c254e7a); background-size: calc(var(--q) * 3711px) calc(var(--q) * 3643px); }
.t0 { width: calc(var(--q) * 44px); height: calc(var(--q) * 183px); background-position: calc(var(--q) * -3166px) calc(var(--q) * -3212px); transform: matrix3d(4.65414,-0,0.629099,0,-0,4.77767,0,0,-0.133952,-0,0.990988,0,-734.223,-2030.87,-393.423,1) scale(calc(1 / var(--q))); }
.t1 { width: calc(var(--q) * 96px); height: calc(var(--q) * 289px); background-position: calc(var(--q) * -1942px) calc(var(--q) * -3212px); transform: matrix3d(2.02354,-0,0.273521,0,-0,2.04581,0,0,-0.133952,-0,0.990988,0,-728.962,-1170.2,-392.712,1) scale(calc(1 / var(--q))); }
.t2 { width: calc(var(--q) * 142px); height: calc(var(--q) * 218px); background-position: calc(var(--q) * -2328px) calc(var(--q) * -3212px); transform: matrix3d(1.34903,-0,0.182348,0,-0,1.36228,0,0,-0.133952,-0,0.990988,0,-727.613,-585.779,-392.53,1) scale(calc(1 / var(--q))); }
.t3 { width: calc(var(--q) * 169px); height: calc(var(--q) * 516px); background-position: calc(var(--q) * -2568px) calc(var(--q) * -2568px); transform: matrix3d(1.12828,-0,0.152509,0,-0,1.13878,0,0,-0.133952,-0,0.990988,0,-727.172,-293.805,-392.47,1) scale(calc(1 / var(--q))); }
.t4 { width: calc(var(--q) * 142px); height: calc(var(--q) * 197px); background-position: calc(var(--q) * -2823px) calc(var(--q) * -3212px); transform: matrix3d(1.34903,-0,0.182348,0,-0,1.36074,0,0,-0.133952,-0,0.990988,0,-727.613,288.806,-392.53,1) scale(calc(1 / var(--q))); }
.t5 { width: calc(var(--q) * 76px); height: calc(var(--q) * 213px); background-position: calc(var(--q) * -2671px) calc(var(--q) * -3212px); transform: matrix3d(4.0125,-0,0.542369,0,-0,4.09188,0,0,-0.133952,-0,0.990988,0,-546.774,-2029.5,-368.086,1) scale(calc(1 / var(--q))); }
.t6 { width: calc(var(--q) * 218px); height: calc(var(--q) * 431px); background-position: calc(var(--q) * -3493px) calc(var(--q) * -2568px); transform: matrix3d(1.35,-0,0.182479,0,-0,1.36547,0,0,-0.133952,-0,0.990988,0,-541.449,-1168.84,-367.366,1) scale(calc(1 / var(--q))); }
.t7 { width: calc(var(--q) * 431px); height: calc(var(--q) * 431px); background-position: calc(var(--q) * 0px) calc(var(--q) * -3212px); transform: matrix3d(0.676581,-0,0.0914533,0,-0,0.682734,0,0,-0.133952,-0,0.990988,0,-540.103,-584.42,-367.184,1) scale(calc(1 / var(--q))); }
.t8 { width: calc(var(--q) * 644px); height: calc(var(--q) * 1284px); background-position: calc(var(--q) * 0px) calc(var(--q) * 0px); transform: matrix3d(0.451406,-0,0.0610165,0,-0,0.455511,0,0,-0.133952,-0,0.990988,0,-539.652,-292.438,-367.123,1) scale(calc(1 / var(--q))); }
.t9 { width: calc(var(--q) * 431px); height: calc(var(--q) * 389px); background-position: calc(var(--q) * -1080px) calc(var(--q) * -3212px); transform: matrix3d(0.676581,-0,0.0914533,0,-0,0.682137,0,0,-0.133952,-0,0.990988,0,-540.103,290.163,-367.184,1) scale(calc(1 / var(--q))); }
.t10 { width: calc(var(--q) * 155px); height: calc(var(--q) * 225px); background-position: calc(var(--q) * -2173px) calc(var(--q) * -3212px); transform: matrix3d(3.82649,-0,0.517226,0,-0,3.8697,0,0,-0.133952,-0,0.990988,0,-257.502,-2029.05,-328.985,1) scale(calc(1 / var(--q))); }
.t11 { width: calc(var(--q) * 516px); height: calc(var(--q) * 516px); background-position: calc(var(--q) * -2737px) calc(var(--q) * -2568px); transform: matrix3d(1.12852,-0,0.152541,0,-0,1.13878,0,0,-0.133952,-0,0.990988,0,-252.106,-1168.39,-328.256,1) scale(calc(1 / var(--q))); }
.t12 { width: calc(var(--q) * 1284px); height: calc(var(--q) * 644px); background-position: calc(var(--q) * 0px) calc(var(--q) * -2568px); transform: matrix3d(0.451406,-0,0.0610165,0,-0,0.455511,0,0,-0.133952,-0,0.990988,0,-250.752,-583.966,-328.073,1) scale(calc(1 / var(--q))); }
.t13 { width: calc(var(--q) * 1284px); height: calc(var(--q) * 1284px); background-position: calc(var(--q) * -644px) calc(var(--q) * 0px); transform: matrix3d(0.225703,-0,0.0305082,0,-0,0.227756,0,0,-0.133952,-0,0.990988,0,-250.301,-291.983,-328.012,1) scale(calc(1 / var(--q))); }
.t14 { width: calc(var(--q) * 1284px); height: calc(var(--q) * 1284px); background-position: calc(var(--q) * -1928px) calc(var(--q) * 0px); transform: matrix3d(0.225703,-0,0.0305082,0,-0,0.227756,0,0,-0.133952,-0,0.990988,0,-250.301,-0.455511,-328.012,1) scale(calc(1 / var(--q))); }
.t15 { width: calc(var(--q) * 1284px); height: calc(var(--q) * 1284px); background-position: calc(var(--q) * 0px) calc(var(--q) * -1284px); transform: matrix3d(0.225703,-0,0.0305082,0,-0,0.227756,0,0,-0.133952,-0,0.990988,0,38.5991,-291.983,-288.961,1) scale(calc(1 / var(--q))); }
.t16 { width: calc(var(--q) * 1284px); height: calc(var(--q) * 1284px); background-position: calc(var(--q) * -1284px) calc(var(--q) * -1284px); transform: matrix3d(0.225703,-0,0.0305082,0,-0,0.227756,0,0,-0.133952,-0,0.990988,0,38.5991,-0.455511,-288.961,1) scale(calc(1 / var(--q))); }
.t17 { width: calc(var(--q) * 1284px); height: calc(var(--q) * 581px); background-position: calc(var(--q) * -1284px) calc(var(--q) * -2568px); transform: matrix3d(0.451406,-0,0.0610165,0,-0,0.455152,0,0,-0.133952,-0,0.990988,0,-250.752,290.617,-328.073,1) scale(calc(1 / var(--q))); }
.t18 { width: calc(var(--q) * 76px); height: calc(var(--q) * 213px); background-position: calc(var(--q) * -2747px) calc(var(--q) * -3212px); transform: matrix3d(4.0125,-0,0.542369,0,-0,4.09188,0,0,-0.133952,-0,0.990988,0,319.925,-2029.5,-250.934,1) scale(calc(1 / var(--q))); }
.t19 { width: calc(var(--q) * 218px); height: calc(var(--q) * 431px); background-position: calc(var(--q) * -431px) calc(var(--q) * -3212px); transform: matrix3d(1.35,-0,0.182479,0,-0,1.36547,0,0,-0.133952,-0,0.990988,0,325.25,-1168.84,-250.214,1) scale(calc(1 / var(--q))); }
.t20 { width: calc(var(--q) * 431px); height: calc(var(--q) * 431px); background-position: calc(var(--q) * -649px) calc(var(--q) * -3212px); transform: matrix3d(0.676581,-0,0.0914533,0,-0,0.682734,0,0,-0.133952,-0,0.990988,0,326.597,-584.42,-250.032,1) scale(calc(1 / var(--q))); }
.t21 { width: calc(var(--q) * 644px); height: calc(var(--q) * 1284px); background-position: calc(var(--q) * -2568px) calc(var(--q) * -1284px); transform: matrix3d(0.451406,-0,0.0610165,0,-0,0.455511,0,0,-0.133952,-0,0.990988,0,327.048,-292.438,-249.971,1) scale(calc(1 / var(--q))); }
.t22 { width: calc(var(--q) * 431px); height: calc(var(--q) * 389px); background-position: calc(var(--q) * -1511px) calc(var(--q) * -3212px); transform: matrix3d(0.676581,-0,0.0914533,0,-0,0.682137,0,0,-0.133952,-0,0.990988,0,326.597,290.163,-250.032,1) scale(calc(1 / var(--q))); }
.t23 { width: calc(var(--q) * 61px); height: calc(var(--q) * 183px); background-position: calc(var(--q) * -3210px) calc(var(--q) * -3212px); transform: matrix3d(4.6678,-0,0.630945,0,-0,4.77767,0,0,-0.133952,-0,0.990988,0,607.515,-2030.87,-212.061,1) scale(calc(1 / var(--q))); }
.t24 { width: calc(var(--q) * 135px); height: calc(var(--q) * 289px); background-position: calc(var(--q) * -2038px) calc(var(--q) * -3212px); transform: matrix3d(2.03103,-0,0.274533,0,-0,2.04581,0,0,-0.133952,-0,0.990988,0,612.788,-1170.2,-211.348,1) scale(calc(1 / var(--q))); }
.t25 { width: calc(var(--q) * 201px); height: calc(var(--q) * 218px); background-position: calc(var(--q) * -2470px) calc(var(--q) * -3212px); transform: matrix3d(1.35058,-0,0.182558,0,-0,1.36228,0,0,-0.133952,-0,0.990988,0,614.149,-585.779,-211.164,1) scale(calc(1 / var(--q))); }
.t26 { width: calc(var(--q) * 240px); height: calc(var(--q) * 516px); background-position: calc(var(--q) * -3253px) calc(var(--q) * -2568px); transform: matrix3d(1.12739,-0,0.152389,0,-0,1.13878,0,0,-0.133952,-0,0.990988,0,614.596,-293.805,-211.104,1) scale(calc(1 / var(--q))); }
.t27 { width: calc(var(--q) * 201px); height: calc(var(--q) * 197px); background-position: calc(var(--q) * -2965px) calc(var(--q) * -3212px); transform: matrix3d(1.35058,-0,0.182558,0,-0,1.36074,0,0,-0.133952,-0,0.990988,0,614.149,288.806,-211.164,1) scale(calc(1 / var(--q))); }
[data-skin="marble"] .tile.s-e { background-image: url(art/room/real/e.webp?v=e18254aa); background-size: calc(var(--q) * 3793px) calc(var(--q) * 2420px); }
.t28 { width: calc(var(--q) * 12px); height: calc(var(--q) * 268px); background-position: calc(var(--q) * -3037px) calc(var(--q) * -1212px); transform: matrix3d(-0.658694,-0,1.01757,0,-0,2.92317,0,0,-0.83947,0,-0.543407,0,870.605,-2027.16,-195.155,1) scale(calc(1 / var(--q))); }
.t29 { width: calc(var(--q) * 12px); height: calc(var(--q) * 431px); background-position: calc(var(--q) * -2518px) calc(var(--q) * -1212px); transform: matrix3d(-0.658694,-0,1.01757,0,-0,1.46323,0,0,-0.83947,0,-0.543407,0,870.605,-1252.52,-195.155,1) scale(calc(1 / var(--q))); }
.t30 { width: calc(var(--q) * 14px); height: calc(var(--q) * 1212px); background-position: calc(var(--q) * 0px) calc(var(--q) * 0px); transform: matrix3d(-0.526955,-0,0.814055,0,-0,0.97595,0,0,-0.83947,0,-0.543407,0,870.341,-626.75,-194.748,1) scale(calc(1 / var(--q))); }
.t31 { width: calc(var(--q) * 507px); height: calc(var(--q) * 321px); background-position: calc(var(--q) * -2530px) calc(var(--q) * -1212px); transform: matrix3d(-1.32566,-0,2.04791,0,-0,2.43444,0,0,-0.83947,0,-0.543407,0,866.669,-2026.18,-189.075,1) scale(calc(1 / var(--q))); }
.t32 { width: calc(var(--q) * 1261px); height: calc(var(--q) * 644px); background-position: calc(var(--q) * -1257px) calc(var(--q) * -1212px); transform: matrix3d(-0.530474,-0,0.81949,0,-0,0.976246,0,0,-0.83947,0,-0.543407,0,865.079,-1251.55,-186.618,1) scale(calc(1 / var(--q))); }
.t33 { width: calc(var(--q) * 1257px); height: calc(var(--q) * 1208px); background-position: calc(var(--q) * -2536px) calc(var(--q) * 0px); transform: matrix3d(-0.266084,-0,0.411053,0,-0,0.489596,0,0,-0.83947,0,-0.543407,0,864.55,-625.777,-185.802,1) scale(calc(1 / var(--q))); }
.t34 { width: calc(var(--q) * 1261px); height: calc(var(--q) * 1212px); background-position: calc(var(--q) * -14px) calc(var(--q) * 0px); transform: matrix3d(-0.265237,-0,0.409745,0,-0,0.487975,0,0,-0.83947,0,-0.543407,0,864.548,-36.2997,-185.799,1) scale(calc(1 / var(--q))); }
.t35 { width: calc(var(--q) * 1257px); height: calc(var(--q) * 1208px); background-position: calc(var(--q) * 0px) calc(var(--q) * -1212px); transform: matrix3d(-0.266084,-0,0.411053,0,-0,0.489596,0,0,-0.83947,0,-0.543407,0,531.147,-625.777,329.248,1) scale(calc(1 / var(--q))); }
.t36 { width: calc(var(--q) * 1261px); height: calc(var(--q) * 1212px); background-position: calc(var(--q) * -1275px) calc(var(--q) * 0px); transform: matrix3d(-0.265237,-0,0.409745,0,-0,0.487975,0,0,-0.83947,0,-0.543407,0,531.146,-36.2997,329.251,1) scale(calc(1 / var(--q))); }
[data-skin="marble"] .tile.s-s { background-image: url(art/room/real/s.webp?v=a9e126bb); background-size: calc(var(--q) * 3809px) calc(var(--q) * 1082px); }
.t37 { width: calc(var(--q) * 288px); height: calc(var(--q) * 130px); background-position: calc(var(--q) * -3521px) calc(var(--q) * 0px); transform: matrix3d(-3.15165,-0,-0.248433,0,-0,3.1665,0,0,0.0785825,0,-0.996908,0,226.338,-2027.65,831.524,1) scale(calc(1 / var(--q))); }
.t38 { width: calc(var(--q) * 713px); height: calc(var(--q) * 644px); background-position: calc(var(--q) * -2808px) calc(var(--q) * 0px); transform: matrix3d(-1.26244,-0,-0.0995134,0,-0,1.26745,0,0,0.0785825,0,-0.996908,0,222.56,-1624.87,831.227,1) scale(calc(1 / var(--q))); }
.t39 { width: calc(var(--q) * 1387px); height: calc(var(--q) * 1055px); background-position: calc(var(--q) * -1421px) calc(var(--q) * 0px); transform: matrix3d(-0.647195,-0,-0.0510159,0,-0,0.649532,0,0,0.0785825,0,-0.996908,0,221.329,-812.466,831.13,1) scale(calc(1 / var(--q))); }
.t40 { width: calc(var(--q) * 1421px); height: calc(var(--q) * 1082px); background-position: calc(var(--q) * 0px) calc(var(--q) * 0px); transform: matrix3d(-0.631665,-0,-0.0497918,0,-0,0.633264,0,0,0.0785825,0,-0.996908,0,221.298,-129.775,831.127,1) scale(calc(1 / var(--q))); }
[data-skin="marble"] .tile.s-w { background-image: url(art/room/real/w.webp?v=e7ddf994); background-size: calc(var(--q) * 3157px) calc(var(--q) * 2271px); }
.t41 { width: calc(var(--q) * 26px); height: calc(var(--q) * 205px); background-position: calc(var(--q) * -2513px) calc(var(--q) * -1160px); transform: matrix3d(-0.105847,-0,-3.08296,0,-0,3.2131,0,0,0.999411,0,-0.0343127,0,-661.196,-2027.74,784.923,1) scale(calc(1 / var(--q))); }
.t42 { width: calc(var(--q) * 47px); height: calc(var(--q) * 431px); background-position: calc(var(--q) * -2045px) calc(var(--q) * -1160px); transform: matrix3d(-0.0541542,-0,-1.57733,0,-0,1.61063,0,0,0.999411,0,-0.0343127,0,-661.299,-1378.7,781.912,1) scale(calc(1 / var(--q))); }
.t43 { width: calc(var(--q) * 68px); height: calc(var(--q) * 1160px); background-position: calc(var(--q) * 0px) calc(var(--q) * 0px); transform: matrix3d(-0.0363848,-0,-1.05977,0,-0,1.0743,0,0,0.999411,0,-0.0343127,0,-661.335,-689.888,780.877,1) scale(calc(1 / var(--q))); }
.t44 { width: calc(var(--q) * 421px); height: calc(var(--q) * 245px); background-position: calc(var(--q) * -2092px) calc(var(--q) * -1160px); transform: matrix3d(-0.0919817,-0,-2.67911,0,-0,2.67981,0,0,0.999411,0,-0.0343127,0,-663.552,-2026.67,716.291,1) scale(calc(1 / var(--q))); }
.t45 { width: calc(var(--q) * 1045px); height: calc(var(--q) * 644px); background-position: calc(var(--q) * -1000px) calc(var(--q) * -1160px); transform: matrix3d(-0.0368457,-0,-1.07319,0,-0,1.07459,0,0,0.999411,0,-0.0343127,0,-663.662,-1377.63,713.079,1) scale(calc(1 / var(--q))); }
.t46 { width: calc(var(--q) * 1000px); height: calc(var(--q) * 1111px); background-position: calc(var(--q) * 0px) calc(var(--q) * -1160px); transform: matrix3d(-0.0192552,-0,-0.560838,0,-0,0.560926,0,0,0.999411,0,-0.0343127,0,-663.698,-688.861,712.054,1) scale(calc(1 / var(--q))); }
.t47 { width: calc(var(--q) * 1009px); height: calc(var(--q) * 1121px); background-position: calc(var(--q) * -2148px) calc(var(--q) * 0px); transform: matrix3d(-0.0190828,-0,-0.555816,0,-0,0.555904,0,0,0.999411,0,-0.0343127,0,-663.698,-67.9064,712.044,1) scale(calc(1 / var(--q))); }
.t48 { width: calc(var(--q) * 1035px); height: calc(var(--q) * 1149px); background-position: calc(var(--q) * -1113px) calc(var(--q) * 0px); transform: matrix3d(-0.0186015,-0,-0.541799,0,-0,0.54231,0,0,0.999411,0,-0.0343127,0,-682.877,-688.824,153.421,1) scale(calc(1 / var(--q))); }
.t49 { width: calc(var(--q) * 1045px); height: calc(var(--q) * 1160px); background-position: calc(var(--q) * -68px) calc(var(--q) * 0px); transform: matrix3d(-0.0184228,-0,-0.536595,0,-0,0.537149,0,0,0.999411,0,-0.0343127,0,-682.877,-67.8689,153.411,1) scale(calc(1 / var(--q))); }
[data-skin="marble"] .tile.s-ceiling { background-image: url(art/room/real/ceiling.webp?v=acc03242); background-size: calc(var(--q) * 1058px) calc(var(--q) * 827px); }
.t50 { width: calc(var(--q) * 1058px); height: calc(var(--q) * 827px); background-position: calc(var(--q) * 0px) calc(var(--q) * 0px); transform: matrix3d(1.56989,-0,-0,0,0,-0,1.57004,0,-0,-1,0,0,-751.47,-2011.31,-428.71,1) scale(calc(1 / var(--q))); }
[data-skin="marble"] .tile.s-floor { background-image: url(art/room/real/floor.webp?v=457b73f3); background-size: calc(var(--q) * 3988px) calc(var(--q) * 2534px); }
.t51 { width: calc(var(--q) * 245px); height: calc(var(--q) * 1145px); background-position: calc(var(--q) * 0px) calc(var(--q) * 0px); transform: matrix3d(0.847219,-0,-0,0,0,-0,0.849886,0,-0,-1,0,0,-750.024,544.15,-427.27,1) scale(calc(1 / var(--q))); }
.t52 { width: calc(var(--q) * 165px); height: calc(var(--q) * 257px); background-position: calc(var(--q) * -3823px) calc(var(--q) * -1145px); transform: matrix3d(1.2682,-0,-0,0,0,-0,1.27439,0,-0,-1,0,0,-750.866,544.15,541.601,1) scale(calc(1 / var(--q))); }
.t53 { width: calc(var(--q) * 1285px); height: calc(var(--q) * 1145px); background-position: calc(var(--q) * -245px) calc(var(--q) * 0px); transform: matrix3d(0.424785,-0,-0,0,0,-0,0.424943,0,-0,-1,0,0,-545,544.15,-426.42,1) scale(calc(1 / var(--q))); }
.t54 { width: calc(var(--q) * 1269px); height: calc(var(--q) * 1132px); background-position: calc(var(--q) * 0px) calc(var(--q) * -1145px); transform: matrix3d(0.430158,-0,-0,0,0,-0,0.42984,0,-0,-1,0,0,-545.01,544.15,58.4304,1) scale(calc(1 / var(--q))); }
.t55 { width: calc(var(--q) * 1285px); height: calc(var(--q) * 1145px); background-position: calc(var(--q) * -1530px) calc(var(--q) * 0px); transform: matrix3d(0.424785,-0,-0,0,0,-0,0.424943,0,-0,-1,0,0,-0.849571,544.15,-426.42,1) scale(calc(1 / var(--q))); }
.t56 { width: calc(var(--q) * 1269px); height: calc(var(--q) * 1132px); background-position: calc(var(--q) * -1269px) calc(var(--q) * -1145px); transform: matrix3d(0.430158,-0,-0,0,0,-0,0.42984,0,-0,-1,0,0,-0.860316,544.15,58.4304,1) scale(calc(1 / var(--q))); }
.t57 { width: calc(var(--q) * 1285px); height: calc(var(--q) * 384px); background-position: calc(var(--q) * -2538px) calc(var(--q) * -1145px); transform: matrix3d(0.849571,-0,-0,0,0,-0,0.848473,0,-0,-1,0,0,-545.849,544.15,542.453,1) scale(calc(1 / var(--q))); }
.t58 { width: calc(var(--q) * 430px); height: calc(var(--q) * 1145px); background-position: calc(var(--q) * -2815px) calc(var(--q) * 0px); transform: matrix3d(0.850187,-0,-0,0,0,-0,0.849886,0,-0,-1,0,0,542.45,544.15,-427.27,1) scale(calc(1 / var(--q))); }
.t59 { width: calc(var(--q) * 288px); height: calc(var(--q) * 257px); background-position: calc(var(--q) * 0px) calc(var(--q) * -2277px); transform: matrix3d(1.27528,-0,-0,0,0,-0,1.27439,0,-0,-1,0,0,541.6,544.15,541.601,1) scale(calc(1 / var(--q))); }