.home-lobby{min-width:0;width:100%;max-width:920px;margin-inline:auto;font-family:"Medeo Sans",Arial,sans-serif;color:#f5f1ee;--home-orange:#fe6b24;--home-violet:#bd8cff}
.home-lobby *{box-sizing:border-box}
.home-lobby .home-lobby-header{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:15px;line-height:20px;font-weight:700}
.home-lobby .home-bureau-mark{display:grid;place-items:center;flex:none;width:34px;height:38px;color:var(--home-orange);border:1px solid #fe6b2455;border-radius:10px;background:#fe6b2412;font-size:24px;font-weight:800;transform:rotate(-4deg)}
.home-lobby .home-lobby-header small{display:block;font-size:9px;line-height:14px;font-weight:500;color:#9d9390}
.home-lobby .home-greeting{margin:0 0 28px;font-size:30px;line-height:34px;letter-spacing:-.7px;font-weight:700}
.home-lobby .home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.home-lobby .home-section-heading h2{margin:0;font-size:18px;line-height:24px;font-weight:700}
.home-lobby .home-concept{font-size:10px;line-height:16px;color:#c4b7ac;background:#ffffff08;border:1px solid #ffffff12;border-radius:7px;padding:2px 6px;flex:none}
.home-lobby .home-mode-rail{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:20px;width:calc(100% + 40px);margin-inline:-20px;padding:0 20px 14px;scrollbar-width:none}
.home-lobby .home-mode-rail::-webkit-scrollbar{display:none}
.home-lobby .home-mode-rail:focus-visible{outline:2px solid var(--home-orange);outline-offset:4px;border-radius:12px}
.home-lobby .home-mode-card{position:relative;flex:0 0 176px;min-width:0;min-height:210px;padding:12px;scroll-snap-align:start;border:1px solid #ffffff15;border-radius:22px;background:radial-gradient(ellipse at 90% -15%,#ffffff15,transparent 65%),#ffffff06;cursor:default;box-shadow:0 4px 0 #0002}
.home-lobby .home-mode-daily{background:radial-gradient(ellipse at 80% 0,#fe6b242c,transparent 80%),#ffffff07;border-color:#fe6b2440}
.home-lobby .home-mode-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;line-height:10px;letter-spacing:.6px;color:#a89c93}
.home-lobby .home-mode-meta>span:last-child{letter-spacing:0;color:#827b76}
.home-lobby .home-mode-art{position:relative;height:72px;margin:4px 0 8px;overflow:hidden}
.home-lobby .home-mode-card h3{margin:0 0 4px;font-size:16px;line-height:19px;font-weight:700;letter-spacing:-.25px}
.home-lobby .home-mode-card>p{margin:0 0 8px;font-size:10px;line-height:14px;color:#b6aaa1;min-height:28px}
.home-lobby .home-mode-tag{font-size:9px;line-height:12px;color:#d8b397;border-left:2px solid #fe6b2480;padding-left:7px}
.home-lobby .home-art-line{position:absolute;left:0;right:0;top:22px;height:2px;background:#ffffff25}
.home-lobby .home-art-photo{position:absolute;top:12px;width:86px;height:102px;padding:6px 6px 20px;background:#ede4d9;box-shadow:0 7px 0 #0005}
.home-lobby .home-art-photo img{display:block;width:74px;height:74px;object-fit:cover;filter:grayscale(1)}
.home-lobby .home-art-photo-one{left:20px;transform:rotate(-7deg)}
.home-lobby .home-art-photo-two{left:104px;top:16px;transform:rotate(5deg)}
.home-lobby .home-art-icon{position:absolute;left:22px;top:24px;width:66px;height:66px;color:var(--home-orange);stroke-width:1.2}
.home-lobby .home-art-number{position:absolute;right:18px;top:18px;font-size:56px;line-height:64px;font-weight:800;letter-spacing:-3px;color:#e0c9b5;transform:rotate(-5deg)}
.home-lobby .home-art-number span{display:block;text-align:right;font-size:10px;line-height:12px;letter-spacing:1px;font-weight:600}
.home-lobby .home-art-poster{position:absolute;top:22px;width:58px;height:84px;border:3px solid #d5c7b8;object-fit:cover;box-shadow:0 6px 0 #0005}
.home-lobby .home-art-poster-one{left:16px;transform:rotate(-8deg)}
.home-lobby .home-art-poster-two{left:73px;top:12px;transform:rotate(2deg);z-index:1}
.home-lobby .home-art-poster-three{left:130px;transform:rotate(8deg)}
.home-lobby .home-art-folder{position:absolute;left:8px;top:20px;width:86px;height:86px;color:#b89bcf;stroke-width:1}
.home-lobby .home-art-note{position:absolute;right:8px;top:24px;padding:15px 10px;background:#dcc8aa;color:#463a2c;font-size:11px;line-height:18px;font-weight:600;transform:rotate(5deg);box-shadow:0 6px 0 #0004}
.home-lobby .home-art-solo{left:40px;top:10px;transform:rotate(-5deg)}
.home-lobby .home-art-person{position:absolute;right:20px;top:44px;width:50px;height:50px;color:#d7a882;stroke-width:1.2}
.home-lobby .home-duel-face{position:absolute;top:26px;width:65px;height:65px;object-fit:cover;border-radius:50%;border:3px solid #ffffff25;filter:grayscale(1)}
.home-lobby .home-duel-one{left:10px}.home-lobby .home-duel-two{right:10px}
.home-lobby .home-duel-vs{position:absolute;left:50%;top:46px;transform:translateX(-50%) rotate(-6deg);font-size:19px;font-weight:800;color:var(--home-violet)}
.home-lobby .home-shift-strip{display:flex;align-items:center;gap:10px;margin:10px 0 28px;padding:13px 14px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff05;font-size:11px;line-height:16px}
.home-lobby .home-shift-strip>span:first-child{color:#a69a91;flex:1}
.home-lobby .home-shift-strip>strong{font-size:13px;color:#eee;white-space:nowrap}
.home-lobby .home-shift-strip small{font-size:10px;font-weight:500;color:#a69a91}
.home-lobby .home-shift-solved{font-size:10px;white-space:nowrap;color:var(--home-orange)}
.home-lobby .home-ranking{margin-bottom:28px}
.home-lobby .home-example{font-size:11px;line-height:14px;color:#93868a;text-align:right}
.home-lobby .home-ranking-tabs{display:flex;gap:3px;padding:4px;background:#ffffff05;border:1px solid #ffffff0b;border-radius:14px;margin-bottom:8px}
.home-lobby .home-ranking-tabs button{flex:1;min-width:0;min-height:44px;padding:10px 5px;border:0;border-radius:10px;background:transparent;color:#a39894;font:600 12px/16px "Medeo Sans",Arial,sans-serif;white-space:nowrap;cursor:pointer}
.home-lobby .home-ranking-tabs button[aria-selected="true"]{color:#ece3f4;background:#bd8cff1a;box-shadow:inset 0 0 0 1px #bd8cff20}
.home-lobby .home-ranking-tabs button:focus-visible{outline:2px solid var(--home-violet);outline-offset:1px}
.home-lobby .home-ranking-rows{list-style:none;padding:0;margin:0;border:1px solid #ffffff0b;border-radius:18px;overflow:hidden;background:#ffffff04}
.home-lobby .home-ranking-rows li{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 14px;border-bottom:1px solid #ffffff0a}
.home-lobby .home-ranking-rows li:last-child{border:0}
.home-lobby .home-rank-place{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:#ffffff08;font-size:11px;font-weight:700;color:#afa098}
.home-lobby .home-ranking-rows li:first-child .home-rank-place{color:#edb28b;background:#fe6b241b}
.home-lobby .home-rank-name{font-size:12px;line-height:18px;font-weight:600;flex:1;min-width:0}
.home-lobby .home-rank-score{font-size:12px;line-height:16px;font-weight:700;text-align:right;color:#d7c3eb}
.home-lobby .home-rank-score small{display:block;font-size:8px;line-height:12px;font-weight:500;color:#8e858a}
.home-lobby .home-ranking-empty{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:174px;justify-content:center;padding:18px;border:1px solid #ffffff0b;border-radius:18px;background:#ffffff04}
.home-lobby .home-ranking-empty svg{width:28px;height:28px;color:var(--home-violet);margin-bottom:10px}
.home-lobby .home-ranking-empty strong{font-size:12px;line-height:18px}
.home-lobby .home-ranking-empty p{font-size:10px;line-height:16px;margin:5px 0 0;color:#978b94}
.home-lobby .home-focus{position:relative;display:flex;justify-content:space-between;min-height:170px;overflow:hidden;border:1px solid #bd8cff22;border-radius:22px;padding:20px;background:radial-gradient(ellipse at 100% 0,#bd8cff20,transparent 80%),#ffffff05}
.home-lobby .home-focus-copy{position:relative;z-index:1}
.home-lobby .home-focus-copy>span{font-size:8px;line-height:12px;letter-spacing:1.2px;color:#c1a6db}
.home-lobby .home-focus h2{font-size:23px;line-height:27px;margin:8px 0;font-weight:700;letter-spacing:-.4px}
.home-lobby .home-focus p{font-size:10px;line-height:16px;color:#a899ad;margin:0}
.home-lobby .home-focus-art{position:absolute;inset:0 0 0 50%;pointer-events:none}
.home-lobby .home-focus-star{position:absolute;width:118px;height:118px;right:-19px;top:-18px;color:#bd8cff35;stroke-width:.8;transform:rotate(12deg)}
.home-lobby .home-focus-face{position:absolute;right:13px;bottom:-16px;width:96px;height:130px;object-fit:cover;filter:grayscale(1);border:5px solid #d4c9dc;transform:rotate(9deg);box-shadow:0 6px 0 #0005}
@media(max-width:359px){.home-lobby .home-greeting{font-size:27px;line-height:31px}.home-lobby .home-mode-card{flex-basis:172px}.home-lobby .home-section-heading h2{font-size:16px}.home-lobby .home-rank-name{font-size:11px}.home-lobby .home-focus{padding:17px}.home-lobby .home-focus-face{right:3px;width:83px}.home-lobby .home-focus h2{font-size:21px;line-height:25px}}
@media(min-width:701px){.home-lobby .home-mode-card{flex-basis:184px}.home-lobby .home-greeting{font-size:38px;line-height:42px}.home-lobby .home-focus{min-height:188px}.home-lobby .home-focus-face{width:128px;height:168px;right:60px}.home-lobby .home-focus-star{right:24px;width:160px;height:160px}}

.home-lobby .home-mode-art-visual{position:absolute;left:50%;top:0;width:206px;height:120px;transform:translateX(-50%) scale(.6);transform-origin:50% 0}
.home-lobby .home-art-timeline{width:206px;height:120px;color:#9d8c7e}
.home-lobby .home-art-timeline text{fill:#d2c2b7;font:600 11px "Medeo Sans",Arial,sans-serif}

.home-lobby .home-daily-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.home-lobby .home-daily-open:focus-visible{outline:2px solid var(--home-orange);outline-offset:-3px}.home-lobby .home-mode-daily:has(.home-daily-open:active){border-color:var(--home-orange)}

.home-lobby .home-test-tools{margin:-12px 0 28px}.home-lobby .home-test-refresh{width:100%;min-height:48px;padding:12px 16px;border:1px solid #fe6b2440;border-radius:14px;background:#fe6b2412;color:#edb591;font:600 13px/20px "Medeo Sans",Arial,sans-serif;cursor:pointer}.home-lobby .home-test-refresh:disabled{opacity:.6;cursor:wait}.home-lobby .home-test-refresh:focus-visible{outline:2px solid var(--home-orange);outline-offset:3px}.home-lobby .home-test-tools .test-shift-status{font-size:12px;line-height:18px;color:#b9a99e;margin-top:10px}
/* Home 461:3430. Scoped so the legacy desktop home keeps its existing layout. */
.home-v2{max-width:430px;--home-orange:#fb6500}
.home-v2 .home-v2-hero{position:relative;isolation:isolate;width:calc(100% + 40px);margin:-20px -20px 16px;padding:24px 20px 20px;overflow:hidden;border-radius:0 0 40px 40px;background:radial-gradient(ellipse 75% 90% at 50% 0,#ffffff29,transparent 90%),#363636}
.home-v2 .home-v2-header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.home-v2 .home-v2-brand{font:900 28px/34px "Medeo Sans",Arial,sans-serif;letter-spacing:-1.1px;color:#fff}
.home-v2 .home-v2-avatar{width:48px;height:48px;flex:none;padding:0;display:grid;place-items:center;border:0;border-radius:50%;overflow:hidden;background:#ffffff15;color:#e4dfd9;font:700 20px/24px "Medeo Sans",Arial,sans-serif;cursor:pointer}
.home-v2 .home-v2-avatar img{width:48px;height:48px;object-fit:cover}
.home-v2 .home-v2-art{height:156px;width:calc(100% + 40px);margin:0 -20px 8px;position:relative;overflow:hidden}
.home-v2 .home-v2-art-canvas{position:absolute;left:50%;top:0;margin-left:-201px;width:402px;height:156px;transform:scale(var(--home-art-scale,1));transform-origin:50% 0}
.home-v2 .home-v2-art-canvas img{max-width:none;max-height:none;display:block}
.home-v2 .home-v2-cord{position:absolute;left:-16.1px;top:11.94px}
.home-v2 .home-v2-polaroid{position:absolute;width:94.392px;height:122.155px;filter:drop-shadow(-4.442px 6.663px 0 #0005)}
.home-v2 .home-v2-polaroid-0{left:28.87px;top:12.3px;transform:rotate(7.21deg)}
.home-v2 .home-v2-polaroid-1{left:114.38px;top:16.74px;transform:rotate(-12.59deg)}
.home-v2 .home-v2-polaroid-2{left:204.33px;top:18.97px;transform:rotate(7.03deg)}
.home-v2 .home-v2-polaroid-3{left:276.51px;top:11.18px;transform:rotate(-9.01deg)}
.home-v2 .home-v2-blank{position:absolute;inset:13.64% 4.12% 2.73%;background:linear-gradient(#ffffffcc,#ffffffcc),linear-gradient(0deg,#303030,#535353)}
.home-v2 .home-v2-polaroid-0 .home-v2-blank{transform:rotate(-1deg)}
.home-v2 .home-v2-polaroid-1 .home-v2-blank{transform:rotate(5.81deg)}
.home-v2 .home-v2-polaroid-3 .home-v2-blank{transform:rotate(6.97deg)}
.home-v2 .home-v2-photo{position:absolute;inset:5.43% 6.41% 20.65%;background:radial-gradient(ellipse at 70% 0,#ffffff29,transparent 85%),linear-gradient(175.1deg,#282828,#171717);box-shadow:inset .555px .555px #0008}
.home-v2 .home-v2-photo-label{position:absolute;inset:83.7% 23.72% 6.52%;border-radius:34px;background:#0005}
.home-v2 .home-v2-clip{position:absolute;left:35.54px;top:0;width:24.431px;height:25px;overflow:hidden}
.home-v2 .home-v2-polaroid-0 .home-v2-clip{transform:rotate(8.94deg)}
.home-v2 .home-v2-polaroid-1 .home-v2-clip{left:30.1px;top:-1.7px;transform:rotate(10.38deg)}
.home-v2 .home-v2-polaroid-3 .home-v2-clip{left:42.15px;top:1.42px}
.home-v2 .home-v2-clip .clip-wire{position:absolute;left:7.24px;top:1.11px}
.home-v2 .home-v2-clip .clip-back{position:absolute;left:2.48px;top:12.22px}
.home-v2 .home-v2-clip .clip-front{position:absolute;left:3.04px;top:12.77px}
.home-v2 .home-v2-clip .clip-foot{position:absolute;top:18.32px}
.home-v2 .home-v2-clip .clip-foot-right{left:15.11px}
.home-v2 .home-v2-clip .clip-foot-left{left:4.01px;transform:rotate(180deg) scaleY(-1)}
.home-v2 .home-v2-daily{text-align:center;margin-top:0}
.home-v2 .home-v2-overline{font:500 12px/16px "Medeo Sans",Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#ffffff99;margin:0 0 4px}
.home-v2 .home-v2-daily h1{font:700 20px/24px "Medeo Sans",Arial,sans-serif;letter-spacing:0;margin:0 0 16px;color:white}
.home-v2 .home-v2-controls{display:flex;align-items:center;gap:8px}
.home-v2 .home-v2-progress{display:flex;align-items:center;justify-content:center;min-width:0;flex:1;min-height:44px;padding:10px 12px;border-radius:32px;background:#ffffff1f;backdrop-filter:blur(20px);font:700 16px/20px "Medeo Sans",Arial,sans-serif;color:#fff}
.home-v2 .home-v2-start{flex:0 0 132px;min-height:44px;padding:10px 14px;border:0;border-radius:50px;background:#fb6500;color:white;font:600 16px/20px "Medeo Sans",Arial,sans-serif;cursor:pointer}
.home-v2 .home-v2-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 32px}
.home-v2 .home-v2-shortcuts article{min-width:0;text-align:center}
.home-v2 .home-v2-shortcut-tile{height:64px;border-radius:20px;background:#ffffff14;display:grid;place-items:center;color:#ffffff66;font:500 11px/16px "Medeo Sans",Arial,sans-serif}
.home-v2 .home-v2-shortcuts h2{font:600 14px/20px "Medeo Sans",Arial,sans-serif;margin:6px 0 0;color:#fff}
.home-v2 .home-v2-watchlist{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0;padding:16px;border:0;border-radius:20px;overflow:hidden;background:#ffffff14;color:#fff;cursor:pointer;text-align:center}
.home-v2 .home-v2-watchlist-title{font:700 20px/24px "Medeo Sans",Arial,sans-serif;overflow-wrap:anywhere}
.home-v2 .home-v2-watchlist-count{font:600 14px/20px "Medeo Sans",Arial,sans-serif;color:#ffffff99}
.home-v2 .home-v2-poster-fan{display:block;position:relative;width:100%;height:204px;max-width:329px}
.home-v2 .home-v2-saved-poster{position:absolute;width:100px;height:150px;border:2px solid #fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 0 #0003}
.home-v2 .home-v2-saved-poster img{display:block;width:100%;height:100%;object-fit:cover}
.home-v2 .home-v2-saved-poster-0{left:calc(50% - 141.5px);top:27px;transform:rotate(-6deg)}
.home-v2 .home-v2-saved-poster-1{left:calc(50% + 27px);top:27px;transform:rotate(8deg)}
.home-v2 .home-v2-saved-poster-2{left:calc(50% - 60px);top:12px;width:120px;height:180px}
.home-v2 .home-v2-poster-count-1 .home-v2-saved-poster-0{left:calc(50% - 60px);top:12px;transform:none;width:120px;height:180px}
.home-v2 .home-v2-poster-count-2 .home-v2-saved-poster-0{left:calc(50% - 102px)}
.home-v2 .home-v2-poster-count-2 .home-v2-saved-poster-1{left:calc(50% - 4px)}
.home-v2 .home-v2-empty-poster{display:grid;place-items:center;height:132px;width:90px;border:1px solid #ffffff1c;border-radius:8px;background:linear-gradient(145deg,#ffffff0c,#ffffff02);margin:12px 0 20px;transform:rotate(-5deg);color:#ffffff50;font:300 40px/48px "Medeo Sans",Arial,sans-serif}
.home-v2 .home-test-tools{margin:16px 0 0}
.home-v2 .home-test-refresh{min-height:44px;padding:8px 12px;border:0;border-radius:14px;background:transparent;color:#8c8179;font:500 12px/18px "Medeo Sans",Arial,sans-serif}
.home-v2 .home-v2-avatar:focus-visible,.home-v2 .home-v2-start:focus-visible,.home-v2 .home-v2-watchlist:focus-visible{outline:2px solid #fb6500;outline-offset:3px}
@media(max-width:359px){.home-v2 .home-v2-art-canvas{--home-art-scale:.8}.home-v2 .home-v2-art{height:140px}.home-v2 .home-v2-brand{font-size:26px}.home-v2 .home-v2-progress{font-size:13px;padding-inline:8px}.home-v2 .home-v2-start{flex-basis:122px;font-size:14px}.home-v2 .home-v2-watchlist-title{font-size:18px}.home-v2 .home-v2-saved-poster-0{left:calc(50% - 119px)}.home-v2 .home-v2-saved-poster-1{left:calc(50% + 19px)}.home-v2 .home-v2-saved-poster{width:88px;height:132px}}
/* Figma 462:4424: restrained warm hero, static case symbols and empty list backings. */
.home-v3 .home-v2-hero{background:radial-gradient(ellipse 90% 110% at 100% 100%,#fb650029,transparent 100%),linear-gradient(180deg,#181818 15.217%,#2a2a2a 100%)}
.home-v3 .home-v2-photo{overflow:hidden}
.home-v3 .home-v3-symbol{position:absolute;max-width:none;max-height:none}
.home-v3 .home-v3-male{left:calc(50% - 20.27px);top:calc(50% - 19.35px);transform:rotate(1.59deg)}
.home-v3 .home-v3-question{left:calc(50% - 12.95px);top:calc(50% - 19.2px);transform:rotate(6.78deg)}
.home-v3 .home-v3-female-head{left:calc(50% - 19.53px);top:18.1px;transform:rotate(1.57deg)}
.home-v3 .home-v3-female-body{left:calc(50% - 21.97px);top:43.69px;transform:rotate(1.57deg)}
.home-v3 .home-v3-cross{left:0;top:0}
.home-v3 .home-v3-skills{border:2px dashed #ffffff14;background:transparent;color:#ffffff66;letter-spacing:1px;font:500 12px/16px "Medeo Sans",Arial,sans-serif}
.home-v3 .home-v3-training{position:relative;overflow:visible}
.home-v3 .home-v3-training-art{position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:113px;height:82px;object-fit:contain}
.home-v3 .home-v2-poster-fan{overflow:visible}
.home-v3 .home-v3-fan-backings{position:absolute;left:calc(50% - 147.72px);top:11.77px;max-width:none;max-height:none;display:block}
.home-v3 .home-v2-saved-poster.home-v3-poster-center{left:calc(50% - 62.39px);top:11.77px;width:120px;height:180px;transform:none}
.home-v3 .home-v2-saved-poster.home-v3-poster-right{left:calc(50% + 21.61px);top:25.5px;width:100px;height:150px;transform:rotate(8deg)}
@media(max-width:359px){.home-v3 .home-v2-poster-fan{transform:scale(.85);transform-origin:50% 50%;height:204px}}

.home-v2 button.home-v3-training{width:100%;border:0;cursor:pointer}.home-v2 .training-caption{margin:2px 0 0;font:500 11px/16px "Medeo Sans",Arial,sans-serif;color:#ffffff66}.training-loading{display:grid;gap:16px}.training-loading button{width:100%}

.header.training-header>.circle:first-child{display:flex;flex-shrink:0}.training-header .title{font-size:18px;gap:8px}.training-header>.muted{font-size:12px;white-space:nowrap}.training-header .count{font-size:12px;padding:6px 8px}
/* Figma 566:4992: mobile quiz catalogue; desktop home remains separate. */
.home-v4{max-width:430px;color:#fff;--home-orange:#fb6500}
.home-v4 .home-v4-header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}
.home-v4 .home-v4-brand{font:900 28px/34px "Medeo Sans",Arial,sans-serif;letter-spacing:0}
.home-v4 .home-v4-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1.5px solid #fff;border-radius:50%;overflow:hidden;background:#333;color:#fff;padding:0;font:700 20px/24px "Medeo Sans",Arial,sans-serif;cursor:pointer}
.home-v4 .home-v4-avatar img{width:100%;height:100%;object-fit:cover}
.home-v4 .home-v4-overline{margin:0 0 2px;font:500 12px/16px "Medeo Sans",Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#fff9}
.home-v4 .home-v4-quizzes h1{margin:0 0 16px;font:700 24px/32px "Medeo Sans",Arial,sans-serif;letter-spacing:0}
.home-v4 .home-v4-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.home-v4 .home-v4-game,.home-v4 .home-v4-channel{min-width:0;margin:0;padding:0;border:0;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse 100% 100% at 100% 0,#ffffff29,transparent 100%),#ffffff14;color:#fff;text-align:left}
.home-v4 .home-v4-game{display:flex;flex-direction:column;box-shadow:inset .5px 1px 0 #ffffff40;cursor:pointer;font:inherit}
.home-v4 .home-v4-game-art{display:block;width:100%;height:auto;aspect-ratio:175/140;object-fit:contain;flex:none}
.home-v4 .home-v4-game-copy{display:flex;flex-direction:column;gap:6px;flex:1;padding:4px 16px 16px}
.home-v4 .home-v4-game-title{display:block;min-height:40px;font:700 16px/20px "Medeo Sans",Arial,sans-serif}
.home-v4 .home-v4-game-description{display:block;font:500 12px/16px "Medeo Sans",Arial,sans-serif;color:#fff9}
.home-v4 .home-v4-channel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:0;border:1px solid transparent;background:none}
.home-v4 .home-v4-channel-art{display:block;width:calc(100% + 2px);margin:-1px -1px 0;aspect-ratio:175/140;background:url('assets/home-v3/channel-art.svg') center top/100% 100% no-repeat;flex:none}
.home-v4 .home-v4-channel-arrow{position:absolute;right:12px;top:11px;max-width:none;max-height:none}
.home-v4 .home-v4-channel-copy{display:flex;flex-direction:column;gap:6px;padding:6px 15px 16px}
.home-v4 .home-v4-art-frame{display:block;position:relative;width:100%;aspect-ratio:175/140;container-type:inline-size;flex:none}
.home-v4 .home-v4-year{position:absolute;top:32.857143%;font:700 6.857143cqw/1.333333 "Medeo Sans",Arial,sans-serif;background:linear-gradient(#fff,#2a2a2a);background-clip:text;-webkit-background-clip:text;color:transparent;pointer-events:none}
.home-v4 .home-v4-year-first{left:18.285714%}
.home-v4 .home-v4-year-second{left:57.714286%}
.home-v4 .home-v4-channel h2{margin:0;font:700 16px/20px "Medeo Sans",Arial,sans-serif;overflow-wrap:anywhere}
.home-v4 .home-v4-channel p{margin:0;font:500 12px/16px "Medeo Sans",Arial,sans-serif;color:#fff9}
.home-v4 .home-v2-watchlist{display:flex;align-items:center;gap:12px;min-width:0;width:100%;height:112px;margin:24px 0 0;padding:12px 16px;border:0;border-radius:20px;background:#ffffff14;color:#fff;text-align:left;cursor:pointer}
.home-v4 .home-v2-poster-fan{position:relative;display:block;width:114px;height:88px;flex:none}
.home-v4 .home-v2-saved-poster{position:absolute;display:block;top:5px;width:52px;height:78px;border:1px solid #fff;border-radius:7px;overflow:hidden;box-shadow:0 2px 0 #0003}
.home-v4 .home-v2-saved-poster img{display:block;width:100%;height:100%;object-fit:cover}
.home-v4 .home-v2-saved-poster-0{left:4px;transform:rotate(-4deg);z-index:3}
.home-v4 .home-v2-saved-poster-1{left:32px;transform:rotate(4deg);z-index:2}
.home-v4 .home-v2-saved-poster-2{left:59px;transform:rotate(-4deg);z-index:1}
.home-v4 .home-v3-fan-backings{position:absolute;left:0;top:6.62px;max-width:none;max-height:none;transform:scale(.39555);transform-origin:top left}
.home-v4 .home-v2-poster-count-1 .home-v2-saved-poster-0{left:32px;transform:none}
.home-v4 .home-v2-poster-count-2 .home-v2-saved-poster-0{left:17px}
.home-v4 .home-v2-poster-count-2 .home-v2-saved-poster-1{left:47px}
.home-v4 .home-v4-watchlist-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.home-v4 .home-v2-watchlist-title{font:700 20px/24px "Medeo Sans",Arial,sans-serif}
.home-v4 .home-v2-watchlist-count{font:600 14px/20px "Medeo Sans",Arial,sans-serif;color:#fff9}
.home-v4 .home-v4-more{display:flex;gap:12px;margin-top:16px}
.home-v4 .home-v4-more button{flex:1;min-width:0;min-height:44px;padding:10px 8px;border:1px solid #ffffff14;border-radius:14px;background:transparent;color:#ffffffb3;font:500 12px/18px "Medeo Sans",Arial,sans-serif;cursor:pointer}
.home-v4 button:focus-visible{outline:2px solid #fb6500;outline-offset:3px}
.home-v4 .home-test-tools{margin:12px 0 0}
.home-v4 .home-test-refresh{border:0;background:transparent;color:#8c8179;font:500 12px/18px "Medeo Sans",Arial,sans-serif}
@media(max-width:359px){.home-v4 .home-v4-quizzes h1{font-size:21px;line-height:28px}.home-v4 .home-v4-brand{font-size:26px}.home-v4 .home-v4-game-copy,.home-v4 .home-v4-channel-copy{padding-left:12px;padding-right:12px}.home-v4 .home-v4-game-title,.home-v4 .home-v4-channel h2{font-size:15px}.home-v4 .home-v2-watchlist{gap:8px;padding-inline:12px}.home-v4 .home-v2-watchlist-title{font-size:18px}}

.home-v4 .home-v4-channel::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:url("assets/home-v3/channel-outline.svg") center/100% 100% no-repeat}

/* Home — Figma 449:2650. The native app/browser supplies its own status bar. */
.home-landing{width:100%;min-width:0;display:flex;flex-direction:column;gap:32px;padding:8px 0 24px;color:#fff}
.home-landing button{font-family:"Medeo Sans",Arial,sans-serif}
.landing-header{height:48px;display:flex;align-items:center;justify-content:space-between;flex:none}
.landing-brand{font-size:28px;line-height:32px;font-weight:900;letter-spacing:0}
.landing-header-actions{display:flex;align-items:center;gap:8px}
.landing-avatar{padding:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffffff1f;flex:none}
.landing-avatar{overflow:hidden;font-size:20px;font-weight:700;background:#333}
.landing-avatar>img{display:block;width:48px;height:48px;object-fit:cover}
.landing-eyebrow{color:#ffffff99;font-size:12px;line-height:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0 0 2px}
.landing-quizzes h1{font-size:24px;line-height:32px;font-weight:700;letter-spacing:0;margin:0 0 16px}
.landing-game-rail,.landing-film-rail,.landing-collection-rail{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;gap:8px;padding:0 20px 0 0;margin-right:-20px}
.landing-game-rail::-webkit-scrollbar,.landing-film-rail::-webkit-scrollbar,.landing-collection-rail::-webkit-scrollbar{display:none}
.landing-game{position:relative;flex:0 0 168px;width:168px;min-height:240px;border:1px solid transparent;border-radius:20px;overflow:hidden;padding:0;text-align:left;scroll-snap-align:start;background:radial-gradient(ellipse 75% 48% at 70% 0%,#ffffff29,transparent),linear-gradient(#2a2a2a,#2a2a2a);isolation:isolate}
.landing-game:before{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff26;pointer-events:none}
.landing-game-art{display:block;width:166px;height:140px;max-width:none;margin:0;filter:none}
.landing-game-copy{display:flex;flex-direction:column;gap:6px;padding:4px 16px 16px;min-height:98px}
.landing-game-copy>strong{display:block;font-size:16px;line-height:20px;font-weight:700}
.landing-game-copy>span{display:block;font-size:12px;line-height:16px;font-weight:500;color:#ffffff99}
.landing-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:32px;margin-bottom:12px}
.landing-heading h2{font-size:24px;line-height:32px;font-weight:700;margin:0}
.landing-heading>button{padding:0;background:none;color:#fb6500;font-size:16px;line-height:20px;font-weight:600;white-space:nowrap}
.landing-film-rail{gap:10px;padding-top:4px;margin-top:-4px}
.landing-film{flex:0 0 136px;width:136px;position:relative;scroll-snap-align:start;min-width:0}
.landing-film-open{padding:0;background:none;width:100%;text-align:left;display:flex;flex-direction:column;gap:8px}
.landing-poster{display:block;width:100%;aspect-ratio:2/3;border:1px solid #ffffff29;border-radius:8px;background:#282828;overflow:hidden}
.landing-poster>img{display:block;width:100%;height:100%;object-fit:cover}
.landing-poster>span{display:grid;place-items:center;height:100%;font-size:32px;color:#888}
.landing-film-open>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:16px;font-weight:500;height:32px;letter-spacing:0;width:100%}
.landing-save{position:absolute;right:-4px;top:-4px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#555a;backdrop-filter:blur(20px);padding:0}
.landing-save>img{display:block;width:20px;height:20px;opacity:.6}
.landing-save.is-saved{background:#ff6b00}.landing-save.is-saved>img{opacity:1}
.landing-empty{padding:24px 16px;border-radius:20px;background:#ffffff0a;color:#aaa;line-height:20px;font-size:14px;min-height:80px}
.landing-retry{margin-top:12px;border-radius:24px;padding:12px 20px;background:#333}
.landing-collection{flex:0 0 100%;width:100%;position:relative;border-radius:24px;background:#ffffff14;padding:16px;scroll-snap-align:start;overflow:hidden}
.landing-collection-open{display:flex;flex-direction:column;gap:4px;padding:0;width:100%;background:none;text-align:left}
.landing-collection .collection-fan-hero{height:176px;width:100%;max-width:330px;margin:0;flex:none}
.landing-collection-open>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;line-height:24px;font-weight:700;min-height:48px;width:100%;padding-top:4px}
.landing-collection-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:20px}
.landing-author{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px;color:#ffffff80;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.landing-author>span{display:grid;place-items:center;width:20px;height:20px;flex:none;background:#555;border-radius:50%;font-size:10px;color:#bbb;font-weight:700}
.landing-likes{display:flex;align-items:center;gap:3px;border-radius:24px;background:#ffffff1f;padding:2px 6px;font-size:12px;line-height:16px;flex:none}
.landing-likes>img{display:block;width:16px;height:16px}
.landing-progress{position:absolute;right:16px;top:16px;padding:3px 8px;border-radius:24px;background:#555c;backdrop-filter:blur(20px);color:#fff;font-size:12px;line-height:16px;pointer-events:none}
.landing-detail-header{display:flex;align-items:center;gap:16px}.landing-detail-header>button{width:48px;height:48px;border-radius:50%;background:#333;font-size:32px;flex:none}.landing-detail-header h1{font-size:24px;line-height:32px}
.landing-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.landing-film-grid .landing-film{width:100%}
@media(max-width:359px){.landing-brand{font-size:26px}.landing-quizzes h1,.landing-heading h2{font-size:21px;line-height:28px}.landing-heading>button{font-size:14px}.landing-collection-open>strong{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.landing-game-rail,.landing-film-rail,.landing-collection-rail{scroll-behavior:smooth}}
html[data-layout="mobile"] .desktop-shell:has(.home-landing){max-width:402px}
.home-landing{padding-top:4px}
.landing-collection-footer{min-height:22px}
.landing-collection-open>strong{padding-top:0}
.landing-info-links{display:flex;flex-wrap:wrap;gap:8px 16px;border-top:1px solid #ffffff12;padding-top:20px;font-size:12px;line-height:20px;color:#999}
.landing-info-links a{padding-block:6px;text-underline-offset:3px}

/* Desktop homepage — Figma 849:11975. */
.landing-desktop-copy,.landing-channel,.landing-heading-chevron,.landing-rail-controls{display:none}
.landing-game-copy>.landing-desktop-copy{display:none}
.landing-shelf-title{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left}
html[data-layout][data-viewport="desktop"] .home-landing{gap:32px}
html[data-layout][data-viewport="desktop"] .landing-quizzes h1{font-size:24px;line-height:32px;margin-bottom:12px}
html[data-layout][data-viewport="desktop"] .landing-game-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:0;overflow:visible}
html[data-layout][data-viewport="desktop"] .home-landing .landing-game{width:100%;min-height:238px;border:0;border-radius:24px;background:radial-gradient(ellipse at 72% -5%,#ffffff29,transparent 65%),#1e1e1e;transition:filter 180ms ease}
html[data-layout][data-viewport="desktop"] .landing-game:before{display:none}
html[data-layout][data-viewport="desktop"] .landing-game-art{width:100%;height:140px;object-fit:fill}
html[data-layout][data-viewport="desktop"] .landing-game-copy{padding:4px 16px 16px;gap:6px;min-height:98px}
html[data-layout][data-viewport="desktop"] .landing-game-copy>strong{min-height:40px;font-size:16px;line-height:20px}
html[data-layout][data-viewport="desktop"] .landing-game-copy>span{font-size:12px;line-height:16px}
html[data-layout][data-viewport="desktop"] .landing-mobile-copy,html[data-layout][data-viewport="desktop"] .landing-mobile-all{display:none}
html[data-layout][data-viewport="desktop"] .landing-desktop-copy{display:block}
html[data-layout][data-viewport="desktop"] .home-landing .landing-channel{display:block;text-decoration:none;background:none;text-align:center}
html[data-layout][data-viewport="desktop"] .landing-channel .landing-game-art{object-fit:contain}
html[data-layout][data-viewport="desktop"] .landing-channel .landing-game-copy>strong{display:flex;align-items:end;justify-content:center}
.landing-channel-arrow{position:absolute;right:12px;top:12px}
html[data-layout][data-viewport="desktop"] .landing-heading{align-items:center;min-height:34px;margin-bottom:12px}
html[data-layout][data-viewport="desktop"] .landing-heading h2{font-size:24px;line-height:32px}
html[data-layout][data-viewport="desktop"] .landing-heading-chevron{display:block;flex:none;opacity:.6;transform:rotate(180deg)}
html[data-layout][data-viewport="desktop"] .landing-rail-controls{display:flex;gap:4px;flex:none}
.landing-rail-controls button{display:grid;place-items:center;width:34px;height:34px;padding:5px;border:1px solid transparent;border-radius:50%;background:linear-gradient(#1e1e1e,#1e1e1e) padding-box,linear-gradient(135deg,#ffffff2e,#ffffff03) border-box;transition:background-color .18s,filter .18s}
.landing-rail-controls button img{display:block;flex:none;max-width:none;opacity:.6}
.landing-rail-controls [data-home-direction="1"] img{transform:rotate(180deg)}
.landing-rail-controls button:disabled{opacity:.4;cursor:default}
html[data-layout][data-viewport="desktop"] :is(.landing-film-rail,.landing-collection-rail){gap:10px;margin:0;padding:4px 0 0;scrollbar-width:none;scroll-snap-type:x mandatory}
html[data-layout][data-viewport="desktop"] :is(.landing-film-rail,.landing-collection-rail)::-webkit-scrollbar{display:none}
html[data-layout][data-viewport="desktop"] .landing-film{flex:0 0 136px;width:136px}
html[data-layout][data-viewport="desktop"] .landing-film-open>strong{font-size:12px;line-height:16px;height:32px}
html[data-layout][data-viewport="desktop"] .landing-collection-rail{gap:8px}
html[data-layout][data-viewport="desktop"] .landing-collection{flex:0 0 calc((100% - 8px)/2);width:calc((100% - 8px)/2);min-width:0;background:#1e1e1e;transition:background-color 180ms ease}
.landing-film .landing-poster{transform:translateY(0) scale(1);transform-origin:center bottom;box-shadow:0 0 0 #0000;transition:transform 420ms cubic-bezier(.22,1,.36,1),box-shadow 420ms ease,border-color 300ms ease}
.landing-film .landing-poster>img{transform:scale(1);transform-origin:center;transition:transform 600ms cubic-bezier(.22,1,.36,1)}
.landing-save{transform:translate(0,0);transition:transform 420ms cubic-bezier(.22,1,.36,1),background-color 180ms ease,filter 180ms ease}
.landing-save>img{transition:opacity 180ms ease}
.home-landing :is(button,a):focus-visible{outline:2px solid #fe5400;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 html[data-layout][data-viewport="desktop"] .landing-game:hover{filter:brightness(1.08)}
 html[data-layout][data-viewport="desktop"] .landing-film:hover{z-index:2}
 html[data-layout][data-viewport="desktop"] .landing-film:hover .landing-poster{transform:translateY(-3px) scale(1.045);border-color:#ffffff3d;box-shadow:0 12px 24px -8px #0009}
 html[data-layout][data-viewport="desktop"] .landing-film:hover .landing-save{transform:translate(3px,-12px)}
 html[data-layout][data-viewport="desktop"] .landing-film:hover .landing-poster>img{transform:scale(1.015)}
 html[data-layout][data-viewport="desktop"] .landing-save:hover{background-color:#555}.landing-save:hover>img{opacity:1}
 html[data-layout][data-viewport="desktop"] .landing-save.is-saved:hover{background-color:#ff7b22}
 html[data-layout][data-viewport="desktop"] .landing-collection:hover{background:#252525}
 html[data-layout][data-viewport="desktop"] .landing-shelf-title:hover img{opacity:1}
 html[data-layout][data-viewport="desktop"] .landing-rail-controls button:not(:disabled):hover{filter:brightness(1.3)}
 html[data-layout][data-viewport="desktop"] .landing-info-links a:hover{color:#fff}
}
@media(prefers-reduced-motion:reduce){.home-landing :is(button,a,.landing-poster,.landing-poster>img,.landing-save>img){transition:none!important}}

.landing-provider{display:none}
html[data-layout][data-viewport="desktop"] .landing-provider{display:block;overflow:hidden;padding:24px;border-radius:32px}
html[data-layout][data-viewport="desktop"] .landing-provider-prime{background:radial-gradient(ellipse 85% 80% at 50% 140%,#0578ffcc,transparent),#00142b}
html[data-layout][data-viewport="desktop"] .landing-provider-netflix{background:radial-gradient(ellipse 85% 80% at 50% 140%,#e50914cc,transparent),#270002}
html[data-layout][data-viewport="desktop"] .landing-provider .landing-film{flex-basis:124px;width:124px}
html[data-layout][data-viewport="desktop"] .landing-provider .landing-heading{margin-bottom:12px}

/* Keep a stable hit area as the frame and its bookmark lift away from the pointer. */
@media(hover:hover) and (pointer:fine){
 html[data-layout][data-viewport="desktop"] .landing-film{isolation:isolate}
 html[data-layout][data-viewport="desktop"] .landing-film::before{content:"";position:absolute;inset:-16px -4px 0;z-index:-1}
}
/* Reserve paint space for the lifted poster without changing shelf spacing. */
html[data-layout][data-viewport="desktop"] .landing-film-rail{padding:14px 4px 12px;margin:-10px -4px -12px;scroll-padding-inline:4px}
@media(prefers-reduced-motion:reduce){
 /* Keep this explicitly requested microinteraction gentle, even when larger motion is reduced. */
 html[data-layout][data-viewport="desktop"] .home-landing .landing-film .landing-poster{transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease!important}
 html[data-layout][data-viewport="desktop"] .home-landing .landing-film .landing-save{transition:transform 220ms ease,background-color 180ms ease!important}
 html[data-layout][data-viewport="desktop"] .landing-film:hover .landing-poster{transform:translateY(-1px) scale(1.015)}
 html[data-layout][data-viewport="desktop"] .landing-film:hover .landing-poster>img{transform:none}
 html[data-layout][data-viewport="desktop"] .landing-film:hover .landing-save{transform:translate(1px,-4px)}
}

/* Updated Figma 849:11975: more is inset into the poster, not outside its corner. */
.landing-save>.landing-more-icon{display:none}
html[data-layout][data-viewport="desktop"] .landing-poster{border-radius:12px}
html[data-layout][data-viewport="desktop"] .home-landing .landing-save.landing-poster-actions{top:6px;right:6px;width:32px;height:32px;padding:0;border:0;background:none;backdrop-filter:none}
html[data-layout][data-viewport="desktop"] .landing-poster-actions>.landing-bookmark-icon{display:none}
html[data-layout][data-viewport="desktop"] .landing-poster-actions>.landing-more-icon{display:block;width:32px;height:32px;max-width:none;opacity:1}
html[data-layout][data-viewport="desktop"] .landing-provider .landing-rail-controls button{background:linear-gradient(#ffffff29,#ffffff29) padding-box,linear-gradient(#18181866,#18181866) padding-box,linear-gradient(135deg,#ffffff29,#ffffff08) border-box;backdrop-filter:blur(20px)}
html[data-layout][data-viewport="desktop"] .landing-provider .landing-rail-controls button:disabled{opacity:.3}
@media(hover:hover) and (pointer:fine){
 html[data-layout][data-viewport="desktop"] .home-landing .landing-save.landing-poster-actions:hover{background:none;filter:brightness(1.15)}
}