*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111;color:#fff}.App{width:100%;height:100%;position:relative;top:0;left:0;right:0;bottom:0}.balatro-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:1}.balatro-container>div{width:100%;height:100%;position:absolute}.dither-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width: 640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{position:absolute;top:0;left:0;object-fit:cover;border-radius:15px;will-change:transform;transform:translateZ(0)}.tilted-card-overlay{position:absolute;top:0;left:0;z-index:2;will-change:transform;transform:translateZ(30px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.cards-container>div{transition:transform .3s ease}.cards-container>div:hover{z-index:10}@media (max-width: 768px){.cards-container{padding:20px 10px}.tilted-card-figure:after{content:"タップして開く";bottom:20px;font-size:14px;background-color:#000c}}.tilted-card-figure:after{content:"ダブルクリックで開く";position:absolute;bottom:35px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:20}.tilted-card-figure:hover:after{opacity:1}