@font-face{font-family:Fredoka;src:url('/port-site/Fredoka.ttf') format('truetype');font-display:swap;font-weight:700}
:root{font-family:Fredoka,system-ui,sans-serif;color:#173e55;background:#e5f4f5;font-synthesis:none;--blue:#176ca0;--sand:#fff6e5}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#d4eef033,#e5f4f5bb 650px),url('/port-site/menu_front.webp') center top/auto 850px no-repeat,url('/port-site/menu_back.webp') center top/cover fixed no-repeat;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ae5427;outline-offset:4px}header{max-width:1180px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:22px}.brand img{display:block;width:155px;height:auto}nav{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end;max-width:530px}nav a{padding:10px;font-size:13px;border-radius:20px;background:#fff9}nav a[aria-current]{background:#173e55;color:white}main{max-width:1120px;margin:auto;padding:0 28px}.hero{text-align:center;max-width:730px;margin:38px auto 70px}.eyebrow{text-transform:uppercase;font-size:13px;font-weight:550;letter-spacing:1.5px}h1{font-weight:550;font-size:clamp(34px,5vw,62px);line-height:1.08;margin:17px 0;color:#173e55}.claim{font-size:21px;line-height:1.5;max-width:580px;margin:24px auto}.button{border:1px solid #aac8d3;background:#fffaf0;border-radius:16px;display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;gap:12px;font-size:17px;min-height:52px;box-shadow:0 3px 0 #24435218;transition:transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white;border-color:var(--blue)}.google-play{background:#183e50;color:#fff;gap:20px;padding:15px 25px;text-align:start;font-size:13px}.google-play strong{display:block;font-size:24px;font-weight:500}.play-symbol{font-size:30px;color:#85dfc9}.collection{padding:26px;background:#fff6e5df;border:1px solid #fff;border-radius:28px;box-shadow:0 8px 36px #345e7112}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.section-title h2{font-size:27px;font-weight:500;margin:0}.section-title span{font-size:13px;letter-spacing:1px;color:#56717b}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.game-card{overflow:hidden;border-radius:18px;background:white;border:1px solid #e6e2d9;box-shadow:0 4px 0 #2443520b}.cover{display:block;overflow:hidden;aspect-ratio:3/2}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.cover:hover img{transform:scale(1.035)}.card-body{padding:17px 18px 20px}h3{font-weight:500;font-size:23px;margin:0 0 14px}.play-link{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;color:#176ca0;font-weight:500;min-height:44px}.detail-link{font-size:13px;color:#526b73;display:inline-block;padding:8px 0}.game-page{padding-top:28px}.back{display:inline-block;font-size:15px;padding:12px 0;color:#234f66}.game-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:45px;margin:20px 0;background:#fff6e5eb;border:1px solid white;border-radius:25px;padding:30px}.game-cover{width:100%;height:auto;border-radius:18px}.game-hero h1{font-size:45px}.game-hero p:not(.eyebrow){font-family:Fredoka,system-ui,sans-serif;line-height:1.7;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px}.screenshot-section{text-align:center;margin:42px auto}.store-shot{height:auto;width:min(100%,340px);border-radius:20px;box-shadow:0 10px 35px #173e5529}footer{max-width:1120px;margin:45px auto 0;padding:25px 28px 38px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:13px}footer a{padding:8px 0}footer span{padding:8px 0;color:#526b73}.missing{text-align:center;padding-top:80px;padding-bottom:110px}.launch{display:grid;place-items:center;min-height:100dvh}.launch-panel{text-align:center;width:min(92%,430px);background:#fff6e5ed;border:1px solid white;border-radius:25px;padding:22px;margin:22px}.launch-logo{height:auto;width:160px;display:block;margin:0 auto 20px}.launch-cover{width:100%;height:auto;border-radius:16px}.launch h1{font-size:32px}.launch #status{font-size:15px;line-height:1.5}.launch-panel .button{width:100%}.launch canvas{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none}.game-return,.game-fullscreen{display:none;position:fixed;z-index:9;top:max(10px,env(safe-area-inset-top));border:1px solid #fff8;border-radius:12px;background:#183e50b3;color:white;font-size:24px;padding:6px 12px}.game-return{left:max(10px,env(safe-area-inset-left))}.game-fullscreen{right:max(10px,env(safe-area-inset-right))}.running .game-return,.running .game-fullscreen{display:block}.running .launch-panel{display:none}.button:disabled{opacity:.7;cursor:wait}
@media(max-width:700px){header{padding:16px;align-items:flex-start;gap:12px}.brand img{width:112px}nav{max-width:225px;gap:3px}nav a{padding:7px 8px;font-size:11px;min-height:30px}main{padding:0 16px}.hero{margin:38px auto 45px}.claim{font-size:18px}.hero h1{font-size:39px}.collection{padding:16px;border-radius:22px}.section-title h2{font-size:24px}.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}h3{font-size:19px;min-height:44px;line-height:1.2}.play-link{font-size:12px;line-height:1.35}.detail-link{font-size:12px}.game-hero{grid-template-columns:1fr;gap:20px;padding:19px;margin-top:10px}.game-hero h1{font-size:35px}.actions .button{width:100%}footer{gap:12px;padding-inline:16px}.game-card{border-radius:14px}body{background-size:auto,auto 700px,auto 100vh}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:701px){body{background-size:auto,cover,cover;background-attachment:scroll,fixed,fixed}}
:root{font-family:system-ui,sans-serif}h1,h2,h3,.eyebrow,.google-play strong{font-family:Fredoka,system-ui,sans-serif;font-weight:700}.game-hero p:not(.eyebrow){font-family:system-ui,sans-serif}
.launch-panel .fullscreen-start{width:auto;min-height:44px;padding:8px 15px;margin-top:12px;font-size:14px}
.desk{display:grid;place-items:center;height:100dvh;overflow:hidden}.desk-phone{position:relative;height:80vh;aspect-ratio:910/1620;filter:drop-shadow(0 30px 40px #0a142d80)}.desk-phone img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.desk-phone iframe{position:absolute;left:15.275%;top:7.778%;width:69.451%;height:84.383%;border:0;border-radius:2.963vh;background:#000}.in-frame,.in-frame body{overflow:hidden;background:#000}.in-frame .launch-panel{background:none;border:0;margin:0;padding:16px;width:100%}.in-frame .launch-panel>:not(#status){display:none}.in-frame #status{color:#fff;font-size:14px}.desk-bar{position:fixed;top:20px;left:24px;display:flex;gap:10px}.desk-bar>*,.desk-bar .wipe{margin:0;text-decoration:none;cursor:pointer;padding:10px 16px;border-radius:20px;background:#fff9;color:#173e55;font-size:15px;border:0}.wipe{display:block;margin:6px auto 0;background:none;border:0;color:#7a5a4a;font-size:13px;text-decoration:underline;padding:8px}.wipe:disabled{text-decoration:none;cursor:default}