.tunk-app{--bg:#0b120f;--felt:#1c4a34;--felt-2:#0f2c1f;--rail:#3a2a16;--ink:#eef4ee;--muted:#8ea698;--gold:#f2c14e;--line:#ffffff1f;--red:#c81e2c;--black:#17201a;--pos:#4fbf6e;--neg:#e05a5a;background:radial-gradient(1200px 700px at 50% -10%,#163523,transparent),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font:15px/1.4 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}.tunk-app *,.tunk-app :before,.tunk-app :after{box-sizing:border-box}.tunk-app button{font:inherit}.tunk-app .app{flex-direction:column;max-width:1020px;min-height:100%;margin:0 auto;display:flex}.tunk-app .topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex}.tunk-app .brand{letter-spacing:-.02em;font-size:20px;font-weight:800}.tunk-app .brand span{color:var(--gold)}.tunk-app .brand .ver{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal;font-weight:500}.tunk-app .purses{flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto;display:flex}.tunk-app .pursechip{border:1px solid var(--line);background:#00000040;border-radius:9px;align-items:baseline;gap:6px;padding:4px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.tunk-app .pursechip--active{border-color:var(--gold);box-shadow:0 0 0 2px #f2c14e40}.tunk-app .pursechip--neg .pursechip__amt{color:var(--neg)}.tunk-app .pursechip__name{color:var(--muted);font-size:12px}.tunk-app .pursechip__amt{font-variant-numeric:tabular-nums;font-weight:800}.tunk-app .purses__target{color:var(--muted);font-size:12px}.tunk-app .topbar__new{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px}.tunk-app .topbar__new:hover{color:var(--ink);border-color:var(--gold)}.tunk-app .table{background:radial-gradient(120% 120% at 50% 40%,var(--felt)0%,var(--felt-2)100%);border:8px solid var(--rail);border-radius:22px;flex:1;min-height:350px;margin:14px;position:relative;box-shadow:inset 0 0 60px #00000080,0 20px 50px #0006}.tunk-app .opp{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.tunk-app .opp--n{top:12px;left:50%;transform:translate(-50%)}.tunk-app .opp--w{top:50%;left:14px;transform:translateY(-50%)}.tunk-app .opp--e{top:50%;right:14px;transform:translateY(-50%)}.tunk-app .seattag{border:1px solid var(--line);white-space:nowrap;background:#00000059;border-radius:9px;padding:4px 10px;font-size:12px;transition:border-color .2s,box-shadow .2s}.tunk-app .seattag--active{border-color:var(--gold);box-shadow:0 0 0 2px #f2c14e40}.tunk-app .backs{display:flex}.tunk-app .backs .tk-card{margin-left:-26px}.tunk-app .backs .tk-card:first-child{margin-left:0}.tunk-app .backs--side{flex-direction:column}.tunk-app .backs--side .tk-card{margin-top:-44px;margin-left:0}.tunk-app .backs--side .tk-card:first-child{margin-top:0}.tunk-app .center{justify-content:center;align-items:center;gap:30px;display:flex;position:absolute;inset:0}.tunk-app .pile{flex-direction:column;align-items:center;gap:6px;display:flex}.tunk-app .pile__count{background:var(--gold);color:#1a1300;z-index:1;border-radius:999px;margin-top:-14px;padding:2px 8px;font-size:11px;font-weight:800;position:relative}.tunk-app .pile__label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.tunk-app .msg{color:var(--gold);text-align:center;max-width:92%;font-size:13px;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.tunk-app .tk-card{-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#fbf8ef,#f0ead9);border:2px solid #00000026;border-radius:10px;place-items:center;width:62px;height:90px;padding:0;font-weight:800;display:grid;position:relative;box-shadow:0 2px 6px #00000073}.tunk-app .tk-card--sm{border-width:1px;width:40px;height:58px}.tunk-app .tk-card--black{color:var(--black)}.tunk-app .tk-card--red{color:var(--red)}.tunk-app .tk-card--empty{border:2px dashed var(--line);box-shadow:none;background:0 0}.tunk-app .tk-card--back{background:repeating-linear-gradient(45deg,#245638,#245638 7px,#1c4a30 7px 14px);border-color:#2e6b46}.tunk-app .tk-card__center{font-size:26px;line-height:1}.tunk-app .tk-card--sm .tk-card__center{font-size:17px}.tunk-app .tk-card__corner{text-align:center;opacity:.9;font-size:10px;line-height:1.1;position:absolute}.tunk-app .tk-card--sm .tk-card__corner{font-size:8px}.tunk-app .tk-card__corner--tl{top:4px;left:5px}.tunk-app .tk-card__corner--br{bottom:4px;right:5px;transform:rotate(180deg)}.tunk-app .tk-card--btn{cursor:pointer;transition:transform .12s,box-shadow .12s}.tunk-app .tk-card--btn:hover:not(:disabled){transform:translateY(-10px);box-shadow:0 10px 18px #0000008c}.tunk-app .tk-card--meld{outline:3px solid var(--pos)}.tunk-app .tk-card--dead{outline:3px solid var(--neg)}.tunk-app .tk-card--dim{opacity:.45}.tunk-app .tk-card:disabled{cursor:default}.tunk-app .myhand{flex-direction:column;align-items:center;gap:6px;min-height:120px;padding:10px 14px 4px;display:flex}.tunk-app .myhand__deadwood{color:var(--muted);font-size:13px}.tunk-app .myhand__deadwood b{color:var(--ink)}.tunk-app .myhand__tonktag{color:var(--gold);font-weight:700}.tunk-app .myhand__cards{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tunk-app .actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:6px 16px 2px;display:flex}.tunk-app .actions__hint{color:var(--muted);font-size:13px}.tunk-app .sheet{z-index:40;background:#040812b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tunk-app .sheet__card{border:1px solid var(--line);text-align:center;background:#10241a;border-radius:16px;width:100%;max-width:380px;padding:20px;box-shadow:0 30px 70px #000000b3}.tunk-app .sheet__card--wide{max-width:560px}.tunk-app .sheet__title{margin:0 0 14px;font-size:20px}.tunk-app .bigbtn{background:var(--gold);color:#1a1300;cursor:pointer;border:none;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:800}.tunk-app .bigbtn:hover:not(:disabled){filter:brightness(1.05)}.tunk-app .bigbtn:disabled{opacity:.4;cursor:default}.tunk-app .bigbtn--tonk{background:var(--gold)}.tunk-app .bigbtn--drop{color:var(--ink);border:1px solid var(--gold);background:0 0}.tunk-app .resulttable{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-bottom:16px}.tunk-app .resulttable th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:4px 6px;font-size:11px}.tunk-app .resulttable td{border-top:1px solid var(--line);text-align:left;vertical-align:middle;padding:6px}.tunk-app .resulttable__hand{flex-wrap:wrap;gap:2px;max-width:220px;display:flex}.tunk-app .resulttable__winner td{color:var(--gold);font-weight:700}.tunk-app .meldtag{color:var(--pos);background:#4fbf6e26;border-radius:6px;margin:0 3px 3px 0;padding:1px 6px;font-size:11px;display:inline-block}.tunk-app .delta--pos{color:var(--pos)}.tunk-app .delta--neg{color:var(--neg)}.tunk-app .foot{text-align:center;color:var(--muted);padding:8px 10px 14px;font-size:12px}.tunk-app .foot a{color:var(--gold);text-decoration:none}.tunk-app .foot a:hover{text-decoration:underline}@media (max-width:640px){.tunk-app .tk-card{width:48px;height:70px}.tunk-app .tk-card__center{font-size:19px}.tunk-app .backs .tk-card{margin-left:-30px}.tunk-app .backs--side .tk-card{margin-top:-50px}.tunk-app .table{min-height:300px}.tunk-app .resulttable__hand{max-width:160px}}
