.gn-trial-intro{margin:0 var(--spacing-gutter);text-align:center;justify-items:center;gap:12px;display:grid}.gn-trial-intro .gn-head{justify-content:center;margin:0}.gn-trial-intro .gn-head>.gn-mascot{flex-shrink:0;order:-1}.gn-trial-intro>p{font-size:var(--text-l4);color:var(--color-ink-soft);max-width:380px;line-height:1.65}.gn-trial-machine{margin:0 var(--spacing-gutter);text-align:center}.gn-trial-machine .gn-machine{width:min(100%,280px);margin:0 auto 24px}.gn-trial-actions{gap:16px;max-width:360px;margin:auto;display:grid}.gn-trial-actions>p{margin:0}.gn-trial-lineup{margin-top:6px}.gn-trial-odds-note{margin:18px var(--spacing-gutter) 0;text-align:center}.gn-trial-unavailable{margin:20px var(--spacing-gutter);text-align:center;justify-items:center;gap:18px;display:grid}.gn-trial-dialog{width:min(100%, var(--container-column));background:var(--color-cream);max-width:none;height:100dvh;max-height:none;color:var(--color-ink);border:0;margin:0 auto;padding:0;position:fixed;inset:0;overflow:hidden}.gn-trial-dialog::backdrop{background:var(--color-scrim)}.gn-trial-dialog:not([data-input=keyboard]) :focus-visible{outline:none}.gn-trial-dialog .gn-stage{width:100%;position:absolute;left:0;translate:none}.gn-trial-stage-label{top:calc(14px + env(safe-area-inset-top));z-index:80;pointer-events:none;position:absolute;left:14px}.gn-trial:has(.gn-trial-result)>.gn-trial-intro{display:none}.gn-trial:has(.gn-trial-result)>.gn-tutorial-banner{display:none}body:has(.gn-trial-result)>.gn-tabbar{display:none}.gn-app:has(.gn-trial-result)>.gn-foot{--gn-footer-clearance:env(safe-area-inset-bottom)}html:has(.gn-trial-result){scrollbar-width:none}html:has(.gn-trial-result)::-webkit-scrollbar{display:none}body:has(.gn-trial-result)::-webkit-scrollbar{display:none}.gn-trial-result{isolation:isolate;position:relative;overflow:hidden}.gn-trial-result-content{z-index:1;text-align:center;padding:0 20px 12px;position:relative}.gn-trial-result-head{justify-items:center;gap:16px;display:grid}.gn-trial-celebrate{justify-content:center;align-items:center;gap:8px;display:flex}.gn-trial-celebrate .gn-mascot{flex-shrink:0}.gn-trial-result-head p,.gn-trial-result-head h1,.gn-trial-prize-caption p,.gn-trial-next p,.gn-trial-next h2,.gn-trial-next h3{margin:0}.gn-trial-prize-display{width:min(100%,320px);margin:20px auto 18px;padding:12px 40px;position:relative}.gn-trial-prize-display:before{content:"";border-radius:var(--radius-pill);background:var(--color-frame);position:absolute;inset:0 24px;rotate:-8deg}.gn-trial-prize{aspect-ratio:1;object-fit:contain;background:var(--color-paper);border-radius:var(--radius-card);width:100%;max-width:220px;height:auto;box-shadow:var(--shadow-card-lift);margin:auto;display:block;position:relative}.gn-trial-spark{color:var(--color-promo-ink);width:26px;height:26px;position:absolute}.gn-trial-spark.is-left{top:28px;left:2px;rotate:-12deg}.gn-trial-spark.is-right{bottom:24px;right:2px;rotate:12deg}.gn-trial-prize-caption{gap:6px;display:grid}.gn-trial-prize-caption>p:last-child{max-width:360px;margin:6px auto 0;line-height:1.65}.gn-trial-next{margin-top:32px}.gn-trial-next-heading{gap:6px;display:grid}.gn-trial-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px;padding:0;list-style:none;display:grid}.gn-trial-steps>li{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.gn-trial-step-art{aspect-ratio:1;background:var(--color-paper);border-radius:var(--radius-card);width:100%;position:relative}.gn-trial-steps .is-next .gn-trial-step-art{background:var(--color-frame)}.gn-trial-step-art>img{object-fit:contain;width:100%;height:100%;display:block}.gn-trial-step-art .gn-row-n{z-index:1;width:24px;height:24px;font-size:var(--text-l5);position:absolute;top:-4px;left:-4px}.gn-trial-steps .is-next .gn-row-n{background:var(--color-badge-yellow);color:var(--color-badge-yellow-ink)}.gn-trial-step-arrow{z-index:1;width:20px;height:20px;color:var(--color-capsule-red-deep);position:absolute;top:42px;right:-16px}.gn-trial-steps .gn-pill{margin-top:2px}.gn-trial-result-actions{justify-items:center;gap:16px;max-width:360px;margin:24px auto 0;display:grid}.gn-trial-result-actions>p{margin:0}@media (max-width:380px){.gn-trial-result-content{padding-inline:16px}.gn-trial-celebrate h1{font-size:var(--text-l2)}.gn-trial-result-actions>.gn-btn{font-size:var(--text-l4)}}
