/* Local home proposal. The game, collection and duel layouts keep their styles. */
body[data-screen="home"] { background:radial-gradient(ellipse at 70% 0,#23432b24,transparent 65%),#0b1511; }
body[data-screen="home"] .main-content { max-width:1240px; padding:24px 32px 20px; }
.island-home { --ih-lime:#cbff44; --ih-text:#f1f5e8; --ih-muted:#a4b6a7; color:var(--ih-text); }
.island-home button { font-family:'Barlow',sans-serif; }
.island-home .icon { width:20px; height:20px; }
.ih-launchpad { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:18px; }
.ih-adventure { min-width:0; min-height:404px; position:relative; overflow:hidden; isolation:isolate; border-radius:18px; border:1px solid #7d9e6a66; background:#163c29; }
.ih-world,.ih-world img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:72% center; }
.ih-world::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0b2418e8 0%,#0b2418a6 37%,#0b241800 75%),linear-gradient(0deg,#0a211af5 0%,transparent 38%); }
.ih-map-lines { position:absolute; width:330px; height:330px; border:1px solid #e8ffad17; border-radius:50%; inset:auto auto -215px -90px; box-shadow:0 0 0 36px #e8ffad07,0 0 0 72px #e8ffad05; pointer-events:none; }
.ih-adventure-copy { position:relative; padding:30px 34px 66px; width:58%; z-index:1; }
.ih-kicker { color:#c7d6b6; font:600 10px/1.5 'Barlow',sans-serif; letter-spacing:1.7px; }
.ih-adventure h1 { font:800 clamp(52px,5.2vw,64px)/.94 'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.2px; margin:12px 0; }
.ih-adventure h1 em { color:#deffa0; font-style:normal; }
.ih-adventure-copy>p { font-size:14px; line-height:1.5; max-width:250px; color:#d7e4cc; }
.ih-play { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:24px; padding:15px 17px; min-height:52px; border:1px solid #e1ff9d; border-radius:7px; color:#192815; background:var(--ih-lime); box-shadow:0 3px 0 #79943b; font-size:15px; font-weight:750; white-space:nowrap; transition:transform .18s,background .18s; }
.ih-play:hover { background:#d9ff7e; transform:translateY(-2px); }
.ih-play:active { transform:translateY(1px); }
.ih-play>.icon:last-child { margin-left:3px; width:18px; }
.ih-journey { position:absolute; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 32px; background:#0c241da8; border-top:1px solid #d9efb91c; backdrop-filter:blur(8px); }
.ih-journey>div:first-child { display:flex; flex-direction:column; gap:3px; }
.ih-journey span { font:600 9px/1.4 'Barlow',sans-serif; letter-spacing:1.2px; color:#a4bca4; }
.ih-journey strong { font-size:14px; font-weight:600; color:#e5edda; }
.ih-deck { min-width:0; display:flex; flex-direction:column; align-items:stretch; padding:23px 22px 20px; border:1px solid #e2f0c21c; border-radius:18px; background:radial-gradient(ellipse at 50% 25%,#66854a24,transparent 70%),#18241d; }
.ih-deck-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.ih-equipped { display:flex; align-items:center; gap:4px; color:#a9c68c; font-size:10px; }
.ih-equipped>.icon { width:12px; height:12px; }
.ih-deck-art { height:190px; position:relative; margin:12px 0 16px; pointer-events:none; }
.ih-peek { --peek-x:-50%; --peek-angle:-1deg; --peek-y:0px; position:absolute; top:20px; left:50%; width:106px; height:151px; border:1px solid #c6d79a9c; border-radius:8px; overflow:hidden; background:#142519; box-shadow:0 7px 12px #0007; transform:translateX(var(--peek-x)) translateY(var(--peek-y)) rotate(var(--peek-angle)); transition:transform .22s ease-out; }
.ih-peek img { height:100%; width:100%; object-fit:cover; object-position:center 24%; }
.ih-peek::after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#06130df5); }
.ih-peek b { position:absolute; top:6px; left:6px; padding:2px 5px; border:1px solid #d5eb98; border-radius:5px; font-size:14px; line-height:1.1; background:#172817; }
.ih-peek span { position:absolute; left:7px; right:5px; bottom:8px; font:700 15px/.98 'Barlow Condensed',sans-serif; text-transform:uppercase; z-index:1; }
.ih-peek-0 { --peek-x:-100%; --peek-angle:-12deg; top:28px; z-index:1; }
.ih-peek-1 { z-index:3; }
.ih-peek-2 { --peek-x:0%; --peek-angle:12deg; top:28px; z-index:2; }
@media(hover:hover) and (pointer:fine) and (min-width:761px) and (prefers-reduced-motion:no-preference) {
 .ih-deck:hover .ih-peek-0,.ih-deck:focus-within .ih-peek-0 { --peek-x:-106%; --peek-angle:-15deg; --peek-y:-3px; }
 .ih-deck:hover .ih-peek-1,.ih-deck:focus-within .ih-peek-1 { --peek-y:-8px; --peek-angle:0deg; }
 .ih-deck:hover .ih-peek-2,.ih-deck:focus-within .ih-peek-2 { --peek-x:6%; --peek-angle:15deg; --peek-y:-3px; }
}
.ih-deck-copy h2 { font:700 29px/1.15 'Barlow Condensed',sans-serif; letter-spacing:.1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ih-deck-copy p { margin-top:5px; font-size:12px; color:#a4b6a7; }
.ih-deck-copy p span { margin:0 5px; color:#68866c; }
.ih-edit { display:flex; gap:9px; align-items:center; justify-content:center; min-height:46px; padding:11px 12px; border:1px solid #96b9787a; background:#c9df9a09; border-radius:7px; margin-top:auto; color:#e8f3d8; font-size:14px; font-weight:650; }
.ih-edit>.icon:last-child { margin-left:auto; width:17px; }
.ih-edit:hover { background:#b9db7820; border-color:#b8d97d; }
.ih-explore { margin-top:25px; }
.ih-section-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:13px; }
.ih-section-head h2 { font:600 24px/1.15 'Barlow Condensed',sans-serif; letter-spacing:.2px; }
.ih-section-head button { display:flex; align-items:center; gap:7px; color:#aebfa9; font-size:12px; min-height:34px; }
.ih-section-head button>.icon { width:15px; }
.ih-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ih-shortcut { --tile-bg:#14251f; min-width:0; position:relative; display:flex; gap:15px; align-items:center; min-height:140px; border:1px solid #d4e6b92e; border-radius:12px; background:var(--tile-bg); color:#f1f5e8; text-align:left; overflow:hidden; padding:23px 22px; transition:border-color .18s; isolation:isolate; }
.ih-shortcut:hover { border-color:#a2c785b3; }
.ih-shortcut:focus-visible { outline:2px solid var(--ih-lime); outline-offset:3px; }
.ih-shortcut h3 { font:700 28px/1.1 'Barlow Condensed',sans-serif; letter-spacing:.2px; margin:5px 0 6px; }
.ih-shortcut p { font-size:12px; line-height:1.5; color:#c3d0bd; }
.ih-shortcut>div:not(.ih-shortcut-art) { position:relative; z-index:1; }
.ih-tile-icon { color:#b5ce9d; display:flex; }
.ih-tile-icon>.icon { width:18px; height:18px; }
.ih-tile-arrow { position:relative; margin-left:auto; align-self:flex-end; color:#bdcba9; z-index:1; }
.ih-tile-arrow>.icon { width:18px; height:18px; }
.ih-shortcut-art { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.ih-shortcut-art img { display:block; position:absolute; right:0; top:0; height:100%; width:70%; object-fit:cover; object-position:50% 18%; opacity:.9; }
.ih-shortcut-art::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,var(--tile-bg) 0%,var(--tile-bg) 32%,#14251fc2 47%,#14251f14 83%),linear-gradient(0deg,#081b1566,transparent 72%); }
.ih-book .ih-shortcut-art img { object-position:50% 23%; }
.ih-packs .ih-shortcut-art img { object-position:50% 20%; }
.ih-shortcut>div:not(.ih-shortcut-art) { max-width:68%; }
.ih-free { color:#d6e99b; }
.ih-community { margin-top:16px; border:1px solid #d4e6b924; border-radius:12px; background:#10221a; }
.ih-community-hub { display:grid; grid-template-columns:minmax(0,1fr) 280px; align-items:start; margin-top:16px; border:1px solid #d4e6b924; border-radius:12px; background:#10221a; }
.ih-community-hub>.ih-community { min-width:0; margin:0; border:0; border-right:1px solid #d4e6b91c; border-radius:12px 0 0 12px; background:transparent; }
.ih-community-hub>.community-discord { margin:9px 12px; }
.ih-community-hub>.community-discord:only-child { grid-column:1/-1; }
.ih-community>summary { display:flex; align-items:center; gap:13px; min-height:72px; padding:15px 21px; list-style:none; cursor:pointer; }
.ih-community>summary::-webkit-details-marker { display:none; }
.ih-community>summary:focus-visible { outline:2px solid var(--ih-lime); outline-offset:4px; border-radius:6px; }
.ih-community-icon { display:flex; color:#b7d19e; }
.ih-community>summary strong { display:block; font:600 22px/1.15 'Barlow Condensed',sans-serif; }
.ih-community>summary small { display:block; margin-top:4px; color:#9cb19e; font-size:12px; }
.ih-community-toggle { display:flex; margin-left:auto; color:#c6dfaa; transition:transform .2s; }
.ih-community[open] .ih-community-toggle { transform:rotate(45deg); }
.ih-community-body { padding:0 21px 18px; }
.ih-community .online-home-lobby { margin:0; padding:0; }
.ih-community .online-home-lobby>.section-head { justify-content:flex-end; margin:0 0 10px; }
.ih-community .online-home-lobby>.section-head>div,.ih-community .online-home-lobby>.muted,.ih-community .online-chat>.section-head { display:none; }
.ih-community .panel { padding:0; margin:0; border:0; background:transparent; box-shadow:none; border-radius:0; }
.ih-community .online-messages { min-height:100px; height:150px; max-height:220px; padding:0 0 12px; border-bottom:1px solid #d4e6b91c; }
.ih-community .online-chat-form { margin-top:13px; gap:10px; }
.ih-community .text-input { min-height:44px; font-size:13px; background:#0a1a13; }
.ih-community .btn { font-size:14px; min-height:42px; box-shadow:none; }
.ih-community .online-home-lobby>.section-head .btn { min-height:32px; padding:5px 9px; font-size:12px; background:none; border-color:#d4e6b933; }
.ih-community .panel>p { font-size:13px; line-height:1.6; color:#b8c8b2; }
.ih-community .modal-actions { justify-content:start; gap:10px; margin-top:12px; }
.island-home .podcast-hub { grid-template-columns:170px minmax(0,1fr); gap:26px; margin-top:20px; padding:24px 28px; box-shadow:none; }
.island-home .podcast-brand-art { gap:10px; }
.island-home .podcast-brand-art>img { max-width:170px; }
.island-home .podcast-brand-caption { font-size:8px; }
.island-home .podcast-copy>.eyebrow { font-size:9px; }
.island-home .podcast-copy h2 { font-size:34px; margin:10px 0; }
.island-home .podcast-copy>p { font-size:13px; max-width:620px; }
.island-home .podcast-actions { gap:10px; margin-top:15px; }
.island-home .podcast-actions>.btn { min-height:44px; font-size:16px; padding:11px 15px; }
.island-home .podcast-wave { gap:3px; min-height:24px; margin-top:14px; }
.island-home .podcast-wave>i { max-height:24px; }
.island-home .podcast-wave>span { font-size:8px; }
.ih-account-note { display:flex; gap:9px; align-items:center; margin:21px 0 0; padding:15px 0; border-bottom:1px solid #e2f0c214; color:#93a894; }
.ih-account-note>.icon { width:15px; height:15px; }
.ih-account-note p { font-size:12px; flex:1; }
.ih-account-note button { display:flex; gap:3px; align-items:center; color:#c6d9b1; font-size:12px; min-height:36px; }
.ih-account-note button>.icon { width:14px; }
.ih-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 0 4px; }
.ih-footer>span { font-size:9px; color:#647d68; letter-spacing:.6px; }
@media(min-width:1500px) { .ih-adventure h1 { font-size:74px; } }
@media(max-width:1050px) and (min-width:761px) { .ih-launchpad {grid-template-columns:minmax(0,1fr) 245px;gap:14px}.ih-adventure-copy {padding-left:26px;width:66%}.ih-journey {padding-left:26px;padding-right:24px}.ih-deck {padding:22px 17px}.ih-peek {width:94px;height:140px}.ih-shortcut {padding:20px 16px}.ih-shortcut h3 {font-size:25px}.ih-shortcut p {font-size:11px} }
@media(max-width:760px) {
 .ih-community-hub {grid-template-columns:minmax(0,1fr);margin-top:12px}
 .ih-community-hub>.ih-community {border:0;border-radius:12px}
 .ih-community-hub>.community-discord {margin:0 15px 13px}
 .ih-community .text-input {font-size:16px}
 body[data-screen="home"] .main-content {padding:16px 16px 94px;}
 .ih-launchpad {grid-template-columns:1fr;gap:12px}
 .ih-adventure {min-height:320px;border-radius:14px}
 .ih-world img {object-position:66% 40%}
 .ih-world::after {background:linear-gradient(90deg,#0b2418ed,#0b241891 45%,#0b241800 94%),linear-gradient(0deg,#0a211af2,transparent 60%)}
 .ih-adventure-copy {padding:22px 22px 66px;width:82%}
 .ih-adventure h1 {font-size:52px;margin:11px 0 12px}
 .ih-adventure-copy>p {font-size:12px;max-width:185px;line-height:1.5}
 .ih-kicker {font-size:8px;letter-spacing:1.5px}
 .ih-play {min-height:47px;font-size:13px;padding:12px 13px;gap:7px;margin-top:18px;width:max-content;max-width:calc(100vw - 78px)}
 .ih-play>.icon {width:17px;height:17px}.ih-play>.icon:last-child {width:16px;margin-left:2px}
 .ih-journey {padding:12px 21px;gap:10px}.ih-journey strong {font-size:12px}.ih-journey span {font-size:8px;letter-spacing:.8px}
 .ih-deck {position:relative;min-height:118px;display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:center;padding:14px 16px;border-radius:12px}
 .ih-deck-top {grid-column:2;align-self:end;justify-content:start;gap:10px}.ih-equipped {font-size:9px;white-space:nowrap}.ih-equipped>.icon {width:10px;height:10px}
 .ih-deck-art {grid-column:1;grid-row:1/4;width:104px;height:88px;margin:0}
 .ih-peek {top:0;width:42px;height:64px;border-radius:4px}.ih-peek-0 {top:7px}.ih-peek-2 {top:7px}.ih-peek-1 {top:3px}
 .ih-peek b {top:3px;left:3px;font-size:9px;padding:1px 3px;border-radius:3px}.ih-peek span {font-size:7px;left:3px;bottom:4px;right:2px}
 .ih-deck-copy {grid-column:2;align-self:center;min-width:0}.ih-deck-copy h2 {font-size:23px;max-width:100%}.ih-deck-copy p {display:none}
 .ih-edit {grid-column:2;align-self:start;justify-content:start;min-height:44px;margin:0;padding:3px 0;font-size:14px;border:0;border-radius:0;background:none;color:#d8ebbd;width:100%;max-width:180px;gap:6px}.ih-edit>.icon {width:16px;height:16px;flex:none}.ih-edit>.icon:last-child {width:15px;margin-left:auto}
 .ih-explore {margin-top:22px}.ih-section-head {gap:8px;margin-bottom:11px}.ih-section-head h2 {font-size:23px}.ih-section-head button {font-size:11px;gap:3px;white-space:nowrap}.ih-section-head button>.icon {width:13px}
 .ih-shortcuts {grid-template-columns:1fr 1fr;gap:10px}
 .ih-shortcut {padding:17px 15px;min-height:137px;border-radius:11px;align-items:start}
 .ih-shortcut h3 {font-size:25px;margin-top:9px;margin-bottom:4px}.ih-shortcut p {font-size:11px}.ih-tile-icon>.icon {width:17px;height:17px}
 .ih-online {grid-column:1/-1;min-height:101px;align-items:center;padding:18px 20px}.ih-online h3 {margin-top:0;font-size:28px}.ih-online .ih-tile-icon {display:none}.ih-online .ih-tile-arrow {align-self:center}.ih-online .ih-shortcut-art img {width:62%;object-position:50% 17%}
 .ih-book,.ih-packs {padding:16px 13px;gap:0;min-height:158px;align-items:end}
 .ih-book .ih-shortcut-art img,.ih-packs .ih-shortcut-art img {width:100%;object-position:50% 16%;opacity:.85}
 .ih-book .ih-shortcut-art::after,.ih-packs .ih-shortcut-art::after {background:linear-gradient(0deg,#0b1d17fa 0%,#0b1d17d9 34%,#0b1d1755 75%,#0b1d1711)}
 .ih-book .ih-tile-icon,.ih-packs .ih-tile-icon {display:none}.ih-book h3,.ih-packs h3 {margin-top:0;font-size:24px}.ih-shortcut>div:not(.ih-shortcut-art) {max-width:100%}.ih-book .ih-tile-arrow,.ih-packs .ih-tile-arrow {position:absolute;right:12px;bottom:14px}.ih-book p,.ih-packs p {max-width:118px}.ih-packs h3 {max-width:145px}.ih-free {display:block}
 .ih-account-note {align-items:start;margin-top:17px;padding:14px 0;gap:7px}.ih-account-note>.icon {margin-top:4px;width:14px;height:14px}.ih-account-note p {font-size:11px;line-height:1.6;max-width:215px}.ih-account-note button {font-size:11px;min-height:36px;white-space:nowrap;margin-left:auto;gap:0}
 .ih-community {margin-top:12px;border-radius:10px}.ih-community>summary {min-height:72px;padding:14px 15px;gap:10px}.ih-community>summary strong {font-size:21px}.ih-community>summary small {font-size:11px;line-height:1.4;max-width:240px}.ih-community-body {padding:0 15px 16px}.ih-community .online-messages {height:160px}.ih-community .online-chat-form {gap:8px}.ih-community .online-chat-form .btn {padding:10px;font-size:13px}.ih-community .online-chat-form .icon {width:15px;height:15px}
 .island-home .podcast-hub {grid-template-columns:1fr;gap:16px;margin-top:16px;padding:19px 16px;text-align:left}
 .island-home .podcast-brand-art {flex-direction:row;justify-content:start;gap:14px}.island-home .podcast-brand-art>img {width:88px;max-width:88px}.island-home .podcast-brand-caption {text-align:left;max-width:135px;font-size:9px;line-height:1.6}
 .island-home .podcast-copy>.eyebrow {display:none}.island-home .podcast-copy h2 {font-size:29px;margin:0 0 10px}.island-home .podcast-copy>p {font-size:12px;line-height:1.6}
 .island-home .podcast-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.island-home .podcast-actions>.btn {min-height:44px;padding:10px 8px;font-size:14px;gap:6px;justify-content:center}.island-home .podcast-actions>.btn .icon {width:16px;height:16px}.island-home .podcast-youtube>.icon:last-child {display:none}
 .island-home .podcast-wave {justify-content:start;flex-wrap:nowrap;margin-top:12px;gap:3px}.island-home .podcast-wave>span {flex-basis:auto;margin-left:8px;font-size:8px}
 .ih-footer {padding-top:16px;gap:10px}.ih-footer>span:last-child {display:none}
}
@media(max-width:370px) { .ih-adventure-copy {width:82%;padding-left:19px}.ih-adventure h1 {font-size:48px}.ih-deck {padding-left:15px;padding-right:15px}.ih-section-head h2 {font-size:21px}.ih-section-head button {font-size:10px}.ih-shortcut h3 {font-size:23px}.ih-account-note p {max-width:170px} }
@media(prefers-reduced-motion:reduce) { .island-home button,.ih-peek,.ih-shortcut-art img,.ih-community-toggle {transition:none}.ih-play:hover,.ih-shortcut:hover {transform:none} }