@font-face{font-family:Archivo;src:url(/finaali/aapo-latvala/assets/archivo-var-DY7AcnAa.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/finaali/aapo-latvala/assets/jetbrainsmono-var-6fWv1k7M.woff2)format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/finaali/aapo-latvala/assets/instrument-serif-italic-DKMiL14s.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{--night:#0d0b1f;--chalk:#f3ede4;--dim:#f3ede4a3;--faint:#f3ede429;--amber:#f3c979;--sans:"Archivo", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--serif:"Instrument Serif", Georgia, serif;--pad:clamp(18px, 5vw, 56px);--cab:min(74vw, 300px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--night);-webkit-text-size-adjust:100%}body{min-height:100svh;color:var(--chalk);font:400 16px/1.45 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}#sea{z-index:-2;width:100%;height:100%;display:block;position:fixed;inset:0}.grain{z-index:-1;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.top{z-index:5;padding:max(8px, env(safe-area-inset-top)) var(--pad) 8px;font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;pointer-events:none;background:linear-gradient(#0a0818cc,#0a081800);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.top>*{pointer-events:auto}.brand{color:var(--dim);white-space:nowrap}.toggles{gap:4px;display:flex}.chip{white-space:nowrap;min-width:44px;min-height:44px;font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:color .2s,background .2s;display:inline-flex}.chip:hover{color:var(--chalk);background:#f3ede414}.chip i{opacity:.4;font-style:normal}.chip b{font-weight:500}.chip b.on{color:var(--chalk);font-weight:800}#sound svg{width:20px;height:20px;display:block}#sound[aria-pressed=false] .wave,#sound[aria-pressed=true] .mute{opacity:0}.marquee{text-align:center;padding:calc(76px + env(safe-area-inset-top)) var(--pad) 8px;flex-direction:column;align-items:center;display:flex}.wordmark{flex-direction:column;align-items:center;font-weight:900;line-height:.84;display:flex}.sea-word{letter-spacing:-.035em;text-shadow:0 0 40px #e8a87c40;font-size:min(18vw,150px);font-stretch:92%;display:flex}.sea-word span{animation:3.6s ease-in-out infinite bob;animation-delay:calc(var(--i) * -.42s);display:inline-block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.045em)}}.sign{letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:#fff6e6;text-shadow:0 0 6px #f3c979e6,0 0 22px #f3c9798c,0 0 48px #e8a87c59;margin-top:.26em;padding:.3em .55em .32em;font-size:min(7.6vw,48px);font-weight:300;font-stretch:125%;position:relative}.arcade-word{animation:7s infinite buzz;position:relative}@keyframes buzz{0%,91%,93.5%,96%,to{opacity:1}92%,95%{opacity:.35}}.bulbs{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bulbs rect{fill:none;stroke-width:5px;stroke-linecap:round;stroke-dasharray:0 15}.bulbs .b1{stroke:#f3c97947}.bulbs .b2{stroke:var(--amber);filter:drop-shadow(0 0 3px #f3c979e6);stroke-dasharray:0 30;animation:1.6s linear infinite chase}@keyframes chase{to{stroke-dashoffset:-30px}}.tagline{max-width:26ch;font:italic 400 clamp(21px, 5.4vw, 30px)/1.12 var(--serif);margin-top:18px}.hall{padding:22px 0 10px}.hall-head{padding:0 var(--pad);justify-content:space-between;align-items:center;gap:12px;max-width:1320px;margin:0 auto;display:flex}.label{font:500 11px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.progress{color:var(--amber);white-space:nowrap}.arrows{gap:6px;display:flex}.arrow{border:1px solid var(--faint);width:44px;height:44px;color:var(--chalk);border-radius:50%;place-items:center;transition:background .2s,opacity .2s;display:grid}.arrow svg{width:20px;height:20px}.arrow:hover{background:#f3ede41a}.arrow:disabled{opacity:.25;cursor:default}.row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:18px max(var(--pad), calc((100vw - var(--cab)) / 2)) 26px;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:clamp(14px,2.4vw,26px);list-style:none;display:flex;overflow-x:auto}.row::-webkit-scrollbar{display:none}@media (width>=900px){:root{--cab:268px}.row{padding-inline:max(var(--pad), calc((100vw - 1320px) / 2 + var(--pad)));scroll-snap-type:x proximity}}.row>li{flex:0 0 var(--cab);scroll-snap-align:center}.cab{--accent:var(--amber);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);height:100%;box-shadow:0 0 0 1px #0006, 0 22px 50px -18px #000c, 0 0 40px -12px color-mix(in srgb, var(--accent) 55%, transparent);background:linear-gradient(#1a1630,#0e0c1c 70%);border-radius:20px 20px 12px 12px;flex-direction:column;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:flex;position:relative;overflow:hidden}.cab:hover,.cab:focus-visible{box-shadow:0 0 0 2px var(--accent), 0 30px 60px -18px #000000d9, 0 0 70px -10px color-mix(in srgb, var(--accent) 75%, transparent);outline:none;transform:translateY(-6px)}.cab-top{background:var(--accent);color:#0d0b1a;align-items:center;gap:10px;min-height:58px;padding:12px 14px 11px;display:flex;position:relative}.cab-top:after{content:"";pointer-events:none;background:linear-gradient(#ffffff59,#0000 55%);position:absolute;inset:0}.cab-no{font:700 12px/1 var(--mono);opacity:.7}.cab-title{letter-spacing:-.005em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:900;font-stretch:72%;line-height:.95;overflow:hidden}.screen{aspect-ratio:3/4;background:radial-gradient(120% 80% at 50% 30%, color-mix(in srgb, var(--accent) 35%, #0b0a18), #07060f);border-radius:10px;margin:12px 12px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #000000b3,0 0 0 4px #07060e}.screen img{object-fit:cover;object-position:top center;filter:saturate(1.05)contrast(1.04);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .5s;position:absolute;inset:0;transform:scale(1.02)}.cab:hover .screen img,.cab:focus-visible .screen img{transform:scale(1.08)}.screen:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000024 0 1px,#0000 1px 3px);position:absolute;inset:0}.screen:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#0000008c),linear-gradient(160deg,#ffffff1f,#0000 30%);position:absolute;inset:0}.cover{color:var(--accent);place-items:center;display:grid;position:absolute;inset:0}.cover svg{width:46%;height:auto;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 70%, transparent));overflow:visible}.cover .cover-word{text-align:center;font:italic 400 26px/1 var(--serif);color:var(--chalk);opacity:.85;position:absolute;bottom:10%;left:0;right:0}.cab-body{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.cab-line{color:var(--dim);min-height:2.76em;font-size:15px;line-height:1.38}.cab-meta{font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;gap:6px 12px;display:flex}.cab-meta .verb{color:var(--accent)}.cab-meta .done{color:var(--chalk);align-items:center;gap:6px;display:inline-flex}.cab-meta .done:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%}.play{min-height:50px;font:800 15px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#0d0b1a;background:var(--accent);box-shadow:0 6px 0 color-mix(in srgb, var(--accent) 45%, #000), 0 0 24px -6px var(--accent);border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:auto;font-stretch:110%;transition:transform .15s,box-shadow .15s;display:flex}.play svg{width:18px;height:18px}.cab:active .play{box-shadow:0 2px 0 color-mix(in srgb, var(--accent) 45%, #000), 0 0 24px -6px var(--accent);transform:translateY(4px)}.dots{padding:0 var(--pad);justify-content:center;gap:8px;display:flex}.dots span{background:var(--faint);border-radius:50%;width:7px;height:7px;transition:background .3s,transform .3s}.dots span.on{background:var(--amber);transform:scale(1.35)}@media (width>=900px){.dots{display:none}}.cover .spin{transform-origin:28px 28px;animation:18s linear infinite spin}.cover .sway{transform-origin:28px 52px;animation:3.4s ease-in-out infinite sway}.cover .bob{animation:3s ease-in-out infinite gbob}.cover .pulse{transform-origin:28px 28px;animation:2.4s ease-out infinite pulse}.cover .pulse:nth-child(3){animation-delay:-.8s}.cover .pulse:nth-child(4){animation-delay:-1.6s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sway{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes gbob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:0;transform:scale(1.15)}}.deeds,.foot{max-width:720px;padding:0 var(--pad);margin:0 auto}.deeds{margin-top:30px}.deeds .label{border-bottom:1px solid var(--faint);padding-bottom:10px}.deeds ul{list-style:none}.deeds li{border-bottom:1px solid var(--faint);font:italic 400 21px/1.25 var(--serif);align-items:baseline;gap:12px;padding:12px 0;display:flex}.deeds li:before{content:"";background:var(--dot,var(--amber));border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-2px)}.foot{padding-bottom:calc(30px + env(safe-area-inset-bottom));color:var(--dim);text-align:center;gap:6px;margin-top:34px;font-size:14px;display:grid}.foot .dim{font:500 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7}.tide{z-index:20;pointer-events:none;padding:var(--pad);background:var(--accent,var(--amber));color:#0b0a14;clip-path:inset(100% 0 0);place-items:center;display:grid;position:fixed;inset:0}.tide-title{text-align:center;text-transform:uppercase;opacity:0;font-size:min(15vw,140px);font-weight:900;font-stretch:70%;line-height:.9;transform:translateY(20px)}.tide.go{pointer-events:auto;animation:.55s cubic-bezier(.7,0,.25,1) forwards rise}.tide.go .tide-title{animation:.5s cubic-bezier(.2,.8,.2,1) .2s forwards titlein}@keyframes rise{to{clip-path:inset(0)}}@keyframes titlein{to{opacity:1;transform:none}}.intro .sea-word span{opacity:0;transform:translateY(.3em)}.intro .sign,.intro .tagline,.intro .hall{opacity:0}.intro .hall{transform:translateY(24px)}.ready .sea-word span{transition:opacity .7s,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 60ms)}.ready .sign{transition:opacity .6s .45s}.ready .tagline{transition:opacity .8s .6s}.ready .hall{transition:opacity .8s .7s,transform 1s cubic-bezier(.2,.8,.2,1) .7s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.intro .sea-word span,.intro .sign,.intro .tagline,.intro .hall{opacity:1;transform:none}}