:root{--cream:#f7f3eb;--ink:#2f2f2f;--rose:#c97a7e;--plum:#6c4a6e;--green:#4fb286;--line:#d9d4cc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--plum);outline-offset:4px}header{height:112px;max-width:1320px;margin:auto;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{width:230px;height:66px;object-fit:cover;object-position:center 51%}.header-right{display:flex;gap:38px;align-items:center}.edition,.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700}.text-button{border:0;background:none;color:inherit;padding:10px 0;font-size:14px}.text-button span{border:1px solid var(--ink);border-radius:50%;padding:1px 6px;margin-left:7px}main{max-width:1224px;margin:auto;padding:50px 24px 60px;min-height:calc(100vh - 190px)}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(42px,5vw,68px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:18px 0 22px}h1 em{color:var(--plum);font-weight:normal}h2{font:normal 38px/1.15 Georgia,serif;letter-spacing:-.035em}h3{font-size:17px}p{color:#595650}.setup{display:grid;grid-template-columns:1.03fr 1fr;gap:76px;align-items:start}.intro{padding-top:6px}.intro>p{max-width:410px}.deck-art{position:relative;height:290px;margin:35px 20px 20px}.sample-card{position:absolute;width:205px;height:235px;box-shadow:0 10px 25px #2f2f2f18;border:1px solid #ded8cd;background:var(--cream);padding:18px;border-radius:6px}.sample-card img{width:100%;height:100%;object-fit:cover}.sample-card:nth-child(1){left:0;top:20px;transform:rotate(-13deg);background:var(--rose)}.sample-card:nth-child(2){left:113px;top:0;transform:rotate(3deg);background:var(--plum)}.sample-card:nth-child(3){left:217px;top:34px;transform:rotate(14deg)}.sample-card b{font-size:60px;line-height:1}.sample-card i{display:block;font:20px Georgia,serif}.sample-card:nth-child(1),.sample-card:nth-child(2){color:var(--cream)}.sample-card small{position:absolute;bottom:20px;left:20px;font-size:12px;letter-spacing:.12em}.mini-mark{position:absolute;bottom:16px;right:16px;width:42px!important;height:42px!important;mix-blend-mode:multiply}.intro-note{font:italic 21px Georgia,serif}.setup-panel{border:1px solid var(--line);padding:30px 32px;background:#ffffff45;border-radius:8px}.setup-panel h2{font-size:30px;margin-bottom:25px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}label,.field-label{font-size:14px;font-weight:600}.muted{font-size:13px;color:#706b64}.count-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-bottom:22px}.count-grid button{aspect-ratio:1;border:1px solid var(--line);background:none;border-radius:4px;color:var(--ink)}.count-grid button.active,.choice.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.names{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px}.names label{display:flex;flex-direction:column;gap:5px}.names input,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:4px;background:var(--cream);color:var(--ink)}.field{margin-bottom:22px}.field label{display:block;margin-bottom:9px}.choices{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.choice{padding:11px 6px;border:1px solid var(--line);background:none;border-radius:4px;font-size:14px;color:var(--ink)}.choice small{display:block;font-size:12px;font-weight:normal;opacity:.8}.primary{background:var(--plum);color:var(--cream);border:1px solid var(--plum);border-radius:4px;padding:14px 24px;font-weight:600}.primary:hover{background:#563858}.wide{width:100%}.consent{display:flex;align-items:flex-start;gap:9px;margin:18px 0;font-size:14px;font-weight:normal}.consent input{margin-top:5px;accent-color:var(--plum)}.stages{display:grid;grid-template-columns:repeat(5,1fr);margin:30px 0 0;border-top:1px solid var(--line);padding-top:21px;gap:12px}.stage b{font-size:25px;display:block;line-height:1.3}.stage span{font-size:12px}.stage:nth-child(2){color:#995358}.stage:nth-child(3){color:var(--plum)}.stage:nth-child(4){color:#257a57}.stage.current{border-bottom:3px solid currentColor;padding-bottom:12px}.stage.future{opacity:.45}.game-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.game-layout{display:grid;grid-template-columns:240px minmax(0,650px);gap:60px;justify-content:center;margin:40px 0}.players{list-style:none;padding:0;margin:20px 0}.players li{padding:12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}.players li.active{background:#eae2ec;border-radius:4px;border:0;font-weight:700}.avatar{border:1px solid currentColor;border-radius:50%;width:30px;height:30px;display:inline-grid;place-items:center;font-size:12px;flex-shrink:0}.prompt-card{border:1px solid var(--line);border-radius:8px;min-height:420px;padding:28px 34px;box-shadow:8px 8px 0 #e6ded2;display:flex;flex-direction:column;background:var(--cream);border-top:6px solid var(--accent,var(--plum))}.card-head{display:flex;align-items:start;justify-content:space-between}.element{font-size:64px;letter-spacing:-.07em;font-weight:700;line-height:1;color:var(--accent)}.element-label{font:italic 20px Georgia,serif}.prompt{font:normal clamp(27px,3vw,38px)/1.24 Georgia,serif;letter-spacing:-.02em;margin:35px 0;flex:1}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.card-bottom img{width:44px;height:44px;mix-blend-mode:multiply}.card-actions{display:flex;gap:12px;justify-content:space-between;margin-top:25px}.secondary{border:1px solid var(--line);background:none;padding:13px 20px;border-radius:4px;color:var(--ink)}.helper{font-size:14px;margin:20px 0}.progress-track{height:4px;background:#e4ded5;margin-top:18px}.progress-track div{height:100%;background:var(--plum);transition:width .3s}.center-screen{max-width:680px;margin:50px auto;text-align:center}.center-screen .element{font-size:100px}.center-screen h1{font-size:52px}.center-screen p{max-width:530px;margin:20px auto}.center-screen .primary{margin:15px 0}.closing-list{text-align:left;border-top:1px solid var(--line);margin:32px 0;padding-top:24px}.closing-list li{margin-bottom:15px}.badge{display:inline-block;background:#e8e1ea;border-radius:20px;padding:5px 12px;font-size:12px;letter-spacing:.08em}.checkin{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.checkin button.selected{background:var(--plum);color:white}.resume{padding:16px;background:#e9e2eb;margin-bottom:20px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:12px}footer{max-width:1224px;margin:auto;border-top:1px solid var(--line);padding:22px 24px;display:flex;justify-content:space-between;font-size:12px;color:#736e66}footer a{color:inherit}dialog{max-width:590px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:8px;background:var(--cream);color:var(--ink);padding:38px}dialog::backdrop{background:#20182380}dialog li{padding:5px 0}dialog h2{margin-top:18px}.close{float:right;border:0;background:none;font-size:28px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.guide{max-width:850px}.guide h2{margin-top:44px}.guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9e3d9;padding:20px}.guide a{color:var(--plum)}@media(max-width:900px){header{padding:15px 24px}.setup{gap:35px}.deck-art{transform:scale(.8);transform-origin:left center;margin-right:-80px}.game-layout{grid-template-columns:180px 1fr;gap:25px}}@media(max-width:680px){header{height:86px;padding:10px 18px}.wordmark{width:175px;height:54px}.edition{display:none}.header-right{gap:0}main{padding:26px 18px 36px}.setup{grid-template-columns:1fr;gap:24px}.intro h1{font-size:45px;max-width:360px}.intro>p{margin-bottom:0}.deck-art{display:none}.intro-note{display:none}.intro .stages{margin-top:22px;padding-top:16px}.setup-panel{padding:22px 18px}.game-layout{grid-template-columns:1fr;margin:20px 0;gap:5px}.game-sidebar>p,.game-sidebar>h3{display:none}.players{display:flex;flex-wrap:wrap;margin:0 0 15px;gap:5px}.players li{font-size:12px;padding:6px;border:0}.avatar{width:24px;height:24px}.prompt-card{padding:22px;min-height:390px}.game-top .eyebrow{font-size:10px}.stage span{font-size:10px}.stage b{font-size:23px}.game-top{align-items:start}.game-top h2{font-size:25px}.card-actions button{padding:13px 16px}.center-screen{margin:30px auto}.center-screen h1{font-size:42px}footer{flex-wrap:wrap;gap:12px}footer span:last-child{display:none}.names{gap:10px}.count-grid{gap:5px}.count-grid button{min-height:38px}.stages{gap:6px}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
[hidden]{display:none!important}.play-modes{display:flex;gap:5px;justify-content:center;margin:22px auto 0}.play-modes button{border:1px solid var(--line);background:none;padding:10px 22px;border-radius:24px;color:var(--ink)}.play-modes button.active{background:var(--ink);color:var(--cream)}#remote-app input:not([type=checkbox]){width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:4px;background:var(--cream);color:var(--ink)}.room-error{padding:15px 20px;background:#f2dddd;border:1px solid #b26b6b;border-radius:5px;margin-bottom:22px;color:#6d3030}.join-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#706b64;font-size:13px}.join-divider:before,.join-divider:after{content:'';height:1px;background:var(--line);flex:1}.invite-box{padding:20px;background:#ece5ed;border-radius:5px;margin:22px 0;display:flex;flex-direction:column;gap:8px;align-items:center}.invite-box strong{font-size:clamp(20px,4vw,30px);letter-spacing:.1em}.players small{display:block;color:#68616b;font-size:12px;font-weight:normal}.players .text-button{display:block;font-size:12px;padding:4px 0}#remote-app .wide+.wide{margin-top:12px}#copy-status{overflow-wrap:anywhere;max-width:100%}#remote-app .setup-panel h1{font-size:44px}@media(max-width:680px){#remote-app .players li{align-items:start}.play-modes{margin-top:18px}.play-modes button{font-size:14px;padding:9px 18px}#remote-app .game-top h2{font-size:25px}#remote-app .game-sidebar>p{display:block}}
