.etusivu-body{--tk-tausta: #f0ede8;--tk-kehys: #1a1a1a;--tk-teksti: rgba(255, 255, 255, .85);--tk-teksti-himea: rgba(255, 255, 255, .35);--tk-viiva: rgba(255, 255, 255, .6);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0;overflow:hidden;height:100vh;background:var(--tk-tausta);transition:background .8s ease}.teema-0{--tk-tausta: #f0ede8;--tk-kehys: #1a1a1a;--tk-teksti: rgba(255, 255, 255, .85);--tk-teksti-himea: rgba(255, 255, 255, .35);--tk-viiva: rgba(255, 255, 255, .6);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-1{--tk-tausta: #1a1a1a;--tk-kehys: rgba(192, 17, 17, .82);--tk-teksti: rgba(255, 255, 255, .85);--tk-teksti-himea: rgba(255, 255, 255, .35);--tk-viiva: rgba(255, 255, 255, .6);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-2{--tk-tausta: #eef2f7;--tk-kehys: rgba(11, 84, 152, .9);--tk-teksti: rgba(255, 255, 255, .9);--tk-teksti-himea: rgba(255, 255, 255, .4);--tk-viiva: rgba(255, 255, 255, .5);--tk-kieli: rgba(11, 84, 152, .4);--tk-kieli-active: rgba(11, 84, 152, .9)}.teema-3{--tk-tausta: #1a1a1a;--tk-kehys: rgba(255, 158, 0, .9);--tk-teksti: rgba(26, 26, 26, .9);--tk-teksti-himea: rgba(26, 26, 26, .4);--tk-viiva: rgba(26, 26, 26, .3);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-4{--tk-tausta: #111;--tk-kehys: #f0ede8;--tk-teksti: rgba(26, 26, 26, .85);--tk-teksti-himea: rgba(26, 26, 26, .35);--tk-viiva: rgba(26, 26, 26, .4);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-5{--tk-tausta: #f5f0eb;--tk-kehys: rgba(200, 20, 160, .85);--tk-teksti: rgba(255, 255, 255, .9);--tk-teksti-himea: rgba(255, 255, 255, .4);--tk-viiva: rgba(255, 255, 255, .5);--tk-kieli: rgba(200, 20, 160, .4);--tk-kieli-active: rgba(200, 20, 160, .9)}.teema-6{--tk-tausta: #eef0eb;--tk-kehys: rgba(30, 80, 50, .9);--tk-teksti: rgba(255, 255, 255, .9);--tk-teksti-himea: rgba(255, 255, 255, .4);--tk-viiva: rgba(255, 255, 255, .5);--tk-kieli: rgba(30, 80, 50, .4);--tk-kieli-active: rgba(30, 80, 50, .9)}.teema-7{--tk-tausta: #1a1a1a;--tk-kehys: rgba(202, 195, 54, .9);--tk-teksti: rgba(26, 26, 26, .9);--tk-teksti-himea: rgba(26, 26, 26, .4);--tk-viiva: rgba(26, 26, 26, .3);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-8{--tk-tausta: #fff;--tk-kehys: #555;--tk-teksti: rgba(255, 255, 255, .85);--tk-teksti-himea: rgba(255, 255, 255, .35);--tk-viiva: rgba(255, 255, 255, .5);--tk-kieli: rgba(85, 85, 85, .4);--tk-kieli-active: #555}.teema-9{--tk-tausta: #111;--tk-kehys: #1a1a1a;--tk-teksti: rgba(255, 255, 255, .12);--tk-teksti-himea: rgba(255, 255, 255, .08);--tk-viiva: rgba(255, 255, 255, .08);--tk-kieli: rgba(255, 255, 255, .08);--tk-kieli-active: rgba(255, 255, 255, .15)}.tuulikaappi{padding:var(--logo-top) 0 0 calc(var(--logo-left) - 1.5rem)}.etusivu-body .site-logo{position:static;color:var(--tk-teksti);transition:color .8s ease;margin-bottom:.3em}.tuulikaappi-kehys{background:var(--tk-kehys);padding:1.2rem 1.5rem;display:inline-block;transition:background .8s ease}.tuulikaappi-ovet{display:flex;flex-direction:column;gap:0}.ovi{font-family:"karmina","utopia-std",var(--otsikko-fontti);font-size:58px;font-weight:700;line-height:1.15;text-decoration:none;transition:color .8s ease;display:block;color:var(--tk-teksti)}.ovi:hover{text-decoration:underline;text-decoration-color:var(--tk-viiva);text-underline-offset:4px}.ovi:after{content:attr(data-merkki);display:inline-block;margin-left:.2em;opacity:0;transform:scale(0);color:var(--tk-teksti);transition:opacity .15s steps(3),transform .15s steps(3),color .8s ease}.ovi:hover:after{opacity:1;transform:scale(1)}.ovi[data-merkki="[]"]:after{transition:none}.ovi[data-merkki="[]"]:hover:after{transform:none}.ovi[data-merkki="#"]:hover:after{animation:lowfi-flash 1.5s steps(6) infinite}.ovi[data-merkki="&"]:hover:after{animation:lowfi-type 1.2s steps(4) infinite}.ovi[data-merkki="[]"]:hover:after{animation:lowfi-cursor 1.06s infinite}.ovi[data-merkki="*"]:hover:after{animation:lowfi-spin .8s steps(8) infinite}.ovi[data-merkki="?"]:hover:after{animation:lowfi-wobble .6s steps(5) infinite}@keyframes lowfi-flash{0%{transform:scale(1);opacity:.3}15%{transform:scale(1.4);opacity:1}30%{transform:scale(1);opacity:.3}to{transform:scale(1);opacity:.3}}@keyframes lowfi-type{0%{transform:translateY(0);opacity:.4}25%{transform:translateY(2px);opacity:.7}50%{transform:translateY(4px);opacity:1}75%{transform:translateY(2px);opacity:.7}to{transform:translateY(0);opacity:.4}}@keyframes lowfi-cursor{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes lowfi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lowfi-wobble{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.tuulikaappi-ala{display:flex;justify-content:space-between;align-items:center;padding-top:1.5em}.tuulikaappi-social{display:flex;gap:1.2em;font-family:var(--nav-fontti);font-size:.85em}.tuulikaappi-social a{color:var(--tk-teksti-himea);text-decoration:none;transition:color .3s}.tuulikaappi-social a:hover{color:var(--tk-teksti);text-decoration:underline;text-decoration-color:var(--tk-viiva);text-underline-offset:3px}.tuulikaappi-kieli{font-family:var(--nav-fontti);font-size:.85em}.tuulikaappi-kieli a{color:var(--tk-teksti-himea);text-decoration:none;padding:2px 4px;transition:color .8s ease}.tuulikaappi-kieli a:hover,.tuulikaappi-kieli a.active{color:var(--tk-teksti)}.tuulikaappi-kieli .erotin{color:var(--tk-teksti-himea);margin:0 2px;transition:color .8s ease}.tuulikaappi-rivi{position:relative}.tk-num{position:absolute;left:-30px;top:50%;transform:translateY(-50%);color:var(--tk-kieli);transition:color .8s ease;cursor:pointer;user-select:none;display:flex;align-items:center}.tk-num:hover{color:var(--tk-kieli-active)}.tk-num.shake{animation:lowfi-shake .5s steps(6)}@keyframes lowfi-shake{0%{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}@media(max-width:1200px){.tuulikaappi-logo{font-size:50px}.ovi{font-size:38px}}@media(max-width:768px){.tuulikaappi{padding:0;display:flex;align-items:center;justify-content:center;height:100vh}.tuulikaappi-rivi{width:100%;height:100%}.tuulikaappi-kehys{width:100%;height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:center}.etusivu-body .site-logo{font-size:42px}.ovi{font-size:38px}.tk-num{position:fixed;left:10px;top:50%;transform:translateY(-50%)}}@media(max-width:670px){.etusivu-body .site-logo{font-size:34px}.ovi{font-size:32px}}@media(max-width:400px){.etusivu-body .site-logo{font-size:28px}.ovi{font-size:26px}}