@font-face{font-family:OrbitMiniSerif;src:url('assets/Serif.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:OrbitMiniSans;src:url('assets/Sans.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--ink:#513a60;--muted:#89788d;--paper:#f4efee;--line:#dfd5dd;--art:url('assets/orbit.png');--accent:#a66070}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a9718a;outline-offset:4px}[hidden]{display:none!important}button svg{pointer-events:none}.skip{position:fixed;top:10px;left:15px;transform:translateY(-150%);background:white;z-index:99;padding:8px}.skip:focus{transform:none}
header{max-width:1320px;padding:27px 38px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-family:OrbitMiniSerif,serif;font-size:26px;letter-spacing:.18em;text-decoration:none}nav{display:flex;gap:27px;font-size:12px;color:#75617b}nav a{text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:1240px;margin:auto;padding:45px 38px 0}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:0 auto 77px;max-width:1040px}.hero-info{max-width:470px}.edition-label{color:var(--muted);font-size:12px;letter-spacing:.12em;margin:0}.hero h1{font:600 clamp(38px,4.3vw,53px)/1.5 OrbitMiniSerif,serif;letter-spacing:.025em;margin:16px 0 20px}.lead{color:#77627d;max-width:380px;font-size:15px;line-height:1.95;margin:0}.hero-meta{display:flex;gap:33px;margin:28px 0 29px;color:var(--muted);font-size:12px}.hero-meta strong{font:28px Georgia,serif;color:var(--ink);margin-right:7px}.buttonrow{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #baa8bb;background:transparent;color:var(--ink);padding:10px 19px;border-radius:5px;font-size:13px;text-decoration:none;line-height:1.5}.btn:hover{background:#ebe1e9}.btn.primary{color:#fff;background:var(--ink);border-color:var(--ink)}.btn.primary:hover{background:#422d50}.btn.primary:disabled{background:#d8cdd8;border-color:#d8cdd8;color:#6e5876;opacity:1}.quiet-link{font-size:12px;text-decoration:none}.quiet-link span{margin-left:8px}.hero-note{font-size:11px;color:var(--muted);margin-top:21px}.hero-stage{min-width:0;display:flex;flex-direction:column;align-items:center;padding:17px 15px;background:radial-gradient(ellipse at center,#e9dfe7 0%,transparent 67%)}.hero-card{width:286px;max-width:100%;position:relative;cursor:pointer;border:0;padding:0;background:transparent;display:block;filter:drop-shadow(14px 21px 20px #59465b24)}.stage-caption{margin:25px 0 0;font-size:11px;color:var(--muted)}
.surface{aspect-ratio:7/12;width:100%;position:relative;container-type:inline-size;background-image:var(--art);background-size:cover;background-position:center;border-radius:5.714% / 3.333%;overflow:hidden;display:block;box-shadow:inset 0 0 0 1px #65536518;color:#513a60;text-align:center}.card-top{position:absolute;top:6.6%;left:10%;right:10%;display:flex;justify-content:space-between;align-items:center;font:500 3.4cqw/1.4 OrbitMiniSans,sans-serif;letter-spacing:.08em;color:#79566d}.topic{display:flex;align-items:center;gap:1.8cqw}.topic i{display:block;width:1.4cqw;height:1.4cqw;border-radius:50%;background:var(--accent)}.card-top:after{content:'';position:absolute;top:190%;left:38%;right:38%;border-top:1px solid #94748955}.question-box{position:absolute;top:17.5%;left:11%;right:11%;height:27%;display:flex;align-items:center;justify-content:center}.question-text{font:600 6.65cqw/1.6 OrbitMiniSerif,serif;letter-spacing:.005em;display:block;white-space:pre-line;overflow-wrap:break-word}.card-body{position:absolute;left:12%;right:12%;top:44%;font:500 3.45cqw/1.7 OrbitMiniSans,sans-serif;white-space:pre-line}.surface.intro .question-box,.surface.pause .question-box,.surface.closing .question-box,.surface.write .question-box{top:18%;height:17%}.surface.intro .question-text,.surface.pause .question-text,.surface.closing .question-text,.surface.write .question-text{font-size:8cqw;line-height:1.55}.surface.intro .card-body,.surface.pause .card-body,.surface.closing .card-body{top:36%;font-size:3.8cqw}.surface.write .card-body{top:36%;font-size:3.6cqw}.writing-lines{position:absolute;top:41%;left:16%;right:16%;display:grid;gap:3.4cqw}.writing-lines i{display:block;border-bottom:1px solid #94748955}.surface.write .card-brand{top:55%}.card-brand{position:absolute;top:50.2%;left:0;right:0;font:600 4.6cqw/1.5 OrbitMiniSerif,serif;letter-spacing:.25em}.card-bottom{position:absolute;bottom:2.6%;left:18%;right:18%;padding:1cqw 1.5cqw;border-radius:99px;background:#f6eadddb;font:500 2.8cqw/1.3 OrbitMiniSans,sans-serif;letter-spacing:.08em;color:#755268}.cover-title{position:absolute;top:17%;left:8%;right:8%;font:600 15cqw/1.5 OrbitMiniSerif,serif;letter-spacing:.16em}.cover-sub{position:absolute;top:34%;left:0;right:0;font:500 4.7cqw/1.6 OrbitMiniSans,sans-serif;letter-spacing:.18em}.back-note{position:absolute;top:46%;left:15%;right:15%;font:500 3.5cqw/1.7 OrbitMiniSans,sans-serif}
.play-section,.included-section,.full-deck-section,.faq-section{border-top:1px solid var(--line);padding:36px 0 54px;scroll-margin-top:26px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin:0 0 31px}.section-index{font-size:11px;letter-spacing:.1em;color:var(--muted);margin:0 0 9px}.section-heading h2{font:600 29px/1.5 OrbitMiniSerif,serif;margin:0}.section-summary{font-size:12px;color:var(--muted);line-height:1.9;max-width:345px;margin:0 0 3px}.play-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;max-width:1000px;margin:auto}.play-guidance{padding:26px 0 0;max-width:385px}.play-kicker{font-size:11px;color:var(--muted);margin:0 0 10px}.play-guidance h3{font:600 25px/1.5 OrbitMiniSerif,serif;margin:0 0 12px}.step-description{font-size:14px;color:#78627d;min-height:55px;margin:0 0 23px}.step-list{border-top:1px solid var(--line)}.step-list button{display:flex;align-items:center;gap:18px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 10px;background:transparent;color:var(--muted);font-size:12px}.step-list button .step-number{font:12px Georgia,serif;color:#a28da7}.step-list button[aria-current=true]{color:var(--ink);background:#e9e0e74d}.step-list button[aria-current=true] .step-number{color:var(--ink)}.step-list button .step-kind{margin-left:auto;font-size:11px}.permission-note{font-size:11px;color:var(--muted);margin-top:25px;line-height:1.95}.active-stage{display:flex;flex-direction:column;align-items:center;padding:6px 0 0}.active-card{width:285px;max-width:100%;border:0;padding:0;background:transparent;filter:drop-shadow(7px 14px 13px #59465b20)}.play-controls{display:flex;gap:23px;align-items:center;margin-top:24px}.round-button{width:36px;height:36px;border:1px solid #cdbfcc;border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.round-button:hover{background:#e9e0e7}.round-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.text-button{background:transparent;color:var(--ink);border:0;padding:8px 4px;font-size:12px;text-underline-offset:4px}.text-button:hover{text-decoration:underline}.position{font-size:11px;color:var(--muted);margin:11px 0 0}.after-play{max-width:1000px;margin:27px auto 0;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.after-play p{color:var(--muted);font-size:12px;flex:1;min-width:210px;margin:0}.after-play .btn{font-size:12px;min-height:38px;padding:8px 14px}
.included-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:start}.contents-row{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.contents-row:first-child{padding-top:5px}.contents-row:last-child{border:0}.contents-number{font:29px Georgia,serif;color:#a48aaa;min-width:39px;display:block;margin-top:4px}.contents-row h3{font-size:15px;margin:0 0 8px;font-weight:600}.contents-row p{font-size:12px;margin:0 0 6px;color:#75607c}.contents-row .fine-print{font-size:11px;color:var(--muted)}.file-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}.purchase-panel{border:1px solid #d8cbd7;padding:28px 30px;border-radius:7px;background:#f7f2f4;margin-top:4px}.purchase-panel h3{font:600 21px/1.5 OrbitMiniSerif,serif;margin:0 0 15px}.price{font:38px/1.3 Georgia,serif;margin:0;color:var(--ink)}.price small{font-size:22px;margin-right:4px}.price-caption{font-size:11px;color:var(--muted);margin:5px 0 20px}.purchase-items{font-size:12px;color:#78627d;margin:0 0 22px;padding-left:1.2em;line-height:2}.purchase-panel .btn{width:100%}.purchase-note{font-size:11px;color:var(--muted);margin:13px 0 0;line-height:1.9}.offline-panel p{font-size:13px;color:#78627d}.offline-panel strong{color:var(--ink);font-weight:500}.writing-panel{max-width:1000px;margin:28px auto 0;padding:23px 25px;border:1px solid var(--line);background:#f8f4f6;border-radius:5px}.writing-panel h3{font:600 21px/1.5 OrbitMiniSerif,serif;margin:0 0 5px}.writing-panel label{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.writing-panel textarea{display:block;width:100%;resize:vertical;min-height:140px;max-height:500px;border:1px solid #cfbfce;background:#fffcfc;color:var(--ink);padding:14px 16px;border-radius:4px;font-size:14px;line-height:1.9}.writing-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:12px}.writing-footer p{font-size:11px;color:var(--muted);margin:0}.writing-footer .btn{font-size:12px;white-space:nowrap;min-height:36px;padding:7px 12px}.full-deck-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.full-deck-actions button{font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.card-tile{min-width:0}.card-tile button{border:0;background:transparent;padding:0;width:100%;display:block;filter:drop-shadow(5px 7px 7px #54475815)}.card-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:11px;gap:10px}.faq-list{max-width:880px}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list summary{font-size:14px;cursor:pointer}.faq-list details p{font-size:12px;color:#78627d;max-width:750px;margin:13px 0 3px;line-height:1.95}footer{border-top:1px solid var(--line);padding:28px 0 33px;color:var(--muted);font-size:11px}footer p{margin:10px 0}.footer-wordmark{font:20px OrbitMiniSerif,serif;letter-spacing:.15em;color:var(--ink)}footer p>span{margin-left:16px}.fine-print{font-size:11px;line-height:1.8}.noscript{padding:20px;text-align:center}dialog{padding:20px 26px;border:0;border-radius:12px;background:#f1ebef;color:var(--ink);width:min(510px,96vw);max-height:97vh;overflow:auto}dialog::backdrop{background:#2e2032bd}.modalbar{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;margin-bottom:15px}.modalcard{width:min(340px,calc(70vh * 7 / 12));margin:auto;max-width:100%;border:0;padding:0;display:block;background:none;cursor:pointer}.modal-hint{font-size:11px;color:var(--muted);text-align:center;margin:15px 0 0}
@media(max-width:1050px){.hero{gap:35px}.play-layout{gap:35px}.included-layout{gap:35px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){html{scroll-padding-top:18px}header{padding:19px 20px}.wordmark{font-size:22px}nav{gap:15px;font-size:11px}main{padding:27px 21px 0}.hero{grid-template-columns:1fr;gap:28px;margin-bottom:43px}.hero-info{max-width:none}.hero h1{font-size:39px;margin:10px 0 15px}.lead{font-size:14px;max-width:330px}.hero-meta{margin:21px 0;gap:29px}.hero-meta strong{font-size:25px}.hero-note{font-size:11px}.hero-stage{padding:12px 5px}.hero-card{width:255px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:25px}.section-summary{margin:13px 0 0;font-size:12px;max-width:none}.play-section,.included-section,.full-deck-section,.faq-section{padding:28px 0 34px}.play-layout{grid-template-columns:1fr;gap:24px}.play-guidance{padding:0;max-width:none}.play-guidance h3{font-size:23px}.step-description{min-height:0;margin-bottom:18px}.step-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:7px;border:0}.step-list button{width:auto;flex:0 0 auto;border:1px solid var(--line);border-radius:4px;padding:9px 12px;gap:8px}.step-list .step-kind{display:none}.permission-note{display:none}.active-card{width:272px}.after-play{gap:13px;padding-top:18px}.after-play p{flex-basis:100%;min-width:0}.included-layout{grid-template-columns:1fr;gap:25px}.contents-row{gap:20px;padding:21px 0}.purchase-panel{max-width:450px;width:100%;padding:24px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.card-caption{font-size:10px}.writing-panel{padding:19px 17px}.writing-footer{display:block}.writing-footer .btn{margin-top:10px}.writing-panel h3{font-size:19px}dialog{padding:17px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.modalcard{width:min(315px,calc(70vh * 7 / 12))}}
@media(max-width:370px){main{padding-left:17px;padding-right:17px}header{padding-left:17px;padding-right:17px}nav{gap:10px;font-size:10px}.hero h1{font-size:35px}.hero-meta{gap:21px}.buttonrow{gap:15px}.active-card{width:255px}}
@media(max-width:720px){body[data-edition=trial] .step-list{gap:5px}body[data-edition=trial] .step-list button{flex:1 1 0;justify-content:center;padding:8px;gap:5px;font-size:11px}body[data-edition=trial] .step-list .step-number{font-size:11px}}
@media(max-width:370px){body[data-edition=trial] .step-list .step-number{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white}header,.hero,.play-section,.included-section,.faq-section,footer,.full-deck-actions,.section-heading,.card-caption,dialog,.skip{display:none!important}main{padding:0;max-width:none}.full-deck-section{border:0;padding:0}.card-grid{display:grid;grid-template-columns:70mm 70mm;gap:10mm;justify-content:center}.card-tile{break-inside:avoid}.surface{width:70mm;height:120mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.card-tile button{filter:none}.card-tile:nth-child(4n){break-after:page}@page{size:A4;margin:12mm}}
