:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#1a1a1f;background:#f5f5f7;margin:0}.app{text-align:center;max-width:560px;margin:0 auto;padding:24px 16px 48px;font-family:system-ui,sans-serif}h1{margin-bottom:12px;font-size:1.4rem}.status{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.05rem;display:flex}.score{color:#555}.board{background:#2b2b34;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid}.cell{aspect-ratio:1;background:#3a3a45;border-radius:8px;justify-content:center;align-items:center;display:flex}.cell.placeable{cursor:pointer;background:#4a5a3a;outline:2px dashed #9bd14b}.hand-label{color:#555;margin:18px 0 8px;font-size:.9rem}.hand{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hand-card{aspect-ratio:1;cursor:pointer;border-radius:8px;width:84px}.hand-card.selected{outline:3px solid #fc3;transform:translateY(-4px)}.card{color:#fff;border-radius:8px;width:100%;height:100%;font-weight:700;position:relative}.owner-a{background:linear-gradient(160deg,#3d7bd9,#285aa6)}.owner-b{background:linear-gradient(160deg,#d95757,#a62828)}.owner-none{background:linear-gradient(160deg,#6b6f7a,#4b4f59)}.side{text-shadow:0 1px 2px #00000080;font-size:.95rem;position:absolute}.side.t{top:4px;left:50%;transform:translate(-50%)}.side.b{bottom:4px;left:50%;transform:translate(-50%)}.side.l{top:50%;left:6px;transform:translateY(-50%)}.side.r{top:50%;right:6px;transform:translateY(-50%)}.name{opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:.6rem;font-weight:500;position:absolute;bottom:50%;left:50%;overflow:hidden;transform:translate(-50%,50%)}.error{color:#c0392b;margin-top:10px}.newgame{color:#fff;cursor:pointer;background:#285aa6;border:none;border-radius:8px;margin-top:18px;padding:8px 18px;font-size:1rem}.newgame:hover{background:#1f4988}.newgame:disabled{opacity:.5;cursor:default}.collection{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0;display:flex}.coll-card{flex-direction:column;align-items:center;gap:2px;width:72px;display:flex}.coll-card .card{width:72px;height:72px}.coll-card.pick{cursor:pointer}.coll-card.selected .card{outline:3px solid #fc3}.grade{color:#555;font-size:.72rem;font-weight:700}.opened{margin:10px 0}.reward{color:#2e7d32;margin-top:10px;font-weight:700}.reset{color:#777;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;margin-top:14px;padding:5px 12px;font-size:.8rem}.reset:hover{background:#f0f0f0}.topbar{text-align:center;color:#444;margin-bottom:10px;font-size:1.05rem}.tabs{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.tabs button{color:#444;cursor:pointer;background:#e7e7ea;border:none;border-radius:8px;flex:1;max-width:160px;padding:8px;font-size:.95rem}.tabs button.active{color:#fff;background:#285aa6}.hint{color:#777;margin:14px 0;font-size:.92rem}.shop{flex-direction:column;gap:10px;display:flex}.shop-pack{background:#fff;border:1px solid #e0e0e4;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.shop-name{text-align:left;min-width:96px;font-weight:700}.shop-note{color:#777;text-align:left;flex:1;font-size:.85rem}.shop-pack button{color:#fff;cursor:pointer;background:#285aa6;border:none;border-radius:8px;padding:8px 14px}.shop-pack button:disabled{opacity:.5;cursor:default}