/* The window is the app canvas. Content can scroll; actions never sit below it. */
html{height:100%;overflow:hidden;scroll-behavior:auto}body{height:100vh;height:100dvh;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0}.site-header{padding:12px clamp(16px,4vw,56px);min-height:58px}.brand-logo{width:clamp(150px,18vw,210px)}.header-link{min-height:44px;font-size:11px;padding:9px 16px}.site-footer{padding:0 16px;min-height:37px;gap:0 15px;line-height:1.3;flex-wrap:nowrap;justify-content:center}.site-footer>span:last-child{display:none}.site-footer .text-link{font-size:10px;min-height:36px;padding:6px 0}.site-footer>span:first-child{font-size:9px;white-space:nowrap}main{width:100%;height:100%;min-height:0;overflow:hidden;max-width:1440px}.app-view.viewport-view,.app-view.viewport-view:not(.start-screen){display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0!important;max-height:100%;max-width:1320px;width:100%;padding:0 clamp(16px,4vw,55px);margin:0 auto;overflow:hidden}.app-view.viewport-view.start-screen{max-width:1440px;padding:0}.app-view.viewport-view.has-view-nav{grid-template-rows:auto minmax(0,1fr) auto}.view-scroll{overflow:auto;overscroll-behavior:contain;min-width:0;min-height:0;padding:14px 7px 18px;scroll-padding:14px;scrollbar-width:thin;scrollbar-color:#9cae8f55 transparent;outline:none}.view-scroll:focus-visible{outline:2px solid #172b2360;outline-offset:-3px;border-radius:12px}.view-actions{min-width:0;position:relative;padding:10px 7px 9px;z-index:2;background:linear-gradient(180deg,#fff8eddb,#fff8ed 20%);border-radius:25px 25px 0 0;box-shadow:0 -10px 26px #75582705}.page-nav{min-height:36px;margin:0;padding:0 7px;gap:12px;flex-wrap:wrap}.page-nav .back,.page-nav .subtle-button{min-height:36px;padding-top:3px;padding-bottom:3px;line-height:1.3}.page-nav .back{font-size:11px}.page-nav .subtle-button{font-size:11px}.btn,.button.play{min-height:46px;line-height:1.35}.btn{font-size:14px;padding:10px 22px}.subtle-button,.text-link{min-height:44px}.app-view:not(.start-screen) h1{font-size:clamp(26px,4.5dvh,42px);line-height:1.2}.page-intro{font-size:13px;line-height:1.6;margin-top:10px}.view-actions :is(.card-controls,.category-bottom,.offer-actions,.return-row,.end-return,.complete-actions,.start){margin:0;max-width:none}.view-actions .safe-note{font-size:10px;line-height:1.5}.view-actions .play-note{margin-top:5px}.view-actions .play-mode{margin-top:3px;font-size:9px}.actions-card .card-controls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.actions-card .card-controls .btn{width:auto;min-width:210px}.actions-card .card-controls .subtle-button{min-width:140px;max-width:230px;font-size:11px;padding:8px 13px}.actions-card .play-note,.actions-card .play-mode{text-align:center}.play-grid{height:100%;min-height:0;align-items:stretch;grid-template-columns:minmax(0,1fr) 200px;gap:25px}.card,.play-page .card{height:100%;min-height:0;padding:clamp(18px,3dvh,32px);border-radius:36px 27px 39px 28px;overflow:auto;scrollbar-width:thin;scroll-padding:15px}.card .tag{flex-shrink:0;padding:8px 13px;font-size:10px}.card-surface{flex:0 0 auto}.play-page .card h1{font-size:clamp(22px,4.1dvh,36px);line-height:1.32;margin-top:clamp(14px,3dvh,28px);letter-spacing:-.6px}.card .hint{font-size:clamp(12px,1.8dvh,14px);line-height:1.65;margin-top:clamp(12px,2.5dvh,22px)}.play-aside{min-height:0;padding:8px 0 0;justify-content:center;overflow:hidden}.play-aside .leo-figure{--leo-height:clamp(140px,42dvh,310px)}.play-aside p{font-size:12px;margin-bottom:8px;padding:8px 15px}.category-page .page-title{max-width:none!important;text-align:center;margin:0 auto;font-size:clamp(25px,4.4dvh,38px)!important}.category-page .page-intro{text-align:center;margin-top:8px;font-size:13px}.category-page .page-intro br{display:none}.category-stage{margin-top:10px;grid-template-columns:minmax(0,1fr) 210px;gap:28px}.categories{gap:11px;margin:8px 0}.category{min-height:clamp(65px,11dvh,100px);padding:15px 27px;gap:20px;border-radius:45px 32px 44px 34px}.category strong{font-size:clamp(17px,2.8dvh,22px);margin-bottom:5px}.category .description{font-size:12px;line-height:1.45}.category .icon{width:32px;height:32px}.category-visual .leo-figure{--leo-height:clamp(150px,37dvh,300px)}.category-visual p{font-size:14px;margin-top:6px}.category-page .view-scroll>.text-link{display:none}.actions-categories .category-bottom{display:flex;flex-direction:row;justify-content:center;gap:24px}.actions-categories .category-bottom .btn{min-width:220px;width:auto}.actions-categories .safe-note{text-align:left}.offer-grid{gap:20px;align-items:center}.offer-copy .page-title{font-size:clamp(27px,4.6dvh,41px)!important}.offer-copy>.page-intro{margin-bottom:12px}.offer-panel{padding:10px 10px 10px 0;margin-top:4px}.offer-panel h2{font-size:16px}.offer-panel p{font-size:13px;line-height:1.65}.offer-visual{margin:0;min-width:0}.offer-visual .family-art{max-height:46dvh;object-fit:contain}.offer-visual p{font-size:12px;line-height:1.5;margin-top:0}.view-actions .offer-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;margin:0}.view-actions .training-cta{font-size:13px;min-height:56px;padding:8px 17px;gap:2px;width:100%;line-height:1.35}.view-actions .training-cta small{font-size:9px}.view-actions .offer-actions .text-link{font-size:11px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px 10px;line-height:1.45}.view-actions .site-address{display:none}.actions-offer{display:flex;gap:14px;align-items:center}.actions-offer .offer-actions{flex:1}.actions-offer .return-row{flex:0 0 auto}.actions-offer .return-row button{font-size:11px;padding:8px 14px}.end-grid{gap:24px}.end-hello .eyebrow{margin-top:0}.end-hello h1{font-size:clamp(27px,4.6dvh,41px)!important;margin-top:8px!important;line-height:1.2!important}.end-hello .page-intro{margin-top:12px;font-size:13px;line-height:1.65}.end-hello .family-art{width:100%;max-width:100%;margin:5px 0 0;max-height:38dvh;object-fit:contain}.end-invite{padding:15px 8px}.end-invite h2{font-size:clamp(24px,3.8dvh,33px)}.end-invite>p{font-size:13px;line-height:1.65;margin-top:12px}.actions-end{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:20px;align-items:center}.actions-end .end-return{display:flex;align-items:center;gap:10px}.actions-end .end-return>.btn{min-width:0;flex:1;font-size:13px;padding:11px 18px}.actions-end .end-return>br{display:none}.actions-end .end-return>.subtle-button{min-width:110px;margin:0;font-size:11px;line-height:1.4;padding:6px 10px}.complete-page.viewport-view,.error-page.viewport-view{padding-top:0!important;min-height:0!important}.complete-page .view-scroll,.error-page .view-scroll{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:20px}.complete-page .view-scroll>.icon{width:50px;height:50px;margin:0 0 15px;flex-shrink:0}.complete-page h1,.error-page h1{font-size:clamp(27px,4.5dvh,40px)!important}.complete-page p,.error-page p{font-size:13px;line-height:1.7;margin-top:15px}.view-actions .complete-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.view-actions .complete-actions .btn{font-size:13px;min-width:0}.actions-error .complete-actions{grid-template-columns:1fr;max-width:360px;margin:auto}.actions-complete>.safe-note{margin-top:5px;font-size:10px}.start-screen .view-scroll{padding:0;scroll-padding:10px}.start-screen .hero{min-height:0;padding-bottom:24px}.start-screen .hero .lead{margin-bottom:10px}.start-screen .hero .scene{position:relative;grid-column:2;right:auto;top:auto;width:100%;max-width:900px}.start-screen .hero{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.4fr);gap:15px;align-items:center;padding-top:14px}.start-screen .hero .intro{display:block;grid-column:1;grid-row:1;max-width:100%;padding:0}.start-screen .hero .scene{grid-row:1}.start-screen .hero h1{font-size:clamp(42px,7dvh,70px)!important}.start-screen .hero h1 span{font-size:clamp(54px,8.9dvh,89px)!important}.start-screen .hero .intro h2{font-size:clamp(18px,3dvh,26px)}.start-screen .title-swish{margin-top:12px;margin-bottom:16px;max-width:80%}.start-screen .hero .intro>.kicker{margin-bottom:15px}.start-screen .hero .scene>img{max-height:55dvh;object-fit:contain}.start-screen .hero .doodle-spark{display:none}.start-screen .hero .doodle-heart{top:8px;right:6%;font-size:35px}.start-screen .hero .scene figcaption{font-size:12px;padding:10px 20px;bottom:2%;left:24%;max-width:270px}.start-screen .hero .lead{font-size:13px;line-height:1.65;margin-top:16px}.start-screen .discover{padding-top:20px;padding-bottom:22px}.start-screen .invitation{padding-top:45px;padding-bottom:35px}.actions-start .start{text-align:center;width:100%;padding:0}.actions-start .play{min-height:50px;min-width:260px;width:auto;max-width:360px;font-size:18px;padding:10px 28px}.actions-start .start>p{font-size:9px;margin:8px 0 0;line-height:1.4}.actions-start{padding-left:16px;padding-right:16px}.view-actions button:focus-visible,.view-actions a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:850px){.play-grid{grid-template-columns:minmax(0,1fr) 155px;gap:15px}.play-aside .leo-figure{--leo-height:clamp(140px,36dvh,260px)}.category-stage{grid-template-columns:minmax(0,1fr) 160px;gap:15px}.category-visual .leo-figure{--leo-height:clamp(150px,30dvh,240px)}.actions-end{grid-template-columns:1fr;gap:5px}.actions-end .end-return{justify-content:center}.actions-end .end-return>.btn{max-width:340px}.actions-end .end-return>.subtle-button{max-width:180px}.start-screen .hero{grid-template-columns:minmax(250px,.85fr) minmax(0,1.2fr);padding-left:5%;padding-right:4%}.start-screen .hero .scene figcaption{left:9%;max-width:240px;font-size:11px}.actions-offer{gap:5px}.actions-offer .return-row button{max-width:80px;font-size:10px}}
@media(max-width:680px){.site-header{padding:8px 16px;justify-content:center;min-height:52px}.brand-logo{width:172px}.site-footer{min-height:34px;padding:0 10px;gap:0 10px;flex-wrap:nowrap}.site-footer>span:first-child{font-size:8px}.site-footer .text-link{font-size:9px;min-height:34px;padding:4px 0}.app-view.viewport-view,.app-view.viewport-view:not(.start-screen){padding:0 12px}.app-view.viewport-view.start-screen{padding:0}.view-scroll{padding:9px 5px 12px}.view-actions{padding:8px 5px 7px;border-radius:20px 20px 0 0}.page-nav{padding:0 5px;min-height:34px;gap:8px;flex-wrap:nowrap}.page-nav .back,.page-nav .subtle-button{font-size:10px;min-height:34px;padding:4px 0}.page-nav .subtle-button{max-width:145px}.play-grid{display:block}.play-aside{display:none}.card,.play-page .card{min-height:0;padding:20px;border-radius:30px 23px 31px 23px}.card .tag{font-size:10px;padding:8px 12px;gap:8px}.card .tag .icon{width:23px;height:23px}.play-page .card h1{font-size:clamp(21px,3.5dvh,29px);line-height:1.35;margin-top:18px}.card .hint{font-size:12px;margin-top:16px;line-height:1.65}.actions-card .card-controls{gap:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(95px,.65fr)}.actions-card .card-controls .btn{min-width:0;width:100%;font-size:14px;padding:10px 16px;min-height:48px;gap:12px}.actions-card .card-controls .subtle-button{min-width:0;width:100%;font-size:10px;padding:5px 7px;line-height:1.4;min-height:44px}.actions-card .play-note{font-size:9px;line-height:1.4;margin-top:5px}.actions-card .play-mode{font-size:8px;margin-top:3px}.category-page .page-title{font-size:clamp(24px,4dvh,32px)!important;line-height:1.16;max-width:350px!important;margin:0 auto}.category-page .page-intro{font-size:12px;line-height:1.5;margin:8px 0}.category-stage{display:block;margin-top:5px}.category-visual{display:none}.categories{margin:5px 0;gap:9px}.category{min-height:clamp(62px,10dvh,90px);padding:12px 20px;gap:14px;border-radius:35px 27px 36px 27px}.category:nth-child(2){border-radius:28px 36px 27px 36px}.category:nth-child(3){border-radius:36px 28px 36px 27px}.category .icon{width:29px;height:29px}.category strong{font-size:18px;margin-bottom:4px}.category .description{font-size:11px;line-height:1.4}.category .chevron{right:14px}.actions-categories .category-bottom{display:flex;flex-direction:column;gap:6px}.actions-categories .category-bottom .btn{width:100%;min-width:0;max-width:350px;font-size:14px;min-height:46px}.actions-categories .safe-note{text-align:center;font-size:9px;line-height:1.4}.actions-categories .safe-note br{display:none}.offer-grid{display:flex;flex-direction:column;gap:10px}.offer-copy .page-title{font-size:clamp(25px,4dvh,34px)!important;line-height:1.2}.offer-copy>.page-intro{font-size:12px;line-height:1.6;margin-top:10px;margin-bottom:11px}.offer-panel{padding:8px 4px;margin-top:4px}.offer-panel h2{font-size:15px}.offer-panel p{font-size:12px;line-height:1.6;margin-top:6px}.offer-visual{margin:0 -5px;width:calc(100% + 10px)}.offer-visual .family-art{max-height:28dvh;object-fit:contain}.offer-visual p{display:none}.actions-offer{display:grid;grid-template-columns:1fr;gap:3px}.view-actions .offer-actions{grid-template-columns:minmax(0,1fr) 75px;gap:5px}.view-actions .training-cta{font-size:11px;padding:8px 10px;min-height:56px;line-height:1.3;gap:2px}.view-actions .training-cta small{font-size:8px}.view-actions .offer-actions .text-link{font-size:10px;line-height:1.4;padding:3px;min-height:44px}.actions-offer .return-row{text-align:center;max-width:none}.actions-offer .return-row button{max-width:none;width:100%;font-size:10px;min-height:36px;padding:4px 10px}.end-grid{display:flex;gap:8px;flex-direction:column}.end-hello .eyebrow{font-size:8px;margin-top:0}.end-hello h1{font-size:clamp(25px,4dvh,34px)!important;line-height:1.2!important;margin-top:8px!important}.end-hello .page-intro{font-size:12px;line-height:1.6;margin-top:10px}.end-hello .family-art{width:100%;max-width:100%;margin:5px 0 0;max-height:28dvh;object-fit:contain}.end-invite{padding:0 5px 8px}.end-invite h2{font-size:clamp(23px,3.5dvh,29px);line-height:1.25}.end-invite>p{font-size:12px;line-height:1.65;margin-top:10px}.actions-end{gap:6px}.actions-end .end-return{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:6px}.actions-end .end-return>.btn{width:100%;max-width:none;font-size:12px;min-height:46px;padding:9px 15px;gap:8px}.actions-end .end-return>.subtle-button{width:100%;min-width:0;font-size:10px;padding:4px 5px;min-height:44px;line-height:1.4}.complete-page .view-scroll,.error-page .view-scroll{padding-top:16px;justify-content:flex-start}.complete-page .view-scroll>.icon{width:42px;height:42px;margin:5px 0 15px}.complete-page h1,.error-page h1{font-size:clamp(25px,4dvh,33px)!important}.complete-page p,.error-page p{font-size:12px;line-height:1.7;margin-top:13px}.view-actions .complete-actions{grid-template-columns:1fr 1fr;gap:7px}.view-actions .complete-actions>.btn:first-child{grid-column:1/-1}.view-actions .complete-actions .btn{font-size:11px;min-height:45px;padding:9px 12px}.view-actions .complete-actions>.subtle-button{font-size:10px;min-height:44px;padding:5px 7px}.actions-complete>.safe-note{margin-top:4px;font-size:9px}.actions-error .complete-actions{grid-template-columns:1fr}.start-screen .hero{display:flex;flex-direction:column;gap:0;padding:10px 0 15px}.start-screen .hero .intro{display:contents}.start-screen .hero .intro>.kicker{order:0;font-size:8px;margin:1px 10px 10px}.start-screen .hero h1{order:1;text-align:center;font-size:clamp(34px,5.5dvh,50px)!important;line-height:.94}.start-screen .hero h1 span{font-size:clamp(45px,7.1dvh,66px)!important}.start-screen .hero .title-swish{order:2;margin:10px auto 12px;width:220px;height:8px}.start-screen .hero .intro h2{order:3;font-size:clamp(15px,2.25dvh,19px);line-height:1.35;margin:0 15px;max-width:calc(100% - 30px)}.start-screen .hero .scene{order:4;display:block;width:100%;margin-top:6px}.start-screen .hero .scene>img{max-height:30dvh;width:100%;height:auto;object-fit:contain}.start-screen .hero .scene figcaption{position:relative;left:auto;bottom:auto;margin:-12px auto 0;max-width:245px;font-size:11px;padding:8px 15px}.start-screen .hero .scene figcaption svg{display:none}.start-screen .hero .lead{order:5;font-size:12px;line-height:1.6;margin:12px 18px 0}.start-screen .hero .doodle-heart{top:90px;right:7%;font-size:25px}.actions-start .play{width:100%;max-width:350px;min-width:0;font-size:17px;min-height:48px;padding:10px 25px}.actions-start .start>p{font-size:8px;margin-top:6px}.start-screen .discover{padding:20px 18px}.start-screen .invitation{padding:30px 20px}.start-screen .discover h2{font-size:24px}.start-screen .moments article{min-height:110px}}
@media(max-height:650px){.site-header{padding-top:5px;padding-bottom:5px;min-height:44px}.brand-logo{width:155px}.site-header .header-link{min-height:34px;font-size:10px;padding:5px 13px}.site-footer{min-height:30px}.site-footer .text-link{min-height:30px;font-size:9px}.view-scroll{padding-top:7px;padding-bottom:9px}.view-actions{padding-top:6px;padding-bottom:5px}.page-nav{min-height:32px}.page-nav .back,.page-nav .subtle-button{min-height:32px}.card,.play-page .card{padding:16px 20px;border-radius:26px 21px 28px 21px}.card .tag{padding:5px 10px;font-size:9px}.card .tag .icon{width:20px;height:20px}.play-page .card h1{font-size:clamp(20px,4dvh,27px);line-height:1.3;margin-top:13px}.card .hint{font-size:12px;margin-top:12px;line-height:1.55}.play-aside .leo-figure{--leo-height:clamp(140px,37dvh,230px)}.play-aside p{font-size:11px;padding:5px 10px;margin-bottom:3px}.category-page .page-title{font-size:clamp(23px,4.8dvh,30px)!important}.category-page .page-intro{margin:5px 0;font-size:12px}.categories{gap:7px;margin:3px 0}.category{min-height:61px;padding-top:10px;padding-bottom:10px}.category strong{font-size:17px}.category .description{font-size:11px}.category-stage{margin-top:5px}.category-visual .leo-figure{--leo-height:clamp(140px,33dvh,210px)}.category-visual p{font-size:12px}.view-actions .training-cta{min-height:51px;font-size:11px}.view-actions .training-cta small{font-size:8px}.actions-card .play-note{font-size:9px}.actions-card .play-mode{display:none}.start-screen .hero{padding-top:7px}.start-screen .hero .intro>.kicker{margin-bottom:8px}.start-screen .hero h1{font-size:clamp(30px,6.8dvh,43px)!important}.start-screen .hero h1 span{font-size:clamp(40px,8.8dvh,56px)!important}.start-screen .hero .title-swish{margin-top:8px;margin-bottom:9px;height:7px}.start-screen .hero .intro h2{font-size:clamp(14px,3dvh,18px)}.start-screen .hero .scene>img{max-height:34dvh}.start-screen .hero .lead{font-size:12px;margin-top:10px}.start-screen .hero .scene figcaption{font-size:10px;padding:6px 12px}.end-hello .family-art{max-height:25dvh}.offer-visual .family-art{max-height:27dvh}}
@media(max-height:500px) and (min-width:681px){.category-stage{grid-template-columns:1fr}.category-visual{display:none}.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category{min-height:110px;flex-direction:column;align-items:flex-start;gap:7px;padding:13px 20px}.category strong{font-size:17px}.category .description{font-size:11px}.category .chevron{right:14px}.category .icon{width:26px;height:26px}.category-page .page-title{font-size:27px!important}.actions-categories .category-bottom .btn{min-height:44px}.offer-visual .family-art{max-height:43dvh}.end-grid{grid-template-columns:1.1fr 1fr;display:grid;align-items:center;gap:20px}.end-hello .family-art{max-height:20dvh}.end-invite h2{font-size:24px}.end-invite>p{font-size:12px}.end-hello h1{font-size:27px!important}.end-hello .page-intro{font-size:12px;margin-top:8px}.end-hello .eyebrow{font-size:8px}.actions-end{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:14px}.start-screen .hero .scene>img{max-height:54dvh}.start-screen .hero .intro h2{font-size:16px}.start-screen .hero .lead{font-size:12px}.start-screen .hero .intro>.kicker{font-size:8px}}
@media(max-width:350px){.brand-logo{width:155px}.category strong{font-size:16px}.category .description{font-size:10px}.category{padding-left:15px;padding-right:23px;gap:12px}.category .icon{width:26px;height:26px}.view-actions .training-cta{font-size:10px;padding-left:7px;padding-right:7px}.view-actions .offer-actions{grid-template-columns:minmax(0,1fr) 65px}.view-actions .offer-actions .text-link{font-size:9px}.actions-card .card-controls .btn{font-size:13px;padding-left:12px;padding-right:12px}.actions-card .card-controls .subtle-button{font-size:9px}.site-footer>span:first-child{font-size:7px}.site-footer .text-link{font-size:8px}.actions-start .start>p{font-size:7px}.category .description{padding-right:4px}}
@media(prefers-reduced-motion:reduce){.view-scroll{scroll-behavior:auto}}
/* At shallow phone widths, give enlarged CTA text enough horizontal room. */
.view-actions,.view-actions>*{min-width:0}
@media(max-height:500px) and (min-width:460px) and (max-width:680px){.view-actions .offer-actions{grid-template-columns:minmax(0,1fr) minmax(125px,.55fr)}.actions-end .end-return{grid-template-columns:minmax(0,1fr) minmax(150px,.6fr)}}
/* Category choice has one unmistakable primary action in the established gold. */
.actions-categories .category-bottom{flex-direction:column;gap:7px}.actions-categories .category-bottom .random-primary{width:min(620px,100%);max-width:620px;min-width:0;min-height:60px;padding:12px 28px;background:linear-gradient(175deg,#ffe68a,#FFD45C 65%,#ffc736);color:var(--ink);border:3px solid white;box-shadow:0 5px 0 #c5902733,0 9px 26px #ae852b24;font-size:21px;font-weight:800;gap:20px}.random-primary .random-icon{width:29px;height:29px;flex-shrink:0;stroke-width:2;fill:none;stroke:currentColor}.random-primary .random-icon circle{fill:currentColor;stroke:none}.random-primary>span:last-child{margin-left:auto;font-size:23px}.random-primary>span:first-of-type{flex:1;text-align:center}.actions-categories .safe-note{text-align:center;font-size:10px;line-height:1.5}.actions-categories .safe-note br{display:none}
@media(max-width:680px){.actions-categories .category-bottom .random-primary{width:100%;max-width:100%;min-height:56px;font-size:18px;padding:11px 20px;gap:13px}.random-primary .random-icon{width:25px;height:25px}.random-primary>span:last-child{font-size:21px}.actions-categories .safe-note{font-size:9px}}
@media(max-height:650px){.actions-categories .category-bottom .random-primary{min-height:50px;font-size:17px;padding-top:9px;padding-bottom:9px}.random-primary .random-icon{width:24px;height:24px}.actions-categories .safe-note{font-size:9px}}
@media(max-width:350px){.actions-categories .category-bottom .random-primary{font-size:17px;padding-left:16px;padding-right:16px;gap:9px}}

/* Shared legal navigation remains reachable in every game view. */
.site-footer{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:0 20px}.footer-legal{display:flex;justify-content:flex-end;align-items:center;gap:16px;min-width:0}.footer-legal a{display:inline-flex;align-items:center;min-height:36px;padding:6px 2px;color:var(--ink);font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.footer-legal a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:3px}
@media(max-width:680px){.site-footer{grid-template-columns:auto auto;column-gap:10px;padding:0 12px}.footer-legal{grid-column:1/-1;justify-content:center;gap:22px}.footer-legal a{min-height:32px;font-size:11px;padding:5px 4px}.site-footer>.text-link{min-width:0;white-space:normal;text-align:center;line-height:1.35}}