*{box-sizing:border-box}html,body{margin:0;padding:0;background:#1b1b1f;color:#eee;font-family:system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}#app{max-width:480px;margin:0 auto;min-height:100vh;padding:.75rem .75rem 3rem}h1{font-size:1.5rem;text-align:center}h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:#999;margin:1rem 0 .4rem}.screen.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;gap:1rem;text-align:center}button{font-size:1rem;padding:.7rem 1.4rem;border-radius:.6rem;border:none;background:#4a7dff;color:#fff;cursor:pointer}button:disabled{opacity:.4;cursor:default}.status{text-align:center;font-weight:600;padding:.5rem;background:#26262c;border-radius:.5rem;margin-bottom:.5rem}.invite{text-align:center;font-size:.85rem;color:#aaa;margin-bottom:.5rem;word-break:break-all}.invite code{color:#eee}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.slot{aspect-ratio:1;background:#26262c;border-radius:.5rem;position:relative;display:flex;align-items:center;justify-content:center}.slot.clickable{outline:2px dashed #4a7dff;cursor:pointer}.slot.drop-target{outline:2px dashed rgba(74,125,255,.5)}.slot.drop-hover{outline:3px solid #4a7dff;background:#4a7dff2e}.preview-card{opacity:.85;outline:2px dashed rgba(255,255,255,.7);outline-offset:-2px;pointer-events:none}.slot-number{position:absolute;top:2px;left:5px;font-size:.65rem;color:#666}.stack{display:flex;position:relative;width:70%;height:70%}.stack .card:nth-child(2){position:absolute;top:12%;left:12%}.card{width:100%;height:100%;border-radius:.35rem;display:flex;flex-direction:column;overflow:hidden;font-weight:700;border:2px solid rgba(255,255,255,.25);position:relative;padding:0}.card.facedown{background:repeating-linear-gradient(45deg,#444,#444 4px,#3a3a3a 4px,#3a3a3a 8px)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2px;padding:2px 5px;flex-shrink:0;line-height:1.1}.card .num{font-size:.95rem}.card .bonus{font-size:.68rem;line-height:1.15;text-align:right;max-width:62%;word-break:break-all}.penalty-x{color:#e0524f;font-weight:800;font-family:system-ui,-apple-system,sans-serif}.card-photo{flex:1;background-size:cover;background-position:center;background-color:#00000026}.market{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;min-height:3.5rem}.market-card{width:92%;aspect-ratio:1;justify-self:center;align-self:center;padding:0;touch-action:none;cursor:grab}.market-card.dragging-source{opacity:.35}.drag-ghost{position:fixed;top:0;left:0;transform:translate(-50%,-50%) scale(1.1);pointer-events:none;z-index:1000;box-shadow:0 8px 20px #00000073}.market-card.selected{outline:3px solid #ffd24a}.stack-choice{display:flex;flex-direction:column;gap:.4rem;align-items:stretch;background:#26262c;border-radius:.5rem;padding:.6rem;margin-top:.5rem}.stack-choice p{margin:0 0 .2rem;text-align:center}.stack-choice button{background:#33333c}.muted{color:#666;text-align:center}.scores{margin-top:1rem;background:#26262c;border-radius:.5rem;padding:.7rem}#new-game-btn{display:block;width:100%;margin-top:.6rem}.score-row{padding:.2rem 0}.score-row.me{font-weight:700}.score-detail{display:block;font-size:.75rem;color:#999}.score-row.running-total{margin-top:.4rem;padding-top:.5rem;border-top:1px solid #3a3a42;font-size:.85rem;color:#ccc}@media (min-width: 500px){#app{padding-top:1.5rem}}