/* Approved compact home presentation. */
.home-design{--surface:#12283b;--edge:#344c60;--copy:#b8cbd8;--gold:#f2ce66}
html .game-page.lobby-active:has(.home-design) .arcade{max-width:1180px;padding:24px 28px calc(var(--lobby-nav-clearance,0px) + 22px)}
html .game-page.lobby-active:has(.home-design) #overlay{overflow:visible}
html .game-page .lobby.home-design #home-identity{padding:0;margin-bottom:20px;min-height:48px;align-items:center}
.home-design .lobby-nav{margin-bottom:22px}
.home-design .lobby-panel[data-lobby-panel=play]{display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:'hero prep' 'hero daily' 'shortcuts shortcuts' 'guide guide';gap:18px;align-items:start}
.home-design #challenge-invite{grid-column:1/-1}.home-design .lobby-play-controls{display:contents}
html .game-page .lobby.home-design .home-hero{grid-area:hero;height:100%;min-height:0;margin:0;border-radius:22px;border:1px solid #40566a;background:linear-gradient(90deg,#061629cc 0%,#08182755 48%,#08182700),url('/home-harbor.png') center/cover;box-shadow:inset 0 1px #d7eaff16}
html .game-page .lobby.home-design .home-title{left:26px;top:50%;transform:translateY(-50%);max-width:58%}
html .game-page .lobby.home-design .home-title h1{font-size:64px;line-height:.95;letter-spacing:-.5px;margin:14px 0 0}
html .game-page .lobby.home-design .home-kicker{font:700 10px/1.4 'DM Sans',sans-serif;letter-spacing:1.5px}
html .game-page .lobby.home-design .home-hero .portrait{width:255px;height:313px;right:-12px;bottom:-10px;z-index:1}
.flight-prep{grid-area:prep;box-sizing:border-box;background:#152e41;border:0;border-radius:20px;padding:12px}
.home-design .lobby-mode{display:block;padding:0;margin:0 0 8px}.mode-source{display:none!important}
.home-design #lobby-change-course{width:100%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 12px;align-items:center;gap:8px;min-height:64px;padding:9px 10px 13px;background:transparent;border:0;border-radius:10px;text-align:left;color:#e8f0f5;font-family:'DM Sans',sans-serif;box-shadow:none}
.home-design #lobby-change-course:hover{background:#ffffff08}
/* A still ember halo belongs only to the selected hard passage emblem. */
.home-design .choice-art[data-emblem=emblem-hard]{position:relative;isolation:isolate}
.home-design .choice-art[data-emblem=emblem-hard]:before,.home-design .choice-art[data-emblem=emblem-hard]:after{content:'';position:absolute;pointer-events:none;z-index:-1}
.home-design .choice-art[data-emblem=emblem-hard]:before{inset:-3px;background:radial-gradient(ellipse at 50% 65%,#ffbe5270 12%,#ff761b65 43%,#ec47132b 62%,transparent 76%);filter:blur(2px)}
.home-design .choice-art[data-emblem=emblem-hard]:after{inset:-5px -2px -1px;background:linear-gradient(180deg,#ffe8a8e6 0%,#ffae42cc 35%,#ee5b1b99 72%,transparent);clip-path:polygon(9% 94%,0 55%,12% 65%,8% 26%,28% 46%,35% 0,47% 25%,61% 6%,67% 42%,91% 19%,84% 61%,100% 48%,93% 92%);opacity:.72}
.home-design .choice-art[data-emblem=emblem-hard] img{filter:drop-shadow(0 0 2px #ffad4a9c)}
.home-design .choice-cell{display:flex;align-items:center;gap:7px;min-width:0}.choice-art{display:block;flex:none;width:42px;height:42px}.choice-cell:nth-child(2) .choice-art{width:40px;height:42px}.choice-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.home-design .choice-cell small{display:block;font:400 12px/1.3 'DM Sans',sans-serif;letter-spacing:0;color:#a9c0d2;margin:0 0 4px}.home-design .choice-cell strong{display:block;font:700 15px/1.3 'DM Sans',sans-serif}.choice-edit{font-size:24px;color:#f2ce66}
html .game-page .start-card.lobby.home-design #start{width:100%;min-height:60px!important;height:auto;padding:15px 18px!important;border:1px solid #ffeba8;border-radius:14px;background:linear-gradient(130deg,#ffe38b,#efc453)!important;box-shadow:inset 0 1px #fff3c1,0 3px 0 #8b6b2b!important;letter-spacing:.3px;font:800 29px/1 'Barlow Condensed',sans-serif!important}
.home-design #start .lobby-play-arrow{font-size:18px}
.home-design .lobby-daily{grid-area:daily;padding:0;border:0;margin:0!important}
html .game-page .start-card.lobby.home-design #start-daily{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;min-height:110px!important;position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0!important;padding:14px 18px!important;border-radius:20px;border:1px solid #344c60;background:#081b32!important;color:#c4dce9;font-family:'DM Sans',sans-serif!important;letter-spacing:0;white-space:normal;text-align:left}
.home-design .entry-art{display:block;width:44px;height:42px;flex:none}.home-design .entry-art svg{display:block;width:100%;height:100%}
/* Decorative raster layers never take focus, pointer events or layout space. */
.home-design .menu-scene{position:absolute;inset:0;display:block;pointer-events:none;z-index:0;overflow:hidden;border-radius:inherit}
.home-design .menu-scene img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.home-design .menu-scene picture{display:block;width:100%;height:100%}
.home-design .daily-scene img{object-position:50% 30%}
.home-design .daily-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06152ce6,#06152c55 26%,#06152c00 60%);border-radius:inherit}
.home-design #start-daily>.entry-copy,.home-design #start-daily>.entry-action,.home-design .shortcut-heading,.home-design .goal-copy{position:relative;z-index:2}
.home-design #start-daily>.entry-copy{align-self:start}
.home-design #start-daily .entry-action{padding:2px 0 4px 10px;align-self:start}
.home-design .voyage-scene{top:18px}
.home-design .voyage-scene img{object-position:50% 65%}
.home-design .goals-scene{bottom:38px}
.home-design .goals-scene img{object-position:65% 40%}
.home-design .progress-goals-button .shortcut-heading{width:100%}
.home-design .progress-goals-button .shortcut-heading strong{padding-right:12px}
.home-design .entry-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.home-design #start-daily .entry-copy strong,.home-design .shortcut-heading strong,.home-design #home-flight-guide strong{font:700 19px/1.25 'DM Sans',sans-serif;letter-spacing:-.25px;color:#edf3f7;text-shadow:none;-webkit-text-stroke:0}
.home-design .entry-description{font:400 14px/1.45 'DM Sans',sans-serif!important;color:#b8cbd8;letter-spacing:0;white-space:normal}
.home-design .entry-action{font:700 14px/1.4 'DM Sans',sans-serif!important;color:#e8cb7d;white-space:nowrap}
.home-design .entry-chevron{font:400 25px/1 'DM Sans',sans-serif;color:#bbccd8;flex:none}
.home-design #daily-note{display:none!important}
.home-design .lobby-shortcuts{grid-area:shortcuts;display:grid;grid-template-columns:1fr 1fr;gap:18px}
html .game-page .lobby.home-design #open-sefers,html .game-page .lobby.home-design .progress-goals-button{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;min-height:154px;padding:14px 18px;border:1px solid #344c60;border-radius:20px;background:#081b32;box-shadow:inset 0 1px #b7d5e813;text-align:left;position:relative;isolation:isolate;overflow:hidden}
.home-design .shortcut-heading{display:flex;align-items:center;gap:9px;min-width:0}
.home-design .shortcut-heading strong{flex:1;min-width:0}
.home-design .shortcut-heading .entry-art{width:38px;height:36px}
.home-design .progress-goals-button .shortcut-heading .entry-art{width:28px;height:36px}
.home-design .goal-copy{flex:1;justify-content:space-between;gap:8px;margin:48px -18px -14px;padding:10px 18px 14px;background:#0b1d30}
.home-design .goal-progress{display:flex;align-items:center;gap:10px}
.home-design .goal-meter{display:block;flex:1;height:6px;border-radius:8px;background:#071927;overflow:hidden}
.home-design .goal-meter i{display:block;height:100%;border-radius:8px;background:#e9c462}
.home-design .goal-count{font:700 13px/1.4 'DM Sans',sans-serif;color:#ecd38a;white-space:nowrap}
html .game-page .lobby.home-design #home-flight-guide{grid-area:guide;display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:0;padding:12px 16px;min-height:44px;background:#10273a;border:1px solid #b8cbd81c;border-radius:18px;color:#c1d6e4;text-align:left}
.home-design #home-flight-guide .entry-art{width:42px;height:30px}.home-design #home-flight-guide .entry-copy{flex:1}
.home-design button{transition:background-color .18s,border-color .18s,filter .18s!important;transform:none!important}
.home-design button:active:not(:disabled){filter:brightness(.93)}.home-design button:disabled{opacity:.55;cursor:wait}.home-design button:focus-visible{outline:3px solid #fff0b4;outline-offset:3px}.home-design .lobby-nav button:focus-visible{outline:2px solid white;outline-offset:-4px}
@media(max-width:800px){
 html .game-page.lobby-active:has(.home-design) .arcade{padding:14px 16px calc(var(--lobby-nav-clearance,90px) + 18px)}
 .home-design .lobby-nav{margin:0}.home-design .lobby-panel[data-lobby-panel=play]{grid-template-columns:1fr;grid-template-areas:'hero' 'prep' 'daily' 'shortcuts' 'guide';gap:14px}
 html .game-page .lobby.home-design #home-identity{margin-bottom:14px;min-height:44px}
 html .game-page .lobby.home-design .home-hero{height:204px;min-height:0;border-radius:20px}
 html .game-page .lobby.home-design .home-title{left:19px;max-width:56%}
 html .game-page .lobby.home-design .home-title h1{font-size:49px;margin:12px 0 0}
 html .game-page .lobby.home-design .home-hero .portrait{width:190px;height:233px;right:-9px;bottom:-8px}
 html .game-page .start-card.lobby.home-design #start-daily{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px!important;gap:10px;min-height:106px!important}
 .home-design .lobby-shortcuts{gap:12px}html .game-page .lobby.home-design #open-sefers,html .game-page .lobby.home-design .progress-goals-button{padding:14px;gap:8px}
 .home-design .goal-copy{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.home-design .shortcut-heading{gap:7px}.home-design .shortcut-heading .entry-art{width:30px;height:32px}.home-design .progress-goals-button .shortcut-heading .entry-art{width:25px;height:32px}
 .home-design .shortcut-heading strong{font-size:18px}
}
@media(max-width:350px){
 html .game-page.lobby-active:has(.home-design) .arcade{padding-left:12px;padding-right:12px}
 html .game-page .lobby.home-design .home-title h1{font-size:42px}.home-design .brand{gap:9px!important}.home-design .brand b{font-size:12px!important}.home-design .brand>span:last-child{font-size:8px!important}
 .home-design .lobby-shortcuts{grid-template-columns:1fr}
 html .game-page .lobby.home-design #open-sefers,html .game-page .lobby.home-design .progress-goals-button{gap:5px;padding:12px 14px}
 .home-design .choice-cell strong{font-size:14px}.home-design #lobby-change-course{gap:7px}.home-design .choice-cell{gap:5px}.home-design .choice-art{width:34px;height:36px}.home-design .choice-cell:nth-child(2) .choice-art{width:32px;height:36px}
 html .game-page .lobby.home-design #open-sefers{min-height:122px}.home-design .goal-copy{margin-top:42px;margin-bottom:-12px;padding-bottom:12px}.home-design .goals-scene img{object-position:75% 36%}
 .home-design #start-daily .entry-copy strong,.home-design #home-flight-guide strong{font-size:18px}
 html .game-page .start-card.lobby.home-design #start-daily{grid-template-columns:minmax(0,1fr) auto;gap:9px!important;min-height:100px!important}
}
@media(max-width:800px) and (max-height:650px){
 html .game-page.lobby-active:has(.home-design) .arcade{padding-top:10px}
 html .game-page .lobby.home-design #home-identity{margin-bottom:10px}
 .home-design .lobby-panel[data-lobby-panel=play]{gap:10px}
 html .game-page .lobby.home-design .home-hero{height:164px}
 html .game-page .lobby.home-design .home-title{left:16px}
 html .game-page .lobby.home-design .home-title h1{font-size:40px;margin:10px 0 0}
 html .game-page .lobby.home-design .home-hero .portrait{width:160px;height:196px;right:-9px;bottom:-5px}
 .flight-prep{padding:10px}.home-design #lobby-change-course{min-height:54px;padding:6px 8px 10px}
 html .game-page .start-card.lobby.home-design #start{min-height:52px!important;padding:12px 16px!important;font-size:27px!important}
}
@media(min-width:801px){.home-design .goals-scene{bottom:auto;height:96px}.home-design .goals-scene img{width:80%;margin-left:auto;object-position:50% 20%;mask-image:linear-gradient(90deg,transparent,#000 16%)}}
@media(prefers-reduced-motion:reduce){.home-design *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}