:root{font-family:Arial,Helvetica,sans-serif;color:#102e46;background:#052d40;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{display:grid;place-items:center;overscroll-behavior:none}
button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible{outline:3px solid #fff;outline-offset:3px}
#game{position:relative;width:100%;height:100vh;height:100dvh;max-width:calc(100dvh * .5625);overflow:hidden;isolation:isolate;container-type:size;background:#06a1b5 url('../wave-rider-assets/water-bg.webp') center/cover}
#scene,#effects,#modal{position:absolute;inset:0}
#scene{z-index:1}
#effects{z-index:4;pointer-events:none;overflow:hidden}
#modal{z-index:8;pointer-events:none}
#modal:has(.exit-shade){pointer-events:auto}
img{display:block;max-width:100%;user-select:none;-webkit-user-drag:none;object-fit:contain}
button img{width:100%;height:100%}
.art-button{position:absolute;background:none;border:0;padding:0;transition:filter .2s,scale .2s}
.art-button:active{scale:.96;filter:brightness(1.1)}
.close{position:absolute;left:2.5%;top:max(1%,env(safe-area-inset-top));z-index:7;border:2px solid #ffdb68;border-radius:50%;background:#c33118;color:#fff;font-weight:900;font-size:5cqw;width:8cqw;height:8cqw;line-height:1}
.landing-bg,.full-demo{width:100%;height:100%;object-fit:fill}
.landing-next{left:28%;top:82%;width:44%;height:10%}
.loading{position:absolute;left:13%;top:82%;width:74%;padding:3cqw 4cqw;border:2px solid #ffe28a;border-radius:5cqw;background:linear-gradient(160deg,#086ca0f5,#023958f5);box-shadow:0 0 0 2px #b77616,inset 0 1px 0 #ffffff65,0 5px 12px #00283880;color:#fff}
.loading-heading{display:flex;align-items:center;justify-content:space-between;gap:3cqw;margin-bottom:2cqw;font-size:clamp(13px,4cqw,20px);line-height:1.2;font-weight:800;text-shadow:0 1px 2px #002940}
.loading-percent{color:#ffe279;font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}
.loading-track{height:clamp(10px,3cqw,16px);border:1px solid #75e4f3;border-radius:999px;background:#022b47;overflow:hidden;box-shadow:inset 0 2px 3px #001b3699}
.loading-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(180deg,#c3fcff,#3ce6ef 45%,#0aabd5);transform:scaleX(0);transform-origin:left;transition:transform .16s ease-out;box-shadow:inset 0 1px 0 #fff9}
.loading button{display:block;width:100%;border:1px solid #ffe28a;border-radius:3cqw;padding:2cqw;background:#ffdc4b;color:#603000;font-size:3.5cqw;font-weight:800}
.demo-nav{position:absolute;bottom:max(1%,env(safe-area-inset-bottom));left:5%;right:5%;height:10%;display:flex;justify-content:space-between;align-items:center}
.demo-button{width:46%;height:auto;min-height:44px;aspect-ratio:3.25;border:2px solid #fff6a0;border-radius:999px;background:linear-gradient(#fff99b 0%,#fff02d 27%,#ffdf00 65%,#ffc100 100%);box-shadow:0 0 0 2px #eaa019,inset 0 -3px 0 #ffad00,0 4px 0 #b66308,0 6px 5px #0005;color:#642300;font-size:5cqw;font-weight:900;font-style:italic;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:1.4cqw;line-height:1;padding:1cqw 2cqw;transition:transform .15s,filter .15s}
.demo-button .demo-chevron{display:block;flex:0 0 auto;width:.46em;height:.46em;border-top:.15em solid currentColor;border-right:.15em solid currentColor;transform:rotate(45deg);margin-inline:.15em}.demo-button .demo-chevron-left{transform:rotate(-135deg)}
.demo-button:active{transform:translateY(2px);filter:brightness(1.08)}

.home-boat{position:absolute;left:2%;top:28%;width:57%;height:33%;display:grid;place-items:center}
.home-boat img{width:100%;height:100%}
.float{animation:bob 3s ease-in-out infinite}

.boat-choice:disabled{cursor:default}
.boat-choice.selected{background:radial-gradient(ellipse at top,#075a22,#003417);border-color:#d3ffad;box-shadow:0 0 2px 1px #fff,inset 0 0 5px #4cff56,0 0 8px 2px #25ff3d;opacity:1}
.collect{position:absolute;left:5%;top:73%;width:90%;height:7%}

.start{left:14%;top:81%;width:72%;height:9%}
.how{left:2%;bottom:1.5%;width:32%;height:7%}
.flag-hud{position:absolute;right:2%;top:1%;width:48%;height:6%;z-index:3}
.flag-hud img{width:100%;height:100%}
.flag-hud span{position:absolute;inset:20% 7%;color:#fff;font-size:3cqw;display:flex;align-items:center;justify-content:center;white-space:pre}
.flag-hud b{font-size:3.5cqw;margin-left:2cqw}

.question>img{width:100%;height:100%}
.question p{position:absolute;left:7%;top:18%;width:86%;height:30%;margin:0;display:grid;place-items:center;text-align:center;font-size:clamp(13px,3.6cqw,24px);font-weight:800;color:#56240e;line-height:1.12;overflow-wrap:break-word}
.lane{position:absolute;top:33%;width:40%;height:13%;border:0;background:none;padding:0;touch-action:manipulation}
.lane.left{left:1%}
.lane.right{right:1%}
.lane img:first-child{width:85%;height:52%;margin:0 auto}
.lane img:last-child{position:absolute;left:0;top:58%;width:100%;height:auto;aspect-ratio:548 / 196;transform-origin:50% 64%}

.time>div{height:.8cqh;border-radius:9px;background:#034661;overflow:hidden;border:1px solid #b2f5ff}
.time i{display:block;width:100%;height:100%;background:#ffdf63;transform-origin:left}
.time.urgent{color:#ffdf63;animation:urgency .5s ease-in-out infinite}
.time.urgent i{background:#ff583d}
.ship{position:absolute;width:23%;height:18%;left:50%;top:85%;transform:translate(-50%,-50%);z-index:2;touch-action:none;will-change:translate}
.ship>img{position:relative;z-index:2;width:100%;height:100%;filter:drop-shadow(0 5px 4px #00516a66);animation:ship-bob 1.5s ease-in-out infinite}
.wake{position:absolute;top:70%;left:20%;width:60%;height:80%;background:linear-gradient(#efffff99,transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);filter:blur(2px);animation:wake .5s alternate infinite}
.play{touch-action:pan-y}

.penalty{position:absolute;z-index:5;top:-25%;left:20%;font-size:6cqw;font-weight:900;color:#ffe16e;text-shadow:0 2px 3px #8e1e0f;animation:penalty .9s ease-out forwards}
.ship.pass{animation:none}
.ship.sink{animation:sink 1.7s ease-in forwards}
.success::after,.sinking::after,.crash::after{content:'';position:absolute;inset:0;pointer-events:none;background:#002835;opacity:.25;animation:dim .4s}
.sinking::after{opacity:.55}
.crash::after{animation:flash .65s ease-out;opacity:.5}
.earned-flag{position:absolute;left:50%;top:51%;width:30%;filter:drop-shadow(0 0 20px #ffef9e)}
.right-answer{position:absolute;left:14%;top:77%;width:72%;height:15%;animation:reward-in .6s ease-out both}
.right-answer img{width:100%;height:100%}
.right-answer span{position:absolute;left:20%;right:20%;bottom:13%;text-align:center;color:#672a00;font-weight:900;font-size:3.6cqw;background:#ffdf5e;border-radius:12px}
.failure-card{position:absolute;left:4%;top:12%;width:92%;height:65%;animation:reward-in .6s both}
.failure-card>img{width:100%;height:100%}
.failure-card p{position:absolute;left:12%;top:43%;width:76%;height:22%;margin:0;display:grid;place-items:center;font-size:3.8cqw;text-align:center;color:#4e260d;font-weight:800;line-height:1.14}
.retry{left:22%;top:79%;width:56%;height:10%}
.reward-heading{position:absolute;top:9%;left:7%;width:86%;height:22%;animation:reward-in .8s both}
.reward-copy{position:absolute;top:23%;left:20%;width:60%;height:5%;margin:0;display:grid;place-items:center;background:#034b79;border:2px solid #ffe68b;border-radius:30px;color:#fff;font-weight:800;font-size:3.4cqw;text-align:center}
.reward-boat{position:absolute;left:5%;top:37%;width:90%;height:32%;animation:reward-in 1s .3s both;z-index:2}
.reward-boat img{height:100%;width:100%}
.rays{position:absolute;top:32%;left:5%;width:90%;height:45%;border-radius:50%;background:repeating-conic-gradient(#fff6ad80 0deg 8deg,transparent 8deg 20deg);mask-image:radial-gradient(circle,#000,transparent 68%);-webkit-mask-image:radial-gradient(circle,#000,transparent 68%);animation:rays 18s linear infinite}
.continue{left:25%;top:81%;width:50%;height:10%}
.star .reward-heading{top:5%;left:14%;width:72%;height:38%}
.star .reward-copy{top:18%;height:4%;font-size:3.1cqw}
.star .reward-boat{top:43%;height:30%}
.star .rays{top:37%;height:40%}
.luxury{position:absolute;top:73%;left:13%;width:74%;height:8%}
.star .continue{top:86%}
.particle{position:absolute;width:2cqw;height:3cqw;animation:particle 2.8s var(--delay) ease-out both}
.particle.smoke{width:28cqw;height:22cqw;background:radial-gradient(ellipse,#d1e5e9cc,#38778b80 40%,transparent 72%);animation:smoke 2.4s var(--delay) ease-out both;border-radius:45%}
.particle.bubble{border:2px solid #b2f5ff;border-radius:50%;background:transparent;width:3cqw;height:3cqw;animation:smoke 2s var(--delay) ease-out both}
.exit-shade{position:absolute;inset:0;background:#002d4e88;backdrop-filter:blur(3px);display:grid;place-items:center}
.exit-card{position:relative;width:94%;height:65%;animation:reward-in .35s both}
.exit-card>img{width:100%;height:100%}
.keep{left:20%;top:55%;width:60%;height:16%}
.exit-home{left:24%;top:73%;width:52%;height:14%}
#notice{position:absolute;bottom:3%;left:8%;width:84%;color:white;text-align:center;font-size:3.5cqw;background:#00384ac9;border-radius:12px;z-index:20;margin:0}
#notice:empty{display:none}
#rotate{display:none}
#rotate button{padding:12px 24px;border-radius:20px;border:0;margin:20px}
@media(orientation:landscape) and (pointer:coarse) and (max-height:650px){#game{visibility:hidden}
#rotate{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;flex-direction:column;background:#064659;color:#fff;font-size:22px;padding:20px;text-align:center}
}
@keyframes bob{50%{transform:translateY(-1cqh) rotate(1deg)}
}
@keyframes ship-bob{50%{transform:translateY(.4cqh) rotate(1deg)}
}
@keyframes wake{to{opacity:.35;scale:1.15}
}
@keyframes penalty{to{transform:translateY(-7cqh);opacity:0}
}
@keyframes urgency{50%{scale:1.08;filter:brightness(1.3)}
}
@keyframes pass{to{top:15%;opacity:0;scale:.55}
}
@keyframes sink{35%{rotate:-12deg}
to{scale:.2;opacity:0;translate:0 5cqh;rotate:25deg}
}
@keyframes dim{from{opacity:0}
}
@keyframes flash{0%{background:#fff6c7;opacity:.9}
40%{background:#ff9600;opacity:.7}
100%{background:#002835;opacity:.5}
}
@keyframes reward-in{from{opacity:0;transform:translateY(4cqh) scale(.75)}
70%{transform:translateY(0) scale(1.04)}
to{opacity:1;transform:none}
}
@keyframes rays{to{rotate:360deg}
}
@keyframes particle{0%{opacity:0;transform:translate(0,0) rotate(0)}
10%{opacity:1}
100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 45cqh)) rotate(var(--r))}
}
@keyframes smoke{0%{opacity:0;transform:scale(.2)}
25%{opacity:.9}
100%{opacity:0;transform:translate(calc(var(--x) * .5),calc(var(--y) * .5)) scale(2)}
}


#ocean{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
/* No inactive full-stage blur pass: success lens blur was removed. */
#game[data-screen=landing] #ocean,#game[data-screen=demo] #ocean{visibility:hidden}
.hud-flag{display:block;width:3cqw;height:3.7cqw;border-left:1px solid #f5e1a0;position:relative;margin-right:1cqw}
.hud-flag::after{content:"";position:absolute;left:0;top:0;width:2.5cqw;height:1.7cqw;border:1px solid #e7ce90;clip-path:polygon(0 0,100% 35%,0 100%)}
.hud-flag.filled::after{background:#ffcd2e}
.question p{top:26%;height:31%}

.flag-hud{width:52%}
.flag-hud span{gap:.7cqw;inset:18% 8%}
.hud-flag{flex:0 0 2.8cqw;margin-right:0}
.flag-hud b{flex:0 0 8cqw;margin-left:1cqw;text-align:right}



.upgrade .reward-copy{top:20%;height:8%;background:transparent;border:0;white-space:pre-line;font-size:3.3cqw;line-height:1.2}
.star .reward-copy{background:transparent;border:0}



.demo .close{opacity:0}
.demo-lanes{position:absolute;left:0;right:0;top:29%;height:9%;pointer-events:none}
.demo-lanes img{position:absolute;width:34%;height:100%}
.demo-false{left:1%}
.demo-true{right:1%}

.flag-hud{height:auto;aspect-ratio:3 / 1}.flag-hud img{width:100%;height:100%}.flag-hud span{justify-content:center;gap:.4cqw}.flag-hud b{flex:0 0 7cqw;font-size:3cqw}.hud-flag{flex:0 0 2.6cqw;height:3.2cqw}


.boat-name{position:absolute;left:4%;top:5%;width:59%;aspect-ratio:657 / 241;color:#fff6dc;text-align:center;font-weight:800}

.boat-name>img{position:absolute;inset:0;width:100%;height:100%}

.boat-name>span{position:absolute;left:26%;right:29%;top:12%;bottom:27%;display:grid;place-items:center;font-size:4.5cqw;line-height:1.04;text-wrap:balance}

.boat-list{position:absolute;right:0%;top:7%;width:37%;height:62%}

.list-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}

.boat-scroll{position:absolute;inset:10% 13% 10%;overflow-y:auto;scrollbar-width:none;display:grid;grid-auto-rows:calc((100% - 2cqh) / 5);gap:.5cqh;overscroll-behavior:contain;scroll-snap-type:y proximity}

.boat-choice{min-height:0;width:100%;border:2px solid #59d8ff;border-radius:9px;background:linear-gradient(135deg,#074575,#032743);box-shadow:inset 0 1px 2px #b9f5ff,0 2px 2px #001e36; color:white;padding:3% 5%;font-size:clamp(9px,2.7cqw,16px);font-weight:700;display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-content:center;scroll-snap-align:start}

.boat-choice img{height:100%;min-height:0;width:100%}

.boat-choice span{display:block;line-height:1.08}
.boat-choice small{display:block;line-height:1.08;font-size:clamp(8px,2cqw,11px);margin-top:.2cqh}

.boat-list .boats-up,.boat-list .boats-down{left:34%;width:34%;height:9%;z-index:2}
.boat-list .boats-up{top:0}

.boat-list .boats-down{bottom:0}

.boats-up:disabled,.boats-down:disabled{opacity:.45;cursor:default}

.time{position:absolute;top:2%;left:15%;width:24%;text-align:center;color:#fff;text-shadow:0 1px 3px #003653;font-weight:800;font-size:3.4cqw}

.question{position:absolute;left:5%;top:6%;width:90%;aspect-ratio:1020 / 835}

.ship.arrived>img{animation:none}





.boat-name button{position:absolute;top:10%;width:17%;height:65%;padding:0;border:0;background:transparent}.boat-previous{left:7%}.boat-next{right:10%}.boat-name button:disabled{cursor:default}.close::after{content:'';position:absolute;inset:-7px}


.right-answer{height:auto;aspect-ratio:2075 / 758}.right-answer span{left:25%;right:25%;top:68%;bottom:auto;height:19%;display:grid;place-items:center;font-size:3.3cqw;line-height:1;background:#ffdf5e}


.exit-card{height:auto;aspect-ratio:1314 / 1197}.failure-card{top:17%;height:auto;aspect-ratio:var(--panel-ratio)}.failure-card p{top:43%;height:23%}


/* Reference HUD and hull response. Inner artwork stays proportional. */
.time{top:.5%;left:12%;width:34%;aspect-ratio:2095 / 751;z-index:4;font-size:4.4cqw}
.time>img{position:absolute;inset:0;width:100%;height:100%}
.time #seconds{position:absolute;left:34%;right:10%;top:34%;line-height:1.1}
.time>div{position:absolute;left:36%;right:14%;bottom:23%;height:2px;border:0;background:#ffffff35}
.time.urgent{color:#ffe19a;animation:urgency .5s ease-in-out infinite}
.flag-hud{right:1%;top:.5%;width:51%;aspect-ratio:3 / 1}
.flag-hud span{inset:27% 9%;gap:1%;justify-content:space-between;white-space:normal}
.flag-hud svg.hud-flag{flex:0 0 8%;width:8%;height:100%;max-height:6cqw;border:0;color:#f5f8e8;overflow:visible;fill:#fff}
.flag-hud svg.filled{color:#ffd33e;fill:#ffd33e;filter:drop-shadow(0 0 3px #ffe997)}
.flag-hud svg.filled path{fill:#ffd33e}
.flag-hud b{flex:0 0 19%;margin:0;font-size:4cqw;line-height:1}
#water-effects{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
#game[data-screen=landing] #water-effects,#game[data-screen=demo] #water-effects{visibility:hidden}
.ship>img{animation:ship-bob 2.1s ease-in-out infinite;transform-origin:50% 60%}
.ship.steer-left:not(.arrived)>img{animation:bank-left .65s ease-out,ship-bob 2.1s .65s ease-in-out infinite}
.ship.steer-right:not(.arrived)>img{animation:bank-right .65s ease-out,ship-bob 2.1s .65s ease-in-out infinite}
.ship.sink{animation:submerge 2.65s ease-in forwards;transform-origin:50% 65%}
.ship.wreck{animation:wreck .45s ease-out,submerge 2.65s .45s ease-in forwards;transform-origin:50% 65%}
.crash-rim{position:absolute;inset:0;box-shadow:inset 0 0 12cqw 4cqw #a80c06;animation:danger-rim 3.2s ease-out both}
.sinking::after{opacity:.2}
.success::after{background:#001b30;opacity:0;z-index:3;animation:victory-light var(--victory-duration,3410ms) ease-in-out both}
@keyframes victory-light{0%,100%{opacity:0}25%,65%{opacity:.28}85%{opacity:.12}}
.crash::after{opacity:.18;animation:flash .65s ease-out}
@keyframes bank-left{25%{transform:rotate(-13deg) translateX(-2%)}70%{transform:rotate(3deg)}100%{transform:none}}
@keyframes bank-right{25%{transform:rotate(13deg) translateX(2%)}70%{transform:rotate(-3deg)}100%{transform:none}}
@keyframes submerge{
 0%{transform:translate(-50%,-50%) rotate(0);filter:brightness(1);clip-path:inset(0)}
 25%{transform:translate(-50%,-46%) rotate(-9deg);filter:brightness(.85);clip-path:inset(0 0 4%)}
 55%{transform:translate(-50%,-34%) rotate(13deg) scale(.94);filter:brightness(.6) saturate(.6);opacity:.85;clip-path:inset(0 0 30%)}
 85%{opacity:.35;clip-path:inset(0 0 78%)}
 100%{transform:translate(-50%,-18%) rotate(18deg) scale(.85);filter:brightness(.4);opacity:0;clip-path:inset(0 0 100%)}
}
@keyframes wreck{25%{transform:translate(-50%,-50%) rotate(-14deg)}65%{transform:translate(-50%,-48%) rotate(7deg)}100%{transform:translate(-50%,-50%) rotate(0)}}
@keyframes danger-rim{0%,20%{opacity:.9}12%,40%{opacity:.4}100%{opacity:0}}


.upgrade-banner{position:absolute;top:9%;left:7%;width:86%;height:22%;display:grid;place-items:center;animation:reward-in .8s both}
.upgrade-art{position:relative;width:100%;aspect-ratio:1920 / 819}
.upgrade-art>img{width:100%;height:100%}
.upgrade-art>span{position:absolute;display:grid;place-items:center;text-align:center;font-weight:800;line-height:1.1}
.upgrade-level{left:27%;width:46%;top:49%;height:15%;color:#ffdc65;font-size:3.6cqw;text-shadow:0 1px 2px #713a00}
.upgrade-name{left:18%;width:64%;top:68%;height:20%;color:#fff;font-size:3.6cqw;text-shadow:0 1px 2px #003668}


.boat-choice .boat-selected{justify-self:center;max-width:100%;padding:2% 9%;border:1px solid #98ff6a;border-radius:20px;background:linear-gradient(#28f531,#07961a);box-shadow:0 2px 2px #001e15;color:#003c25;font-size:2.5cqw;font-weight:900;line-height:1.1}
.boat-choice .boat-locked{display:flex;align-items:center;justify-content:center;gap:4%;color:#d8e9f4;width:100%;font-size:1.9cqw;font-weight:500;line-height:1.05}
.boat-locked svg{width:16%;height:auto;flex:none}
.boat-choice .boat-locked span{font-size:inherit;line-height:1.05}
.boat-list .boats-up:disabled,.boat-list .boats-down:disabled{opacity:1;filter:saturate(.8)}
.boat-scroll{padding:2px;scroll-padding:2px}

/* One steering transform: stable hull size, no animation restarts during swipes. */
.ship:not(.arrived)>img{animation:none;transform-origin:50% 60%;will-change:transform}

/* Gameplay HUD: shared optical centre and breathing room inside the artwork. */
.play>.close{left:2.5%;top:4cqw;padding:0;display:grid;place-items:center}
.play>.time{left:14%;top:2.2cqw;width:32%;font-size:4.2cqw}
.play>.time #seconds{left:35%;right:12%;top:32%;text-align:center}
.play>.time>div{left:38%;right:15%;bottom:22%}
.play>.flag-hud{right:2%;top:0;width:49%;height:auto}
.play>.flag-hud span{inset:28% 10%;gap:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) 1.65fr;align-items:center}
.play>.flag-hud svg.hud-flag{width:82%;height:4.6cqw;max-height:100%;justify-self:center}
.play>.flag-hud b{font-size:3.3cqw;text-align:center;white-space:nowrap;padding-left:.6cqw}

/* Penalty is stage-anchored so steering never drags its flight path. */
.penalty{z-index:8;left:auto;top:auto;font-size:8cqw;line-height:1;font-weight:900;color:#ff2424;background:#fff3df;border:2px solid #ff3333;border-radius:999px;padding:1.5cqw 3cqw;text-shadow:0 1px 0 #fff;box-shadow:0 0 5cqw #ff292980;white-space:nowrap;animation:none;pointer-events:none}

.flag-rays{position:absolute;left:50%;top:51%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.flag-rays i{display:block;width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#fff1a7b3 0deg 8deg,transparent 8deg 24deg);mask-image:radial-gradient(circle,#000 8%,transparent 69%);-webkit-mask-image:radial-gradient(circle,#000 8%,transparent 69%);animation:flag-ray-turn 8s linear infinite}
@keyframes flag-ray-turn{to{transform:rotate(360deg)}}

/* Hull foam lives above the ocean but below the complete boat scene. */
#boat-wake{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#game[data-screen=landing] #boat-wake,#game[data-screen=demo] #boat-wake{visibility:hidden}