:root{font-family:"DM Sans","Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;color:#13313b;background:#f0f6fb;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible+span{outline:3px solid #ffb74d;outline-offset:3px}.hidden{display:none!important}.wrap{width:min(100% - 36px,960px);margin:auto}.topbar{background:#102d38;color:#fff;border-bottom:1px solid #38525b}.topbar-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:1.3rem;font-weight:800;letter-spacing:-.06em}.brand-dot{color:#9be378}.event{font-size:.74rem;letter-spacing:.05em;color:#bed0d2;font-weight:700}.eyebrow{margin:0 0 17px;color:#1267a6;font-size:.76rem;font-weight:900;letter-spacing:.12em}.hero{background:#102d38;color:#fff;margin:0 calc(50% - 50vw);padding:0 max(18px,calc((100vw - 960px)/2));overflow:hidden}.hero-main{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;min-height:600px;padding:70px 0 74px}.hero-copy{position:relative;z-index:1}.hero .eyebrow{color:#91dfff}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(2.55rem,5.2vw,4.85rem);line-height:1.18;letter-spacing:-.055em;margin:0 0 25px;font-weight:900}h1 em{font-style:normal;color:#91dfff}.lead{font-size:1.02rem;line-height:1.95;color:#d5e3e2;max-width:35em;margin:0}.badges{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.badges span{border:1px solid #56717a;background:#1b404b;border-radius:100px;padding:8px 12px;color:#d9f0e4;font-size:.76rem;font-weight:700}.primary,.secondary{border-radius:12px;min-height:54px;padding:13px 21px;font-weight:800;transition:transform .15s,background .15s}.primary{border:0;background:#86d8ff;color:#07385d;box-shadow:0 8px 24px #05201a2b}.primary:hover:not(:disabled){background:#b3eaff;transform:translateY(-2px)}.primary:disabled{background:#b4bfbb;color:#485c58;box-shadow:none;cursor:not-allowed}.secondary{border:1px solid #b5cac5;background:#fff;color:#1b4b4a}.secondary:hover{background:#eff7f2}.hero .primary{font-size:1rem;min-width:275px}.fine{font-size:.76rem;line-height:1.7;color:#697e81}.hero .fine{color:#a8c4c4;margin-top:17px;max-width:32em}.hero-visual{aspect-ratio:1/1.1;max-height:430px;border:1px solid #577c7c;border-radius:27px;background:radial-gradient(circle at 65% 28%,#236774 0,#174653 37%,#102f3b 74%);position:relative;padding:29px;box-shadow:25px 26px 0 #1d4247}.visual-label{font-size:.72rem;letter-spacing:.14em;color:#a4dcc7;font-weight:800}.visual-line{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;left:16px;right:16px;top:42%;font-size:.74rem;white-space:nowrap}.visual-line span,.visual-line strong{padding:12px 9px;border:1px solid #85b9ae;border-radius:7px;background:#1c5760}.visual-line strong{background:#86d8ff;color:#07385d}.visual-line b{color:#91dfff}.visual-circles{position:absolute;left:45px;bottom:70px;display:flex;gap:8px}.visual-circles i{width:12px;height:12px;border-radius:50%;background:#91dfff}.visual-circles i:nth-child(2){opacity:.6}.visual-circles i:nth-child(3){opacity:.3}.hero-visual p{position:absolute;right:28px;bottom:32px;font-size:.77rem;color:#bfdcdb}.intro-info{padding:74px 0 85px}.intro-info h2{font-size:clamp(1.6rem,3vw,2.15rem);letter-spacing:-.04em;margin:0 0 27px}.intro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.intro-cards>div{padding:23px;border:1px solid #d9e5df;border-radius:15px;background:#fff}.intro-cards span{color:#13846d;font-size:.85rem;font-weight:900}.intro-cards h3{margin:17px 0 10px;font-size:1.08rem}.intro-cards p{margin:0;color:#60777b;line-height:1.8;font-size:.85rem}.panel{max-width:720px;background:#fff;border:1px solid #d9e5df;border-radius:20px;box-shadow:0 18px 40px #163e3420;padding:clamp(22px,5vw,40px);margin:38px auto 72px}.progress-head{display:flex;justify-content:space-between;gap:12px;color:#608078;font-size:.78rem;font-weight:800}.progress-track{height:7px;background:#e3ede7;border-radius:10px;margin:13px 0 35px;overflow:hidden}#progress-fill{height:100%;background:#167cc1;transition:width .2s}.panel h2{font-size:clamp(1.45rem,4vw,2rem);line-height:1.5;letter-spacing:-.035em;margin:0 0 8px}.help{color:#6d8384;font-size:.88rem;margin:0 0 25px}.choices{display:grid;gap:11px}.choice{display:block;position:relative}.choice input{position:absolute;opacity:0}.choice span{display:flex;align-items:center;min-height:59px;padding:13px 18px;border:1.5px solid #d7e3dc;border-radius:11px;background:#fbfcfa;color:#294750;font-weight:700;line-height:1.5}.choice span:before{content:"";width:18px;height:18px;border:1.5px solid #9cb8b2;border-radius:50%;margin-right:13px;flex:none}.choice input:checked+span{border-color:#167cc1;background:#e8f5ff;color:#125780}.choice input:checked+span:before{background:#167cc1;box-shadow:inset 0 0 0 4px #e8f5ff}.actions{display:flex;justify-content:space-between;gap:10px;margin-top:30px}.actions .primary{margin-left:auto}.report{margin:42px auto 17px;max-width:780px;background:#fff;border:1px solid #d5e1da;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px #133a3520}.report-banner{background:#103440;color:#fff;padding:32px clamp(22px,5vw,43px);display:flex;align-items:center;justify-content:space-between;gap:15px}.report-kicker{margin:0 0 15px;color:#86d8ff;letter-spacing:.12em;font-size:.72rem;font-weight:900}.report-banner h2{font-size:clamp(1.8rem,4.6vw,2.6rem);letter-spacing:-.045em;line-height:1.35;margin:0}.report-mark{display:grid;place-content:center;text-align:center;border:2px solid #9fdbad;border-radius:50%;width:71px;height:71px;flex:none;color:#bbefb0;font-size:.75rem;line-height:1.4;font-weight:800}.report-content{padding:0 clamp(22px,5vw,43px) 28px}.report-intro{color:#577176;font-size:.87rem;line-height:1.75;margin:0;padding:23px 0}.report-section{border-top:1px solid #dce8e1;padding:22px 0 25px}.report-section.highlight{margin:0 -14px;padding:24px 14px;border-radius:12px;background:#eaf5ff;border-top:0}.section-num{color:#1267a6;font-size:.73rem;font-weight:900;letter-spacing:.08em;margin:0 0 12px}.report-section h3{font-size:1.15rem;line-height:1.5;margin:0 0 13px}.report-section>p:not(.section-num){line-height:1.85;margin:0 0 10px;color:#35555b;font-size:.91rem}.report-section dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 23px;margin:0}.report-section dt{color:#78918d;font-size:.72rem;font-weight:800;margin-top:9px}.report-section dd{margin:0;font-size:.91rem;font-weight:700}.report-caution{margin-top:13px!important;background:#f3f6f4;padding:13px;border-radius:8px;color:#60757a!important;font-size:.79rem!important}.report-disclaimer{border-top:1px solid #dce8e1;padding-top:17px;color:#788c8c;font-size:.72rem;line-height:1.75;margin:0}.share-panel{max-width:780px;background:#153b42;color:#fff;border-radius:18px;padding:clamp(24px,5vw,40px);margin:0 auto 18px}.share-panel .eyebrow{color:#86d8ff}.share-panel h3{font-size:clamp(1.45rem,4vw,2rem);line-height:1.5;letter-spacing:-.04em;margin:0 0 13px}.share-panel>p:not(.eyebrow):not(.fine){color:#d4e7e3;line-height:1.9;font-size:.9rem;max-width:38em}.consult-benefits{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0}.consult-benefits span{border:1px solid #55787b;border-radius:100px;padding:7px 11px;font-size:.72rem;color:#d4eee5}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.share-panel .fine{color:#b1c9c8;margin-bottom:0}.result-actions{max-width:780px;margin:0 auto 45px;text-align:center}footer{border-top:1px solid #d8e5dc;padding:19px 0 28px;color:#718583;font-size:.73rem;line-height:1.65}@media(max-width:700px){.hero-main{grid-template-columns:1fr;gap:20px;padding:56px 0 68px;min-height:0}.hero-visual{display:none}.intro-info{padding:52px 0 62px}.intro-cards{grid-template-columns:1fr}.intro-cards>div{padding:17px 20px}.intro-cards h3{margin:6px 0}.hero h1{font-size:clamp(2.5rem,9vw,4.1rem)}}@media(max-width:480px){.event{font-size:.65rem}.wrap{width:min(100% - 30px,960px)}.hero{padding-left:15px;padding-right:15px}.report-section dl{grid-template-columns:1fr}.share-actions button{width:100%}.hero .primary{width:100%;min-width:0}.progress-head span:last-child{display:none}.actions button{padding-inline:14px}}

/* Ocean palette and mobile interactions */
.hero{background:radial-gradient(ellipse at 85% 100%,#125a89 0,transparent 55%),#082b49}.topbar,.report-banner{background:#082b49}.hero .eyebrow,.share-panel .eyebrow{color:#9bdefc}.hero h1 em{color:#8edbff}.share-panel{background:#103e62}.hero-visual{background:radial-gradient(circle at 65% 28%,#237fb0,#113d64 65%);box-shadow:20px 25px 0 #194c6a}.visual-line strong{background:#8edbff}.report-mark{border-color:#8edbff;color:#8edbff}.report-kicker{color:#8edbff}.quest-label{color:#1267a6;font-size:.8rem;font-weight:800;letter-spacing:.08em}.progress-track{height:10px}.progress-track>div{position:relative;border-radius:9px;background:linear-gradient(90deg,#1373bc,#56c8fa)!important}.choice span{transition:transform .18s,box-shadow .18s,background .18s}.choice input:checked+span{transform:translateX(3px);box-shadow:0 4px 0 #badbf3}.choice:active span{transform:scale(.98)}.step-enter{animation:stepIn .3s ease both}.report{animation:stepIn .45s ease both}.visual-circles{animation:bob 3s ease-in-out infinite}.company-label{display:block;font-weight:700;margin:22px 0 8px}.company-label span{font-size:.75rem;font-weight:400;margin-left:8px}#company{width:100%;font:inherit;font-size:16px;padding:15px;border:1px solid #a8cce3;border-radius:10px;background:#fff;color:#13313b}details{margin:18px 0}summary{cursor:pointer;font-weight:700;font-size:.88rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.8rem;line-height:1.8;background:#fff;color:#203d50;padding:16px;border-radius:10px;max-height:320px;overflow:auto}.secondary:disabled{opacity:.55;cursor:not-allowed}.choices{padding-right:4px}#insight{font-weight:600}.report-section dl{display:block}.report-section dt{margin-top:13px}.report-section dd{margin:4px 0 0}@keyframes stepIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{50%{transform:translateY(-7px)}}@media(max-width:700px){.panel{margin-top:20px;padding:22px 18px}.choice span{min-height:60px}.actions{position:sticky;bottom:0;background:#fff;padding:15px 0 max(15px,env(safe-area-inset-bottom));margin-top:20px}.hero-main{padding-top:42px}.hero h1{font-size:clamp(2.25rem,8.6vw,3.8rem)}.share-actions button{width:100%}.report{margin-top:22px}.hero-visual{display:block;aspect-ratio:auto;height:140px;max-width:100%;box-shadow:none;padding:16px}.visual-line{top:48px}.visual-label{font-size:.62rem}.hero-visual p{bottom:4px;right:16px}.visual-circles{left:18px;bottom:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Unified ocean theme: ink, azure, ice and pearl. */
:root{background:#f1f7fd;color:#102c4e}.topbar{background:#071e3d;border-color:#244365}.hero{background:radial-gradient(ellipse at 90% 90%,#175d95,transparent 55%),#071e3d}.brand-dot,.eyebrow,.intro-cards span,.section-num{color:#2375b5}.brand-dot{color:#90d9ff}.hero h1 em{color:#b2e5ff}.hero .eyebrow{color:#b2e5ff}.badges span{background:#163657;border-color:#456383;color:#e1f1ff}.primary{background:#a7ddff;color:#092949;box-shadow:0 6px 0 #0a345b22,0 12px 26px #0a345b12}.primary:hover:not(:disabled){background:#c2eaff}.secondary{border-color:#a8c5df;color:#174c78}.secondary:hover{background:#eaf5ff}.choice span{background:#fafcff;border-color:#cbdceb;color:#193e61}.choice span:before{border-color:#9cb9d1}.choice input:checked+span{background:#e6f4ff;border-color:#167cc1;color:#123f68}.choice input:checked+span:before{background:#167cc1;box-shadow:inset 0 0 0 4px #e6f4ff}.progress-track{background:#e0ecf7}.report-section.highlight{background:#eaf5ff}.report-caution{background:#f0f5fa;color:#49617a!important}.report-section>p:not(.section-num){color:#304e6c}.report-banner,.share-panel{background:#0c2d50}.consult-benefits span{color:#e1f1ff;border-color:#527399}.hero-visual{border-color:#527399}.visual-line span{background:#153f65;border-color:#648bad}.visual-line strong{background:#b2e5ff;color:#092949}.visual-line b,.visual-label{color:#c2eaff}.visual-circles i{background:#a7ddff}.hero-visual p{color:#d0e7fc}.intro-cards>div,.panel,.report{border-color:#d1e0ee}.sound-toggle{border:1px solid #7291b2;border-radius:100px;color:#eef7ff;background:#173c62;padding:9px 12px;font:inherit;font-size:.72rem;white-space:nowrap;min-height:44px}.company-label span{color:#c4eaff}.input-error{color:#ffcbcf;font-size:.85rem}.consent-label{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.7;margin:20px 0}.consent-label input{margin-top:5px;min-width:20px;height:20px;accent-color:#5aa9e1}.share-panel textarea{width:100%;height:230px;margin-top:16px;padding:15px;font:inherit;font-size:16px;border-radius:10px}.treasure-stage{text-align:center;padding:55px 10px 75px;min-height:75vh}.treasure-stage h2{font-size:clamp(2rem,7vw,3.2rem);line-height:1.35;letter-spacing:-.04em}.treasure-stage>p{color:#49617a;line-height:1.8}.chest-art{position:relative;width:240px;height:220px;margin:12px auto 22px;perspective:600px}.chest-base{position:absolute;left:40px;top:105px;width:160px;height:91px;background:linear-gradient(135deg,#2786ca,#11426f);border:4px solid #b5deff;border-radius:8px 8px 20px 20px;box-shadow:0 15px 28px #235c822b;display:grid;place-items:center}.chest-base span{color:#f7df9e;font-size:35px}.chest-lid{position:absolute;z-index:2;left:40px;top:56px;width:160px;height:55px;background:linear-gradient(#77c5ff,#216eaa);border:4px solid #cbe9ff;border-radius:32px 32px 6px 6px;transform-origin:center bottom;transition:transform .65s ease}.treasure-rays{position:absolute;inset:5px;background:radial-gradient(circle,#fff1ae,transparent 65%);opacity:0;transition:opacity .5s,transform .6s}.spark{position:absolute;font-style:normal;color:#2674b8;font-size:30px;opacity:.7}.s1{left:10px;top:40px}.s2{right:5px;top:85px}.s3{right:50px;top:5px}.opened .chest-lid{transform:rotateX(-120deg) translateY(-10px)}.opened .treasure-rays{opacity:1;transform:scale(1.5)}.opened .spark{animation:sparkle .8s ease both}@keyframes sparkle{50%{transform:translateY(-35px) scale(1.5);opacity:1}100%{opacity:0}}@media(max-width:500px){.topbar-inner{gap:8px}.event{font-size:.58rem}.brand{font-size:1.1rem}.sound-toggle{padding:8px}.treasure-stage{padding-top:38px}}@media(prefers-reduced-motion:reduce){.chest-lid,.treasure-rays{transition:none}.spark{animation:none!important}}

/* Compact game start and concise reward card */
.game-home{min-height:calc(100svh - 65px);max-width:440px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0 16px;gap:13px}.game-tag{font-size:.72rem;color:#2c70a7;font-weight:800;letter-spacing:.08em;margin:0}.game-home h1{font-size:clamp(1.9rem,7.5vw,2.7rem);margin:0;line-height:1.3;color:#0e3155}.game-home h1 em{color:#147bc3}.game-intro{font-size:.94rem;line-height:1.7;margin:0;color:#385e80}.game-small{font-size:.7rem;line-height:1.6;color:#5e7893;margin:0}.game-start{width:min(100%,340px);min-height:58px;font-size:1.05rem;background:#176cb7;color:white;box-shadow:0 5px 0 #0b437b}.game-start:hover:not(:disabled){background:#2381cf}.game-island{width:190px;height:130px;position:relative;flex-shrink:0}.sea-ring{position:absolute;border:1px solid #a7d6f7;background:#d9efff;border-radius:50%;width:170px;height:65px;bottom:2px;left:10px}.ring-two{width:125px;height:43px;left:33px;bottom:13px;background:#bce3ff}.game-boat{position:absolute;left:58px;top:7px;width:76px;height:86px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(140deg,#fff,#d3eaff);box-shadow:0 9px 0 #9ec8e8,0 17px 25px #2a68952b;color:#2371ad;font-size:43px;animation:bob 3s ease-in-out infinite}.island-spark{position:absolute;right:17px;top:9px;color:#f3b444;font-size:27px}.island-fish{position:absolute;left:5px;top:65px;color:#1d80bf;font-size:35px}.intro-info{display:none}.compact-result{max-width:560px;padding:24px;text-align:center;border-radius:24px}.result-medal{margin:0 auto 15px;background:#e7f4ff;width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:#227bb8;font-size:30px}.compact-result h2{font-size:clamp(1.5rem,5.5vw,2rem);line-height:1.4;margin:12px 0}.result-benefit{font-size:.94rem;line-height:1.8;color:#385975;margin:12px 0 20px}.solution-box{padding:18px;background:#edf7ff;border-radius:16px;text-align:left}.solution-box span{font-size:.72rem;font-weight:800;color:#2176b5}.solution-box p{font-size:.98rem;line-height:1.85;font-weight:700;margin:9px 0 0;color:#163e64}.human-check{font-size:.78rem;color:#536d85;line-height:1.7;margin:15px 0}.result-note{font-size:.7rem;color:#718496;line-height:1.5;margin:0}.consult-main{display:block;width:100%;max-width:560px;margin:18px auto;background:#176cb7;color:white}.consult-main:hover:not(:disabled){background:#2381cf}.compact-footer{font-size:.65rem}.compact-footer p{margin:4px 0}.share-panel{max-width:560px}.consult-benefits{display:none}.result-actions{padding-top:10px;margin-bottom:20px}@media(max-height:680px){.game-home{gap:9px;padding-top:10px}.game-island{height:105px;transform:scale(.85);margin:-5px 0}.game-home h1{font-size:1.9rem}.game-home{min-height:calc(100svh - 65px)}}

/* Fit the opening screen, including its header and footer, within the viewport. */
body:has(#intro:not(.hidden)){height:100svh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body:has(#intro:not(.hidden)) .topbar{flex-shrink:0}
body:has(#intro:not(.hidden)) main{flex:1;min-height:0;display:flex}
body:has(#intro:not(.hidden)) .game-home{height:100%;min-height:0;width:100%;padding:10px 0;gap:clamp(6px,1.6dvh,13px)}
body:has(#intro:not(.hidden)) footer{flex-shrink:0;padding:8px 0;font-size:.6rem}
.quest-label{display:flex;align-items:center;gap:10px;white-space:nowrap;margin:0;font-size:.85rem}
@media(max-height:740px){body:has(#intro:not(.hidden)) .game-island{height:95px;transform:scale(.75);margin:-8px 0}body:has(#intro:not(.hidden)) h1{font-size:1.8rem}body:has(#intro:not(.hidden)) .game-intro{font-size:.85rem}}
@media(max-height:580px){body:has(#intro:not(.hidden)) .game-island{display:none}body:has(#intro:not(.hidden)) .topbar-inner{min-height:48px}body:has(#intro:not(.hidden)) .game-home{gap:6px}body:has(#intro:not(.hidden)) .game-start{min-height:46px}body:has(#intro:not(.hidden)) h1{font-size:1.5rem}}
@media(max-height:420px){body:has(#intro:not(.hidden)){height:auto;min-height:100dvh;overflow:auto}body:has(#intro:not(.hidden)) .game-home{padding:16px 0}}

#consent-dialog{width:min(440px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #cbdceb;border-radius:22px;padding:26px;color:#163e64;background:#f7fbff;box-shadow:0 24px 80px #071e3d55}#consent-dialog::backdrop{background:#071e3da6}#consent-dialog h2{font-size:1.25rem;margin:0 0 16px}#consent-dialog p{line-height:1.8}.dialog-actions{display:flex;gap:12px;margin-top:24px}.dialog-actions button{flex:1}#email-result{width:100%}

/* Diagnosis result: character art and readable sentence spacing */
.compact-result{max-width:660px;padding:clamp(20px,5vw,34px);text-align:left;background:linear-gradient(160deg,#fff 0%,#f7fbff 100%)}
.compact-result>.game-tag{text-align:center;color:#236ca8}
.result-hero{display:grid;grid-template-columns:minmax(130px,40%) 1fr;gap:clamp(12px,3vw,24px);align-items:center;margin:14px 0 20px}
.character-frame{display:grid;place-items:center;min-height:190px;aspect-ratio:1;background:radial-gradient(circle at 50% 58%,#e4f4ff 0%,#f4faff 53%,transparent 72%);border-radius:30px}
.result-character{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(0 13px 12px #315c872b);animation:character-appear .6s ease-out both}
.result-heading h2{font-size:clamp(1.45rem,4vw,2rem);margin:0 0 10px;color:#0b3158;line-height:1.4}
.result-benefit,.solution-box p,.human-check,.result-note{white-space:pre-line;overflow-wrap:anywhere}
.result-benefit{margin:0;font-size:.94rem;line-height:1.8}
.solution-box{padding:18px 20px;border:1px solid #d5eaff;background:#edf7ff}
.solution-box p{line-height:1.8}.human-check{padding:0 3px;line-height:1.8}.result-note{text-align:center;margin-top:18px}
@keyframes character-appear{from{opacity:0;transform:translateY(15px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:540px){.compact-result{padding:20px}.result-hero{grid-template-columns:1fr;gap:4px;text-align:center;margin-top:8px}.character-frame{width:min(60vw,218px);min-height:0;margin:auto}.result-character{max-height:218px}.result-heading h2{font-size:1.55rem}.result-benefit{font-size:.9rem;text-align:left}.solution-box{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.result-character{animation:none}}

/* Character collection: staggered reveal with a restrained floating motion. */
.crew-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:min(100%,460px);margin:0 auto;isolation:isolate;flex-shrink:1;min-height:0}
.crew-member{position:relative;min-width:0;animation:crew-reveal .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*55ms)}
.crew-member img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 7px 7px #1d5f8926);animation:crew-float 4s ease-in-out infinite;animation-delay:calc(var(--i)*-.29s);transition:filter .2s}
.crew-member:hover img{filter:drop-shadow(0 7px 10px #33a4db66)}
@keyframes crew-reveal{from{opacity:0;transform:translateY(20px) scale(.75)}to{opacity:1;transform:none}}
@keyframes crew-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.game-home{max-width:480px;gap:10px}.game-home h1{font-size:clamp(1.75rem,7vw,2.6rem)}
.solution-box{text-align:center}.solution-box>span{display:block;font-size:.8rem}.solution-steps{list-style:none;margin:14px 0 0;padding:0;counter-reset:flow;display:grid;gap:27px;text-align:center}
.solution-steps li{counter-increment:flow;position:relative;background:#fff;border:1px solid #d4e7f7;border-radius:12px;padding:13px 16px;color:#163e64;font-size:.95rem;line-height:1.65;font-weight:700;white-space:pre-line}
.solution-steps li+li:before{content:'↓';position:absolute;left:50%;top:-28px;transform:translateX(-50%);color:#548ab7;line-height:26px;font-size:20px;font-weight:400}
#result p,#consent-dialog p{white-space:pre-line}.share-panel h3{line-height:1.6;font-size:clamp(1.3rem,5vw,1.65rem);text-wrap:pretty}.human-check{font-size:.82rem;line-height:1.9}
/* Pearl, navy and brushed-gold treasure with depth and an opening light. */
.chest-art{width:280px;height:250px;perspective:850px;margin:20px auto 30px;transform-style:preserve-3d}
.chest-base{left:45px;top:125px;width:190px;height:102px;border:2px solid #e8ce87;border-radius:8px 8px 22px 22px;background:linear-gradient(90deg,#edce83 0 7px,transparent 7px 31px,#d0a353 31px 38px,transparent 38px 150px,#d0a353 150px 157px,transparent 157px 181px,#edce83 181px),linear-gradient(145deg,#295478,#102e52 55%,#081a35);box-shadow:inset 0 3px 0 #fff8d1,inset 0 -9px 18px #020b1f88,0 20px 30px #15335c40}
.chest-lid{left:45px;top:59px;width:190px;height:72px;z-index:3;border:2px solid #ffecb6;border-bottom:6px solid #d9b568;border-radius:42px 42px 7px 7px;background:linear-gradient(90deg,#d8b16b 0 7px,transparent 7px 31px,#efcf80 31px 38px,transparent 38px 150px,#efcf80 150px 157px,transparent 157px 181px,#d8b16b 181px),linear-gradient(175deg,#83b6d7,#315b82 35%,#142c50);box-shadow:inset 0 7px 10px #edfaff66,0 4px 8px #020c2555;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.chest-base .chest-lock{width:30px;height:39px;border:2px solid #fff0ba;border-radius:8px;background:linear-gradient(135deg,#ffe6a1,#b98333);box-shadow:0 3px 6px #0007;position:relative;align-self:start;margin-top:-8px;z-index:4}.chest-lock:after{content:'';position:absolute;left:10px;top:10px;width:7px;height:15px;border-radius:6px;background:#253957}
.chest-halo{position:absolute;inset:20px;border:1px solid #a4d7ee88;border-radius:50%;transform:rotateX(65deg);pointer-events:none;box-shadow:0 0 45px #8ddafa33}
.chest-floor{position:absolute;bottom:2px;left:28px;width:225px;height:20px;background:radial-gradient(ellipse,#163b6b44,transparent 70%);z-index:-1}.treasure-rays{inset:-30px;background:conic-gradient(from 0deg,transparent,#fff0b899,transparent,#b4eaff99,transparent,#fff0b899,transparent);filter:blur(7px);border-radius:50%}.opened .chest-lid{transform:rotateX(-115deg) translateY(-8px)}.opened .treasure-rays{opacity:1;transform:scale(1.35)}
@media(max-height:740px){.game-home{gap:7px}.crew-gallery{width:min(100%,340px)}.game-intro{font-size:.85rem}.game-home h1{font-size:1.85rem}}
@media(max-height:590px){.crew-gallery{width:265px}.game-home{gap:4px}.game-home h1{font-size:1.5rem}.game-home .game-start{min-height:44px}.game-intro{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.crew-member,.crew-member img{animation:none}.chest-lid{transition:none}}

.brand{display:flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:132px;height:38px;object-fit:contain}@media(max-width:500px){.brand-logo{width:108px;height:32px}}