:root{color-scheme:light;--ink:#233f4d;--blue:#29576c;--gold:#ae813e;--paper:#fbf8ed;--muted:#697979;--red:#a44643}*{box-sizing:border-box}body{margin:0;background:#ebe8d9;color:var(--ink);font:16px/1.5 Georgia,serif;background-image:radial-gradient(ellipse at top,#fffcf0,transparent 70%)}button,input{font:inherit}button{border:1px solid #b7bcb0;background:#fffdf3;color:var(--ink);border-radius:8px;padding:9px 15px;cursor:pointer;transition:background .16s,transform .16s}button:hover:not(:disabled){background:#f1e3bf;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #377d97;outline-offset:4px}.primary{background:var(--blue);border-color:var(--blue);color:#fff8e6}.primary:hover:not(:disabled){background:#346b80}.gold{background:#ead5a4;border-color:#b68e4d}.eyebrow{font:11px/1.6 system-ui,sans-serif;letter-spacing:2.1px;color:#896735}header{max-width:1300px;margin:auto;padding:22px 25px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font:normal clamp(34px,4vw,52px)/1.1 Georgia,serif;margin:5px 0 7px;color:#214d5e}header p{margin:0;color:#7e755b;font-style:italic}nav{display:flex;flex-wrap:wrap;gap:8px}nav button{font:13px system-ui,sans-serif}main{max-width:1300px;padding:0 24px;margin:auto}.welcomeBlank{text-align:center;padding:100px 20px}.statbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;padding:13px 18px;background:#244f60;color:#fff5de;border:1px solid #315666;border-radius:10px;font:13px system-ui,sans-serif;box-shadow:0 5px 14px #153b4311}.stats{display:flex;flex-wrap:wrap;gap:18px}.stats b{font-size:17px;color:#ffe1a2}.table{background:#f2ecdc url('assets/table.png') center/cover;border:1px solid #b29e7e;border-radius:16px;box-shadow:0 15px 35px #32443720;overflow:hidden;padding:20px 25px 24px}.tableTools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.tableTools>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stock{display:flex;align-items:center;gap:13px}.stockBack{width:42px;height:58px;background:#27556c url('assets/back.svg') center/cover;border:2px solid white;border-radius:5px;box-shadow:2px 3px 1px #826b46}.stock small{display:block;color:#657071;font:11px system-ui,sans-serif}.tableTools button{font:13px system-ui,sans-serif;box-shadow:0 3px 6px #0001}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:15px 0 20px}.column{min-width:0;text-align:center}.columnHead{display:flex;justify-content:space-between;align-items:center;font:11px system-ui,sans-serif;color:#5c655e;padding:0 3px 9px;letter-spacing:.5px}.columnHead button{padding:3px 7px;font:10px system-ui,sans-serif;background:#fff9e5c9}.pileBody{min-height:345px;padding:9px 10px 12px;border:1px solid #a38e6259;border-radius:10px;background:#fff9e349;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.under{width:100%;max-width:196px;margin-bottom:-3px}.peek{background:#fffdf5;border:1px solid #b8af97;border-bottom:0;border-radius:5px 5px 0 0;padding:0 9px;text-align:left;height:18px;font:bold 12px/18px Georgia,serif;box-shadow:0 -2px 3px #0001;color:#294e62}.peek.red{color:var(--red)}.more{font:10px system-ui,sans-serif;padding:2px;color:#6c705f}.card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:196px;aspect-ratio:2.5/3.5;min-width:0;background:#fffdf5;color:#294e62;border:1px solid #b4ac97;border-radius:10px;padding:25px 22px;box-shadow:0 5px 8px #5a492a40;overflow:hidden}.card:hover:not(:disabled){background:#fffdf5}.card.red{color:var(--red)}.card:disabled{opacity:1;cursor:default}.card .corner{position:absolute;left:7px;top:6px;font:bold 23px/.95 Georgia,serif;z-index:2}.card .corner.bottom{left:auto;top:auto;right:7px;bottom:6px;transform:rotate(180deg)}.card .pips{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;font-size:31px;line-height:1.23}.card .face{font:76px/1 Georgia,serif;color:inherit;text-shadow:2px 2px #c7b77650}.card .faceLabel{font:10px system-ui,sans-serif;letter-spacing:1px;margin-top:12px}.card.removable{outline:3px solid #6c8e60;outline-offset:2px}.card.selected{outline:4px solid #4c8dab;outline-offset:2px}.card.ace{padding:0;background:#f5eed9}.aceArt{position:absolute;inset:10px 22px 25px;background-image:url('assets/aces.png');background-size:400% 100%;background-repeat:no-repeat;border-radius:6px;opacity:.95}.aceTitle{position:absolute;bottom:9px;left:26px;right:26px;background:#fbf6e6ed;font:italic 14px Georgia,serif;padding:6px 0;color:#3d534b}.card.joker{background:radial-gradient(ellipse,#fff9e4,#dce7e9);color:#35647a}.card.joker .wild{font:38px/1.2 Georgia,serif;color:#9e7537}.card.joker .wildLabel{font:12px/1.4 system-ui,sans-serif;letter-spacing:2px;margin-top:12px;color:#35647a}.card.joker .corner{font-size:15px}.pileActions{display:flex;gap:6px;width:100%;max-width:196px;margin-top:12px}.pileActions button{flex:1;padding:7px 3px;font:11px system-ui,sans-serif}.emptySlot{width:100%;max-width:196px;aspect-ratio:2.5/3.5;background:#fffaf14d;border:2px dashed #aaa17d;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6f7c72;box-shadow:none}.emptySlot span{font-size:35px}.emptySlot small{font:12px system-ui,sans-serif}.emptySlot:disabled{opacity:.7}.actionPlaceholder{height:40px}.message{margin:0;padding:14px 18px;border-left:3px solid #ad8445;background:#fffdf3de;font-size:16px;min-height:52px}.helpLine{font:12px system-ui,sans-serif;text-align:center;margin:12px 0 0;color:#5c685e}.faithRow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.faith{display:flex;gap:11px;align-items:center;padding:10px 15px;background:#fbf8ed;border:1px solid #c7c3ac;text-align:left;border-radius:9px}.faith .faithIcon{font-size:26px}.faith strong{font:normal 18px Georgia,serif}.faith small{display:block;font:10px system-ui,sans-serif;color:#737969;margin-top:4px}.faith.exposed{border-color:#91a984;background:#f0f3e4}.lower{display:flex;justify-content:space-between;align-items:center;gap:15px;font:12px system-ui,sans-serif;color:#72776a;margin:10px 0}.lower button{font:12px system-ui,sans-serif;padding:7px 12px}.finish{background:#fff9e7;border:1px solid #b18e50;border-radius:12px;text-align:center;padding:22px;margin:0 0 16px}.finish h2{font-weight:normal;color:#285367;margin:0 0 10px}.finish p{margin:8px}.finish button{margin:12px 4px 0}footer{max-width:1300px;margin:24px auto;padding:0 24px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;font:11px/1.5 system-ui,sans-serif;color:#6c756b}footer a{color:#315f70;margin-left:10px}footer button{font:11px system-ui,sans-serif;padding:6px 10px}dialog{width:min(730px,calc(100% - 30px));max-height:88vh;overflow:auto;background:#faf7ec;color:var(--ink);border:1px solid #a38c59;border-radius:16px;padding:30px;box-shadow:0 20px 90px #0005}dialog::backdrop{background:#153440ad;backdrop-filter:blur(4px)}dialog h2{font:normal 30px/1.2 Georgia,serif;color:#26576a;margin:4px 0 18px}.close{float:right;font-size:25px;padding:0 10px;margin:0 0 10px 10px}#welcome{width:530px;max-width:calc(100% - 30px)}#welcome form{display:flex;flex-direction:column;gap:15px}#welcome p{margin:0}#welcome small{font:11px/1.6 system-ui,sans-serif;color:#6d746c}input{padding:12px;border:1px solid #a5b3af;border-radius:7px;color:var(--ink);background:white}.suitChoices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.suitChoice{display:flex;align-items:center;gap:15px;text-align:left;padding:17px}.suitChoice b{font-size:35px}.suitChoice small{display:block;font:12px system-ui,sans-serif;margin-top:4px}.suitChoice.red{color:var(--red)}.verse{font:italic 23px/1.6 Georgia,serif;color:#45615d;margin:24px 0}.verseArt{height:210px;width:100%;max-width:170px;float:left;margin:0 22px 14px 0;border-radius:8px;background-image:url('assets/aces.png');background-size:400% 100%;background-repeat:no-repeat}.modalNote{font:12px system-ui,sans-serif;color:#6a766e;clear:both}.rules li{margin:0 0 12px}.cardList{display:flex;gap:8px;flex-wrap:wrap}.cardList span{padding:10px;border:1px solid #b4bfbb;border-radius:6px;background:#fff}.error{padding:12px;border:1px solid #ac6b53;background:#fff2df}.dealFlash .card{animation:dealIn .35s ease-out both}.dealFlash .column:nth-child(2) .card{animation-delay:.06s}.dealFlash .column:nth-child(3) .card{animation-delay:.12s}.dealFlash .column:nth-child(4) .card{animation-delay:.18s}@keyframes dealIn{from{transform:translateY(-12px);opacity:.35}to{transform:translateY(0);opacity:1}}@media(max-width:850px){header{padding:18px 18px 14px}main{padding:0 14px}.table{padding:16px 12px}.board{gap:12px}.pileBody{padding:8px 6px;min-height:290px}.card .pips{font-size:25px;gap:0 12px}.card .corner{font-size:20px}.card .face{font-size:58px}.faith{padding:9px;gap:7px}.faith strong{font-size:16px}}@media(max-width:600px){header{flex-direction:column;align-items:flex-start;gap:12px}.statbar{align-items:flex-start;flex-direction:column;gap:8px}.stats{gap:12px}.tableTools{align-items:flex-start;flex-direction:column}.board{gap:6px}.pileBody{padding:5px 3px;min-height:225px}.card{padding:17px 12px;border-radius:6px}.card .corner{font-size:15px;left:3px;top:4px}.card .corner.bottom{right:3px;bottom:4px}.card .pips{font-size:18px;gap:0 5px;line-height:1.2}.card .face{font-size:38px}.card .faceLabel{font-size:7px;margin-top:6px}.card .wild{font-size:24px!important}.card .wildLabel{font-size:8px!important;letter-spacing:0!important}.card.joker .corner{font-size:10px}.aceArt{inset:7px 12px 16px}.aceTitle{font-size:10px;left:10px;right:10px;bottom:5px;padding:3px 0}.pileActions{flex-direction:column;gap:4px;margin-top:8px}.pileActions button{font-size:10px;padding:6px 2px}.emptySlot small{font-size:9px}.actionPlaceholder{height:65px}.columnHead{font-size:9px;display:block}.columnHead button{display:block;margin:4px auto 0;font-size:9px}.peek{font-size:10px;padding-left:4px;height:14px;line-height:14px}.faithRow{grid-template-columns:repeat(2,1fr);gap:8px}.message{font-size:14px}.lower{align-items:flex-start}.stats b{font-size:14px}.tableTools button{font-size:12px}dialog{padding:22px}.verseArt{float:none;margin:0 auto 20px;height:240px;max-width:160px}.suitChoices{grid-template-columns:1fr}.stockBack{width:34px;height:47px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}