body.landing-demo #menuBtn,body.landing-demo #friendBtn,body.landing-demo #soundBtn,body.landing-demo #musicBtn,body.landing-demo #ldMusic,body.landing-demo #homeBtn{display:none!important}body.landing-demo :is(#ownClock,#shuffleBtn span,#rotateBtn span,.fleet-status b,.fleet-status .health){font-size:11px}body.landing-demo .fleet-status.sunk .health{margin-top:0;line-height:1}body.landing-demo #enemyPanel>.strip{order:1}body.landing-demo.placing #enemyPanel{justify-content:center;max-height:calc(var(--colw) * 1.5)}body.landing-demo.placing #enemyArea{max-height:var(--colw)}body.landing-demo #enemyClock{display:none}@media(orientation:landscape)and (max-height:500px){body.landing-demo{--colw: min(100vw, 100dvh + 440px)}body.landing-demo #ui{--board: min(100dvh - 16px, 100vw - 300px);grid-template-columns:var(--board) minmax(0,1fr);grid-template-rows:38px minmax(0,1fr) auto;grid-template-areas:"enemy top" "enemy fleet" "enemy controls"}body.landing-demo.placing #ui{grid-template-columns:var(--board) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;grid-template-areas:"enemy top" "enemy ." "enemy strip" "enemy actions"!important}body.landing-demo.placing #enemyPanel{display:contents}body.landing-demo.placing #enemyArea{grid-area:enemy}body.landing-demo.placing #enemyPanel>.strip{grid-area:strip}body.landing-demo.placing #turn{font-size:16px}}.tour{position:fixed;inset:0;z-index:40;cursor:default}.tour-hole{position:fixed;border-radius:16px;box-shadow:0 0 0 200vmax #040d1acc;pointer-events:none;transition:left .35s cubic-bezier(.3,.9,.3,1),top .35s cubic-bezier(.3,.9,.3,1),width .35s cubic-bezier(.3,.9,.3,1),height .35s cubic-bezier(.3,.9,.3,1)}.tour-hole:after{content:"";position:absolute;inset:-3px;border:3px solid #F2C14E;border-radius:19px;box-shadow:0 0 22px #f2c14e88;animation:tour-ring 1.6s ease-in-out infinite}.tour.centred .tour-hole:after{display:none}@keyframes tour-ring{50%{box-shadow:0 0 34px #f2c14ecc;border-color:#ffe08a}}.tour-card{position:fixed;box-sizing:border-box;width:min(360px,calc(100vw - 24px));padding:16px 18px 14px;border-radius:18px;background:linear-gradient(160deg,#10243b,#0b1d33);border:2px solid #3E7FC0;box-shadow:0 16px 44px #000a;color:#f4ebd6;transition:left .35s cubic-bezier(.3,.9,.3,1),top .35s cubic-bezier(.3,.9,.3,1)}.tour-card.in>:not(.tour-arrow){animation:tour-in .4s cubic-bezier(.2,.9,.3,1.1) both}@keyframes tour-in{0%{opacity:0;transform:translateY(6px)}}.tour-head{display:flex;align-items:center;gap:10px;margin:0 0 4px}.tour-count{font-size:12px;letter-spacing:1.5px;color:#8fb4c5}.tour-card h3{margin:0 0 6px;font-weight:400;font-size:26px;line-height:1.1;color:#f2c14e;text-shadow:0 2px 0 #9A7424}.tour-card p#tourText{margin:0;font-size:16px;line-height:1.4;color:#cfe3f2}.tour-nav{display:flex;align-items:center;gap:8px;margin-top:14px}.tour-nav button{font:inherit;cursor:pointer}.tour-skip{margin-right:auto;white-space:nowrap;padding:6px 0;border:0;background:none;color:#8fb4c5;font-size:14px;text-decoration:underline;text-underline-offset:3px}.tour-skip:hover{color:#f4ebd6}.tour-back,.tour-next{min-height:40px;padding:0 14px;border-radius:11px;font-size:16px;letter-spacing:1px;white-space:nowrap}.tour-back{border:2px solid #2C5C88;background:#06142a;color:#cfe3f2}.tour-back:hover{border-color:#3e7fc0}.tour-next{border:1px solid #FFE8A6;background:linear-gradient(#ffd978,#f2c14e);color:#0b1d33;box-shadow:0 3px #896421}.tour-next:active{transform:translateY(2px);box-shadow:0 1px #896421}.tour-nav button:focus-visible{outline:3px solid #74E2DA;outline-offset:2px}.tour-dots{display:flex;gap:5px}.tour-dots i{width:7px;height:7px;border-radius:50%;background:#2c5c88;transition:background .2s,transform .2s}.tour-dots i.on{background:#f2c14e;transform:scale(1.25)}.tour-arrow{position:absolute;width:14px;height:14px;background:#0f2238;border:2px solid #3E7FC0;transform:rotate(45deg);display:none}.tour-card[data-side=below] .tour-arrow{display:block;top:-9px;margin-left:-8px;border-right:0;border-bottom:0}.tour-card[data-side=above] .tour-arrow{display:block;bottom:-9px;margin-left:-8px;border-left:0;border-top:0}.tour-card[data-side=right] .tour-arrow{display:block;left:-9px;margin-top:-8px;border-right:0;border-top:0}.tour-card[data-side=left] .tour-arrow{display:block;right:-9px;margin-top:-8px;border-left:0;border-bottom:0}@media(max-width:400px){.tour-card{padding:14px 14px 12px}.tour-card h3{font-size:23px}.tour-card p#tourText{font-size:15px}}@media(max-height:500px){.tour-card{width:min(540px,calc(100vw - 24px));padding:12px 16px 10px}.tour-card h3{font-size:21px;margin-bottom:4px}.tour-card p#tourText{font-size:14px;line-height:1.35}.tour-nav{margin-top:10px}.tour-back,.tour-next{min-height:36px}}@media(prefers-reduced-motion:reduce){.tour-hole,.tour-card{transition:none}.tour-hole:after,.tour-card.in>*{animation:none}}.tip{position:fixed;z-index:60;max-width:min(260px,calc(100vw - 16px));box-sizing:border-box;padding:7px 11px;border-radius:10px;background:#0b1d33;border:2px solid #3E7FC0;box-shadow:0 8px 22px #0009;color:#f4ebd6;font:15px/1.3 Lilita One,system-ui,sans-serif;letter-spacing:.3px;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.tip.on{opacity:1;transform:none}.tip:after{content:"";position:absolute;left:var(--arrow, 50%);width:10px;height:10px;margin-left:-6px;background:#0b1d33;border:2px solid #3E7FC0;transform:rotate(45deg)}.tip[data-side=above]:after{bottom:-7px;border-left:0;border-top:0}.tip[data-side=below]:after{top:-7px;border-right:0;border-bottom:0}@media(prefers-reduced-motion:reduce){.tip{transition:none;transform:none}}