.cardface,.cardface.t1,.tone.t1{--tone:var(--fam1)}.cardface.t2,.tone.t2{--tone:var(--fam2)}.cardface.t3,.tone.t3{--tone:var(--fam3)}.cardface.t4,.tone.t4{--tone:var(--fam4)}.cardface.t5,.tone.t5{--tone:var(--fam5)}.cardface.t6,.tone.t6{--tone:var(--fam6)}.cardface.t7,.tone.t7{--tone:var(--fam7)}.cardface.t8,.tone.t8{--tone:var(--fam8)}.cardface{aspect-ratio:5/7;box-sizing:border-box;background:color-mix(in srgb, var(--tone) 26%, var(--paper));width:100%;color:var(--ink);border:1px solid var(--ink);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;padding:10px 8px 12px;display:flex}.cardmark{flex:auto;width:78%;min-height:0;overflow:visible}.cardmark .mk{fill:color-mix(in srgb, var(--tone) 55%, transparent);stroke:color-mix(in srgb, var(--tone) 55%, var(--ink));stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.cardmark .mk1{fill:color-mix(in srgb, var(--tone) 30%, transparent)}.cardmark .mk2{fill:none}.cardmark .mk.open{fill:none;stroke-width:3px}.cardline{font:15px/1.25 var(--read);text-align:center;overflow-wrap:anywhere;margin:0}.cardface.big{border-width:2px;max-width:300px;padding:18px 16px 22px}.cardface.big .cardline{font-size:22px}.deckdoors{flex-wrap:wrap;gap:8px 24px;margin:12px 0 4px;display:flex}.deckdoor{flex:15em;min-width:0}.deckdoor p{margin:6px 0 0}.deckfamily h3{margin:22px 0 8px}.cardgrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width<=480px){.cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}button.cardpick{background:0 0;border:0;border-radius:8px;width:100%;min-height:0;padding:0;display:block}button.cardpick:hover .cardface{box-shadow:3px 3px 0 var(--ink)}button.cardpick:active:not(:disabled){background:0 0}.deckturned{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 32px;display:flex}.deckask{flex:18em;min-width:0;max-width:34em}.deckask button.linkish{min-height:0;color:inherit;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.deckanswer{grid-template-columns:1fr 1fr;gap:10px;max-width:26em;margin:16px 0 0;display:grid}.deckanswer button{min-height:44px;font-size:14px}.deckcaught p{margin:8px 0}.cardflip{perspective:900px;width:min(300px,70vw);position:relative}.cardflip .cardface.big{width:100%;max-width:none}.cardback{display:none}.cardflip.turning .cardface,.cardflip.turning .cardback{backface-visibility:hidden;transition:transform .5s}.cardflip.turning .cardback{display:block;position:absolute;inset:0;transform:rotateY(0)}.cardflip.turning .cardface{transform:rotateY(180deg)}.cardflip.turning.over .cardback{transform:rotateY(-180deg)}.cardflip.turning.over .cardface{transform:rotateY(0)}.cardback svg{background:var(--platinum);border:2px solid var(--ink);box-sizing:border-box;border-radius:8px;width:100%;height:100%;display:block}.cardback .bk-edge,.cardback .bk-wave{fill:none;stroke:var(--dim);stroke-width:1.5px}@media (prefers-reduced-motion:reduce){.cardflip.turning .cardface,.cardflip.turning .cardback{transition:none}}.blankmake{flex-wrap:wrap;align-items:flex-start;gap:20px 32px;display:flex}.blankpreview{width:min(240px,60vw)}.blankopts{flex:18em;min-width:0}.blankopts input[type=text]{box-sizing:border-box;width:100%}.blankopts .tones{flex-wrap:wrap;gap:5px;display:flex}.blankopts .tone{background:var(--tone);border-radius:7px;width:32px;min-width:32px;height:32px;padding:0}.blankopts .tone[aria-pressed=true]{background:var(--tone);box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}.decktable-wrap{width:100%;max-width:560px;margin:12px 0 16px}.decktable-wrap.small{max-width:340px}.decktable{aspect-ratio:1;box-sizing:border-box;border:1px solid var(--ink);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--ink) 5%, var(--paper)) 0 16%, transparent 16.5%), color-mix(in srgb, var(--platinum) 40%, var(--paper));border-radius:50%;width:100%;position:relative}.decktable.move .tablecard{touch-action:none}.tableyou{aspect-ratio:1;border:1.5px dashed var(--ink);border-radius:50%;place-items:center;width:15%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tableyou span{color:var(--dim);font-size:12px}.tablecard{cursor:grab;background:0 0;border:0;border-radius:8px;width:15%;min-width:46px;max-width:84px;margin:0;padding:0;transition:left .6s,top .6s;position:absolute;transform:translate(-50%,-50%);min-height:0!important}.decktable.move .tablecard,.decktable.move .tablecard.lifted{transition:none}.tablecard.lifted{cursor:grabbing;z-index:2}.tablecard.lifted .cardface{box-shadow:4px 4px 0 var(--ink)}.decktable.open .tablecard{cursor:pointer}.decktable.still .tablecard{cursor:default}.tablecard:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.tablecard .cardface{border-radius:6px;gap:2px;padding:4px 3px 5px}.tablecard .cardline{font-size:10px;line-height:1.15}.tablecard.out .cardface{border-style:dashed;border-width:2px}.tablename,.tableout{white-space:nowrap;background:var(--paper);border:1px solid var(--ink);pointer-events:none;border-radius:4px;padding:0 4px;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.tablename{margin-top:2px;font-weight:600;top:100%}.tableout{color:var(--dim);margin-bottom:2px;bottom:100%}.laylist{gap:6px;margin:8px 0 16px;padding:0;list-style:none;display:grid}.layrow{border-bottom:1px solid color-mix(in srgb, var(--ink) 18%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding:6px 0;display:flex}.layrow .row{margin:0}.layline{font-family:var(--read);overflow-wrap:anywhere;min-width:0}#lay-story{box-sizing:border-box;width:100%}#lay-held{margin:8px 0}.deckanswer a.btn{box-sizing:border-box;justify-content:center;align-items:center;min-height:44px;margin:0;font-size:14px;display:flex}@media (width<=480px){.tablecard .cardline{font-size:9px}.tablecard .cardmark{width:70%}}@media (prefers-reduced-motion:reduce){.tablecard{transition:none}}