.home-city .home-discovery{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:54px;padding:42px 0;margin-top:48px;border-block:1px solid #81958b55;text-shadow:0 2px 5px #0009}
.home-discovery h2{font-size:clamp(25px,3vw,33px);font-weight:900;line-height:1.6;margin:0 0 18px;color:#f5ecd6}
.home-discovery .discovery-kicker{font-size:12px;color:#b6cdc2;margin-bottom:7px}
.daily-game-tip{padding-inline-end:32px;border-inline-end:1px solid #81958b55}
.daily-tip-category{display:inline-block;font-size:12px;color:#ead09b;margin:5px 0 12px}
.home-discovery .daily-game-tip [data-daily-tip]>p{font-size:18px;line-height:2.1;color:#f3ecdc;max-width:390px}
.daily-game-tip a{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-size:13px;font-weight:900;color:#edcf95}
.daily-game-tip>small{display:block;color:#bdccc4;font-size:11px;margin-top:20px}
.playstyle-quiz{min-width:0}
.home-discovery .quiz-intro{font-size:13px;color:#c8d4cd;margin-top:-9px;margin-bottom:22px}
.home-discovery .quiz-progress{font-size:12px;color:#e7c68c;margin-bottom:12px}
.quiz-question{margin:0;padding:0;border:0;min-width:0}
.quiz-question legend{font-size:21px;font-weight:800;padding:0;margin-bottom:15px;color:#fff0d0;line-height:1.7}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.quiz-options label{display:flex;gap:10px;align-items:center;cursor:pointer;padding:10px 0;min-height:48px;border-bottom:1px solid #81958b44;color:#e6ece3;font-size:14px;font-weight:600;margin:0}
.quiz-options input[type=radio]{width:17px;height:17px;min-width:17px;margin:0;accent-color:#e3c28a;cursor:pointer;box-shadow:none}
.quiz-options input:checked+span{color:#ffe1a3;font-weight:900;text-decoration:underline;text-underline-offset:7px}
.quiz-options label:has(input:focus-visible){outline:2px solid #e3c28a;outline-offset:4px}
.quiz-navigation{display:flex;justify-content:flex-end;gap:24px;min-height:50px;margin-top:16px}
.quiz-navigation button,.quiz-results>button{min-height:44px;color:#f2dcaf!important;padding:8px 0;font-size:13px}
.quiz-navigation button:disabled{opacity:.35;cursor:default}
.quiz-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.quiz-hero-result{display:block;min-width:0;overflow:hidden}
.quiz-hero-result>img{display:block;width:100%;height:155px;object-fit:cover;object-position:center top;border:1px solid #a3b5a544}
.home-discovery .quiz-hero-result h3{font:700 21px/1.3 Georgia,serif;color:#ffedc9;text-align:right;margin:12px 0 8px}
.home-discovery .quiz-hero-result p{font-size:12px;line-height:1.95;color:#d7e0d6}
.quiz-hero-result span{display:inline-flex;align-items:center;min-height:44px;font-size:11px;color:#edcf95;font-weight:800}
.quiz-hero-result:hover h3,.daily-game-tip a:hover{color:#fff4d6;text-decoration:underline;text-underline-offset:5px}
.home-discovery .quiz-result-note{font-size:12px;color:#c2d1c6;margin-top:18px}
@media(max-width:900px){.home-city .home-discovery{grid-template-columns:1fr;gap:30px;margin-top:32px;padding:30px 0}.daily-game-tip{padding-inline-end:0;padding-bottom:28px;border-inline-end:0;border-bottom:1px solid #81958b55}.home-discovery .daily-game-tip [data-daily-tip]>p{max-width:650px;font-size:17px}.daily-game-tip>small{margin-top:10px}.daily-game-tip a{margin-top:10px}}
@media(max-width:500px){.quiz-options{grid-template-columns:1fr;gap:2px}.quiz-question legend{font-size:19px}.quiz-options label{font-size:13px}.quiz-recommendations{grid-template-columns:1fr;gap:20px}.quiz-hero-result{display:grid;grid-template-columns:85px minmax(0,1fr);gap:15px}.quiz-hero-result>img{height:115px}.home-discovery .quiz-hero-result h3{margin-top:0;font-size:22px}.home-discovery .quiz-hero-result p{font-size:12px}.home-discovery h2{margin-bottom:14px}.home-discovery .quiz-intro{margin-top:0}.home-discovery .daily-game-tip [data-daily-tip]>p{font-size:16px}}

/* The note has its own column, so it follows scrolling without covering content. */
.home-lower-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:36px;align-items:start;margin-top:34px}
.home-lower-content{min-width:0}
.home-city .home-discovery{display:block;margin-top:0;padding:24px 0;gap:0}
.home-discovery .playstyle-quiz{max-width:740px;margin-inline:auto}
.home-discovery h2{font-size:25px;margin-bottom:12px}
.home-discovery .quiz-intro{font-size:12px;margin:0 0 14px}
.home-discovery .quiz-progress{font-size:11px;margin-bottom:8px}
.home-discovery .quiz-question legend{font-size:16px;margin-bottom:8px}
.home-discovery .quiz-options{gap:4px 18px}
.home-discovery .quiz-options label{font-size:12px;min-height:44px;padding:6px 0}
.home-discovery .quiz-options input[type=radio]{width:15px;height:15px;min-width:15px}
.home-discovery .quiz-navigation{margin-top:8px;min-height:44px}
.home-discovery .quiz-navigation button{font-size:12px}
.home-discovery .quiz-hero-result>img{height:120px}
.home-discovery .quiz-hero-result h3{font-size:19px}
.home-lower-layout .daily-tip-note{position:sticky;top:18px;align-self:start;margin-top:0;padding:16px 14px;border:1px solid #d4bc7d40;border-inline-start:3px solid #c7ac72;background:#172328f2;box-shadow:0 8px 22px #0002;border-radius:0 0 4px 4px;color:#eee5d0}
.daily-tip-note h2{font-size:17px;line-height:1.6;margin:0 0 8px;color:#f2dfb8}
.daily-tip-note .daily-tip-category{font-size:10px;margin:0 0 7px;color:#d7ba82}
.home-redesign .daily-tip-note [data-daily-tip]>p{font-size:12px;line-height:1.95;margin:0;color:#e4e5d7}
.daily-tip-note a{font-size:11px;min-height:36px;margin-top:8px}
.daily-tip-note>small{font-size:9px;line-height:1.8;margin-top:6px;color:#b3c3b9}
.home-lower-content .home-learn{margin-top:32px;gap:35px}
@media(max-width:900px){
 .home-lower-layout{display:flex;flex-direction:column;gap:20px;margin-top:26px}
 .home-lower-layout .daily-tip-note{position:static;width:100%;max-width:100%;padding:12px 16px;border-bottom:1px solid #d4bc7d40}
 .daily-tip-note h2{font-size:16px;margin-bottom:5px}
 .home-redesign .daily-tip-note [data-daily-tip]>p{font-size:12px;max-width:none}
 .daily-tip-note .daily-tip-category{margin-bottom:4px}
 .daily-tip-note a{min-height:36px;margin-top:3px}
 .daily-tip-note>small{display:inline-block;margin-inline-start:12px}
 .home-lower-content{width:100%}
 .home-city .home-discovery{padding:20px 0}
 .home-discovery h2{font-size:23px}
 .home-lower-content .home-learn{gap:26px}
}
@media(max-width:500px){
 .home-discovery .quiz-question legend{font-size:15px}
 .home-discovery .quiz-options label{font-size:12px}
 .home-discovery .quiz-hero-result>img{height:105px}
}

/* A small field note, pinned in a reserved outer gutter on desktop. */
.home-lower-layout .daily-tip-note{
 background:repeating-linear-gradient(0deg,#79653b08 0 1px,transparent 1px 4px),linear-gradient(115deg,#e1d3a8,#c7b783);
 color:#292c24;border:0;border-inline-start:0;border-bottom:2px solid #9a8659;
 padding:24px 17px 16px;box-shadow:2px 8px 16px #0005;text-shadow:none;
 border-radius:1px 2px 12px 2px;isolation:isolate;
}
.daily-tip-note:before{content:"";position:absolute;top:-7px;left:calc(50% - 27px);width:54px;height:19px;background:#bbaa7caa;transform:rotate(-4deg);box-shadow:0 1px 2px #0002;pointer-events:none}
.daily-tip-note:after{content:"";position:absolute;bottom:13px;left:13px;width:29px;height:32px;background:url('assets/deadlock-ar-emblem-header.webp') center/contain no-repeat;filter:brightness(.25) sepia(.3);opacity:.55;pointer-events:none}
.daily-tip-note h2{font-size:18px;font-weight:900;color:#28392f;text-align:center;margin-bottom:13px;padding-bottom:9px;border-bottom:1px solid #726d4955}
.home-redesign .daily-tip-note [data-daily-tip]>p{color:#303329;font-size:12px;font-weight:600;line-height:1.95;text-shadow:none}
.daily-tip-note a{color:#314b3c;font-weight:900;text-shadow:none;margin-top:10px}
.daily-tip-note a:hover{color:#1c3326}
@media(min-width:1101px){
 .home-city main{max-width:min(1480px,calc(100% - 240px));margin-inline-start:max(220px,calc((100vw - 1480px)/2));margin-inline-end:auto;padding-inline:24px}
 .home-lower-layout{display:block}
 .home-lower-layout .daily-tip-note{position:fixed;top:clamp(150px,25vh,280px);right:22px;left:auto;width:180px;max-height:calc(100dvh - 170px);z-index:2}
}
@media(min-width:901px) and (max-width:1100px){.home-lower-layout .daily-tip-note{top:24px}}
@media(max-width:900px){
 .home-lower-layout .daily-tip-note{position:relative;max-width:330px;align-self:center;padding:19px 17px 12px;border-bottom:2px solid #9a8659}
 .daily-tip-note h2{font-size:17px}
}

.home-city main{animation:none}

/* Compact portrait recommendations keep the entire existing image visible. */
.home-discovery .quiz-recommendations{max-width:560px;margin-inline:auto;gap:14px}
.home-discovery .quiz-hero-result>img{width:100px;height:122px;max-width:100%;object-fit:contain;object-position:center;margin-inline:auto;background:transparent;border:0}
.home-discovery .quiz-hero-result h3{font-size:17px;text-align:center;margin:9px 0 7px}
.home-discovery .quiz-hero-result p{font-size:11px;line-height:1.85}
.home-discovery .quiz-hero-result span{font-size:10px;min-height:36px}
@media(max-width:500px){.home-discovery .quiz-hero-result{grid-template-columns:62px minmax(0,1fr);gap:12px}.home-discovery .quiz-hero-result>img{width:62px;height:76px}.home-discovery .quiz-hero-result h3{text-align:right;font-size:17px;margin-top:0}.home-discovery .quiz-recommendations{gap:16px}}