*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cinzel Decorative,serif;background:radial-gradient(circle at center,#1c1c1c,#000);color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100vw;height:100vh;position:absolute;transition:transform .6s ease,opacity .6s ease;transform:translate(100%)}.active{transform:translate(0)}h1,h2{margin:20px;text-shadow:2px 2px 8px #000}button,input[type=text]{padding:12px 20px;margin:10px;border:none;border-radius:8px;font-size:16px;cursor:pointer;background:linear-gradient(to right,#c79081,#dfa579);color:#000;font-weight:700}.container{width:90vw;height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#customTopic{align-self:stretch;margin-top:2em}.container button{flex:1 0 25%}.topic-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}.draw-button:disabled,.home-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7;box-shadow:none;pointer-events:none}.card-stack{position:relative;width:60vw;height:70vh;display:flex;justify-content:center;align-items:center}.card-stack .card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .5s,opacity .5s}.drawn-cards{display:flex;gap:10px;margin:20px}.card-holder{width:28vw;height:42vw;border:1px solid #fff;border-radius:8px;box-shadow:0}.card{width:40vw;height:60vw;background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Card_back_06.svg/640px-Card_back_06.svg.png) center/cover;border-radius:8px;box-shadow:0 4px 8px #00000080}.card.revealed{background-size:contain;background-repeat:no-repeat;background-position:center;width:28vw;height:42vw}.loader{border:6px solid #444;border-top:6px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-box{background:#1e1e1e;padding:20px;border-radius:12px;box-shadow:0 0 20px #fff4;width:90vw;text-align:center}.result-title{font-size:1.5rem;color:#ffc;margin-bottom:1rem}.result-detail{font-size:1rem;color:#eee;white-space:pre-wrap;text-align:justify}