.tf-panel{background:linear-gradient(160deg,#0d5f3a,#073d24);border:1px solid #ffcb4752;border-radius:22px;padding:20px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #0000004d,0 10px 30px #0000002e}@media (min-width:640px){.tf-panel{padding:28px 26px}}.tf-label{letter-spacing:.2em;text-transform:uppercase;color:#ffcb47d9;font-size:10px;font-weight:700;display:block}.tf-hint{color:#ffffff8c;font-size:11px}.tf-divider{border:none;border-top:1px solid #ffffff1f;margin:18px 0}.tf-card{--w:46px;width:var(--w);height:calc(var(--w) * 1.4);border-radius:5px;flex:none;position:relative;box-shadow:0 2px 5px #0006}@media (min-width:640px){.tf-card{--w:54px}}.tf-card--face{color:#0a0a0a;cursor:pointer;background:linear-gradient(160deg,#fff,#f1f3f5);border:1px solid #0000001f;transition:transform .12s,box-shadow .12s}.tf-card--face:hover{transform:translateY(-2px);box-shadow:0 5px 12px #00000073}.tf-card--face.tf-card--red{color:#e00611}.tf-card__corner{flex-direction:column;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute;top:4px;left:5px}.tf-card__rank{font-size:calc(var(--w) * .3)}.tf-card__suit{font-size:calc(var(--w) * .27);margin-top:1px}.tf-card__pip{font-size:calc(var(--w) * .64);opacity:.92;place-items:center;display:grid;position:absolute;inset:30% 0 0}.tf-slot{box-shadow:none;cursor:pointer;color:#ffffff73;background:#ffffff0d;border:1.5px dashed #ffffff4d;place-items:center;font-size:14px;transition:border-color .12s,background .12s;display:grid}.tf-slot:hover{background:#ffffff17;border-color:#ffffff8c}.tf-slot--active{color:#ffcb47e6;background:#ffcb471a;border-color:#ffcb47;animation:1.4s ease-in-out infinite tf-slot-pulse}.tf-slot--muted{opacity:.4}@keyframes tf-slot-pulse{0%,to{box-shadow:0 0 #ffcb4759}50%{box-shadow:0 0 0 5px #ffcb4700}}.tf-slot-cap{letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;font-size:9px;font-weight:600}.tf-pill{color:#ffffffb8;text-align:center;white-space:nowrap;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;min-width:0;padding:9px 4px;font-size:14px;font-weight:600;transition:background .15s,color .15s,transform 80ms}.tf-pill:hover{color:#fff;background:#ffffff21}.tf-pill:active{transform:scale(.97)}.tf-pill.is-active{color:#0a1f14;background:linear-gradient(#ffcb47,#d9a12b);border-color:#0000;box-shadow:0 3px 12px #ffcb4766}.tf-pick{aspect-ratio:5/7;cursor:pointer;background:linear-gradient(160deg,#fff,#f1f3f5);border:none;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;font-weight:700;line-height:1;transition:transform .1s,box-shadow .1s,opacity .1s;display:flex;box-shadow:0 1px 3px #00000059}.tf-pick:hover:not(:disabled){z-index:1;transform:scale(1.08);box-shadow:0 4px 10px #00000073}.tf-pick:active:not(:disabled){transform:scale(.95)}.tf-pick--used{box-shadow:none;cursor:not-allowed;background:#ffffff14;border:1px dashed #ffffff2e;color:#ffffff47!important}.tf-pick--idle{opacity:.55;cursor:default}.tf-pill--sm{border-radius:8px;padding:5px 10px;font-size:11px}.tf-input{color:#fff;background:#00000047;border:1px solid #ffffff26;border-radius:10px;padding:8px 12px}.tf-input:focus{border-color:#ffcb4799;outline:none}.tf-choice{text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:11px;width:100%;transition:background .15s,border-color .15s}.tf-choice:hover{background:#ffffff1a}.tf-choice.is-active{background:#ffcb4724;border-color:#ffcb478c}.tf-result-gold{background:linear-gradient(#ffcb4729,#ffcb470d);border:1px solid #ffcb4766;border-radius:14px}.tf-inner{background:#00000047;border:1px solid #ffffff1f;border-radius:14px}.tf-stat{text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:11px;padding:12px 6px}