*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;height:100vh;height:100dvh;overflow:hidden}#root{height:100%}.app{display:flex;flex-direction:column;height:100%;max-width:700px;margin:0 auto}.app-header{flex-shrink:0;padding:.75rem 1rem;border-bottom:1px solid #2a2a4e;display:flex;align-items:center}.app-header__select{background:#252540;color:#e0e0e0;border:1px solid #2a2a4e;border-radius:4px;padding:.3rem .5rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.app__instrument-area{flex:1;min-height:0;overflow:hidden;padding:.75rem 1rem}.app__play-area{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 1rem 1rem;border-top:1px solid #2a2a4e;background:#1a1a2e}.play-area__credits{font-size:1rem;color:gold;font-weight:600}.hand{display:flex;gap:.4rem;justify-content:center;padding:0 1rem;perspective:600px}.card{position:relative;width:60px;height:90px;border:2px solid #555;border-radius:6px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;cursor:pointer;font-size:1rem;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.card:disabled{cursor:default}.card:not(:disabled):not(.card--held):hover{transform:translateY(-4px)}.card--red{color:#c0392b}.card--black{color:#222}.card--held{border-color:gold;transform:translateY(-8px);box-shadow:0 4px 12px #ffd7004d}.card--subtle-held{border:2px dashed #ffd700;opacity:.75}.card--winning{border-color:#2ecc71;transform:translateY(-8px);box-shadow:0 4px 16px #2ecc7166}.card--dimmed{opacity:.35}.card--flip-out{animation:card-flip-out .2s ease-in forwards}.card--flip-in{animation:card-flip-in .2s ease-out forwards}@keyframes card-flip-out{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes card-flip-in{0%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}.card__rank{font-size:1.2rem;font-weight:700}.card__suit{font-size:.95rem}.card__held-label{position:absolute;bottom:4px;font-size:.55rem;font-weight:700;color:gold;letter-spacing:.05em}.outcome{display:flex;justify-content:center;align-items:baseline;gap:.5rem;min-height:1.6rem}.outcome__hand-name{font-size:1.1rem;font-weight:700;color:#fff}.outcome__payout{font-size:1.1rem;font-weight:700;color:#2ecc71}.action-bar{display:flex;gap:.75rem}.btn{padding:.6rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.btn--deal{background:#2980b9;color:#fff}.btn--deal:hover{background:#3498db}.btn--draw{background:#27ae60;color:#fff}.btn--draw:hover{background:#2ecc71}.instrument-panel{width:100%;height:100%;display:flex;flex-direction:column;transition:opacity .2s}.instrument-panel--loading{opacity:.5}.instrument-panel__content{flex:1;min-height:0;overflow-y:auto;border-radius:8px;background:#252540;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.instrument-panel__summary{display:flex;gap:1rem;justify-content:center;width:100%}.scalar-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.scalar-display__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#999}.scalar-display__value{font-size:1.3rem;font-weight:700;color:gold}.distribution-display{display:flex;flex-direction:column;gap:.3rem;width:100%}.distribution-display__row{display:flex;align-items:center;gap:.5rem}.distribution-display__row--disabled{opacity:.3}.distribution-display__label{font-size:.75rem;width:7rem;text-align:right;color:#ccc;flex-shrink:0}.distribution-display__bar-track{flex:1;height:10px;background:#1a1a2e;border-radius:3px;overflow:hidden}.distribution-display__bar-fill{height:100%;background:gold;border-radius:3px;transition:width .3s ease}.distribution-display__pct{font-size:.7rem;width:3rem;text-align:right;color:#999}.instrument-skeleton{padding:.75rem 1rem;background:#252540;border-radius:8px;height:100%;display:flex;align-items:center}.instrument-skeleton__row{display:flex;gap:1rem;justify-content:center;width:100%}.skeleton-line{background:linear-gradient(90deg,#2a2a4e 25%,#3a3a5e,#2a2a4e 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;height:2.5rem}.skeleton-line--wide{flex:1;max-width:10rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}