:root{--bg:#1c1d1f;--bg-rgb:28 29 31;--surface:#242528;--line:#34363a;--fg:#f2f2f0;--muted:#a9abae;--accent:#9ec9e8;--accent-hover:#b6d7ef;--accent-ink:#10202c;--hotbar:#2b2c2f;--hotbar-edge:#5a5c60;--hotbar-divider:#3d3f43;--logo:"Dela Gothic One", "Arial Black", system-ui, sans-serif;--body:"Schibsted Grotesk", system-ui, sans-serif;--text-caption:.875rem;--text-body:1.0625rem;--text-lead:1.25rem;--text-heading:1.5rem;--text-title:2.25rem;--text-section:clamp(2.5rem, 4.4vw, 3.5rem);--text-display:clamp(3.25rem, min(7vw, 11vh), 6rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-section:clamp(72px, 10vw, 140px);--gutter-left:max(var(--space-4), env(safe-area-inset-left,0px));--gutter-right:max(var(--space-4), env(safe-area-inset-right,0px));--page-max:1376px;--radius-chip:2px;--radius-control:2px;--radius-card:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--fg);font:400 var(--text-body)/1.55 var(--body);margin:0}.first{grid-template-rows:auto 1fr;min-height:100svh;display:grid;position:relative}.page{gap:var(--space-5);width:100%;max-width:var(--page-max);padding-block:var(--space-5);padding-left:var(--gutter-left);padding-right:var(--gutter-right);box-sizing:border-box;grid-template-rows:1fr auto auto;margin:0 auto;display:grid}.topbar{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);position:relative}.nav{align-items:center;gap:var(--space-6);height:68px;max-width:var(--page-max);box-sizing:border-box;padding-inline:var(--gutter-left) var(--gutter-right);margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-2);font:1.05rem var(--logo);letter-spacing:.04em;color:var(--fg);text-decoration:none;display:inline-flex}.logo img{width:auto;height:30px}.nav ul{gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.nav ul a{color:var(--fg);font-weight:600;text-decoration:none}.nav ul a:hover{color:var(--accent)}.nav-store{align-items:center;gap:var(--space-2);padding-block:var(--space-3);color:var(--accent);margin-left:auto;font-weight:600;text-decoration:none;display:inline-flex}.nav-store:hover{color:var(--accent-hover);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.nav-store+.btn.small{margin-left:0}@media (width<=480px){.nav{gap:var(--space-2)}.nav .btn.small{padding-inline:var(--space-3);white-space:nowrap}.nav-store{justify-content:center;min-width:44px}.nav-store span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.btn{align-items:center;gap:var(--space-3);font:600 var(--text-body) var(--body);cursor:pointer;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--fg);border-color:color-mix(in srgb, var(--muted) 60%, var(--bg));background:0 0}.btn-ghost:hover{border-color:var(--accent)}.btn.small{padding:var(--space-2) var(--space-4);margin-left:auto}.btn:focus-visible,.nav a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.btn code{font:600 var(--text-caption) var(--body);padding:2px var(--space-2);border-radius:var(--radius-chip);background:color-mix(in srgb, var(--accent-ink) 12%, transparent)}.text-link{padding-block:var(--space-3);color:var(--fg);-webkit-text-decoration:underline 2px var(--muted);text-decoration:underline 2px var(--muted);text-underline-offset:5px;align-self:center;font-weight:600}.text-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.text-link:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.hero{align-items:center;display:grid}.copy{z-index:1;gap:var(--space-5);max-width:min(34rem,38vw);display:grid;position:relative}.versions{color:var(--muted);font-size:var(--text-caption);margin:0;line-height:1.4}h1{font:800 var(--text-display)/.95 var(--body);letter-spacing:-.035em;text-wrap:balance;margin:0}h1 .accent{color:var(--accent)}.lede{font-size:var(--text-lead);max-width:32rem;margin:0;line-height:1.45}.ctas{gap:var(--space-3);flex-wrap:wrap;display:flex}.stage{z-index:0;position:absolute;inset:0;overflow:hidden}.stage.fixed{position:fixed}.stage:after,.stage.fixed{will-change:transform}#smooth-wrapper{z-index:1}.stage canvas{width:100%;height:100%;display:block;position:relative}.stage:after{content:"";pointer-events:none;background:linear-gradient(90deg, rgb(var(--bg-rgb) / .86) 0%, rgb(var(--bg-rgb) / .62) 36%, rgb(var(--bg-rgb) / 0) 54%),  linear-gradient(to top, var(--bg) 0%, rgb(var(--bg-rgb) / 0) 22%);position:absolute;inset:0}.intro{z-index:10;place-content:center;justify-items:center;gap:var(--space-4);background:var(--bg);animation:0s 8s forwards intro-fallback;display:grid;position:fixed;inset:0}@keyframes intro-fallback{to{visibility:hidden}}.intro-lamp{aspect-ratio:271/429;height:150px;position:relative}.intro-lamp img{width:100%;height:100%;position:absolute;inset:0}.intro-lamp img:first-child{filter:grayscale()brightness(.4)}.intro-lamp img+img{clip-path:inset(calc((1 - var(--p,0)) * 100%) 0 0 0);transition:clip-path .25s ease-out}.intro-word,.intro-status{z-index:1;margin:0;position:relative}.intro-word{font:2rem var(--logo);letter-spacing:.04em;color:var(--fg)}.intro-status{margin-top:calc(-1 * var(--space-3));font:400 var(--text-body) var(--body);color:var(--muted)}.intro.diving{pointer-events:none;background:0 0;animation:none}.intro.diving .intro-lamp{visibility:hidden}.intro-canvas{width:100%;height:100%;position:absolute;inset:0}.scroll-hint{justify-self:start;justify-items:start;gap:var(--space-2);z-index:1;transition:opacity .3s;display:grid;position:relative}.scroll-hint.gone{opacity:0}.scroll-hint>span{font:600 var(--text-caption) var(--body);color:var(--fg)}.by-touch{display:none}@media (hover:none){.by-mouse{display:none}.by-touch{display:inline}}.hotbar{background:var(--hotbar);border:2px solid var(--hotbar-edge);display:flex;position:relative}.hotbar i{border-right:2px solid var(--hotbar-divider);place-items:center;width:28px;height:28px;display:grid}.hotbar i:last-child{border-right:0}.hotbar img{width:20px;height:20px;image-rendering:pixelated;transform-origin:20% 80%;animation:2.4s ease-in-out infinite swing}.hotbar:after{content:"";border:3px solid var(--fg);width:30px;height:30px;position:absolute;top:-4px;left:56px}@keyframes swing{0%,78%{transform:rotate(0)}86%{transform:rotate(-35deg)}92%{transform:rotate(15deg)}to{transform:rotate(0)}}.strip{align-items:end;gap:var(--space-4) 0;z-index:1;flex-wrap:wrap;display:flex;position:relative}.stat{gap:var(--space-2);padding-right:var(--space-6);display:grid}.stat+.stat{padding-left:var(--space-6);border-left:1px solid var(--line)}.stat b{font:800 var(--text-title)/1.1 var(--body);letter-spacing:-.02em}.stat span{font-size:var(--text-caption);color:var(--muted)}.section{padding-block:var(--space-section) 0}.wrap{max-width:var(--page-max);box-sizing:border-box;padding-inline:var(--gutter-left) var(--gutter-right);margin-inline:auto}h2{margin:0 0 var(--space-6);font:800 var(--text-section)/1.05 var(--body);letter-spacing:-.025em;text-wrap:balance}h3{font:800 var(--text-heading)/1.2 var(--body);letter-spacing:-.01em;margin:0}.modes{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.mode{border-radius:var(--radius-card);background:var(--surface);grid-template-columns:136px 1fr;display:grid;overflow:hidden}.mode-render{object-fit:cover;background:var(--line);width:100%;height:100%;display:block}.mode-body{align-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);display:grid}.mode p{margin:0}.mode-meta{font-size:var(--text-caption);color:var(--muted);font-weight:600}.mode-big{grid-template-columns:1fr 1fr}.mode-big .mode-render{aspect-ratio:1}.mode-big .mode-body{align-content:end;gap:var(--space-3);padding:var(--space-6)}.mode-big h3{font-size:var(--text-title);letter-spacing:-.02em;line-height:1.1}.feat-panel{column-gap:var(--space-7);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;display:grid}.feat-hero{aspect-ratio:1;pointer-events:none;width:min(100%,400px);translate:0 calc(-1 * var(--space-7));filter:drop-shadow(0 28px 24px #00000080);justify-self:center;margin-inline-start:calc(-1 * var(--space-7));display:block}.feat-list{gap:var(--space-6) var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=1100px){.feat-panel{row-gap:var(--space-6);grid-template-columns:1fr}.feat-hero{grid-row:1;width:min(260px,64%);margin-inline-start:0;translate:none}}.feat-list li{column-gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.feat-list .feat-art{margin:calc(-1 * var(--space-3)) 0 0 calc(-1 * var(--space-4))}.feat-list li:last-child:nth-child(odd){grid-column:1/-1;justify-self:center}.feat-list h3{font-size:var(--text-lead);line-height:1.3}.feat-list p{margin:var(--space-1) 0 0}.feat-art{width:88px;height:88px;position:relative}.feat-art img,.feat-art canvas{margin:auto;position:absolute;inset:0}.feat-art img{width:48px;height:48px;image-rendering:pixelated}.feat-art canvas{width:88px;height:88px}.feat-art.is-3d img{visibility:hidden}.rules{gap:var(--space-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.rule-list{counter-reset:rule;margin:0;padding:0;list-style:none}.rule-list li{counter-increment:rule;column-gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid var(--line);grid-template-columns:3rem minmax(0,1fr);display:grid}.rule-list li:first-child{border-top:0;padding-top:0}.rule-list li:before{content:counter(rule, decimal-leading-zero);font:800 var(--text-heading)/1.2 var(--body);color:var(--muted);grid-row:span 2}.rule-list b{font-size:var(--text-lead);line-height:1.3;transition:color .15s}.rule-list span{max-width:60ch;color:var(--muted);text-wrap:pretty;line-height:1.5}.rule-list li.on b{color:var(--accent)}.rule-foot{margin:var(--space-5) 0 0;color:var(--muted);font-size:var(--text-caption);line-height:1.5}.rule-foot a{color:var(--fg);-webkit-text-decoration:underline 2px var(--muted);text-decoration:underline 2px var(--muted);text-underline-offset:3px;font-weight:600}.rule-foot a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}@media (hover:hover){.rule-foot a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}.knight{aspect-ratio:4/5;cursor:crosshair;background:0 0;border:0;width:100%;max-height:80vh;padding:0;display:block;position:relative}.knight canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.knight:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.faq{--peek-w:min(320px, 72vw);margin-top:calc(var(--peek-w) * .83);padding:0 var(--space-7);border-radius:var(--radius-card);background:var(--surface);position:relative}.qa{column-gap:var(--space-7);padding-block:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:baseline;display:grid}.qa+.qa{border-top:1px solid var(--line)}.faq h3{font-size:var(--text-lead);margin:0;line-height:1.3}.faq p{margin:0}.faq a{color:var(--fg);-webkit-text-decoration:underline 2px var(--muted);text-decoration:underline 2px var(--muted);text-underline-offset:3px;font-weight:600}.faq a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.ips{margin:var(--space-3) 0 0;display:grid}.ips div{grid-template-columns:6.5rem minmax(0,1fr);align-items:baseline;display:grid}.ips dt{color:var(--muted);font-size:var(--text-caption);font-weight:600}.ips dd{min-width:0;margin:0}.ip-line{align-items:baseline;gap:var(--space-3);max-width:100%;padding:var(--space-1) 0;cursor:pointer;font:600 var(--text-body) var(--body);color:var(--fg);text-align:left;background:0 0;border:0;display:inline-flex}.ip-line code{font:inherit;overflow-wrap:anywhere}.ip-line span{color:var(--muted);font-size:var(--text-caption);text-underline-offset:3px;flex:none;text-decoration:underline;text-decoration-thickness:1px}.ip-line:hover code,.ip-line:hover span{color:var(--accent)}.ip-line:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.peek{width:var(--peek-w);pointer-events:none;height:auto;position:absolute;bottom:calc(100% - 2px);left:50%;translate:-50%}#join h2{margin-bottom:var(--space-3);font-size:var(--text-title);letter-spacing:-.02em;line-height:1.1}.ip-big{justify-items:start;gap:var(--space-4);width:100%;padding:0 0 var(--space-5);border:0;border-bottom:1px solid var(--line);color:var(--fg);text-align:left;cursor:pointer;font:inherit;background:0 0;display:grid;container-type:inline-size}.ip-big code{font:800 calc(100cqi / 10.3)/1 var(--body);letter-spacing:-.035em;white-space:nowrap;transition:color .15s}.ip-copy{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius-control);font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.ip-copy svg{flex:none}.ip-big:hover code,.ip-big:hover .ip-copy{color:var(--accent)}.ip-big:hover .ip-copy{border-color:var(--accent)}.ip-big:focus-visible{outline:2px solid var(--fg);outline-offset:6px}.links{border-radius:var(--radius-card);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.link-card{justify-items:start;gap:var(--space-2);padding:var(--space-7);grid-template-rows:auto 1fr auto;display:grid}.link-card+.link-card{border-inline-start:1px solid var(--line)}.link-card h2{font-size:var(--text-heading);letter-spacing:-.01em;margin:0;line-height:1.2}.link-card p{color:var(--muted);max-width:32ch;margin:0}.link-card .btn{margin-top:var(--space-4)}.btn svg{flex:none}.site-footer{margin-top:var(--space-section);border-top:1px solid var(--line);padding-block:var(--space-6) var(--space-7)}.site-footer .wrap{align-items:center;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.site-footer ul{gap:var(--space-5);margin:0;padding:0;list-style:none;display:flex}.site-footer ul a{padding-block:var(--space-3);color:var(--fg);font-weight:600;text-decoration:none;display:inline-block}.site-footer ul a:hover{color:var(--accent)}.site-footer ul a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.site-footer p{color:var(--muted);font-size:var(--text-caption);flex-basis:100%;margin:0}@media (width<=1000px){.first{min-height:0}.nav ul{display:none}.hero{gap:0;min-height:0}.copy{max-width:34rem}.stage{height:min(60svh,500px);margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-4)) -120px;order:-1;position:relative;inset:auto;overflow:hidden}.stage:after{background:linear-gradient(var(--bg), rgb(var(--bg-rgb) / 0) 10%, rgb(var(--bg-rgb) / 0) 40%, var(--bg) 84%)}.scroll-hint{display:none}.modes{grid-template-columns:1fr}.rules{grid-template-columns:minmax(0,1fr)}.knight{aspect-ratio:1;max-height:60vh}.faq{padding:0 var(--space-5)}.qa{row-gap:var(--space-2);grid-template-columns:1fr}}@media (width<=640px){.links{grid-template-columns:minmax(0,1fr)}.link-card{padding:var(--space-6)}.link-card+.link-card{border-inline-start:0;border-top:1px solid var(--line)}.feat-list{gap:var(--space-5);grid-template-columns:1fr}.feat-list li:last-child:nth-child(odd){justify-self:stretch}.feat-panel{row-gap:var(--space-5)}.ips div{margin-top:var(--space-2);grid-template-columns:1fr}.mode{grid-template-columns:112px 1fr}.mode-big{grid-template-columns:1fr}.mode-big h3{font-size:var(--text-heading)}.strip{grid-template-columns:repeat(3,auto);justify-content:start;display:grid}.stat span{white-space:nowrap}.stat{padding-right:var(--space-3)}.stat+.stat{padding-left:var(--space-3)}.stat b{font-size:var(--text-lead)}}