:root{--background:#f5f7fb;--foreground:#202633;--primary:#2167df;--primary-foreground:#fff;--border:#dce2eb;--ring:#2167df}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#202633;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#182234;color:white;font-size:23px}.visitor-page{min-height:100vh;padding:28px clamp(18px,5vw,68px);background:radial-gradient(circle at 75% 20%,#d7f7f4,transparent 33%),#f5f7fb}.account-brand,.visitor-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-.04em}.visitor-card{width:min(960px,100%);min-height:520px;margin:clamp(34px,9vh,100px) auto 0;display:grid;grid-template-columns:44% 56%;align-items:center;background:#fff;border:1px solid #dce2eb;border-radius:24px;box-shadow:0 18px 50px #26395912;overflow:hidden}.visitor-pet{align-self:stretch;min-height:430px;background-color:#def4fa;background-image:url(/game/characters.png);background-size:300% 200%;background-position:100% 100%;background-repeat:no-repeat}.visitor-copy{padding:clamp(25px,5vw,64px)}.eyebrow{color:#275da5;font-weight:800;font-size:13px;letter-spacing:.12em}.visitor-copy h1{margin:12px 0 18px;font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-.05em}.visitor-copy p{font-size:18px;line-height:1.55;color:#596478;max-width:36ch}.sign-in-button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;margin-top:22px;padding:14px 23px;border-radius:10px;background:#2167df;color:white;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 4px 0 #174ca7}.sign-in-button:hover{background:#185ac8}.account-actions a:focus-visible,.load-error a:focus-visible,.sign-in-button:focus-visible{outline:3px solid #f5c752;outline-offset:3px}.visitor-copy .privacy-note{margin-top:21px;font-size:14px}.signed-in-page{min-height:100vh;background:#f5f7fb}.account-bar{justify-content:space-between;padding:13px clamp(16px,4vw,52px);background:#fff;border-bottom:1px solid #dce2eb}.account-actions,.account-bar{display:flex;align-items:center;gap:20px}.account-actions{color:#596478;font-size:14px}.account-actions a{color:#2167df;font-weight:700;text-decoration:none}.owner-code-form{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.owner-code-form label{font-weight:700;color:#202633}.owner-code-form input{width:142px;min-height:38px;padding:7px 9px;border:1px solid #b9c7d9;border-radius:8px;background:white;color:#202633;font:inherit}.owner-code-form button{min-height:38px;padding:7px 12px;border:0;border-radius:8px;background:#2167df;color:white;font:inherit;font-weight:700;cursor:pointer}.owner-code-form button:disabled{opacity:.6;cursor:wait}.owner-code-form button:focus-visible,.owner-code-form input:focus-visible{outline:3px solid #f5c752;outline-offset:2px}.owner-code-status{flex-basis:100%;color:#a33636;font-size:13px}.owner-active{min-height:38px;padding:6px 10px;background:#fff4c8;color:#493800}.owner-active,.owner-recognized{display:inline-flex;align-items:center;border-radius:8px;font-weight:700}.owner-recognized{min-height:36px;padding:5px 9px;background:#e8f5ed;color:#145c34}.pet-welcome{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);max-width:1370px;margin:14px auto;background:#fff;border:1px solid #dce2eb;border-radius:14px;padding:8px 14px}.welcome-pet{flex:none;width:64px;height:64px;background-image:url(/game/characters.png);background-size:300% 200%;background-repeat:no-repeat}.pet-Rainbow{background-position:0 100%}.pet-Hammy{background-position:50% 100%}.pet-Wheel{background-position:100% 100%}.pet-Camera,.pet-Monkey,.pet-Sparkle{background-size:contain;background-position:50%;background-repeat:no-repeat}.pet-Camera{background-image:url(/game/pets/camera.svg)}.pet-Sparkle{background-image:url(/game/pets/sparkle.svg)}.pet-Monkey{background-image:url(/game/pets/monkey.svg)}.pet-welcome p{display:flex;flex-wrap:wrap;gap:5px 13px;margin:0;font-size:16px}.pet-welcome span{color:#596478}.island-frame{display:block;width:100%;height:calc(100vh - 180px);min-height:740px;border:0;background:#f5f7fb}.load-error{max-width:540px;margin:18vh auto;padding:28px;background:white;border:1px solid #dce2eb;border-radius:16px}@media(max-width:680px){.visitor-page{padding:17px}.visitor-card{margin-top:26px;grid-template-columns:1fr}.visitor-pet{min-height:270px;max-height:270px}.visitor-copy{padding:26px}.visitor-copy h1{font-size:42px}.account-bar{align-items:flex-start}.account-brand{font-size:17px}.account-actions{flex-direction:column;align-items:flex-end;gap:7px;max-width:45%;word-break:break-word;text-align:right}.pet-welcome{margin:9px auto}.island-frame{height:calc(100vh - 180px);min-height:720px}.owner-code-form{justify-content:flex-end}.owner-code-form label{flex-basis:100%}.owner-code-form input{width:120px}}.landing-page{min-height:100vh;background:#f6faf8;color:#173f41;font-family:Arial,Helvetica,sans-serif}.landing-nav{height:88px;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:0 clamp(20px,4vw,64px)}.landing-brand,.landing-nav{display:flex;align-items:center}.landing-brand{gap:11px;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.035em}.landing-nav-link{font-size:15px;font-weight:700;text-decoration:none;color:#176c72;border:1px solid #a9cfc8;background:white;border-radius:999px;padding:11px 18px}.landing-nav-link:hover{background:#e5f6ee}.landing-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;grid-gap:clamp(22px,4vw,64px);gap:clamp(22px,4vw,64px);max-width:1440px;margin:auto;padding:30px clamp(20px,4vw,64px) 85px;min-height:650px}.landing-copy{max-width:620px;position:relative;z-index:1}.sign-in-error{padding:12px 16px;border:1px solid #bd5b5b;border-radius:10px;background:#fff0f0;color:#842525!important;font-weight:700}.landing-eyebrow{display:block;color:#177b75;font-size:13px;font-weight:800;letter-spacing:.13em}.landing-copy h1{font-size:clamp(42px,5.2vw,76px);line-height:1.04;letter-spacing:-.06em;margin:18px 0 22px;color:#193c3f}.landing-copy p{font-size:clamp(17px,1.45vw,20px);line-height:1.58;color:#4d6668;max-width:550px;margin:0 0 30px}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:15px 23px;border-radius:16px;background:#2167df;color:white;text-decoration:none;font-size:17px;font-weight:800;box-shadow:0 5px 0 #144cab;transition:transform .15s ease,background .15s ease}.landing-cta:hover{background:#1959c8;transform:translateY(-2px)}.landing-cta:active{transform:translateY(3px);box-shadow:0 2px 0 #144cab}.landing-brand:focus-visible,.landing-cta:focus-visible,.landing-nav-link:focus-visible{outline:3px solid #f5c752;outline-offset:4px}.landing-free{display:block;margin-top:22px;color:#4d6668;font-size:14px}.landing-hero-art{height:clamp(440px,42vw,580px);position:relative}.landing-island-peek{position:absolute;inset:0 0 35px 35px;border-radius:40px;background:#75c8d7 url(/game/island.png) 50%/cover no-repeat;box-shadow:0 28px 60px #234d5050}.landing-wheel-card{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #d4e9e6;border-radius:24px;padding:10px 22px 10px 8px;box-shadow:0 15px 40px #183e4140;max-width:320px}.landing-wheel{flex:none;width:115px;height:118px;background-image:url(/game/characters.png);background-size:300% 200%;background-position:100% 100%;background-repeat:no-repeat}.landing-wheel-speech{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.35;color:#456064}.landing-wheel-speech strong{font-size:18px;color:#173f41}.landing-story{background:#e6f5ef;padding:80px clamp(20px,4vw,64px) 90px}.landing-steps,.landing-story-heading{max-width:1312px;margin:auto}.landing-story-heading h2{font-size:clamp(31px,3.2vw,48px);line-height:1.12;letter-spacing:-.045em;max-width:640px;margin:14px 0 38px}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.landing-steps article{background:#fff;border:1px solid #c9e2d8;border-radius:22px;padding:28px;min-height:225px;box-shadow:0 8px 20px #1f675010}.step-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#dff0ff;color:#215fbd;font-size:14px;font-weight:800}.landing-steps h3{font-size:23px;margin:22px 0 10px;letter-spacing:-.03em}.landing-steps p{color:#4d6668;font-size:16px;line-height:1.55;margin:0}.landing-close{max-width:1312px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:92px clamp(20px,4vw,64px)}.landing-close h2{font-size:clamp(32px,3.5vw,50px);line-height:1.12;letter-spacing:-.045em;margin:12px 0}.landing-close p{color:#4d6668;font-size:17px;line-height:1.5;margin:0}.landing-close .landing-cta{flex:none}.landing-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,4vw,64px);border-top:1px solid #d2e6df;color:#587174;font-size:14px;max-width:1440px;margin:auto}@media(max-width:850px){.landing-hero{grid-template-columns:1fr;padding-top:28px;min-height:0}.landing-copy{max-width:680px}.landing-hero-art{height:460px}.landing-steps{grid-template-columns:1fr}.landing-steps article{min-height:0}.landing-close{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.landing-nav{height:72px}.landing-brand{font-size:18px}.landing-hero{padding-bottom:55px}.landing-copy h1{font-size:clamp(39px,10vw,54px)}.landing-hero-art{height:340px}.landing-island-peek{left:14px;bottom:20px;border-radius:24px}.landing-wheel-card{max-width:240px;padding:6px 12px 6px 5px;border-radius:17px}.landing-wheel{width:85px;height:90px}.landing-wheel-speech{font-size:12px}.landing-wheel-speech strong{font-size:15px}.landing-story{padding-top:60px;padding-bottom:65px}.landing-close{padding-top:65px;padding-bottom:65px}.landing-footer{flex-direction:column}}