.tranca-app{color:#f4efdf;background:#101e19;min-height:100vh;font-family:Arial,sans-serif}.tranca-app header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;height:76px;padding:0 4%;display:flex}.tranca-app a{color:#d6e9a6}.tranca-app header strong{letter-spacing:.22em;font-size:22px}.tranca-app em{color:#c9df95;font-style:normal}.tranca-layout{grid-template-columns:1.25fr 1fr;max-width:1800px;margin:auto;display:grid}.tranca-viewport{background:#182b23;height:calc(100vh - 76px);min-height:550px;position:sticky;top:0}.tranca-canvas{width:100%;height:100%}.tranca-caption{text-align:center;letter-spacing:.22em;pointer-events:none;width:100%;font-size:10px;position:absolute;bottom:28px;left:0}.tranca-dashboard{padding:38px 32px}.tranca-eyebrow{letter-spacing:.2em;color:#c2d599;font-size:10px}.tranca-dashboard h1{margin:12px 0;font-family:Georgia,serif;font-size:clamp(32px,4vw,52px);font-weight:400}.tranca-dashboard p{color:#b6c7b9;line-height:1.65}.tranca-app button,.tranca-app select{color:#f3f0df;cursor:pointer;background:#244b37;border:1px solid #72906b66;border-radius:7px;padding:11px 14px;font-size:13px}.tranca-app button:hover{background:#366448}.tranca-app button:focus-visible,.tranca-app a:focus-visible{outline-offset:3px;outline:3px solid #e1edaa}.tranca-app button:disabled{cursor:default;opacity:.65}.tranca-app .selected{color:#142b20;background:#d6e9a6}.tranca-options{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.tranca-options label{align-items:center;gap:10px;display:flex}.tranca-controls{background:#182d22;border:1px solid #a6c28a33;border-radius:12px;padding:16px}.tranca-row{flex-wrap:wrap;gap:7px;margin:9px 0;display:flex}.tranca-row>*{text-align:center;flex:1}.tranca-row span{color:#c6d6bf;font-size:13px;line-height:1.7}.tranca-melds{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tranca-melds h2{font-size:15px}.tranca-melds button{text-align:left;width:100%;margin:5px 0;display:block}.tranca-app details{border-top:1px solid #ffffff20;margin-top:24px;padding:18px 0;font-size:14px}.tranca-app summary{cursor:pointer}.tranca-app footer{color:#96aa99;margin-top:24px;font-size:11px}.tranca-about img{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-top:20px}@media (width<=900px){.tranca-layout{grid-template-columns:1fr}.tranca-viewport{height:48vh;min-height:300px;position:relative}.tranca-dashboard{padding:24px 18px}}.tranca-row .hand-card{color:#172b27;background:#f4efdf;border:2px solid #0000;flex:1 0 35px;min-height:72px;font:24px Georgia,serif;box-shadow:0 3px 8px #0003}.tranca-row .hand-card.red-card{color:#b93434}.tranca-row .hand-card.selected{background:#e1efc3;border-color:#c6ed83;transform:translateY(-5px)}.tranca-row .hand-card:hover{background:#e1efc3}