body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;margin:0;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);color:#171717;background:#f6f3ea}a,a:visited{color:#171717b8}*{box-sizing:border-box}h1,h2,h3,h4,p{margin-top:0}.mono{font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"Ubuntu Monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace}.strategy-grid{align-items:stretch;display:grid;gap:0;grid-auto-rows:1fr;grid-template-columns:repeat(4,minmax(0,1fr))}.strategy-grid-item{align-items:center;border:1px solid rgba(23,23,23,.12);display:flex;line-height:1.45;padding:.3rem .6rem}.page-shell{align-items:center;background:transparent;display:flex;flex-direction:column;justify-content:center;padding:0 1rem;position:relative}.page-shell-m1{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh}.page-shell-m2{display:grid;place-items:center;min-height:100dvh}.page-shell-m3{position:relative;min-height:100dvh}.page-shell-m3>.reference-layout{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-shell-m4{display:flex;flex-direction:column;align-items:center;min-height:100dvh}.page-shell-m4>.reference-layout{margin-block:auto}.page-shell-m5{position:relative;min-height:100dvh}.page-shell-m5>.reference-layout{position:absolute;position-area:center}.page-shell-wide{align-items:flex-start}.page-shell-neutral{background:transparent}.reference-layout{--card-height: min(calc((100vw - 4rem) * 5 / 7), 60vw , calc(700px * 5 / 7));max-width:700px;margin-inline:auto;padding-top:calc((100vh - var(--card-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / 2)}.reference-card{aspect-ratio:7 / 5;background:#ffffffeb;border:1px solid rgba(23,23,23,.12);border-radius:24px;box-shadow:0 18px 60px #1717171f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;max-height:calc(100vh - 10rem);max-height:calc(100dvh - 10rem);padding:clamp(1.5rem,3vw,3rem);text-align:center;touch-action:pan-y;width:100%}.strategy-kicker{font-size:.875rem;font-weight:600;letter-spacing:.12em;margin:0;text-align:center;text-transform:uppercase;white-space:nowrap}.strategy-message{font-size:clamp(2.25rem,7vw,4.5rem);line-height:1.05;margin:0;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-fly-left{0%{transform:translate(var(--swipe-x, 0px)) rotate(var(--swipe-rotate, 0deg));opacity:1}to{transform:translate(-150vw) rotate(-20deg);opacity:0}}@keyframes card-fly-right{0%{transform:translate(var(--swipe-x, 0px)) rotate(var(--swipe-rotate, 0deg));opacity:1}to{transform:translate(150vw) rotate(20deg);opacity:0}}.card-fly-left{animation:card-fly-left .4s ease-in forwards;pointer-events:none}.card-fly-right{animation:card-fly-right .4s ease-in forwards;pointer-events:none}.shuffle-spinner{animation:spin .8s linear infinite;border:3px solid rgba(23,23,23,.12);border-radius:50%;border-top-color:#17171780;height:2rem;width:2rem}.page-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.5rem}.browse-layout{margin:0 auto;width:min(1200px,100%)}.browse-header{margin-bottom:1.5rem;text-align:center}.browse-header h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:.5rem}.browse-header p{color:#171717bf;line-height:1.6;margin:0 auto;max-width:720px}.browse-header-links{display:inline-block;margin-left:.5rem}@media screen and (max-width:900px){.strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:768px){.page-shell{padding:0 1rem}.reference-layout{--card-height: min(calc((100vw - 2rem) * 7 / 5), 70vh );max-width:calc(100vw - 2rem);padding-top:calc((100vh - var(--card-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / 2)}.reference-card{aspect-ratio:5 / 7;border-radius:18px;padding:1.25rem}.strategy-grid{grid-template-columns:1fr}.browse-header-links{display:block;margin-left:0;margin-top:.5rem}}
