:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#f5f2ea;background:#101214;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit}.app-shell{min-height:100svh;padding:max(24px,env(safe-area-inset-top))16px max(22px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0,#252b29 0,#151817 45%,#101214 75%);place-items:center;display:grid}.game-panel{width:min(100%,430px)}.header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.eyebrow{color:#b8b082;letter-spacing:.2em;margin:0 0 5px;font-size:10px;font-weight:700}h1{letter-spacing:.08em;margin:0;font-family:Georgia,Songti SC,serif;font-size:32px;font-weight:600}.reset-button{color:#a8aaa7;background:0 0;border:0;padding:7px 0;font-size:13px}.settings{background:#ffffff09;border:1px solid #303632;border-radius:14px;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.setting-title,.setting-caption{margin:0}.setting-title{font-size:15px}.setting-caption{color:#929792;margin-top:5px;font-size:12px}.switch{background:#4a4f4c;border:0;border-radius:14px;width:48px;height:28px;padding:3px;transition:background .2s}.switch span{background:#d7d9d3;border-radius:50%;width:22px;height:22px;transition:transform .2s;display:block}.switch.is-on{background:#c7b979}.switch.is-on span{background:#171a18;transform:translate(20px)}.status-row{color:#8e938e;justify-content:space-between;margin:19px 3px 12px;font-size:12px;display:flex}.status-row span:last-child{color:#c7b979}.table{background:linear-gradient(140deg,#1c2420,#18201d);border:1px solid #313631;border-radius:18px;place-items:center;min-height:280px;padding:14px 8px;display:grid;overflow:hidden;box-shadow:inset 0 0 40px #00000029}.cards{justify-content:center;align-items:center;width:100%;display:flex}.card{aspect-ratio:.7;color:#1c211e;opacity:0;background:#f6f3e9;border-radius:7px;flex:0 72px;margin:0 -4px;padding:8px;animation:.45s cubic-bezier(.2,.8,.25,1) forwards deal;position:relative;transform:translateY(14px)rotate(-2deg);box-shadow:0 8px 17px #00000047}.card:nth-child(2){transform:translateY(5px)rotate(-1deg)}.card:nth-child(3){transform:translateY(0)}.card:nth-child(4){transform:translateY(5px)rotate(1deg)}.card:nth-child(5){transform:translateY(14px)rotate(2deg)}.card.red{color:#bd4c45}.corner{flex-direction:column;font-family:Georgia,serif;font-size:17px;font-weight:700;line-height:.9;display:flex}.corner small{font-size:15px}.bottom{position:absolute;bottom:8px;right:8px;transform:rotate(180deg)}.suit{font-size:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.joker{background:linear-gradient(135deg,#f7f4eb,#ded9c8);place-items:center;display:grid}.joker-text{writing-mode:vertical-rl;letter-spacing:.18em;font-family:Georgia,Songti SC,serif;font-size:21px}.empty-state{color:#9ca19b;text-align:center;font-size:14px;line-height:1.7}.empty-state span{color:#c7b979;margin-bottom:8px;font-size:27px;display:block}.empty-state p{margin:0}.draw-button{color:#181b18;letter-spacing:.08em;background:#c7b979;border:0;border-radius:14px;width:100%;margin-top:18px;padding:17px;font-size:16px;font-weight:700;transition:transform .15s,background .15s;box-shadow:0 6px 20px #c7b97929}.draw-button:active:not(:disabled){background:#d7ca8c;transform:scale(.98)}.draw-button:disabled{color:#b2b3ae;background:#5a5c56}.hint{color:#777d78;text-align:center;margin:13px 0 0;font-size:11px}@keyframes deal{to{opacity:1;transform:translateY(0)rotate(0)}}@media (max-width:360px){.card{flex-basis:62px}.table{min-height:260px}}