:root{--ink: #2a1b22;--ink2: #3f2a30;--roof0: #5a2019;--roof1: #86311f;--roof2: #aa4527;--roof3: #c95f33;--roof4: #e2824a;--roof5: #f2aa72;--cream0: #9c7650;--cream1: #c9a574;--cream2: #e3c895;--cream3: #f3e0b6;--cream4: #fdf3d8;--ochre0: #87532a;--ochre1: #b8783a;--ochre2: #d99a4e;--ochre3: #ecbd6c;--ochre4: #f7d998;--rosa0: #8d4a3e;--rosa1: #bb6d58;--rosa2: #da9277;--rosa3: #ecb598;--rosa4: #f7d4bd;--stone0: #4f463f;--stone1: #766b5f;--stone2: #a09382;--stone3: #c6b9a2;--stone4: #e2d8c1;--wood0: #3a2219;--wood1: #5c3626;--wood2: #835233;--wood3: #a87346;--wood4: #cc9c66;--g0: #1f3520;--g1: #2f4d27;--g2: #476b2d;--g3: #638a33;--g4: #82a53e;--g5: #a6bf55;--g6: #cbd682;--sea0: #0f3349;--sea1: #164f66;--sea2: #1d6d80;--sea3: #278b96;--sea4: #3eaaa8;--sea5: #71cbbd;--sea6: #a9e6d6;--red1: #a52c2a;--red2: #d24a37;--red3: #ef7a5a;--blue1: #2c4a7c;--blue2: #4a74ad;--blue3: #80a8d6;--yel1: #e0b432;--yel2: #f6dc5c;--yel3: #fff1a6;--pink1: #c2507a;--pink2: #ea7ea0;--pink3: #f8b4c6;--lav1: #6a4e9a;--lav2: #9a7ccc;--grape0: #3a1f42;--white: #fffaf0;--gold: #e8b23a;--classic: "Popolo Classic", ui-monospace, monospace;--testo: "Popolo Testo", ui-monospace, monospace;--edge: 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);--drop: 0 9px 0 0 rgb(42 27 34 / .24);--card: var(--cream4);--gutter: 24px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px;background:var(--ink)}body{margin:0;background:var(--cream3);color:var(--ink);font:24px/36px var(--testo);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:optimizeSpeed}h1,h2,h3,h4,p,ol,ul,dl,dd,figure{margin:0}h1,h2,h3,h4,b,strong,dt,th{font-weight:400}i,em{font-style:normal}ol,ul{padding:0;list-style:none}a{color:inherit}canvas{display:block;image-rendering:crisp-edges;image-rendering:pixelated}::selection{background:var(--yel2);color:var(--ink)}:focus-visible{outline:3px solid var(--sea3);outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wrap{width:100%;max-width:1176px;margin:0 auto;padding:0 var(--gutter)}.label,.kicker,.mode-k,.count,.tag,.nav,.btn,h2,h3,h4,.hero-title{font-family:var(--classic);text-transform:uppercase}.label{display:flex;align-items:center;gap:12px;font-size:16px;line-height:24px;color:var(--roof2);margin-bottom:18px}.label span{background:var(--ink);color:var(--cream4);padding:0 6px;box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink)}h2{font-size:48px;line-height:60px;color:var(--roof1);margin-bottom:24px;max-width:18em}h3,h4{font-size:32px;line-height:40px}.lead{max-width:38em;color:var(--ink2)}.fine{color:var(--stone1)}.panel,.card{position:relative;margin:3px;background:var(--card);box-shadow:var(--edge),inset 0 3px 0 0 var(--white),inset 0 -3px 0 0 var(--cream2),var(--drop)}.btn{--b: var(--roof2);--hi: var(--roof4);--lo: var(--roof1);--fg: var(--cream4);display:inline-flex;align-items:center;justify-content:center;gap:12px;margin:3px;padding:15px 24px 18px;border:0;background:var(--b);color:var(--fg);font-size:24px;line-height:24px;text-decoration:none;text-shadow:0 3px 0 var(--lo);cursor:pointer;box-shadow:var(--edge),inset 0 3px 0 0 var(--hi),inset 0 -6px 0 0 var(--lo),0 9px #2a1b2247;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.btn:hover{--b: var(--roof3);--hi: var(--roof5)}.btn:active{transform:translateY(6px);box-shadow:var(--edge),inset 0 3px 0 0 var(--lo),inset 0 -3px 0 0 var(--hi)}.btn-sm{font-size:16px;line-height:18px;padding:9px 15px 12px}.btn-alt{--b: var(--sea2);--hi: var(--sea4);--lo: var(--sea0);--fg: var(--white)}.btn-alt:hover{--b: var(--sea3);--hi: var(--sea5)}.btn-ghost{--b: var(--cream4);--hi: var(--white);--lo: var(--cream1);--fg: var(--ink);text-shadow:none}.btn-ghost:hover{--b: var(--white);--hi: var(--white)}.btn-gioca{font-size:48px;line-height:48px;padding:21px 42px 27px;text-shadow:0 6px 0 var(--lo);box-shadow:var(--edge),inset 0 6px 0 0 var(--hi),inset 0 -9px 0 0 var(--lo),0 12px #2a1b224d}.btn-gioca:active{transform:translateY(9px)}.btn-gioca:after{content:"";width:18px;height:24px;background:currentColor;clip-path:polygon(0 0,33.3% 0,33.3% 12.5%,66.6% 12.5%,66.6% 25%,100% 25%,100% 75%,66.6% 75%,66.6% 87.5%,33.3% 87.5%,33.3% 100%,0 100%);filter:drop-shadow(0 6px 0 var(--lo))}.tag{display:inline-block;font-size:16px;line-height:18px;padding:3px 6px;background:var(--cream2);color:var(--ink2);white-space:nowrap}.tag-open{background:var(--g5);color:var(--g0)}.tag-lock{background:var(--ink);color:var(--cream3)}.tag-gold{background:var(--yel2);color:var(--roof0)}.nav{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:24px;padding:9px var(--gutter) 9px;background:var(--cream4);box-shadow:0 3px 0 0 var(--ink),inset 0 -3px 0 0 var(--cream2),0 9px #2a1b2233}.nav-brand{font-size:32px;line-height:40px;color:var(--roof2);text-decoration:none;text-shadow:0 4px 0 var(--roof0)}.nav-links{display:flex;gap:24px;margin-left:auto;font-size:16px;line-height:24px}.nav-links a{text-decoration:none;color:var(--ink2);padding:3px 0}.nav-links a:hover{color:var(--roof2);box-shadow:0 3px 0 0 var(--roof3)}.nav>.btn{margin-left:3px}.hero{position:relative;overflow:hidden;background:var(--g3);min-height:100vh;min-height:100svh;display:flex}.town{position:absolute;inset:0;width:100%;height:100%}.hero-inner{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;padding-top:102px;padding-bottom:96px;pointer-events:none}.hero-inner>*{pointer-events:auto}.hero-card{width:534px;padding:24px 27px 30px;display:flex;flex-direction:column;gap:15px}.logo-box{max-width:345px;margin:0 0 3px -3px}.kicker{font-size:16px;line-height:24px;color:var(--ochre0)}.hero-title{font-size:40px;line-height:50px;color:var(--roof2);text-shadow:0 5px 0 var(--roof0);margin-bottom:3px}.hero-copy{color:var(--ink2)}.hero-cta{display:flex;align-items:center;gap:24px;margin-top:9px}.hero-note{color:var(--stone1)}.plaque{position:relative;width:300px;margin-top:-42px;margin-right:6px;text-align:center}.plaque-chain{display:block;height:42px;margin:0 36px;background:repeating-linear-gradient(var(--stone1) 0 6px,var(--stone3) 6px 9px,transparent 9px 12px) left / 6px 100% no-repeat,repeating-linear-gradient(var(--stone1) 0 6px,var(--stone3) 6px 9px,transparent 9px 12px) right / 6px 100% no-repeat}.plaque-board{padding:18px 21px 24px;margin:0 3px;color:var(--cream4);background:repeating-linear-gradient(var(--wood2) 0 21px,var(--wood1) 21px 24px);box-shadow:var(--edge),inset 0 3px 0 0 var(--wood3),inset 0 -6px 0 0 var(--wood1),var(--drop)}.plaque-k{font:16px/24px var(--classic);text-transform:uppercase;color:var(--ochre4)}.plaque-n{font:64px/72px var(--classic);color:var(--yel2);text-shadow:0 8px 0 var(--roof0);margin:6px 0 12px}.plaque-t{color:var(--cream3);text-wrap:balance}.divider{position:relative;z-index:2;overflow:hidden;background:linear-gradient(var(--a) 50%,var(--b) 50%)}.divider-ridge{height:132px;margin-top:-132px}.divider-sea{height:156px}.divider-quay{height:102px}.divider-awnings{height:90px}.sec{padding:48px 0 96px}.sec-head{margin-bottom:48px}.group-head{display:flex;align-items:center;gap:18px;margin:60px 0 27px}.group-head h3{color:var(--ink)}.group-head:after{content:"";order:1;flex:1;height:3px;background:repeating-linear-gradient(90deg,var(--cream0) 0 9px,transparent 9px 18px)}.group-head .count{order:2;font-size:16px;line-height:24px;color:var(--ochre0)}.sec-modes{background:conic-gradient(at 3px 3px,transparent 75%,rgb(201 165 116 / .35) 0) 0 0 / 27px 27px,conic-gradient(at 3px 3px,transparent 75%,rgb(201 165 116 / .25) 0) 15px 12px / 33px 33px,var(--cream3)}.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 36px;margin-bottom:60px;font:16px/24px var(--classic);text-transform:uppercase;color:var(--ink2)}.strip li{display:flex;align-items:center;gap:12px}.strip li:before{content:"";width:9px;height:9px;background:var(--roof3);clip-path:polygon(33.3% 0,66.6% 0,66.6% 33.3%,100% 33.3%,100% 66.6%,66.6% 66.6%,66.6% 100%,33.3% 100%,33.3% 66.6%,0 66.6%,0 33.3%,33.3% 33.3%)}.has-mill{display:grid;grid-template-columns:1fr 306px;gap:48px;align-items:end}.mill-box{width:300px}.modes-featured{display:grid;grid-template-columns:1fr 1fr;gap:33px;margin-bottom:33px}.modes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:33px}.modes-grid>*{grid-column:span 2}.modes-grid>:nth-child(n+4){grid-column:span 3}.card{display:flex;flex-direction:column}.vig{position:relative;height:144px;overflow:hidden;background:var(--ink2);box-shadow:0 3px 0 0 var(--ink)}.vig-tall{height:192px}.mode-body,.tier-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:21px 24px 27px}.mode-k{align-self:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:16px;line-height:24px;color:var(--ochre0)}.mode-body h4{color:var(--ink)}.mode-body .btn{margin-top:auto}.feat .mode-body .btn{margin-top:9px}.quota{padding:24px 27px 27px;display:grid;gap:12px;margin-bottom:33px;--card: var(--white)}.quota-n{font:32px/40px var(--classic);text-transform:uppercase;color:var(--ink)}.quota-n b{color:var(--roof2);font-size:48px}.gates{display:grid;grid-template-columns:1fr 1fr;gap:33px}.gate{--card: var(--stone4)}.gate .tagline{font:16px/24px var(--classic);text-transform:uppercase;color:var(--roof1)}.gate p:not(.mode-k):not(.tagline):not(.gate-at):not(.gate-num){color:var(--stone0)}.gate-at{font:16px/24px var(--classic);text-transform:uppercase;color:var(--ink2);margin-top:auto;padding-top:6px}.gate-at b{font-size:32px;color:var(--ink)}.bar{--p: 0;align-self:stretch;height:21px;margin:3px;background:var(--ink2);box-shadow:var(--edge),inset 0 3px 0 0 var(--ink);overflow:hidden}.bar i{display:block;height:100%;width:calc(var(--p) * 100%);background:repeating-linear-gradient(90deg,transparent 0 12px,rgb(255 250 240 / .22) 12px 18px),var(--ochre2);box-shadow:inset 0 3px 0 0 var(--ochre4),inset 0 -3px 0 0 var(--ochre0),3px 0 0 0 var(--ink)}.gate.is-open .bar i{background:var(--g4)}.gate-num{align-self:stretch;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--stone0)}.gate-num b{color:var(--ink)}.join{margin-top:48px;padding:30px;display:grid;grid-template-columns:1fr auto;gap:24px 48px;align-items:center;--card: var(--ochre4);box-shadow:var(--edge),inset 0 3px 0 0 var(--yel3),inset 0 -6px 0 0 var(--ochre3),var(--drop)}.join h3{color:var(--roof1);margin-bottom:9px}.join-cta{display:flex;flex-wrap:wrap;gap:18px}.sec-season{background:var(--sea1);color:var(--cream4)}.sec-season h2{color:var(--cream4);text-shadow:0 6px 0 var(--sea0)}.sec-season .label{color:var(--yel2)}.sec-season .label span{background:var(--yel2);color:var(--sea0);box-shadow:0 -3px 0 0 var(--yel2),0 3px 0 0 var(--yel2)}.sec-season .lead{color:var(--sea6)}.factions{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.faction{--fc: var(--g4);position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0 21px 24px;background:var(--sea0);box-shadow:var(--edge),inset 0 -3px 0 0 var(--ink),var(--drop);margin:3px}.f-elfi{--fc: var(--g5)}.f-maghi{--fc: var(--blue3)}.f-demoni{--fc: var(--red3)}.f-fate{--fc: var(--pink2)}.banner{width:90px;margin:-27px auto 6px}.f-body{display:grid;gap:9px}.f-rank{font:16px/24px var(--classic);color:var(--sea4)}.faction h3{color:var(--fc);text-shadow:0 4px 0 var(--ink)}.f-body p:not(.f-rank){color:var(--sea6);min-height:108px}.f-bar{height:15px;margin:3px;background:var(--ink);box-shadow:var(--edge)}.f-bar i{display:block;height:100%;width:calc(var(--p) * 100%);background:var(--fc);box-shadow:inset 0 3px #fffaf066}.f-pts{margin-top:12px;font:16px/24px var(--classic);text-transform:uppercase;color:var(--sea5)}.f-pts b{font-size:32px;color:var(--yel2);margin-right:6px}.season-end{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-top:48px;padding-top:33px;box-shadow:inset 0 3px 0 0 var(--sea2);color:var(--sea6)}.season-end b{font:32px/40px var(--classic);text-transform:uppercase;color:var(--yel2)}.sec-ig{background:var(--rosa4)}.ig{display:grid;grid-template-columns:1fr 402px;gap:60px;align-items:center}.ig .sec-head{margin-bottom:33px}.steps{display:grid;gap:21px;margin-bottom:36px;counter-reset:step}.steps li{position:relative;display:grid;padding-left:66px;min-height:48px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:3px;top:3px;width:42px;height:42px;display:grid;place-items:center;font:24px/24px var(--classic);color:var(--cream4);background:var(--roof2);box-shadow:var(--edge),inset 0 3px 0 0 var(--roof4),inset 0 -3px 0 0 var(--roof1)}.steps b{font:16px/24px var(--classic);text-transform:uppercase;color:var(--roof1)}.steps span{color:var(--ink2)}.ig-card{--card: var(--white);padding:0 0 24px;overflow:hidden}.laundry-box{height:36px;background:var(--sea6)}.ig-stage{position:relative;display:flex;justify-content:center;background:var(--rosa3);box-shadow:0 3px 0 0 var(--ink),0 -3px 0 0 var(--ink);margin-bottom:21px}.nameplate{position:absolute;left:50%;top:calc(var(--art-s, 5) * 17px);transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;padding:3px 9px;white-space:nowrap;font:16px/24px var(--classic);color:var(--white);background:#2a1b22d1;box-shadow:0 -3px #2a1b22d1,0 3px #2a1b22d1}.tick{display:grid;place-items:center;width:21px;height:21px;font:16px/16px var(--classic);color:var(--white);background:var(--blue2);box-shadow:inset 0 -3px 0 0 var(--blue1)}.ig-card figcaption{padding:0 24px;display:grid;gap:12px}.ig-meta{font:16px/24px var(--classic);text-transform:uppercase;color:var(--g2)}.ig-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;color:var(--stone1)}.ig-foot .tag{background:var(--blue2);color:var(--white)}.sec-sponsor{background:var(--cream4);--card: var(--white)}.promises{display:grid;grid-template-columns:repeat(3,1fr);gap:33px;margin-bottom:60px}.promises li{display:grid;gap:9px;align-content:start;padding-top:21px;box-shadow:inset 0 3px 0 0 var(--cream1)}.roman{font:32px/40px var(--classic);text-transform:uppercase;color:var(--roof3)}.promises b{font:16px/24px var(--classic);text-transform:uppercase;color:var(--ink)}.promises span:not(.roman){color:var(--ink2)}.tiers{display:grid;grid-template-columns:1fr 1fr;gap:33px}.tier-hot{--card: var(--ochre4);box-shadow:var(--edge),inset 0 3px 0 0 var(--yel3),inset 0 -3px 0 0 var(--ochre3),0 0 0 9px var(--yel2),0 0 0 12px var(--ink),var(--drop)}.prices{align-self:stretch;display:grid;gap:6px;margin:6px 0}.price{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:6px 0 9px;box-shadow:0 3px 0 0 var(--cream2)}.price dt{color:var(--ink2)}.price dt small{display:block;font-size:24px;color:var(--stone1)}.price dd{font:32px/40px var(--classic);color:var(--roof1);white-space:nowrap}.price.main dd{font-size:56px;line-height:64px;color:var(--roof2)}.ticks{display:grid;gap:9px;margin-bottom:15px}.ticks li{position:relative;padding-left:33px;color:var(--ink2)}.ticks li:before{content:"✓";position:absolute;left:0;top:0;font:24px/36px var(--classic);color:var(--g3)}.tier-body .btn{margin-top:auto}.smalls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}.small .tier-body{gap:9px;padding:18px 21px 21px}.small-price{margin-top:auto;color:var(--stone1)}.small-price b{font:32px/40px var(--classic);color:var(--roof1);margin-right:6px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:72px 0 36px;counter-reset:flow}.flow li{position:relative;display:grid;align-content:start;gap:6px;color:var(--stone1)}.flow li span{font:32px/40px var(--classic);color:var(--roof3)}.flow li b{font:16px/24px var(--classic);text-transform:uppercase;color:var(--ink)}.flow li:not(:last-child):after{content:"";position:absolute;top:15px;left:66px;right:6px;height:3px;background:repeating-linear-gradient(90deg,var(--cream1) 0 6px,transparent 6px 12px)}.fineprint{color:var(--stone1);max-width:48em}.sec-entra{position:relative;overflow:hidden;height:600px;background:var(--grape0)}.sec-entra>canvas{position:absolute;left:0;top:0}.entra-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:33px;padding-top:84px;text-align:center;color:var(--cream3)}.entra-inner h2{font-size:64px;line-height:80px;margin:0;max-width:none;color:var(--cream4);text-shadow:0 8px 0 var(--ink)}.entra-inner p{background:var(--ink);padding:6px 15px;box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink)}.foot{background:var(--ink);color:var(--cream2);padding:33px 0;box-shadow:inset 0 3px 0 0 var(--ink2)}.foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px 36px}.foot nav{display:flex;flex-wrap:wrap;gap:9px 27px}.foot a{color:var(--cream4);text-decoration:none}.foot a:hover{color:var(--yel2)}.dock{display:none}@media(max-width:1080px){.nav-links{gap:18px}.modes-grid,.smalls{grid-template-columns:1fr 1fr}.modes-grid>*,.modes-grid>:nth-child(n+4){grid-column:auto}.modes-grid>:last-child{grid-column:1 / -1}.factions{grid-template-columns:1fr 1fr;row-gap:60px}.flow{grid-template-columns:1fr 1fr 1fr;row-gap:33px}.flow li:after{display:none}}@media(max-width:900px){.nav-links{display:none}.nav>.btn{margin-left:auto}.hero-inner{flex-direction:column;align-items:stretch}.hero-card{width:auto;max-width:540px}.plaque{order:-1;align-self:flex-end;margin-bottom:33px}.has-mill,.ig,.tiers,.gates,.modes-featured,.promises{grid-template-columns:1fr}.mill-box{margin:0 auto}.join{grid-template-columns:1fr}}@media(max-width:640px){:root{--gutter: 16px}.nav{padding-top:6px;padding-bottom:6px}.hero-inner{padding-top:216px;padding-bottom:144px}.wide-only{display:none}.plaque{order:0;align-self:center;width:264px;margin:-3px 0 0}.plaque-chain{height:36px;margin:0 42px}.plaque-board{padding:12px 12px 15px}.plaque-n{font-size:48px;line-height:56px;text-shadow:0 6px 0 var(--roof0);margin:3px 0 9px}.hero-card{padding:18px 18px 24px;gap:12px}.hero-title{font-size:40px;line-height:50px}.hero-cta{flex-direction:column;align-items:stretch;gap:15px}.hero-cta .btn-gioca{width:calc(100% - 6px)}.hero-note{text-align:center}h2{font-size:32px;line-height:40px}h3,h4{font-size:24px;line-height:32px}.sec{padding:36px 0 72px}.sec-head{margin-bottom:33px}.strip{justify-content:flex-start;gap:6px 24px;margin-bottom:42px}.group-head{margin:48px 0 24px;flex-wrap:wrap}.group-head:after{display:none}.modes-grid,.smalls,.factions{grid-template-columns:1fr}.modes-grid>:last-child{grid-column:auto}.modes-grid,.modes-featured,.gates,.tiers,.smalls{gap:27px}.mode-body,.tier-body{padding:18px 18px 24px}.quota{padding:18px}.quota-n{font-size:24px;line-height:32px}.quota-n b{font-size:32px}.join{padding:21px 18px 24px}.join-cta{flex-direction:column;align-items:stretch}.factions{row-gap:27px;margin-top:12px}.faction{display:grid;grid-template-columns:90px 1fr;column-gap:18px;padding:0 18px 18px 12px}.banner{grid-row:1 / span 2;margin:-12px 0 0}.f-body{padding-top:12px}.f-body p:not(.f-rank){min-height:0}.season-end{flex-direction:column;align-items:stretch}.ig{gap:42px}.price.main dd{font-size:48px;line-height:56px}.tier-hot{margin:12px}.flow{grid-template-columns:1fr;gap:18px}.flow li{grid-template-columns:54px 1fr;column-gap:12px}.flow li span{grid-row:1 / span 2}.sec-entra{height:540px}.entra-inner{padding-top:60px;gap:27px}.entra-inner h2{font-size:48px;line-height:60px;text-shadow:0 6px 0 var(--ink)}.foot{padding-bottom:108px}.dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(15px + env(safe-area-inset-bottom));background:var(--cream4);box-shadow:0 -3px 0 0 var(--ink),inset 0 3px 0 0 var(--white);transform:translateY(calc(100% + 6px));visibility:hidden;transition:transform .24s steps(4,end),visibility 0s linear .24s}.dock.is-on{transform:none;visibility:visible;transition:transform .24s steps(4,end)}.btn-dock{display:flex;width:calc(100% - 6px);font-size:32px;line-height:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dock{transition:none}}